*{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{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
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;}
.bg{width: 100%; min-width: 1300px;}

/*head*/
.head {width: 100%;padding:30px 0px;overflow: hidden; }
.head_box {display: flex;justify-content: space-between;align-items: center;}
.head_l {display: flex;justify-content: space-between;align-items: center;}
.head_logo {display: flex;position: relative;align-items: center;}
.head_logo i {display: inline-block;}
.head_tit {display: flex;flex-direction: column;align-items: center;padding-left: 60px;}
.head_tit b {background-image: -webkit-linear-gradient(30deg,#070606,#666666);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block; font-weight:bold; font-size: 28px;width: 320px;letter-spacing: 6px;}
.head_tit b span {font-size: 25px;color:  #181c64    ;vertical-align: bottom;  font-weight: bold;}
.head_tit ul {display: flex;justify-content: space-between;width: 100%;margin-top: 5px;}
.head_tit li{font-size: 28px;color: #333;text-align: center;font-family: cursive;font-weight: bold;}
.head_r{background: url(/uploadfile/image/20211228/20211228222520_408637775.png)no-repeat right;}
.head_r p {display: flex;flex-direction: column;font-size: 16px;line-height: 24px;text-align: right; padding-right: 60px;color: rgba(51, 51, 51, 0.5);}
.head_r p span {font-size: 32px;font-family: akr;line-height: 30px;color: #333333; font-weight: bold;}

/*nav*/
.nav {width: 100%;background: #1e4a9e;height: 70px;position: relative;z-index:99;}
.nav_con {height: 70px;}
.nav_con ul {display: flex;justify-content: space-around;align-items: center;height: 100%;}
.nav_con li.cur,.nav_con li:hover{background: #d03631;}

.nav_con li {display: flex;flex-direction: column;align-items: center;position: relative;transition: 0.5s;z-index: 5;padding: 0 1.34%; line-height: 70px; height:100%;}
.nav_con li a {font-size: 0.88vw;color: #fff;width: 100%;text-align: center;line-height: 70px;}
.nav_con li i {color: #999;font-size: 12px;font-family: Arial;text-transform: uppercase;opacity: 0.3;transform: scale(0.9);}
.nav_con .navline {width:148px !important;position:absolute;height:56px;background:#029f43;bottom:0;z-index:0;margin-left:0px;} 
.nav_con>ul>li.cur>a,.nav_con li:hover>a{color: #fff; }   
.nav_con>ul>li.cur i{color: #fff; } 
.cur{cursor:pointer}

.nav_con>ul>li .xl{width:100%;height:0;position:absolute;top:70px;left:0;overflow:hidden;z-index: 999;transition:0.5s;}
.nav_con>ul>li:hover .xl{height:auto;transition:0.5s;}
.nav_con>ul>li .xl a{width: 100%;display:block;text-align:center;background:#fff;height:52px;line-height:52px;transform-origin: top;transform:rotateX(90deg);opacity:0;transition:0.5s;    color: #333;}
.nav_con>ul>li .xl a+a{border-top:1px solid #efefef;}
.nav_con>ul>li:hover .xl a{transform:rotateX(0deg);opacity:1;transition:0.5s;}
.nav_con>ul>li:hover .xl a:nth-child(2){transition-delay: 0.05s;}
.nav_con>ul>li:hover .xl a:nth-child(3){transition-delay: 0.1s;}
.nav_con>ul>li:hover .xl a:nth-child(4){transition-delay: 0.15s;}
.nav_con>ul>li:hover .xl a:nth-child(5){transition-delay: 0.2s;}
.nav_con>ul>li:hover .xl a:nth-child(6){transition-delay: 0.25s;}
.nav_con>ul>li .xl a:hover{background:#d03631;color:#fff;height:62px;line-height:62px;transition:0.5s;}
.nav_con>ul>li .pxl{width:200%;left:50%;margin-left:-100%;}
.nav_con>ul>li .xl tr{width:50%;display:inline-block;vertical-align:top;}
.nav_con>ul>li .xl tr td{width:100%;display: block;}
.nav_con>ul>li .xl tr td#showtyepname{width: 100% !important;padding: 0 !important;}
.nav_con>ul>li .xl tr td b{display:block;font-size:0;}
.nav_con>ul>li .xl tr td+td a{border-top:1px solid #efefef;}
.nav_con>ul>li .xl tr td a{padding: 0 !important;line-height: 52px !important;}
.nav_con>ul>li .xl tr td a:hover{line-height: 62px !important;color:#fff !important;}
.nav_con>ul>li .xl tr td:nth-child(1){transition:0.5s;}
.nav_con>ul>li .xl tr td:hover:nth-child(1){height: 62px !important;transition:0.5s;}
.nav_con>ul>li .xl tr td:nth-child(1) a{background:#333;color:#fff !important;}


/*search*/
.search {width: 100%;background: #f8f8f8;padding: 24px 0;overflow: hidden;border-bottom: 1px solid #f7f7f7;}
.search_box {max-width: 1400px;margin:  0 auto;display: flex;justify-content: space-between;align-items: center;}
.head_s {display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.head_s form {display: flex;justify-content: space-around;align-items: center;    width: 260px;height: 38px;border-radius: 40px;border: 1px solid #ddd;}
#search-bg {width: 140px;height: 38px;line-height: 38px; overflow: hidden; box-sizing: border-box;}
#search-i {box-sizing: border-box;position: relative;    z-index: 5;margin-left: 50px;}
#search-i:after {content: '';width: 33px; height: 33px;background: #1e4a9e; border-radius: 50%; position: absolute; top: -6px; left: -6px;    z-index: -1;}
#infoname {border: none;background: none;outline: none;}
.search-text{ font-size:14px;color: #666; display: flex;justify-content: center;align-items: center; }
.search-text a{ font-size:15px; color: #666 !important; font-weight: 100;}
.search-text span{color:#333;font-size: 15px;}


/*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:#1e4a9e;}
.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/20211229/20211229152656_428767796.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*/
#search{height: 90px;background: #edeff4;}
.box{position: relative;}
.search_l {font-size: 14px;color: #333;height: 90px;line-height: 90px;}
.search_l em{float: left;padding-top: 13px;}
.search_l span {color: #333;font-size: 14px;padding-left: 11px;font-weight: bold;}
.search_l a {font-size: 15px;height: 60px;line-height: 64px;color: #333;font-weight: lighter;}
.search_l a:hover {color: #333;}
.search_r {margin-top: 18px;position: relative;width: 260px;height: 44px;border-radius: 36px;padding-left: 20px;background: #ffffff;}
.z{position: absolute;top: 0;right: 3px;width: 40px;height: 40px;text-align: center;border-radius: 100%;cursor: pointer;background: #1e4a9e;}
.z_img{margin-top: 13px;}


.title{ text-align:center; font-size:40px; color:#333333;    font-weight: bold;}
.title i{color:#1e4a9e;}
.title span{ display:block; font-size:18px; line-height: 30px; color:#666666; font-weight:lighter; margin:5px 0 15px 0;}
.title  em{ display:inline-block; width:94px; height:3px; background:url(/uploadfile/image/20211228/20211228224006_1716046269.png) no-repeat left 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:-194px 0px;}
            to{background-position:0 0;}
        }
        @-moz-keyframes flymove{
            from{background-position:-194px 0px;}
            to{background-position:0 0;}
        }
        @-ms-keyframes flymove{
            from{background-position:-194px 0px;}
            to{background-position:0 0;}
        }

/*产品优势*/
.padv_bg{padding:80px 0;}
.padv_m{padding-top:50px;}
.padv_m li{float: left;
    width: 33.333%;
    text-align: center;
    border-right: 4px #ffffff solid;
    font-size: 16px;
    height: 18vw;
    padding: 4.5vw 3vw;
    cursor: pointer;
    transition: 0.3s all ease;
    line-height: 36px;
    background: rgba(30, 74, 158, 0.02);}
.padv_m li:nth-child(3n){border-right:0;}
.padv_m li:nth-child(-n+3){border-bottom:4px #ffffff solid;}
.padv_m li p{ font-size: 28px; color: #222; line-height: 60px;}
.padv_m li:hover{background: #1e4a9e; box-shadow: 0 50px 140px rgba(0,0,0,0.1);}
.padv_m li:nth-child(6){font-weight: bold;text-align: left;    padding: 4.5vw 6.8vw;}
.padv_m li:nth-child(6) span { font-size: 30px; line-height: 40px; font-weight: bold;color: #1e4a9e;}
.padv_m li:nth-child(6) p img {
    vertical-align: middle;
    margin-right: 9px;
}
.padv_m li:hover * {
    color: #fff !important;
}
.padv_m li:nth-child(6) p img+img {
    display: none;
}
.padv_m li:nth-child(6):hover p img {
    display: none;
}
.padv_m li:nth-child(6):hover p img+img {
    display: inline-block;
}

/*优势*/
.adv_b{height:700px;    margin-top: 50px;}
.adv_pic,.adv_cont{width:50% !important;height:700px !important;}
.adv_pic{overflow: hidden;height: 43vw;}

.adv_text{float:left;width:50%;height: 50%;background: #f0f2f5;padding: 8% 5%; text-align:center;position: relative;z-index: 222;cursor: pointer;
transition: 0.3s ease all;}
.adv_text:nth-child(2n){border-left:1px solid #e5e5e5;}
.adv_text:nth-child(-n+2){border-bottom:1px solid #e5e5e5;}
.adv_text b,.adv_text strong{color:#1e4a9e;font-size:80px;font-family: Arial;display:block;position: relative;}


.adv_text p{font-size:24px;color:#222;font-weight:bold;margin:0 auto 20px;}
.adv_text span{font-size:16px;color:#666;font-weight:100;line-height:30px;}
.adv_text:after{content:"";display:block;background:#FFF;width:88%;height:86%;position: absolute;top:0;left:0;z-index: -1;
box-shadow: 0 0 10px rgb(0 0 0 / 6%);margin:6%;transition: 0.3s ease all;transform: scale(0);}

.adv_text.on:after{transform: scale(1);}



/*简介*/
.com_bg{padding: 100px 0;    position: relative;}
.com_bg:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 99px;
    background: #f3f5fa;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}
.com_l{width: 48%;}
.com_l font{ font-size: 6vw; color: #eaeaea; font-weight:bold; text-transform: uppercase;}
.com_l h3{ font-size: 40px; color: #111; padding-top:1vw;}
.com_l p{font-size: 22px; color: #444; line-height:44px; }
.com_l dd,.com_l li{font-size: 16px;line-height: 2vw; margin-top:2vw;}
.com_r{width: 46%;position: relative;}
.com_r img{width:100%; height:auto;border-radius: 10px;border: 10px solid #fff;}
.com_b{display:block;line-height:66px;height:66px;width:66px;border-radius:50%;text-align:center;background:#1e4a9e;position: relative; margin:auto; margin-top:60px;}
.com_b a{color:#FFF;font-size:18px;display: block;position: relative; z-index: 2;}
.com_b:after, .com_b:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 2.4vw;height: 2.4vw;
    border-radius: 100%; background: rgba(30, 74, 158, 0.2); transition: 0.3s all ease;;}
.com_b:before { animation: before 1s ease infinite;}
.com_b:after { animation: after 1.5s ease infinite;}

@keyframes after{
	0%{transform:scale(1.3);opacity: 1;}
	50%{transform:scale(2.2);opacity: 0.5;}
	100%{transform:scale(4);opacity: 0;}
}
@keyframes before{
	0%{transform:scale(1.2);opacity: 1;}
	50%{transform:scale(2.4);opacity: 0.5;}
	100%{transform:scale(5);opacity: 0;}
}


/*news*/
.news_bc{background: #f3f5fa; padding: 100px 0; overflow: hidden; position: relative; background-size: cover;}
.news_cc{margin-top: 50px; padding: 37px 37px 0; background: #fff;}
.news_cc .news_div{display: flex; width:100%;}
.news_cc .news_div .news_div_item{width: 32%; flex-shrink: 0; display: flex; flex-direction: column-reverse; position: relative; background: #fff; padding: 18px;}
.news_cc .news_div .news_div_item .news_div_item_pic{width: 100%;}
.news_cc .news_div .news_div_item .news_div_item_date{display: flex; position: absolute; bottom: 251px; left: calc(5.5% + 28px); background: #201f1d; width: 80px; height: 80px; align-items: center; justify-content: center;}
.news_cc .news_div .news_div_item .news_div_item_date .news_div_item_day{position: absolute; bottom: 9px; left: 30%; font-size: 26px; color: #fff;font-family: "Arial";font-weight:bold;}
.news_cc .news_div .news_div_item .news_div_item_date .news_div_item_year,.news_cc .news_div .news_div_item .news_div_item_date .news_div_item_month{color: #fff; font-size: 15px; margin-bottom: 28px;}
.news_cc .news_div .news_div_item .news_div_item_title a{font-size: 19px; color: #313131; padding-top: 36px; padding-bottom: 14px; display: block; position:relative;}
.news_cc .news_div .news_div_item .news_div_item_body{font-size: 16px; line-height: 29px; color: #9e9e9e; height: 116px; overflow: hidden;}
.news_cc .news_div .news_div_item .news_div_item_content{padding: 24px 38px 60px; background: #fff;}
.news_cc .news_div .news_div_item .news_div_item_title a:after{    position: absolute;
    font-family: "che";
    content: "";
    bottom: -141px;
    left: 2px;
    transition: all 0.5s;
width:20px;
height: 19px;
    background: url(/uploadfile/image/20211228/20211228235133_714171539.png)center no-repeat;
}
.news_cc .slick-prev:before,.news_cc .slick-next:before{color: #1e4a9e;opacity:0;transition:all ease 0.5s;}
.news_cc .slick-prev{left:-20px; transform: rotate(180deg);}
.news_cc .slick-next{right: -20px;}
.news_cc:hover .slick-prev:before,.news_cc:hover .slick-next:before{opacity:1;}
.news_cc .news_div .news_div_item .new_column{position: relative;}
.news_cc .news_div .news_div_item .new_column a{font-size: 16px; color: #a9a9a9; position: absolute; top: -12px; left: 98px;}
.news_cc .news_div .news_div_item .news_div_item_date:before{    position: absolute;
    content: "";
    top: 44px;
    left: -36px;
    width: 36px;
    height: 36px;
    color: #fff;
    text-align: center;
    background: #1e4a9e url(/uploadfile/image/20211228/20211228234729_824202198.png) center no-repeat;
}
.news_cc .slick-prev:before,.news_cc .slick-next:before{background: none;}
.news_div .slick-prev:before,.news_div .slick-next:before{content: '>'; font-size:18px; color:#201f1d; font-family: "che";}
.news_cc .news_div .news_div_item:hover .news_div_item_title a:after{transform: translateX(10px); color:#1e4a9e;}

.pro_l>i{width: 2px; height: 64px; background: #201f1d; position: relative; margin-right: 18px;}
.pro_l>i:after{position: absolute; content: ""; width: 2px; height: 32px; background: #1e4a9e; top: 0; left: 0;}
.pro_l b{display: block; font-size: 42px;}
.pro_l em{font-size: 20px; font-weight: bold; text-transform: uppercase; margin-top: 9px;}
.pro_l{display: flex; align-items: center;}
.pro_ti{display: flex;justify-content: space-between;align-items: center;}
.pro_ti a.che{width:74px;height:30px;border:1px solid rgba(148,148,148,0.29);line-height: 28px;text-align: center;position: relative; z-index: 1;overflow: hidden;transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);}
.pro_ti a.che:hover{border-color:#1e4a9e;color:#fff;}
.pro_ti a.che:after{content:'';width:0;height:0;background:#1e4a9e;position:absolute;top:50%;left:50%;transform:rotate(180deg);z-index: -1;transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);}
.pro_ti a.che:hover:after{width:120%;height:120%;transform: translate(-50%,-50%) rotate(0);}

/*link*/
.link_bg{ height: 88px;} 
.links_r a{font-family: "iconfont" !important;font-size:42px;font-style: normal;color:rgba(255,255,255,0.3);display:inline;height:80px;display: block;line-height:80px;} 
.links_l{display: flex;align-items: center;} 
.l_wz{position: relative; width: 79px;} 
.l_wz b{font-size: 25px;color: #051c16;line-height: 21px;} 
.l_wz b span{font-size: 25px;color: #1e4a9e;} 
.l_wz p{color: #696b6a;letter-spacing: 5px;} 
.l_wz:after{content: '';position: absolute;width: 1px;height: 38px;background: #ededed;top: 0;right: -10px;} 
.links{display: flex;align-items: center;height: 88px;position: relative;}
.links:after{width: 50%;height: 10px;background: #1e4a9e;position: absolute;right: 50%;top: -10px;margin-right: -65%;}
.links_m{margin-left: 25px;width: calc(100% - 41px);}
.linkTagcs{width:100% !important;}
.linkTagcs li a{font-size:14px;} 

/* footer */
.foo_icon{display: flex;justify-content: space-between;margin-bottom: 69px;} 
.foo_icon li span{color:#fff;display: block;width: 38px;height: 38px;border-radius: 100%;background: #1e4a9e;display: flex;justify-content: center;align-items: center;position: relative;font-size: 22px;z-index:1;} 
.foo_icon li span:after{content: '';position: absolute;width: 48px;height: 48px;border-radius: 100%;background: rgba(32,114,224,0.22);top: -5px;left: -5px;z-index:-1;} 
.foo_icon li{display: flex;align-items: center;} 
.foo_icon li div{margin-left: 13px;} 
.foo_icon li div b{font-size: 16px;} 
.bq_gzh{float: right;padding-top:7px;} 
.bq_gzh li+li{margin-left: 44px!important} 
.banq{width: 63%;padding:90px 0;} 
.bq_cl>b, .bq_cr>b, .bq_r>b {font-size: 24px;color: #fff;display: block;margin-bottom: 20px;} 
.bq_ewm {display: flex;padding-top: 36px;position: relative;} 
.bq_ewm li span {display: block;width: 36px;height: 36px;border-radius: 100%;font-size: 16px;text-align: center;line-height: 36px;color: #fff;background: #1f2020;} 
.ewm_cc {position: absolute;top: -122px;left:-12px;display: none;} 
.ewm_cc img {width: 150px!important;} 
.bq_r {width: 37%;padding:90px 0 0;background: #1e4a9e;padding-left: 8%;position: relative;box-sizing: border-box;} 
.bq_r:after {position: absolute;content: "";width: 300px;height: 100%;background: #1e4a9e;top: 0;right: -300px;} 
.bq_lx {line-height: 36px;} 
.bq_lx li{font-size: 16px;line-height: 36px;} 
.bq_ewm li+li {margin-left: 10px;} 
.bq_item li:first-child {} 

@media screen and (max-width: 1320px){
  .banq,.copy_b div:nth-child(1){width: 63%;} 
  .bq_r,.copy_b div:nth-child(2){width: 37%;} 
} 
/*footer*/
.footer {display: flex;} 
.footer_bg{width: 100%; color: #fff;background: #1f2020;position: relative;overflow:hidden;} 
.fbt{border-top:10px solid #ff5c00;} 
ul.bq_item {width:76%;display: flex;justify-content: space-between;}
.bq_item li{position: relative;} 
.footer_w1 t{display: block;float: left;font-size: 24px;font-weight: bold;margin-right: 11px;} 
.footer_w1 span{display: block;float: left;font-size: 20px;margin-top:3px;} 
.bq_gzh li{width:130px;} 
.footer_w{font-size: 14px; line-height: 34px; color: #999;} 
.footer_w p{position:relative;} 
.footer_w p:before{left:0;font-family: "iconfont";font-size: 16px;} 
.bq_item li a{ display: block;font-size: 14px; line-height: 30px; color: rgba(255,255,255,0.47);} 
.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 img{width:36px;} 
.bq_gzh li p{text-align:center; color:#fff; line-height:30px; margin-bottom:10px;} 
.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;} 
@keyframes myfirst{
  from {transform: rotate(0deg);} 
  to {transform: rotate(360deg);} 
}

/* copy */
.copy_bg{height: 80px;background: #ffffff;line-height: 80px;overflow:hidden;} 
.copy_b{display: flex;justify-content: space-between;} 
.copy_bg div{color: #666;height: 100%;line-height: 80px;} 
.copy_b div:nth-child(1){width: 63%;border-top: 1px solid rgba(255,255,255,0.1);} 
.copy_b div+div{background: #1e4a9e;width: 37%;padding-left:8%;position: relative;color: rgba(255,255,255,0.6);box-sizing: border-box;} 
.copy_b div+div:after {position: absolute;content: "";width: 300px;height: 100%;background: #1e4a9e;top: 0;right: -300px;} 
.copy_bg div a{color: #666;} 
.copy_bg div a:hover{color: #333;}
.copy_b div+div a{color: rgba(255,255,255,0.6);}
.copy_b div+div a:hover{color: #fff;}
.foo_icon li div p {margin-top: 3px;}
@media screen and (max-width:1550px){
  .pro_tab td a{font-size: 14px;}
}
#nb_icon_wrap{top:auto !important;bottom:20px !important;}