.header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.5);}
.header>div{display:flex;height:1.15rem;line-height:1.15rem;justify-content: space-between;}
.header .logo{width:29%}
.header .navs{width:55%}
.header .navs ul{display:flex;justify-content: space-between;}
.header .navs ul li{width:14%;text-align:center;height:1.15rem;display:flex;flex-direction: column;justify-content: center;align-content: center;}
.header .navs ul li a{line-height:.55rem;transform:skewX(-40deg)}
.header .navs ul li a p{font-size:.16rem;color:black;transform:skewX(40deg)}
.header .navs ul li.active a p{color:white}
.header .navs ul li.active a{background:#2078d2;}
.header .navs ul li a:hover{background:#2078d2;transition:.6s}
.header .navs ul li a:hover  p{color:white;transition:.6s}
.header .right{width:5%;display:flex;justify-content: space-between;}
.header .right .search{display:flex;flex-direction: column;justify-content: center;}
.header .right .search a{width:.17rem;height:.17rem;background:url(/public/common/images/icon1.png)0 0 no-repeat;background-size:.17rem .17rem}
.header .right .langs {display:flex;flex-direction: column;justify-content: center}
.header .right .langs a{color:black;font-size:.16rem;line-height:normal}

.tem_banner.indise{padding:1.15rem 0 0;}
.tem_banner.indise .flash .txt{position:absolute;left:50%;transform:translateX(-50%);top:50%;text-align:center}
.tem_banner.indise .flash .txt h1{font-size:.48rem;color:white;font-weight:bold;padding:0 0 .38rem}
.tem_banner.indise .flash .txt p{font-size:.36rem;color:white;font-weight:bold}
.tem_banner.indise .banner_nav{position:absolute;width:100%;bottom:0}
.tem_banner.indise .banner_nav ul{display:flex;padding:0 3rem;justify-content: space-between;background:rgba(255,255,255,.8);border-radius:30px 30px 0 0 ;}
.tem_banner.indise .banner_nav ul li a{padding:.36rem 0 .27rem;font-size:.18rem;color:black;font-weight:bold;position:relative;overflow:hidden}
.tem_banner.indise .banner_nav ul li a:after{content:"";position:absolute;background:#2078d2;width:0;height:4px;left:50%;transform:translateX(-50%);bottom:0;transition:.3s}
.tem_banner.indise .banner_nav ul li a:before{content:"";position:absolute;background:url(/public/common/images/sjx.png)0 0 no-repeat;width:.12rem;height:.12rem;left:50%;transform:translateX(-50%);bottom:-10px;transition:.3s;;background-size:100%;}
.tem_banner.indise .banner_nav ul li a:hover:after{width:100%;transition:.3s}
.tem_banner.indise .banner_nav ul li a:hover:before{bottom:3px;transition:.3s}
.tem_banner.indise .banner_nav ul li a:hover{color:#2078d2;transition:.3s}
.tem_banner.indise .banner_nav ul li.active a:before{bottom:3px;}
.tem_banner.indise .banner_nav ul li.active a:after{width:100%;}
.tem_banner.indise .banner_nav ul li.active a{color:#2078d2}
.tem_banner.indise .pro_seach{position:absolute;width:100%;bottom:12%}
.tem_banner.indise .pro_seach>div{display:flex;align-items: flex-end;justify-content: space-between;}
.tem_banner.indise .pro_seach .text1{width:22%}
.tem_banner.indise .pro_seach .text1 p{font-size:.2rem;color:white;padding:0 0 .15rem}
.tem_banner.indise .pro_seach .text1 select{width:100%;border-radius:50px;height:.5rem;line-height:.5rem;font-size:.16rem;color:#8e8e8e;padding:0 .15rem}
.tem_banner.indise .pro_seach .text2{width:22%}
.tem_banner.indise .pro_seach .text2 p{font-size:.2rem;color:white;padding:0 0 .15rem}
.tem_banner.indise .pro_seach .text2 select{width:100%;border-radius:50px;height:.5rem;line-height:.5rem;font-size:.16rem;color:#8e8e8e;padding:0 .15rem}
.tem_banner.indise .pro_seach .text3{width:48%;position:relative}
.tem_banner.indise .pro_seach .text3 input{width:100%;border-radius:50px;height:.5rem;line-height:.5rem;font-size:.16rem;color:#8e8e8e;padding:0 .3rem;border:0}

.tem_banner.indise .pro_seach .text3 button{position:absolute;width:.9rem;height:100%;right:0;top:0;border-radius:0 50px 50px 0;border:0;background:#e00001 url(/public/common/images/icon37.png)center center  no-repeat}

.about_company{padding:.8rem 0 0}
.about_company>div{padding:0 1rem;background:url(/public/common/images/icon2.png) -.5rem 0 no-repeat}
.about_company .top{position:relative;;}
.about_company .top:after{content:"";position:absolute;width:56%;height:100%;background:#2078d2;right:0;top:0;border-radius:0 0 100px  0}
.about_company .top .text{width:39%;padding:0 0 3rem;}

.about_company .top .text h1{font-size:.48rem;color:#2078d2;font-weight:bold;padding:.18rem 0 .5rem}
.about_company .top .text p{font-size:.16rem;color:#414141;line-height:.25rem}
.about_company .top .text h2{margin:1.2rem 0 0;font-size:.6rem;color:#2078d2;display:inline-block;position:relative}
.about_company .top .text h2:after{content:"";position:absolute;background:#2078d2;height:2px;width:100%;left:0;bottom:0}
.about_company .top .text h2:before{content:"";position:absolute;background:#2078d2;height:2px;width:100%;left:0;bottom:-.1rem}
.about_company .top .text h2 em{font-size:1.2rem;font-weight:bold}
.about_company .top .right{position:absolute;width:69%;right:2%;top:.78rem;z-index:2}
.about_company .top .right>*{float:right;padding:.04rem}

.about_company .top .right .imgs2 img{width:2.4rem;height:1.81rem;object-fit:contain}
.about_company .top .right .imgs1 img{object-fit:contain;width:3.23rem;height:1.81rem}
.about_company .top .right .imgs4 img{object-fit:contain;width:4.46rem;height:3.95rem}
.about_company .top .right .imgs3 img{object-fit:contain;width:3.62rem;height:2.08rem}
.about_company .top .right  a{overflow:hidden}
.about_company .top .right  a:hover img{transform:scale(1.1)}
.about_company  .bot{padding:.8rem 0 }
.about_company  .bot p{font-size:.16rem;color:#343434;line-height:.25rem}
.about_culture{background-size:cover;background-repeat:no-repeat}
.about_culture>div{padding:1.28rem 0 .9rem}
.about_culture .tit h1{font-size:.48rem;color:#2078d2;font-weight:bold;padding:0 0 .2rem}
.about_culture .infos{display:flex;justify-content: space-between;align-items: center;}
.about_culture .infos .left{width:50%}
.about_culture .infos .left .items p{font-size:.24rem;color:#4c4d4f;margin:.8rem 0 ;padding:0 0 .3rem;position:relative}
.about_culture .infos .left .items p:after{content:"";position:absolute;background:#2078d2;bottom:0;left:0;width:.33rem;height:.05rem;border-radius:20%;}
.about_culture .infos .right{width:50%}
.about_culture .infos .right ul{height:4.5rem;position:relative}
.about_culture .infos .right ul li{position:absolute;text-align:center}
.about_culture .infos .right ul li:nth-child(1){right:37%;top:11%}
.about_culture .infos .right ul li:nth-child(1) a{width:2.7rem;height:2.7rem;;}
.about_culture .infos .right ul li:nth-child(2){right:0;top:0}
.about_culture .infos .right ul li:nth-child(2) a {width:2.2rem;height:2.2rem}
.about_culture .infos .right ul li:nth-child(3) a{width:2.1rem;height:2.1rem}
.about_culture .infos .right ul li:nth-child(3){bottom:0;right:10%}
.about_culture .infos .right ul li a{background:white;border-radius:100%;display:flex;flex-direction: column;justify-content: center;position:relative;z-index:2}
.about_culture .infos .right ul li a:after{content:'';position:absolute;background:#2078d2;width:0;height:0;border-radius:100%;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);transition:.6s}
.about_culture .infos .right ul li a:hover:after{width:100%;height:100%;transition:.6s}
.about_culture .infos .right ul li#current a:after{width:100%;height:100%;}
.about_culture .infos .right ul li#current a h1,.about_culture .infos .right ul li#current a p{color:white;}
.about_culture .infos .right ul li a:hover h1,.about_culture .infos .right ul li a:hover p{color:white;}
.about_culture .infos .right ul li a h1{font-size:.36rem;color:black;font-weight:bold;padding:.05rem 0}
.about_culture .infos .right ul li a  p{font-size:.24rem;text-transform:uppercase;color:#7b7b7b;padding:.05rem 0}

.about_history>div{padding:1.25rem 0 .9rem 1.9rem}
.about_history .title h1{font-size:.48rem;color:#2078d2;font-weight:bold;padding:0 0 1.2rem}
.about_history .lists {padding: 0 1.4rem 0 1rem;position:relative}
.about_history .lists:after{content:"";position:absolute;width:100%;height:1.19rem;background:url(/public/common/images/icon3.png) 0 0 no-repeat;right:0;top:50%;transform:translateY(-50%);background-size:contain}
.about_history .lists .txt{height:4rem;position:relative;display:flex;flex-direction: column;justify-content: center;}
.about_history .lists .txt h1{font-size:.16rem;color:black;font-weight:bold;text-align:center;position:relative;height:1.19rem;line-height:1.19rem}
.about_history .lists .txt h1:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:0;font-size:.24rem;color:#989898;top:50%;;transform:translateY(-50%)}
.about_history .lists .txt p{position:absolute;font-size:.16rem;color:#343434;}
.about_history .lists .rl .txt  h1:before{content:"";position:absolute;background:url(/public/common/images/icon4.png)0 0 no-repeat;width:.08rem;height:.6rem;left:50%;transform:translateX(-50%);bottom:100%;background-size:100%}
.about_history .lists .rlt .txt  h1:before{content:"";position:absolute;background:url(/public/common/images/icon4.png)0 0 no-repeat;width:.08rem;height:.6rem;left:50%;transform:translateX(-50%) rotate(180deg);top:100%;background-size:100%}

.about_history .lists .rl .txt p{top:0}
.about_history .lists .rlt .txt p{bottom:0}


.about_history .lists .swiper-page>div{width:1.21rem;height:1.22rem;position:absolute;top:50%;transform:translateY(-50%);left:-.5rem;background:#2d68d3 url(/public/common/images/jt1-1.png)center center no-repeat;z-index:3;border-radius:100%}
.about_history .lists .swiper-page>div.slide-button-next{left:auto;right:0;background:#2d68d3 url(/public/common/images/jt2-2.png)center center no-repeat}
.about_history .lists .swiper-page>div:after{content:"";position:absolute;background: url(/public/common/images/icon5.png)0 0  no-repeat;width:1.13rem;height:1.53rem;left:-.2rem;top:50%;transform:translateY(-50%) rotate(-30deg);transition:.6s ;opacity:0;background-size:100%;}
.about_history .lists .swiper-page>div.slide-button-next:after{content:"";position:absolute;background: url(/public/common/images/icon5.png)0 0  no-repeat;width:1.13rem;height:1.53rem;left:auto;right:-.2rem;top:50%;transform:translateY(-50%) rotateY(180deg) rotate(-30deg);background-size:100%;}
.about_history .lists .swiper-page>div:hover:after{transform:translateY(-50%)  rotate(0deg); ;transition:.6s;opacity:1}
.about_history .lists .swiper-page>div.slide-button-next:hover:after{transform:translateY(-50%) rotateY(180deg) rotate(0deg) ;transition:.6s;opacity:1}
.footer{background:#282e3c;}
.footer .logo{padding:.9rem 0 .34rem;border-bottom:1px solid #535863;position:relative}
.footer .logo .return{position:absolute;right:0;bottom:10%}
.footer .logo>a{display:inline-block}
.footer .middle {display:flex;justify-content: space-between;padding:.6rem 0 .5rem}
.footer .middle  dl dt{margin:0 0 .3rem}
.footer .middle dl:last-child{width:10%;padding:.3rem 0 0}
.footer .middle dl:last-child p{color:white;font-size:.16rem;margin:.2rem 0 0}
.footer .middle  dl dt a{color:white;font-size:.16rem;;font-weight:normal}
.footer .middle  dl dd{margin:0 0 .15rem}
.footer .middle  dl dd:last-child{margin:0}
.footer .middle  dl dd a{color:#ababac;font-size:.14rem}
.footer .middle  dl ul li p{color:white;font-size:.14rem}
.footer .middle  dl ul li{margin:0 0 .15rem}
.footer .middle  dl ul li:last-child{margin:0}
.footer .bot{padding:.35rem 0 .44rem;border-top:1px solid #535863}
.footer .bot p{color:#ababac;font-size:.14rem;position:relative}
.footer .bot p a{display:initial;color:#ababac;font-size:.14rem}
.footer .bot p:first-child{margin:0 0 .2rem}
.footer .bot p:last-child{padding-left:.6rem}
.footer .bot p:last-child:after{content:"";position:absolute;background: url(/public/common/images/ga.png)0 0  no-repeat;width:.2rem;height:.2rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;}

.product_box>div{padding:.35rem  0 2.4rem 3.6rem;display:flex;justify-content: space-between;}
.product_box .product_nav{width:16.5%}
.product_box .product_nav dl{margin:0 0 .05rem}
.product_box .product_nav dl dt{position:relative}
.product_box .product_nav dl dt:after{content:'';position:absolute;width:4px;height:0;left:0;top:50%;transform:translateY(-50%);background:#2078d2;transition:.3s}
.product_box .product_nav dl dt:hover:after{height:100%;transition:.3s}
.product_box .product_nav dl.on dt:after{height:100%;transition:.3s}
.product_box .product_nav dl dt a{padding:.38rem .25rem .38rem .55rem;color:#444444;font-size:.18rem;font-weight:normal;background:#f7f7f7;position:relative}
.product_box .product_nav dl.info1 dt a:after{content:"";position:absolute;background: url(/public/common/images/icon8.png)0 0  no-repeat;width:.32rem;height:.32rem;left:5%;top:50%;transform:translateY(-50%);background-size:100%;}
.product_box .product_nav dl.info2 dt a:after{content:"";position:absolute;background: url(/public/common/images/icon9.png)0 0  no-repeat;width:.29rem;height:.3rem;left:6%;top:50%;transform:translateY(-50%);background-size:100%;}
.product_box .product_nav dl.info3 dt a:after{content:"";position:absolute;background: url(/public/common/images/icon10.png)0 0  no-repeat;width:.38rem;height:.34rem;left:4%;top:50%;transform:translateY(-50%);background-size:100%;}
.product_box .product_nav dl.info4 dt a:after{content:"";position:absolute;background: url(/public/common/images/icon11.png)0 0  no-repeat;width:.33rem;height:.33rem;left:4%;top:50%;transform:translateY(-50%);background-size:100%;}
.product_box .product_nav dl.info5 dt a:after{content:"";position:absolute;background: url(/public/common/images/icon12.png)0 0  no-repeat;width:.29rem;height:.35rem;left:4%;top:50%;transform:translateY(-50%);background-size:100%;}
.product_box .product_nav dl dt a:before{position:absolute;right:0;font:normal normal normal 14px/1 FontAwesome;content:"\f067";top:50%;transform:translateY(-50%);font-size:.14rem;right:5%;transition:.6s}
.product_box .product_nav dl.on dt a:before{position:absolute;right:0;font:normal normal normal 14px/1 FontAwesome;content:"\f068";top:50%;transform:translateY(-50%);font-size:.14rem;right:5%;transition:.6s}

.product_box .product_nav dl dd{margin:.08rem 0 .16rem;transition:0s;display:none}
.product_box .product_nav dl dd  a{padding:.21rem .11rem .11rem;border-bottom:1px solid #e4e4e4;font-size:.14rem;color:#5d5d5d;font-weight:bold}
.product_box .product_nav dl dd  a.on{color:#2078d2}
.product_box .product_nav dl dd  a:hover{color:#2078d2}
.product_box .product_nav dl.class3.on dd {display: block;}
.product_box .lists {width:80%}
.product_box .lists  .tit{padding:.38rem .3rem .3rem;background:#f5f5f5}
.product_box .lists  .tit h2{font-size:.3rem;color:#606060}
.product_box .lists  .head_tit ul{padding:.25rem .3rem .2rem;background:#f5f5f5;border-bottom:1px solid #c9c9c9}
.product_box .lists  .head_tit ul {display:flex}
.product_box .lists  .head_tit ul li:nth-child(1){width:10%}
.product_box .lists  .head_tit ul li:nth-child(2){width:22%}
.product_box .lists  .head_tit ul li:nth-child(3){width:12%}
.product_box .lists  .head_tit ul li:nth-child(4){width:12%}
.product_box .lists  .head_tit ul li:nth-child(5){width:25%}
.product_box .lists  .head_tit ul li p{color:black;font-weight:bold;font-size:.14rem}
.product_box .lists .items {border-bottom:1px solid #c9c9c9}
.product_box .lists .items.xss{background:#f5f5f5}
.product_box .lists .items a{padding:.2rem .3rem}
.product_box .lists .items a ul{display:flex;align-items: center;}
.product_box .lists .items a ul li:nth-child(1){width:10%}
.product_box .lists .items a ul li:nth-child(2){width:22%}
.product_box .lists .items a ul li:nth-child(3){width:12%}
.product_box .lists .items a ul li:nth-child(4){width:12%}
.product_box .lists .items a ul li:nth-child(5){width:25%}
.product_box .lists .items a ul li p{font-size:.16rem;color:#676767}
.product_box .lists .items a:hover li:nth-child(2) p{color:#2f81d5;transition:.3s}
.product_box .lists .page{display:flex;padding:.75rem  0 0}
.product_box .lists .page a{width:.4rem;height:.4rem;background:#dbdbdb;font-size:.16rem;text-align:center;line-height:.4rem;margin:0 .03rem;border-radius:5px;color:black}
.product_box .lists .page a.page-item {width:auto;padding:0 .11rem;color:#2078d2}
.product_box .lists .page a.page-num-current,.product_box .lists .page a:hover{background:#2078d2;color:white}
.product{padding:1.15rem 0 0}
.product .top{background-size:cover;background-repeat:no-repeat;}
.product .top>div{padding:.5rem 0 .85rem}
.product .top .mbx{display:flex;color:white;align-items: center;}
.product .top .mbx a{font-size:.16rem;color:white;margin:0 .15rem}
.product .top .mbx a:first-child{margin:0;width:.21rem;height:.21rem;background: url(/public/common/images/home.png)0 0  no-repeat;background-size:.21rem .21rem}
.product .top .infos{padding:.73rem 0 0;display:flex;align-items: center;justify-content: space-between;}
.product .top .infos .left{width:56%}
.product .top .infos .left h2{font-size:.36rem;color:white;font-weight:bold}
.product .top .infos .left  ul{padding:.7rem 0}
.product .top .infos .left  ul li{margin:0 0 .15rem}
.product .top .infos .left  ul li p {font-size:.18rem;color:white}
.product .top .infos .left>a{display:inline-block;padding:.15rem .4rem;background:#2078d2;color:white;font-size:.16rem;border-radius:10px}
.product .top .infos .right{width:39.5%;position:relative}
.product .top .infos .right .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:7%;z-index:2}
.product .top .infos .right .slide-pagination span{width:.11rem;height:.11rem;opacity:1;margin: 0 .03rem;background:none;border:1px solid #2078d2}
.product .top .infos .right .slide-pagination .swiper-pagination-bullet-active{background:#2078d2}
.product .bot>div{padding:.8rem 0 1.78rem}
.product .bot>div>h2{font-size:.3rem;color:black;font-weight:bold;padding:0 0 .85rem}
.product .bot form .first{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product .bot form .first .text{width:29%;margin:0 0 .5rem}
.product .bot form .first .text p{font-size:.16rem;color:#353535;padding:0 0 .2rem}
.product .bot form .first .text input{width:100%;height:.55rem;line-height:.55rem;font-size:.16rem;color:#353535;border:1px solid #dcdcdc;border-radius:5px;background:#f7f7f7}
.product .bot form  .bot p{font-size:.16rem;color:#353535;padding:0 0 .2rem}
.product .bot form  .bot textarea{width:100%;height:2.4rem;font-size:.16rem;color:#353535;border:1px solid #dcdcdc;border-radius:5px;background:#f7f7f7}
.product .bot form  .sub {text-align:center;padding:.6rem 0 0  }
.product .bot form  .sub  button{padding:.18rem .55rem;font-size:.16rem;background:#2078d2;border:0;color:white;border-radius:5px}
.news_box>div{padding:.8rem 0 1.3rem}
.news_box .title{padding:.1rem 0 .5rem}
.news_box .title h1{font-size:.48rem;color:#3a83d5;font-weight:bold}
.news_box .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news_box .lists .items{width:31%;margin:0 0 .7rem}
.news_box .lists:after{content:"";width:31%}
.news_box .lists .items a .text{padding:.32rem .2rem .92rem;background:#eef2f5;position:relative}
.news_box .lists .items a .text:after{content:'';position:absolute;background:url(/public/common/images/icon14.png)0 0  no-repeat;width:.15rem;height:.15rem;background-size:100%;left:.2rem;bottom:.3rem;;transition:.6s}
.news_box .lists .items a .img em{font-size:.14rem;color:white;position:absolute;left:0;bottom:0;padding:.11rem .1rem;background:#2078d2}
.news_box .lists .items a .text h1{font-size:.2rem;color:#1d1d1d;line-height:.25rem;height:.5rem;margin:0 0 .22rem}
.news_box .lists .items a .text p{color:#5c5d5d;font-size:.16rem;line-height:.22rem;height:.44rem}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box .lists .items a:hover .text:after{transform:translateX(.2rem) translateY(-.2rem);transition:.6s}
.news_box .page{display:flex;;justify-content: center;}
.news_box .page a{width:.4rem;height:.4rem;background:#dbdbdb;font-size:.16rem;text-align:center;line-height:.4rem;margin:0 .03rem;border-radius:5px;color:black}
.news_box .page a.page-item {width:auto;padding:0 .11rem;color:#2078d2}
.news_box .page a.page-num-current,.news_box .page a:hover{background:#2078d2;color:white}
.downloadlist{background:#f4f4f4}
.downloadlist>div{padding:.93rem 0 2rem}
.downloadlist .search{display:flex;background:white;padding:.22rem  2rem .22rem .6rem;border-radius:50px;box-shadow:0 0 20px 2px rgba(0,0,0,0.2);justify-content: space-between;position:relative}
.downloadlist .search .text{display:flex;align-items: center;;width:48%}
.downloadlist .search .text p{font-size:.16rem;color:#404040;padding-right:.15rem}

.downloadlist .search .text  input{height:.38rem;line-height:.38rem;width:3rem;border:0;border-left:1px solid #dcdcdc;padding:0 .2rem;font-size:.16rem;color:#404040;}
.downloadlist .search button{position:absolute;width:1.8rem;height:100%;right:0;top:0;border-radius:0 50px 50px 0;border:0;background:#4884e0 url(/public/common/images/icon15.png)center center  no-repeat}
.downloadlist .title{margin:1.05rem 0 .5rem }
.downloadlist .title{display:flex;justify-content: space-between;align-items: flex-end;}
.downloadlist .title h2{font-size:.48rem;color:#2078d2;font-weight:bold}
.downloadlist .title ul{display:flex;padding:0 0 .05rem}
.downloadlist .title ul li a{color:#797979;font-size:.24rem;font-weight:bold}
.downloadlist .title ul li.active a,.downloadlist .title ul li a:hover{color:#2078d2}
.downloadlist .title ul li:last-child{margin:0 0 0 .8rem}
.downloadlist .lists .items {margin:0 0 .34rem}
.downloadlist .lists .items a {height:1.7rem;padding:0 1.3rem 0 2rem;background:white;position:relative;border-radius:5px;position:relative}
.downloadlist .lists .items a:after{content:'';position:absolute;background:url(/public/common/images/icon17.png)0 0  no-repeat;width:.3rem;height:.35rem;right:1rem;background-size:100%;top:50%;transform:translateY(-50%);transition:.3s}
.downloadlist .lists .items a:hover:after{background:url(/public/common/images/icon18.png)0 0  no-repeat;width:.3rem;height:.35rem;background-size:100%;transition:.3s}
.downloadlist .lists .items a:hover{box-shadow:0 0 20px 2px rgba(0,0,0,0.1);}
.downloadlist .lists .items a  span{position:absolute;background:#eaf3fd url(/public/common/images/icon16.png)center center  no-repeat;width:1.5rem;height:100%;left:0;top:0}
.downloadlist .lists .items a h1{line-height:1.7rem;font-size:.2rem;color:#282834 }
.downloadlist .page{display:flex;padding:.48rem  0 0;justify-content: center;}
.downloadlist .page a{width:.4rem;height:.4rem;background:#dbdbdb;font-size:.16rem;text-align:center;line-height:.4rem;margin:0 .03rem;border-radius:5px;color:black}
.downloadlist .page a.page-item {width:auto;padding:0 .11rem;color:#2078d2}
.downloadlist .page a.page-num-current,.downloadlist .page a:hover{background:#2078d2;color:white}
.contact_box .infos>div{padding:.8rem 0 .7rem;border-bottom:1px dashed #d5d5d5}
.contact_box .infos .title{padding:0 0 .38rem;text-align:center}
.contact_box .infos .title h1{font-size:.48rem;color:#2078d2;font-weight:bold}
.contact_box .infos .title p{font-size:.18rem;color:#2078d2;padding:.1rem 0 0}
.contact_box .infos .txt{text-align:center;padding:0 0 .45rem}
.contact_box .infos .txt p{font-size:.16rem;color:#3c3c3c;}
.contact_box .infos ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.contact_box .infos ul li{width:31%;height:3.5rem;padding:2.4rem .3rem 0;margin:0 0 .24rem;border-radius:10px;position:relative}

.contact_box .infos ul li:nth-child(1){background:#f8f8f8}
.contact_box .infos ul li:nth-child(1):after{content:"";position:absolute;width:1.39rem;height:1.39rem;background:url(/public/common/images/icon19.png)0 0  no-repeat;background-size:100%;left:50%;transform:translateX(-50%);top:15%}
.contact_box .infos ul li:nth-child(2):after{content:"";position:absolute;width:1.12rem;height:1.63rem;background:url(/public/common/images/icon20.png)0 0  no-repeat;background-size:100%;left:50%;transform:translateX(-50%);top:7%}
.contact_box .infos ul li:nth-child(3):after{content:"";position:absolute;width:1.78rem;height:1.28rem;background:url(/public/common/images/icon21.png)0 0  no-repeat;background-size:100%;left:50%;transform:translateX(-50%);top:18%}
.contact_box .infos ul li:nth-child(4):after{content:"";position:absolute;width:1.22rem;height:1.22rem;background:url(/public/common/images/icon22.png)0 0  no-repeat;background-size:100%;left:50%;transform:translateX(-50%);top:18%}

.contact_box .infos ul li:nth-child(2){background:#f1f1f1}
.contact_box .infos ul li:nth-child(3){background:#f8f8f8}
.contact_box .infos ul li:nth-child(4){background:#f1f1f1}
.contact_box .infos ul li:last-child{width:65.5%;padding:0;}
.contact_box .infos ul li .map{height:100%}
.contact_box .infos ul li .map #container{height:100%}
.contact_box .infos ul li>p{font-size:.17rem;color:#3c3c3c;font-weight:bold;line-height:.25rem}
.contact_box .message>div{padding:0 0 1.3rem}
.contact_box .message .title{padding:1.2rem 0 .85rem;text-align:center}
.contact_box .message .title h1{font-size:.48rem;color:#2078d2;font-weight:bold}
.contact_box .message .lists .first{display:flex;flex-wrap: wrap;justify-content: space-between;}
.contact_box .message .lists .first .text{width:48%;margin:0 0 .44rem}
.contact_box .message .lists .first .text input{width:100%;height:.9rem;line-height:.9rem;padding:0 .2rem;font-size:.18rem;color:#6c6c6c;border-radius:10px;border:0;background:#f5f5f5}
.contact_box .message .lists .bot textarea{width:100%;height:3.2rem;;border:0;background:#f5f5f5;font-size:.18rem;color:#6c6c6c;border-radius:10px;padding:.35rem .2rem}
.contact_box .message .lists .sub {text-align:center;padding:.55rem 0 0  }
.contact_box .message .lists .sub  button{padding:.28rem 1rem;font-size:.16rem;background:#2078d2;border:0;color:white;border-radius:50px}
.tem_banner.index{padding:1.15rem 0 0;position:relative}

.tem_banner.index .fix_banner {position:fixed;width:100%;height:100%;top:0;left:0;transition:none}
.tem_banner.index .swiper-slide .img {background-position:center;background-repeat:no-repeat;background-size:cover;}
.tem_banner.index .label_text{position:absolute;left:50%;transform:translateX(-50%);top:40%;z-index:2;width:100%;text-align:center}
.tem_banner.index .label_text h2{font-size:.6rem;color:#2078d2;font-weight:bold;border-bottom:4px solid #2078d2;margin:0 0 .65rem;display:inline-block}
.tem_banner.index .label_text ul{display:flex;justify-content: center;}
.tem_banner.index .label_text ul li{margin:0 .4rem;text-align:center}
.tem_banner.index .label_text ul li p{padding:.22rem 0 0;font-size:.24rem;color:#2078d2;}
.tem_banner.index .label_text ul li:hover .img{transform:translateY(-.2rem)}
.tem_banner  .swiper-page>div{position:absolute;width:.5rem;height:.5rem;border-radius:100%;background:white;line-height:.5rem;text-align:center;font-size:.3rem;color:#2078d2;outline:none;z-index:2;top:50%;left:5%;transform:translateY(-50%)}
.tem_banner  .swiper-page>div.slide-button-next {left:auto;right:5%}
.common {position:relative;background:#FFF;z-index:1}
.index_product {padding:0  0 .6rem}
.index_product .top>div{padding:.9rem 0 .53rem}

.index_product .top .title{padding:0 0 .37rem;text-align:center}
.index_product .top .title h1{font-size:.48rem;color:black;font-weight:bold;padding:0 0 .37rem;position:relative}
.index_product .top .title h1:after{content:"";position:absolute;width:.59rem;height:.05rem;background:url(/public/common/images/icon23.png)0 0  no-repeat;background-size:100%;left:50%;transform:translateX(-50%);bottom:0}
.index_product .top  ul{display:flex;justify-content: space-between;}
.index_product .top  ul li{width:19.8%;position:relative}
.index_product .top  ul li:after{content:'';position:absolute;background: url(/public/common/images/icon29.png) 0 0 no-repeat;width:.46rem;height:.46rem;right:2rem;top:-.23rem;z-index:2;opacity:0;transition:.6s;background-size:100%}
.index_product .top  ul li a{height:1.73rem;text-align:center;padding:1.2rem  .1rem 0;background:#f7f7f7;font-size:.18rem;color:#444444;position:relative;}
.index_product .top  ul li:nth-child(1) a{background:#f7f7f7 url(/public/common/images/icon24.png) center  30% no-repeat;}
.index_product .top  ul li:nth-child(2) a{background:#f7f7f7 url(/public/common/images/icon25.png) center  30% no-repeat;}
.index_product .top  ul li:nth-child(3) a{background:#f7f7f7 url(/public/common/images/icon26.png) center  32% no-repeat;}
.index_product .top  ul li:nth-child(4) a{background:#f7f7f7 url(/public/common/images/icon27.png) center  30% no-repeat;}
.index_product .top  ul li:nth-child(5) a{background:#f7f7f7 url(/public/common/images/icon28.png) center  30% no-repeat;}
.index_product .top  ul li a:hover{box-shadow:0 0 20px 12px rgba(32,120,210,0.1);z-index:2}
.index_product .top  ul li:hover:after{opacity:1;transition:.6s;right:-.23rem}
.index_product .top  ul li a:after{content: "";  width: 0; height: 0; border-top: 2px solid #1e68cb; border-left: 2px solid #1e68cb; border-right-color: #1e68cb; border-bottom-color: #1e68cb; position: absolute; transition: all 0.65s ease 0s;;left:0;top:0;opacity:0}
.index_product .top  ul li a:hover:after{width:100%;height:100%;opacity:1}
.index_product .top  ul li a:before{content: "";  width: 0; height: 0; border-bottom: 2px solid #1e68cb;   border-top-color: #1e68cb; position: absolute; transition: all .65s ease 0s;;left:0;bottom:0;opacity:0}
.index_product .top  ul li a:hover:before{width:50%;opacity:1;transition: all .65s ease .5s;}
.index_product .lists{display:flex;justify-content: space-between;}
.index_product .lists .items{width:19.7%}
.index_product .lists .items a{position:relative;overflow:hidden}
.index_product .lists .items a:after{content:"";position:absolute;background:rgba(14,114,189,.76);left:50%;transform:translateX(-50%);top:0;width:100%;height:0;transition:  .6s cubic-bezier(0.63, 0.31, 0.58, 1)}
.index_product .lists .items a:hover:after{height:100%}
.index_product .lists .items a h1{position:absolute;left:50%;transform:translateX(-50%);width:100%;font-size:.24rem;color:white;font-weight:bold;text-align:center;padding:0 0 .95rem;bottom:-.2rem;z-index:2;opacity:0;transition:.6s}
.index_product .lists .items a h1:after{content:"";position:absolute;background:url(/public/common/images/icon30.png) 0 0 no-repeat;width:.4rem;height:.4rem;left:50%;transform:translateX(-50%);bottom:0;background-size:100%}
.index_product .lists .items a:hover h1{bottom:25%;opacity:1;transition:.6s}
.index_product .lists .items a:hover img{transform:scale(1.1)}
.index_about>div{padding:1.1rem  0 0}

.index_about .title{padding:0 0 1rem;text-align:center}
.index_about .title h1{font-size:.48rem;color:white;font-weight:bold;padding:0 0 .32rem;position:relative}
.index_about .title h1:after{content:"";position:absolute;width:.59rem;height:.05rem;background:url(/public/common/images/icon31.png)0 0  no-repeat;background-size:100%;left:50%;transform:translateX(-50%);bottom:0}
.index_about .infos{position:relative;padding:0 0 .54rem}
.index_about .infos h3{position:absolute;right:0;top:-.8rem;font-size:.48rem;color:white}
.index_about .infos h3 em{font-size:1rem;font-weight:bold}
.index_about .infos h2{font-size:.24rem;color:white;font-weight:bold;padding:0 0 .54rem}
.index_about .infos p{font-size:.16rem;color:white;height:1rem;line-height:.25rem}
.index_about .infos  a{font-size:.16rem;color:white;border-bottom:1px  solid white;display:inline-block;position:relative;margin:.2rem 0 0}
.index_about .infos  a:after{content:'';position:absolute;background:url(/public/common/images/icon32.png)0 0  no-repeat;width:.15rem;height:.15rem;background-size:100%;right:-.3rem;top:50%;transform:translateY(-50%);transition:.6s}
.index_about .infos  a:hover:after{transform:translateX(.15rem) translateY(-.15rem);transition:.6s}
.index_about {background-repeat:no-repeat;background-size:cover;background-attachment:fixed}
.index_about  ul{display:flex} 
.index_about  ul li {width:33.3%}
.index_about  ul li  a{padding:.65rem .5rem 0;height:3.52rem;border:1px solid #a0a3a6;margin-left:-1px;background:rgba(0,0,0,.36);position:relative}
.index_about  ul li  a h1{font-size:.24rem;color:white;padding:1rem 0 .17rem;position:relative}
.index_about  ul li  a p{font-size:.16rem;color:white;position:relative}
.index_about  ul li  a p:after{content:'';position:absolute;background:url(/public/common/images/icon32.png)0 0  no-repeat;width:.15rem;height:.15rem;background-size:100%;left:0rem;bottom:-.6rem;transition:.6s}
.index_about  ul li  a:hover p:after{transform:translateX(.15rem) translateY(-.15rem);transition:.6s}
.index_about  ul li:nth-child(1) a h1:after{content:'';position:absolute;background:url(/public/common/images/icon33.png)0 0  no-repeat;width:.53rem;height:.53rem;background-size:100%;left:0;top:.1rem}
.index_about  ul li:nth-child(2) a h1:after{content:'';position:absolute;background:url(/public/common/images/icon34.png)0 0  no-repeat;width:.51rem;height:.55rem;background-size:100%;left:0;top:.1rem}
.index_about  ul li:nth-child(3) a h1:after{content:'';position:absolute;background:url(/public/common/images/icon35.png)0 0  no-repeat;width:.86rem;height:.63rem;background-size:100%;left:0;top:0}
.index_about  ul li  a:before{content:"";position:absolute;background:url(/public/common/images/icon36.jpg)0 0  no-repeat;width:100%;height:0;left:50%;transform:translateX(-50%);top:0;transition:.6s}
.index_about  ul li  a:hover:before{height:100%;transition:.6s}
.index_product .top .title{padding:0 0 .37rem;text-align:center}
.index_product .top .title h1{font-size:.48rem;color:black;font-weight:bold;padding:0 0 .37rem;position:relative}
.index_product .top .title h1:after{content:"";position:absolute;width:.59rem;height:.05rem;background:url(/public/common/images/icon23.png)0 0  no-repeat;background-size:100%;left:50%;transform:translateX(-50%);bottom:0}
.index_news>div{padding:0 0 1.5rem}
.index_news  .title{padding:1.05rem 0 .62rem;text-align:center}
.index_news  .title h1{font-size:.48rem;color:black;font-weight:bold;padding:0 0 .35rem;position:relative}
.index_news  .title h1:after{content:"";position:absolute;width:.59rem;height:.05rem;background:url(/public/common/images/icon23.png)0 0  no-repeat;background-size:100%;left:50%;transform:translateX(-50%);bottom:0}

.index_news .lists .items a .text{padding:.32rem .2rem .92rem;background:#eef2f5;position:relative}
.index_news .lists .items a .text:after{content:'';position:absolute;background:url(/public/common/images/icon14.png)0 0  no-repeat;width:.15rem;height:.15rem;background-size:100%;left:.2rem;bottom:.3rem;;transition:.6s}
.index_news .lists .items a .img em{font-size:.14rem;color:white;position:absolute;left:0;bottom:0;padding:.11rem .1rem;background:#2078d2}
.index_news .lists .items a .text h1{font-size:.2rem;color:#1d1d1d;line-height:.25rem;height:.5rem;margin:0 0 .22rem}
.index_news .lists .items a .text p{color:#5c5d5d;font-size:.16rem;line-height:.22rem;height:.44rem}
.index_news .lists .items a:hover img{transform:scale(1.1)}
.index_news .lists .items a:hover .text:after{transform:translateX(.2rem) translateY(-.2rem);transition:.6s}
.index_news  .more{text-align:center;padding:.55rem 0 0}
.index_news  .more a{width:1.7rem;height:.55rem;line-height:.55rem;display:inline-block;background:#2078d2;border-radius:50px;font-size:.14rem;color:white;;padding-right:.3rem;position:relative}
.index_news  .more a:after{content:'';position:absolute;background:url(/public/common/images/icon32.png)0 0  no-repeat;width:.15rem;height:.15rem;background-size:100%;right:.4rem;top:50%;transform:translateY(-50%);transition:.6s}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#e00001 ;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2>a,.st-container .st-menu ul li>dl dd a:hover,.st-container .st-menu ul li>dl dd.on2 dd.on3 a {color:#e00001}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/
@media(max-width:1600px){
	.product_box>div{padding:.35rem  0 2.4rem 1.6rem;display:flex;justify-content: space-between;}
	.product_box .product_nav{width:19%}
	.product_box .lists{width:78%}
	.about_history>div{padding:1.25rem 0 .9rem 1.2rem}
	.about_history .lists:after{height:1.23rem;}
}
@media(max-width:1300px){
    .product_box>div{padding:.35rem  0 2.4rem 0.6rem;display:flex;justify-content: space-between;}
   .about_company .top .right{width:65%;}
  
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner.index .label_text ul li{margin:0 .1rem}
	.index_product .top ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
	.index_product .top ul li{width:33.33%}
	.index_product .top  ul li a{background-size:20% !important}
	.index_product .lists{display:flex;flex-wrap: wrap;justify-content: flex-start;}
	.index_product .lists .items{width:33.33%}
	.index_about>div{padding:1.1rem .3rem 0 }
	.index_about .infos p{height:auto}
	.index_about ul li a{padding:.23rem .1rem 0}
	.index_about ul li a h1{padding:.7rem 0 .2rem}
	.footer>div{padding:.2rem}
	.footer .logo .return{top:10%}
	.footer .middle dl:nth-child(1),.footer .middle dl:nth-child(2),.footer .middle dl:nth-child(3),.footer .middle dl:nth-child(4){display:none}
	.footer .bot p a{display:block}
	.tem_banner.indise .flash .txt h1{display:none}
	    .product_box>div{padding:.35rem  0 2.4rem 0;display:inherit;}
.product_box>div>div{width:100% !important}
.product_box .product_nav dl dt a{padding:.38rem .25rem .38rem 1rem;color:#444444;font-size:.18rem;font-weight:normal;background:#f7f7f7;position:relative}
.product_box .product_nav dl.info2 dt a:after{left:4%}
.product_box .lists .head_tit ul li:nth-child(3){width:20%}
.product_box .lists .items a ul li:nth-child(3){width:20%}
.product_box .lists .head_tit ul li:nth-child(4){width:20%}

.product_box .lists .items a ul li:nth-child(4){width:20%}
.product .top .mbx a:nth-child(3),.product .top .mbx a:nth-child(4){display:none}
.product .top .infos{padding:.7rem .2rem 0}
.tem_banner.indise .banner_nav ul{padding:0 1rem}

.about_company .top .right{position:inherit;width:100%}
.about_company .top:after{display:none}
.about_company .top .text{width:100%;padding:0 0 .5rem}
.about_company .top .right .imgs4 img{width:3rem;height:2.5rem}
.about_history .lists:after{height:1.2rem;background-size:cover}
.about_history .lists .txt{height:5rem}
.about_history .lists .swiper-page>div{left:-.4rem}
.news_box .lists .items{width:48%}
.news_box .lists:after{display:none}
.downloadlist .search{display:inherit}
.downloadlist .search .text p{width:30%}
.downloadlist .search .text{width:100%}
.downloadlist .lists .items a span{background-size:50%}
.downloadlist .lists .items a h1{display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1}
.downloadlist .lists .items a {height:1.7rem;padding:0 .3rem 0 2rem;background:white;position:relative;border-radius:5px;position:relative}
.downloadlist .lists .items a:after{right:.3rem}
.contact_box .infos ul li{width:49%}
.contact_box .infos ul li:last-child{width:100%}
.footer .middle dl{width:70%}
.footer .middle dl:last-child{width:30%}
}