*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;font-family:Arial,Microsoft YaHei;}
body{font-size: 14px;min-width: 1300px;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;}
.dfs{display: flex;align-items: center;justify-content: space-between;}
.db>div, .lb>li, .dd>dl{display:inline-block;vertical-align:top;}




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





/*header*/
.head_c{display: flex; justify-content: space-between; height: 100%; align-items: center;}
.hea_lc{display: flex;align-items: center;}
.head_c>ul {display: flex; position: relative;}
.head_bc {height: 40px; background: #0072ff;}
.hea_lc>h1 {color: rgba(255,255,255,0.8);letter-spacing: 0.01em; font-size:14px;}
.hea_lc>h1 a {color: #fff; font-weight: bold;margin: 0 5px; font-size:14px;}
.hea_lc>b {font-size: 16px; color: #fff;display: flex;align-items: center;}
.hea_lc>b>span {font-size: 16px; color: #fff; margin-right: 8px; font-weight: normal;}
.hea_lc>b em{display:inline;font-size:20px;font-family: arial;color: #fff;}
.head_c>ul span {font-size: 16px; color: #fff; cursor: pointer;}
.head_c>ul p {width: 150px;background:#fff;padding:10px;position: absolute; top: 40px; transition: all .5s; transform: rotateX(90deg); transform-origin: top; left: calc(50% - 75px); z-index: 999;}
.head_c>ul p img {width: 100%;}
.head_c>ul p b{display:block;text-align:center;font-size:14px;font-weight:normal;}
.head_c li {height: 40px; line-height: 40px; position: relative;}
.head_c li+li {margin-left: 34px;}
.head_c li:after {position: absolute; content: ""; width: 1px; height: 8px; background: rgba(229,229,229,0.17); top: 50%; left: -16px; margin-top: -4px;}
.head_c li:nth-child(1):after {display: none;}

.head_c li:hover p {transform: rotateX(0deg);} 

/*nav*/
.nav_c {display: flex; justify-content: space-between; height: 112px; align-items: center;}
.nav_lc {display: flex; align-items: center;}
.nav_lc i{padding-right:21px;position:relative;}

.nav_lc>div{}
.nav_lc>div h2{font-size: 1.6vw;line-height: 1em;color: #333;font-weight: bold;}
.nav_lc>div>p{margin-top: 8px;font-size: 0.9vw; line-height: 1em;color: #666;}
.nav_lc>div>p>span {color: #0072ff;}
.nav_bc {}
.nav_rc {width: 57%;height: 100%;}
.nav_rc>ul {height: 100%;display: flex; justify-content: space-between;align-items: center;}
.nav_rc>ul>li{height: 100%;}
.nav_rc>ul>li>a{display: flex;align-items: center;height: 100%;font-size: 16px; position: relative;}
.nav_rc>ul>li>a:after {position: absolute; content: ""; width: 100%; height: 2px; background: #0072ff; bottom:0; left: 0; transition: all .5s; transform: scaleX(0);}
.nav_rc>ul>li:hover>a:after,.nav_rc>ul>li.on>a:after {transform: scaleX(1);}
.nav_rc>ul>li:hover>a,.nav_rc>ul>li.on>a {color: #0072ff;}

/*下拉*/
.nav_xlbox{width:58.5%;float:right;margin-top: 10px;}
.nav_dbt{font-size:26px;color:#333;border-bottom: 1px #efefef solid;padding-bottom: 22px;margin-bottom:26px;
    display: block;
}
.nav_xl{line-height: 30px;float:left;font-size: 24px;color:#333;overflow:hidden;border-right: 1px #ededed solid;padding-right: 74px;}
.nav_dht a{display: block;height: 40px;line-height: 40px;font-size:17px;color: #333;width:213px;float:left;margin-bottom:35px;margin-left:60px;}
.nav_dht a:nth-child(3n+1),.nav_dht .prolist2021 li:nth-child(3n+1){margin-left:0px !important;}
.nav_dht .prolist2021 ul{display:flex;flex-wrap:wrap;}
.nav_dht .prolist2021 li{margin-left:60px;}
.nav_dht .prolist2021 li a{margin-left:0;}

.nav_dbt img{display:none;}
.nav_rc>ul>li:nth-of-type(7) .nav_dbt img{
    display: block;
}

.nav_rc>ul>li:nth-of-type(7) .nav_xl{display:none;}

.nav_rc>ul>li:nth-of-type(7) .nav_dbt{
    text-align: center;border-bottom: none;padding-bottom: 0; margin-bottom: 0; font-size: 20px;
}
.nav_rc>ul>li:nth-of-type(7) .nav_dbt img{
    display: block;margin-bottom: 15px;
}


.nav_rc li>.juli { background:#f8f8f8; position: absolute; top:152px; left:0; width:100%; z-index:2;    transition: all .5s;
    transform: rotateX(90deg);
    transform-origin: top;}
.nav_rc li:hover>.juli {
    transform: rotateX(0deg);
}
.nav_rc li.dhh .juli {}
.nav_rc li .box { width:1300px;display:block;overflow:hidden;padding:30px 0px;margin: auto; display: flex;justify-content: space-between;}
.nav_rc li .box span{width:40px;height: 40px;background: #0072ff;text-align: center; line-height: 40px; border-radius: 50%; font-size: 25px; font-family: Arial; float: left; color: #fff; margin-right: 15px;}
.nav_dht a:hover {color: #f07905;}
.nav_rc li .box a:hover span{background:#f07905;}
.nav_xl1{}
.nav_xl1 li{width:calc(100%/3);float:left;padding:0 30px;}
.nav_xl1 li p{font-size:20px;text-align:center;color:#333;line-height:50px;transition: all 0.3s;}
.nav_xl1 li:hover p{color:#0072ff;}
.nav_rc li dl dl{display:none;}














.dtitle{text-align:center; font-size:42px; color:#333;font-weight: bold;}
.dtitle em{ color:#0072ff;}
.dtitle span{ display:block; font-size:18px; color:#666666; font-weight:lighter; margin:10px 0 20px 0;}
.dtitle:after{ content:''; display:inline-block; width:94px; height:3px; background:url(images/20231130185438_35064836.png) no-repeat center;-webkit-animation: 'flymove' 5s linear infinite;-moz-animation: 'flymove' 5s linear infinite;-ms-animation: 'flymove' 5s linear infinite;}
@-webkit-keyframes flymove{
            from{background-position:-94px 0px;}
            to{background-position:0 0;}
        }
        @-moz-keyframes flymove{
            from{background-position:-94px 0px;}
            to{background-position:0 0;}
        }
       





/*pro*/
.pro {width: 100%;background: #f8f8f8;padding: 80px 0;overflow: hidden;}
.pro_box {margin: 0 auto;}
.pro_nav {}
.pro_nav ul {display: flex;justify-content: space-between;align-items: center;}
.pro_nav li {width: 33.33%;display:  flex;align-items:  center;justify-content: space-between;flex-direction: column;position: relative;padding: 3% 2% 3%;height: 100%;}
.pro_nav li.on {background:#0072ff;}
.pro_nav li.on em {transform: translateX(-100px);}
.pro_nav li.on i img {transform: scale(1.1);}
.pro_nav li a{font-size: 30px;line-height: 30px;display: flex;flex-direction: column;align-items: center;color: #333;}
.pro_nav li a span {font-size: 12px;color: rgba(102, 102, 102, 0.5);text-transform: uppercase;font-family: Arial;line-height:  12px;padding-top: 12px;}
.pro_nav li i {height: 310px;     margin-top: 8%;}
.pro_nav li i img {width:auto;height: 100%;transition: 0.5s;}
.pro_nav li em {width: 35px;height: 35px;background: #fff;border-radius: 50%;transition: 0.5s;margin-top: 7%;display: flex;justify-content: center;
align-items: center;font-size: 20px;}
.pro_nav li.on a{color: #fff;}
.pro_nav li.on a span{color: rgba(255,255,255,0.5);}






/*产品*/
.prod_content{background: #fff;width: 100%;overflow: hidden; margin-top: 80px;}
.pro_con{margin-top: 50px;}
.pro_le{width: 21%; background: #f8f8f8;}
.pro_le_t{height: 130px;background: #0072ff;padding-left: 46px;padding-top: 41px;}
.pro_le_t b{font-size: 33px;color: #fff;display: block;line-height: 30px;margin-bottom: 12px;}
.pro_le_t em{color: rgba(255, 255, 255, 0.4); text-transform: uppercase;}
.pro_list{}
.pro_list table{ width: 100% !important;}
.pro_list tr:last-of-type{display: none;}
.pro_list::-webkit-scrollbar{width:4px;}
.pro_list::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.pro_list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
.pro_list tr{border-bottom: 1px solid #f7f7f7;height: 110px;position:relative;width: 100%;display: block;transition: 0.5s;}
.pro_list tr.on{transition: 0.5s; background: #eee;}
.pro_list tr.on:before{transform: rotate(90deg);}
.pro_list tr:before{position:absolute;content: '';transition:0.5s;top: 50%;right:40px;margin-top: -6px;background:url(images/20200908090646_1447823585.png) no-repeat center;width: 7px;height: 12px;}
.pro_list td{height: 110px;transition: 0.5s;width: 100%;display: block; border-bottom: 1px #eee solid;}
.pro_list td a{width: 100%;padding-left: 52px;font-size: 19px;display: block;transition: 0.5s;height: 110px;line-height: 110px;}
.pro_ri{width: 78%; background: #fff;padding:0px;overflow: hidden;}
.pro_tab{display: inline-block;position: relative;}
.pro_tab .divproduct_new_div_item{width: 982px;height: 375px;}
.pro_tab .divproduct_new_div_item_content{float: right;width: 482px;padding-left: 30px;padding-top: 40px;height: 375px;position: relative;}
.pro_tab .divproduct_new_div_item_title{}
.pro_tab .divproduct_new_div_item_title a{font-size: 22px;display: block;margin-bottom: 30px;color: #333;}
.pro_tab .divproduct_new_div_item_title a::before{position:absolute;content: '查看更多内容 >';bottom: 3px;left: 30px;width: 250px;height: 40px;border: 1px solid #dadada;border-radius: 40px;font-size: 14px;text-align: center;line-height: 38px;transition:0.5s; letter-spacing: 1px;}
.pro_tab .divproduct_new_div_item_title a:hover::before{background: #0072ff;color: #fff;transition:0.5s; width: 300px;}
.pro_tab .divproduct_new_div_item_body{line-height: 24px;color: #666; font-size:15px;}
.pro_tab .pro_cpbz{position: absolute;right: 147px;top: 182px;}
.pro_tab .pro_cpbz p{}
.pro_tab .pro_ted{}
.pro_tab .pro_ted li{float: left;text-align: center;}
.pro_tab .pro_ted li em{background: #f1f2f4;width: 81px;height: 81px;display: block;line-height: 81px;font-size: 55px;color: #8a8a8a;}
.pro_tab .pro_ted li:nth-child(2) em{font-size:50px;}
.pro_tab .pro_ted li b{font-size: 16px;font-weight: 100;display: block;margin-top: 14px;}
.pro_tab .pro_ted li+li{margin-left: 30px;}
.pro_tab .product_div_item_pic{float: left;width: 500px;height: 375px;border: 1px solid #eee;padding: 16px 24px;}
.pro_tab .product_div_item_pic a{display: block;}
.pro_tab .product_div_item_pic img{width: 278px;}
.pro_hd{margin-top: 0px;}
.pro_hd .tempWrap{width: 100% !important;}
.pro_hd .divproduct_new_div_item{position: relative;width: 32.3%; float: left;text-align: center;border: 1px solid #eee; margin-left: 1.5%;overflow: hidden; display: flex; flex-direction: column-reverse;}
.pro_hd .divproduct_new_div_item:nth-child(n+4){margin-top: 20px;}
.pro_hd .divproduct_new_div_item:nth-child(1),.pro_hd .divproduct_new_div_item:nth-child(4){margin-left: 0;}
.pro_hd .divproduct_new_div_item_content{width: 100%;border-top: 1px solid #eee;}
.pro_hd .divproduct_new_div_item_title{position: relative;}
.pro_hd .divproduct_new_div_item_title a{font-size: 16px;display: block;padding: 20px 0;position:relative;z-index:2;}
.pro_hd .divproduct_new_div_item_title:after{content:'';position:absolute;background: #0072ff;top: 0;left: 0;width: 0;height: 100%;transition:all 0.5s;z-index: 1;}
.pro_hd .divproduct_new_div_item_body{display: none;}
.pro_hd .pro_cpbz{}
.pro_hd .pro_cpbz p{line-height: 24px;color: #999;}
.pro_hd .pro_ted{display:none;}
.pro_hd .product_div_item_pic{padding: 2%;}
.pro_hd .product_div_item_pic a,.pro_hd .product_div_item_pic a>img{width: 100%;display: block;overflow: hidden;position: relative; height:auto;}
.pro_hd .divproduct_new_div_item_content:before{content:'';width:100%;height:100%;background: rgba(0, 0, 0, 0.4);position:absolute;top:0;left:0;transform-origin:left bottom;transform:rotate(-95deg);transition:all 0.5s;z-index: 9;}
.pro_hd .divproduct_new_div_item_content:hover:before{transform:rotate(0deg);transition:all 0.5s;}

.pro_hd .divproduct_new_div_item:hover .product_div_item_pic>a:before{transform:rotate(0deg);transition:all 0.5s;}
.pro_hd .divproduct_new_div_item:hover .divproduct_new_div_item_title a{color:#fff}
.pro_hd .divproduct_new_div_item:hover .divproduct_new_div_item_title:after{width:100%;transition:all 0.5s;}









/*appli*/
.appli {padding: 80px 0;overflow: hidden;}
.appli_box {max-width: 1500px;margin: 0 auto;}

.appli_tab {position: relative;margin-top: 50px;}
.appli_call{  }
.appli_call .tempWrap {width: 100% !important;}
.appli_call ul {display: flex;overflow: unset !important;width: 229.219% !important;}
.appli_call li {width:12% !important;transition: 0.5s;position: relative;height: 31.25vw;}
.appli_call li:after {content:'';    width: 100%;height: 100%;background: rgba(0,0,0,0.5); position: absolute;top: 0; left: 0;}
.appli_call li a {height: 100%;}
.appli_call li p {    position: absolute; top:45%; left: 42%;    width: 120px;text-align: center;z-index: 5;}
.appli_call li p a {font-size:18px;color:#fff;}
.appli_call li p a:after {content:'→';font-family: 'iconfont';    position: absolute;bottom: -70px;left: 38%;    font-size: 24px;}
.appli_call li:hover:after {display:none;}
.appli_call li:hover {width:16.3667% !important; }
.appli_call li img{width: 100%; height: 100%;object-fit: none;}
.appli_tab .appli_btn{display: none !important;}
.appli_btn:hover i{}
.appli_btn>i { cursor: pointer;  position: absolute;top: 46%;color:#fff;font-size:36px;    z-index: 5;}
.appli_btn>i:first-child { left: 50px;transform: rotate(180deg);} 
.appli_btn>i:last-child { right: 50px;}


/*mod*/
.mod {padding: 80px 0 0;}
.mod_box {max-width: 1500px;margin: 0 auto;box-shadow: 0 0 40px #ddd;padding: 80px;position: relative;margin-top: -250px;background: #fff;}

.mod_con {}
.mod_con ul {display: flex;align-items: center;}
.mod_con li {width: 33.3%;transition: 0.5s;display: flex;flex-direction: column;}
.mod_con li:nth-child(2n) {flex-direction: column-reverse;}
.mod_con li.on p {color: #fff;}
.mod_con li i {}
.mod_con li i img {width: 100%;}
.mod_con li p {font-size: 30px;line-height: 32px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #f8f8f8;padding: 132px 0px;height: 19vw;position: relative;    transition: 0.5s;    overflow: hidden;z-index: 5;}
.mod_con li p span { font-size: 20px; line-height: 32px;padding: 30px 58px; text-align: center;}
.mod_con li p:before {content: "";width: 170%;height: 160%; position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg); top: 90%;left: -120%;z-index:-1;}
.mod_con li.on p:before { background-color: #0072ff;}
.mod_con li.on p:before {     top: -23%; left: -30%;}
.mod_con li p,.mod_con li.on p:before{ transition: all 0.35s; transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);}
@media screen and (max-width:1499px) and (min-width:1400px) {
 .mod_con li p:before {width: 210%;height: 200%;}
}
@media screen and (max-width:1599px) and (min-width:1500px) {
 .mod_con li p:before {width: 200%;height: 190%;}
}
@media screen and (max-width:1699px) and (min-width:1600px) {
 .mod_con li p:before {width: 190%;height: 180%;}
}
@media screen and (max-width:1890px) and (min-width:1700px) {
 .mod_con li p:before { width: 180%;height: 170%;}
}











/*adva*/
#youshi {width:100%;background:url(images/20231130191629_1332804810.jpg)center no-repeat;position:relative;padding: 25px 0;    margin: 70px 0 120px;}
.page {margin: 0 auto;}
/*优势*/
.title_m1{width:762px;float:left;text-align:center;font-size:40px;height:181px;line-height:181px;position:absolute;color:#333;padding-top: 48px;}
.title_m1 span{color: #0072ff;font-size:48px;font-weight:bold;}
.title_en1{width:50%;float:left;text-align:center;font-size:100px;text-transform:uppercase;color:#ecebeb;font-weight:bold;font-family:Impact,Arial, Helvetica;letter-spacing: 3px;height: 181px;line-height:181px;padding-top: 48px;}
.advan_scroll {width: 100%;margin: 0px auto 0;position: relative;}
.advan_scroll .bd ul {display: flex;overflow: hidden;}
.advan_scroll .hdd {position:relative;width:100%;top: 56px;margin: auto;}
.advan_scroll .hd {height:174px;position: relative;background: #0072ff;margin: 0 auto;}
.advan_scroll .hd li {width: 25%;height:174px;padding-top:30px;float:left;text-align:center;position:relative;z-index: 1;}
.advan_scroll .hd li:before {content: '';display: block;width: 0;height: 5px;background: #f07905;transition: .2s;position: absolute;left: 0;bottom:0px;transition:0.5s;}
.advan_scroll .hd li.on:before {width: 100%;}
.advan_scroll .hd li:nth-child(3) {margin-right: 0;}
.advan_scroll .hd li .advan_icon .iconfont {width:60px;height:60px;font-size:36px;color:#fff;}
.advan_scroll .hd li.on .advan_icon .iconfont {transform: translateX(-60px);}
.advan_scroll .hd li .advan_hd_ti {font-size: 22px;color: #fff;line-height: 31px;padding-top: 15px;}
.advan_scroll .hd li .advan_hd_ti em{font-size: 14px; color:rgba(255, 255, 255, 0.4); text-transform: uppercase; font-style: normal; display: block; font-family: Tahoma,Arial; font-weight: normal;}
.advan_scroll .hd li.on .advan_hd_ti {color: #fff;}
.advan_scroll .bd {width:100%;height: 440px;overflow:hidden;}
.advan_scroll .bd li {width: 100%;float:left;overflow:hidden;position:relative;flex-shrink:  0;transition: 0.5s;}
.advan_bd_img {width: 47%;height: auto;position:absolute;top:63px;left:53%;overflow:hidden;}
.advan_bd_img img{transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;width: 100%;}
.advan_bd_img img:hover{transition:all 0.5s linear;-webkit-transform:scale(1.12, 1.12);transform: scale(1.12, 1.12);-moz-transform: scale(1.12, 1.12);}
.advan_bd_img img+img{display:none;}
.advan_nr_box {width: 50%;float:left;overflow:hidden;margin-top:1px;}
.advan_scroll .bd li .advan_nr {width:100%;margin:0 auto;}
.advan_scroll .bd li .advan_nr .advan_tid {width:100%;float:left;height:173px;margin-bottom:35px;margin-top: 47px;}
.advan_scroll .bd li .advan_nr .advan_tids {width:122px;height:173px;background: #0072ff;float: left;font-size:48px;line-height:80px;color:#fff;font-family:Impact,Arial;text-align:center;padding-top: 46px;padding-right: 0px;}
.advan_scroll .bd li .advan_nr .advan_tids span{font-size:24px;color:#fff;display:block;line-height:24px;}
.advan_scroll .bd li .advan_nr .advan_ti {float:left;font-size:36px;color:#0072ff;padding:50px 0 25px 35px;margin-bottom:18px;    font-weight: bold;}
.advan_scroll .bd li .advan_nr .advan_ti em{font-size:30px;color:#333;;text-transform:uppercase;font-style:normal;display: block; font-weight: lighter;}
.advan_scroll .bd li .advan_nr .advan_nr_p {font-size:16px;line-height:34px;text-align:justify;color:#666;}
.advan_scroll .bd li .advan_nr .advan_nr_p p:before{content: "";width: 16px;height:16px;position:relative;left:0px;background:url(images/20210911101352_807677442.png)no-repeat;display:inline-block;margin-right:15px;margin-left:20px;top: 3px;}
.advan_num {color: #fff;font-family: '"PingFang SC"';font-size: 97px;font-weight: 100;}
.advan_scroll .next {width: 100px;height: 84px;background: #747374 url(images/advanjt.png) no-repeat center;position: absolute;left: 451px;top: 316px;z-index: 3;cursor:pointer;}
.advan_scroll .hdd:after {content: "";width: 1673px;background: #0072ff;height: 174px;float: right;position: absolute;right: 0px;top: 0px;}

@media screen and (max-width:999px) and (min-width:800px) {
    .box1 {max-width:990px;}
}
@media screen and (max-width:1099px) and (min-width:1000px) {
    .box1 {max-width:1070px;}
}
@media screen and (max-width:1299px) and (min-width:1100px) {
    .box1 {max-width:1280px;}
}
@media screen and (max-width:1499px) and (min-width:1300px) {
    .box1 {max-width:1490px;}  
}
@media screen and (max-width: 1920px) and (min-width: 1500px) {
    .box1 {max-width:1500px;}
}











/*about*/
.about {overflow: hidden;padding: 70px 0;background:#f8f8f8;}
.about_box {max-width: 1500px;margin: 0 auto;display:  flex;justify-content:  space-between;}
.about_l {width: 44%;}
.about_txt {display: flex;flex-direction: column;position:  relative;}
.about_txt:after {content:'';width: 20%;height: 2px;background:#0072ff;position:absolute;top:0;left:0;}
.about_txt b {font-size: 36px;display: flex;align-items: center;position:  relative;padding: 4% 0 0;}
.about_txt b span {font-size: 32px;text-transform:  uppercase;font-family:  Arial;color:  #ccc;font-weight:  normal;padding: 0 0 0 14px;letter-spacing:  1px;}
.about_txt em {font-size: 16px;font-weight: lighter;line-height: 32px;padding: 5% 0 0;}
.about_txt a {font-size: 14px;background:  #0072ff;color:  #fff;width: 20%;border-radius: 3px;height: 41px;display:  flex;justify-content:  center;align-items:  center;font-weight:  lighter;margin: 6% 0 0;}
.about_call {position: relative;height: 363px;overflow: hidden;margin:7% 0 0;}
.about_call ul { position: relative;}
.about_call li {}
.about_call li p {display:none;}
.about_call li a {    overflow: hidden;}
.about_call li a img {width:100%;height:auto;}
.about_call .ban_dot {display: flex !important;background: rgba(51,51,51,0.5);width: 100%;position: absolute;bottom: 132px;left: 0;justify-content: center;align-items: center;height: 50px;}
.about_call .ban_dot li {width: 6px;height: 6px;display: inline-block;background: #fff;margin: 0 1%;transition: 0.5s;}
.about_call .ban_dot li.slick-active {background:#0072ff;width: 20px;}
.about_call .ban_dot li button {font-size:0;border: none;outline: none;}
.about_btn {}
.about_btn:hover i {}
.about_btn>i {cursor: pointer;font-size: 36px;color: #fff;display: flex;justify-content: center;align-items: center;bottom: 4px;position: absolute;}
.about_btn>i:first-child {left: 16px;}
.about_btn>i:last-child {right: 16px;}
.about_r {width: 53.334%;}
.about_pic {}
.about_pic i {}
.about_pic i img {width:100%;height: auto;}
.about_con{position: relative;margin: 0% 0 0;z-index: 1;}
.about_con:after {content:'';width:134%;height: 177px;background:#0072ff;position:absolute;top: 0;left:-5%;z-index: -1;}
.about_con ul {display: flex;justify-content:  space-between;align-items:  center;height:  177px;}
.about_con li {display: flex;align-items: center;color:  #fff;flex: 1;justify-content:  center;}
.about_con li i {font-size: 44px;}
.about_con li a {font-size: 20px;display: flex;flex-direction: column;padding: 0 0 0 10px;color: #fff;}
.about_con li a span {font-size: 14px;padding: 5px 0 0;opacity: 0.5;font-weight:  lighter;}











/*news*/
#new_content{width: 100% !important;}
.news_cont { margin-top: 60px;}
.news {padding: 80px 0 80px 0px;overflow: hidden;}
.news_box {margin: 0 auto;}

.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;color:#333;}
.new_nav li.on{background: #0072ff;}
.new_nav li.on a{ color:#fff;}

.new_content{ position:relative;height: 639px;    width: 100% !important;}
.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(images/20210911175523_2123064803.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(images/20210911175523_1552684242.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:84%;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:85%; top:110px; position:absolute;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_date { background:url(images/20210911175523_2123064803.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:#0072ff;}







/*copy*/
.copy_lx{background: #0072ff;}
.copy_c{height: 152px;}
.copy_c>ul{display: flex;height: 100%;}
.copy_c>ul>li{width: 25%;display: flex;justify-content: center;align-items: center;}
.copy_c>ul>li>span{font-size: 30px;color: #fff;}
.copy_c>ul>li>div{margin-left: 8px;}
.copy_c>ul>li>div>b{display: block;font-size: 18px;color: #fff; font-weight:normal;}
.copy_c>ul>li>div>p{font-size: 15px;color: #fff;margin-top: 8px;}
.copy_c>ul>li>div>p>span{font-size: 18px;color:#fff;font-family:din;}

.copy_con {width:72%;}
.copy_con ul {display: flex;justify-content:space-between;width: 100%;}
.copy_con li:before {position: absolute; content: ""; width: 1px; height: 25px; background: #0072ff; top: 0px; left: 0; z-index: 3; }
.copy_con li:after {position: absolute; content: ""; width: 1px; height: 100%; background: rgba(255,255,255,0.07); top: 0; left: 0; z-index: 2; }
.copy_con li {width: 25%;position: relative; padding-left:6%; }
.copy_con li p {font-size: 18px;color: #ffffff;line-height: 20px;margin-bottom: 20px;font-weight: normal;}
.copy_con li a {font-size: 14px;color:rgba(255, 255, 255, 0.47);line-height: 30px; display: flex;}
.copy_cc {display: flex; justify-content: space-between;padding: 70px 0 70px 0; }
.copy_pic {float:left;overflow: hidden; height:160px;}
.copy_pic li {width:  160px;overflow: hidden;}
.copy_pic li p {font-size: 14px;color: #ffffff;text-align: center;line-height: 30px;}
.copy_pic li i {background: #ffffff;width:160px;height: 160px; display: inline-block;padding: 9px;}
.copy_pic li i img{width:100%;}

.copy_txt {font-size: 16px;color: #ffffff;line-height: 20px;float: left;padding: 16px 0 0 64px;}
.copy_txt b {font-family: Roboto;font-size: 30px;line-height: 32px;display: block;padding: 15px 0;}
.copy_txt a {font-size: 14px;line-height: 35px;color: #ffffff;width: 125px;height: 35px;background:url(images/20210119152834_1665765722.png)no-repeat #00277a 20px 9px;display: inline-block;border-radius: 10px;text-align: center;padding-left: 30px;}
.cop_ce{background: #222;}
.copy_icon>p {color: #fff;font-size: 16px;margin-bottom: 16px;}
.lin_c{border-top: 1px solid rgba(255,255,255,0.12);}
.lin_c>div{display: flex;align-items: center;position: relative;height: 66px;}
.l_wz p{color: #fff;letter-spacing: 1px; font-size: 16px; padding-right:6px;}
.linkTagcs{width: 100%!important;}
.lin_ic {width: 30px; height: 30px; border-radius: 100%; border: 1px solid #fff; text-align: center; line-height: 30px; color: #fff; font-size: 14px; position: absolute; right: 0; top: 25px; }
.links_m a{color: rgba(255,255,255,0.41);}
.copy_bg {background: #000;}
.copy_bg div {color: rgba(255,255,255,0.5); height: 68px; line-height:68px; display: block; font-size:14px; text-align:center;}
.copy_bg div a {color: rgba(255,255,255,0.5); font-size:14px;}
.copy_b {display: flex; justify-content: space-between; align-items: center; }



/*友情链接*/
	.linkTagcs {
							width: 1000px;
							height: auto;
						}

						.linkTagcs ul {
							margin: 0px;
							padding: 0px;
							list-style-type: none;
						}

						.linkTagcs li {
							list-style: none;
							margin: 0px;
							padding-right: 20px;
							line-height: 80px;
							float: left;
						}

						.linkTagcs li a {
							color: #696b6a;
							word-break: break-all;
						}

						.linkTagcs li img {
							border: 0px;
						}
						
						
/*nban*/
.nban{width:100%;height:450px;position:relative;}
.nban:before{content:'';width:100%;height:100%;background:rgba(3,53,90,0.5);position:absolute;top:0;left:0;}
.nban .page{position: absolute;height: 450px;bottom: 0;left: 0; right: 0;margin: auto;}
.nban_txt{width: 100%;position:absolute;top:50%;left:0;margin-top:-39px;text-align:center;}
.nban_txt span{font-size:52px;font-weight:bold;color:#fff;letter-spacing: 5px;display: inline-block; animation: nbanA 2000ms infinite ease-in-out;}
.nban_txt span:nth-child(2){animation-delay: 0.2s;}
.nban_txt span:nth-child(3){animation-delay: 0.4s;}
.nban_txt span:nth-child(4){animation-delay: 0.6s;}
.nban_txt span:nth-child(5){animation-delay: 0.8s;}
.nban_txt span:nth-child(6){animation-delay: 1s;}
.nban_txt span:nth-child(7){animation-delay: 1.2s;}


@keyframes nbanA{
0%{transform: translateY(0px);}
50%{transform: translateY(-20px);}
100%{transform: translateY(0px);}
}
@keyframes moveBg {
  0% {
    background-position: 0% 30%;
  }

  100% {
    background-position: 100% 50%;
  }
}				



/*内页简介*/.gy{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.about{background:url(images/20231204114625_1847363388.jpg) no-repeat center;padding:120px 0 100px;position: relative;}
.abcon{display: flex;justify-content: space-between;align-items: center;background: #fff;padding: 50px;}
.abright{border: 6px solid #fff;width:46%;}
.abright img {
    width: 100%;
}
.ableft{width: 51%;margin-right: 20px;}
.ab_t{ font-size:18px; color:#797b7d; position:relative; z-index:1;}
.ab_t b {background: #0072ff;display: flex;width: 270px;font-size: 36px;color: #fff;line-height: 58px;justify-content: space-around;margin-bottom: 12px;}
.ab_t b span{ position:relative;color: #fff;}
.ab_c>p{ margin-top:26px; font-size:15px; color:#8b8e90; line-height:30px; text-indent:2em;}
.ab_c>p+p{margin-top:15px;}
.ab_c>p b{color:#083093;}
.ab_btn{ font-size:0;}
.ab_btn a{ display:inline-block; width:162px; text-align:center; line-height:56px; -webkit-transition:all .3s ease; transition:all .3s ease; font-size:18px; color:#fff; background:#333;}
.ab_btn a.on{ background:#d50404;}
.ab_btn a+a{ margin-left:18px;}
.num{ font-size:0; margin-top:100px;display: flex;justify-content: space-between;}
.num li{font-size:18px; color:#9c9ca1;width: 20%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.num li:nth-child(1){ padding-left:0;}
.num li+li{ border-left:1px dashed #d5d3d6;}
.num li span{ font-size:14px; color:#393c41;display: flex;margin-bottom:15px;}
.num li span i+em{ padding-left:8px;font-style: normal;}
.num li i{ font-size:48px; color:#393c41; font-family:fontDin2; line-height:40px;font-style: normal;}
.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}
.comp_info>ul{display: flex;justify-content: space-between;}
.comp_info>ul li{width: 230px;height: 117px;padding:0 20px;background: #fff;display: flex;align-items: center;justify-content: space-between;transition: all .5s;}
.comp_info>ul li:hover{transform: translateY(-10px);}
.com_cate p{font-size: 20px;color: #083093;position: relative; padding-bottom: 15px; margin-bottom: 15px;transition: all 0.5s ease;}
.com_cate p:before{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    display: inline-block;
    width: 43px;
    height: 1px;
    background: #c3c3c3;
    transition: all 0.5s ease;
}
.com_cate>div{
    font-size: 16px;
    color: #666666;
    transition: all 0.5s ease;
}
.comp_info>ul li span{
    font-size: 60px;
    color: #083093;
    transition: all 0.5s ease;
}
.comp_info>ul li:hover span{transform: rotateY(360deg);}
.comp_info>ul li:nth-child(2) span{font-size:65px;}
@media screen and (max-width: 1500px){
    .ab_c p{margin: 35px 0;line-height: 36px;font-size: 15px;}
}
@media screen and (max-width: 1440px){
    .ab_c p{margin: 30px 0;line-height: 34px;font-size: 14px;}
}
.cff_c{background: #fff;box-shadow: 1px 0px 36px rgba(31,26,23,0.08);padding: 50px 43px 74px 43px;margin-bottom: 100px;}

.cff_img .divdgweb_new_div {display: flex;}
.cff_img .divdgweb_new_div_item {width: 25%;flex-shrink: 0;padding: 0 0.1%;display: flex;flex-direction: column-reverse;}
.cff_img .news_div_item_pic a{display:block;position:relative;overflow:hidden;}
.cff_img .news_div_item_pic a:before,.cf_img .news_div_item_pic a:after{position: absolute;}
.cff_img .news_div_item_pic img {width: 100%;transition: all .5s;display: block;overflow: hidden;}
.cff_img {overflow: hidden;}
.cff_img .divdgweb_new_div_item .divdgweb_new_div_item_title a {display: block;font-size: 16px;color: #333;padding: 20px 0 0;position: relative;text-align:center;}
.cff_img .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a,.cf_img .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a:after{color: #083093;}
.cff_img .divdgweb_new_div button{display:none!important;}
.cff_img .divdgweb_new_div_item:hover img {transform: scale(1.2);}
.cff_img .news_div_item_pic a:after {position: absolute;content: "";width: 100%;height: 100%;background: rgba(8,48,147,0.6);bottom: -100%;left: 0;transition: all .5s;opacity: 0;}

.cff_img .divdgweb_new_div_item:hover .news_div_item_pic a:after {
    bottom: 0;
    opacity: 1;
}
.cff_c {
    margin-bottom: 60px!important;
    padding: 45px!important;
}
.cf_tit {
    margin-top: 60px;
}
.cf_tit>b{font-size: 28px;color: #0072ff;position: relative;margin-left: 35px;display:block;padding-bottom:32px;}
.cf_tit>b:before{content: '';position: absolute;width: 10px;height: 28px;background:#0072ff;top: 5px;left:-35px;}