/***** Header *****/
header{position: fixed;background:#fff;width: 100%;z-index: 1000;height:.88rem;line-height:.88rem; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);}
header>div{display:flex;justify-content: space-between;padding:0 2.6rem}
/*
header:after{content:"";position:absolute;background:url(/public/common/images/juxing.png) no-repeat;width:6.8rem;height:.88rem;right:0;top:0;z-index:-1;background-size:cover}
*/
header .img {width:23%}
header .img a{display:inline-block}
header .navs {width:77%}
header .navs ul{display:flex;}
header .navs ul li {text-align:center;position:relative;margin:0 .25rem}
header .navs ul li.active>a{color:#052366}
header .navs ul li.xss1,header .col-sm-6.nav{position:inherit !important}
header .navs  ul li.xss1:after{display:none}
header .navs ul li:after{content:"";position:absolute;width:0;bottom:0;height:2px;background:#193982;left:0;transition:width 0.5s ease;}
header .navs ul li:hover:after{width:100%;}
header .navs ul li>a{font-size:.18rem;color: black;}
header .navs ul li>a:hover{color:#052366}
header .navs ul li>dl.xl1{position:absolute;top:100%;left:50%;width:1.4rem;transition:none;display:none;background:rgba(0,0,0,.5);transform:translateX(-50%)}
header .navs ul li>dl.xl1 dd a{font-size:.13rem;color:white;display:block;text-align:center;padding: .11rem 3px;background:url(/public/common/images/icon2.png) center bottom no-repeat;background-size:1.32rem auto;}
header .navs ul li>dl.xl1 dd:hover{background:#193982}
header .navs ul li>dl.xl1 dd:hover a{color:white}

header .navs ul li>dl.xl2{position:absolute;top:100%;left:0;width:100%;transition:none;display:none;background:#f8f8f8;box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);}
header .navs ul li>dl.xl2>div{display:flex;padding:.52rem 0 .7rem;text-align:left;justify-content: space-between;}
header .navs ul li>dl.xl2>div .items{width:23%;}
header .navs ul li>dl.xl2>div .items a{line-height:normal}
header .navs ul li>dl.xl2>div .items h2{font-size:.2rem;color:#000000;font-weight:bold;padding:0 0 .15rem;border-bottom:2px solid #1b3982;margin:0 0 .1rem}
header .navs ul li>dl.xl2>div .items a{font-size:.16rem;color:#4d4d4d;margin:0 0 .1rem}

.methiod_text{background:#f1f1f1;padding:.5rem 0  1.8rem}
.methiod_text>div.w1400{background:white;padding:.75rem 0 1.65rem}
.methiod_text>div.w1400 h2{font-size:.36rem;color:#1b3982;font-weight:bold;padding:0 .85rem .42rem;border-bottom:2px solid #ececec}
.methiod_text .editor {font-size:.16rem;color:#333;padding:0 .45rem;}
.methiod_text .editor table {width:100%;}
.methiod_text .editor table td {width:auto;vertical-align:middle;height:.5rem;min-height:35px;padding:0 .15rem}
.methiod_text .editor table p {margin:0}

.methiod_text .other {padding:.65rem 0 0}
.methiod_text .other h3 {font-size:.36rem;color:#1b3982;font-weight:bold;padding:0 .85rem .42rem;border-bottom:2px solid #ececec;margin:0 0 .4rem}
.methiod_text .other .lists .swiper-slide a{display:block;position:relative;border:1px solid #eee;padding:0 .2rem;background:#FFF}
.methiod_text .other .lists .swiper-slide .text {text-align:center;padding:.6rem 0 .4rem;border-bottom:1px solid #eee}
.methiod_text .other .lists .swiper-slide .text h6 {font-size:.32rem;color:#000;font-weight:bold;}
.methiod_text .other .lists .swiper-slide .text p{font-size:.18rem;color:#000;margin:.2rem 0 .3rem;}
.methiod_text .other .lists .swiper-slide .text em {font-size:.16rem;color:#dc251c;}
.methiod_text .other .lists .swiper-slide .imgs {padding:.15rem 0;overflow:hidden}
.methiod_text .other .lists{position:relative}
.methiod_text .other .lists .swiper-page>div{position:absolute;left:-.85rem;top:50%;transform:translateY(-50%);width:.5rem;height:.5rem;background:#999;font-size:.21rem;color:#FFF;line-height:.5rem;text-align:center;z-index:2;border-radius:100%}
.methiod_text .other .lists .swiper-page>div.slide-button-next{left:auto;right:-.85rem}
.methiod_text .other .lists .swiper-slide a:hover .imgs img {transform:scale(1.06)}
.methiod_text .other .lists .swiper-slide a:hover {transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}

header  .right {display:flex;justify-content: center;}
header  .right .langs ul{display:flex;color:white;}
header  .right .langs ul li{}
header  .right .langs ul li a{display:initial;color:white;font-size:.16rem;padding:0 .1rem;border-right:2px solid white;}
header  .right .langs ul li:last-child a{border:0}
header  .right .serch{width:8%;text-align:right}
header  .right .serch a{display:initial;font-size:.16rem;color:white}
footer {background:#353535;position:relative}
footer:after{content:"";position:absolute;top:0;width:100%;left:0;background:#0180d7;height:5px}
footer .top>div{display:flex;padding:.93rem 0 .4rem;justify-content: space-between;}
footer .top .left{width:18%}
footer .top .left h1{font-size:.15rem;padding:.22rem 0 .18rem;color:#e9e9e9}
footer .top .left p{color:#bebebe;padding:0 0 .1rem;font-size:.14rem;display:flex;width:100%}
footer .top .middle{width:60%;display:flex;justify-content: space-evenly;padding:.18rem  0 0;}
footer .top .middle dl{}
footer .top .middle dl dt{margin:0 0 .1rem}
footer .top .middle dl dt a{color:white;font-size:.16rem}
footer .top .middle dl  dd{margin:0 0 .1rem}
footer .top .middle dl  dd a{color:#d8d8d8}
footer .top .right{width:10%;text-align:center;padding:.5rem  0}
footer .top .right p{color:#d4d1d1;padding:.1rem 0 0;font-size:.15rem}
footer  .bot{border-top:1px solid #bbbbbb}
footer  .bot>div{display:flex;padding:.57rem 0 .48rem;}
footer  .bot p{color:#777777;width:30%}
footer  .bot  a{color:#777777}
footer  .bot  .shares{width:40%;text-align:right}
footer  .bot  .shares>*{display:inline-block;margin:0 .1rem}
footer  .bot  .shares a i{font-size:.15rem;}
.tem_banner {padding: .88rem 0 0 }
.tem_banner  .flash{position:relative}
.tem_banner  .flash .txt{position:absolute;left:2.6rem;bottom:30%}
.tem_banner  .flash .txt h1{font-size:.55rem;color:white;padding:0 0 .3rem}
.tem_banner  .flash .txt p{font-size:.23rem;color:white;padding:0 0 0 1.2rem;position:relative}
.tem_banner  .flash .txt p:after{content:"";position:absolute;height:2px;width:1rem;background:white;left:0;top:50%;transform:translateY(-50%)}
.about_nav{background:#f7f7f7; border-bottom:1px solid #d2d2d2}
.about_nav>div{display:flex;height:.8rem;line-height:.8rem;justify-content: space-between;}
.about_nav>div .left{}
.about_nav>div .left ul{display:flex;}
.about_nav>div .left ul li{margin-right:.4rem}
.about_nav>div .left ul li.active a{color:#0075c1}
.about_nav>div .left ul li.active a:after{width:100%}
.about_nav>div .left ul li a{font-size:.15rem;color:black;position:relative}
.about_nav>div .left ul li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:#0075c1;transition:.6s}
.about_nav>div .left ul li a:hover:after{width:100%;transition:.6s}
.about_nav>div .left ul li a:hover{color:#0075c1}
.about_nav>div .mbx>*{display:inline-block;font-size:.15rem}
.about_nav>div .mbx a{margin:0 .2rem;color:#7f7f7f;display:initial}
.about_nav>div .mbx a:first-child{padding:0 0 0 .3rem;position:relative}
.about_nav>div .mbx a:first-child:after{content:"";position:absolute;background:url(/public/common/images/home.png)no-repeat;height:21px;width:22px;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.about_nav>div .mbx i{color:#666666}
.about_company{background:#f7f7f7;}
.about_company .pad2{margin:0 2rem;background:white}
.about_company .pad2>div{padding:.9rem 0 .8rem}
.about_company  .first{display:flex;justify-content: space-between;position:relative;align-items: flex-end;}
.about_company  .first .img{width:55%;}
.about_company  .first .infos{width:43%}
.about_company  .first .infos h1{font-size:.24rem;font-weight:bold;padding:0 0 .35rem}
.about_company  .first .infos  p{font-size:.15rem;line-height:.3rem;color:black}
.about_company  .first  .guimo{position:absolute;width:55%;bottom:0;left:0;padding:.1rem 0;background:rgba(242,242,242,.6)}
.about_company  .first  .guimo ul{display:flex;justify-content: space-evenly;}
.about_company  .first  .guimo ul li p{font-size:.14rem;color:black}
.about_company  .first  .guimo ul li em{font-size:.36rem;font-weight:bold;color:#0196eb}
.about_company .workshop{padding:1.25rem 0 .9rem}
.about_company .workshop a{overflow:hidden}
.about_company .workshop a:hover img{transform:scale(1.1)} 
.about_company  .content p{font-size:.15rem;color:black;line-height:.5rem}
.methiod{background:#f8f8f8}
.methiod>div{display:flex;padding:.6rem 0 1.85rem;justify-content: space-between;}
.methiod .items{width:24%;background:white;}
.methiod .items  .text{padding:.4rem .2rem .3rem}
.methiod .items  .text h2{font-size:.2rem;color:#000000;font-weight:bold;margin:0 0 .3rem}
.methiod .items  .text  ul li{margin:0 0 .1rem}
.methiod .items  .text  ul li a{font-size:.16rem;color:#4d4d4d}
.methiod .items  .text  ul li a:hover{color:#1b3982}
.culture{background:#f7f7f7}
.culture .pad2{margin:0 2rem;background:white}
.culture .pad2>div{padding:1.2rem 0 .5rem 1rem}
.culture .infos{display:flex;}
.culture .infos .left{width:50%;display:flex;flex-direction: column;justify-content: center;}
.culture .infos .left .items{padding:0 0 .6rem}
.culture .infos .left .items:last-child{padding:0}
.culture .infos .left .items h1{color:black;font-size:.16rem;font-weight:bolder;padding:0 0 .1rem}
.culture .infos .left .items p{color:#585858;font-size:.15rem}
.culture .infos .right{width:45%}
.culture  .imgs{padding:.52rem 0 1.66rem}
.pro_nav{text-align:right;height:.8rem;line-height:.8rem;}
.pro_nav>div .mbx>*{display:inline-block;font-size:.15rem}
.pro_nav>div .mbx a{margin:0 .2rem;color:#7f7f7f;display:initial}
.pro_nav>div .mbx a:first-child{padding:0 0 0 .3rem;position:relative}
.pro_nav>div .mbx a:first-child:after{content:"";position:absolute;background:url(/public/common/images/home.png)no-repeat;height:21px;width:22px;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.pro_nav>div .mbx i{color:#666666}
.product>div{padding:0 0 1.3rem;font-size:0}
.product>div>div{display:inline-block;vertical-align:top}
.product .product_nav{width:18%}
.product .product_nav h2{padding:.45rem 0 .45rem .35rem;background:#193982;color:white;font-weight:bold;font-size:.3rem}
.product .product_nav ul li>a{padding:.12rem .25rem ;border:1px solid #d2d2d2;margin-bottom:-1px;color:black;font-size:.16rem;position:relative;font-weight:bold}
.product .product_nav ul li.opens>a i{transform: translateY(-50%) rotate(90deg) }
.product .product_nav ul li.active>a{color:#193982}
.product .product_nav ul li>a i{position:absolute;right:20%;font-size:.18rem;top:50%;transform:translateY(-50%)}
.product .product_nav ul li dl{display:none;transition:0s}
.product .product_nav ul li dl a{font-size:.14rem;padding:.2rem  0 .2rem .6rem ;border:1px solid #d2d2d2;margin-bottom:-1px;color:black}
.product .product_nav ul li dl a:hover{color:#193982}
.product .product_nav ul li dl .on2 a{color:#193982}
.product .right{width:75%;margin-left:.8rem}
.product .right .title {padding:0 0 .36rem}
.product .right .title h1{font-size:.25rem;border-bottom:1px solid #d2d2d2;padding:.4rem 0 .27rem}
.product  .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product  .lists:after{width:31%;content:""}
.product  .lists .items{width:31%;position:relative;margin-bottom:.7rem}
.product  .lists .items:after{content:"";position:absolute;bottom:0;width:100%;left:0;height:1px;background:#d2d2d2}
.product  .lists .items:before{content:"";position:absolute;bottom:0;width:0;left:0;height:1px;background:#0488fb;z-index:1;transition:.6s}
.product  .lists .items:hover:before{width:100%;transition:.6s}
.product  .lists .items a{margin-bottom:.2rem;position:relative}
.product  .lists .items a:after{width:100%;height:0;content:"";position:absolute;background:rgba(0,98,204,.3);top:0;left:0;transition:.6s}
.product  .lists .items a:hover:after{height:100%;transition:.6s}
.product  .lists .items a .text{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:2;text-align:center;opacity:0}
.product  .lists .items a .text h1{color:white;font-size:.18rem;padding:0 0 .05rem}
.product  .lists .items a .text p{color:#0488fb;font-size:.14rem}
.product  .lists .items a:hover .text{top:60%;transition:.6s;opacity:1}
.product  .lists .items a:hover img{transform:scale(1.1)}
.product .met_pager{text-align:center;font-size: 0;padding:.2rem 0 0}
.met_pager .PreSpan,.met_pager .NextSpan,.met_pager a{
  background: #c9c9c9; font-size: 13px; color: black; margin: 0 5px; display: inline-block;
  min-width: 16px; padding: 5px; line-height: 16px; border-radius: 10px;
  transition: all 0.1s;
  height:28px;width:28px;
  border:0

}
.met_pager .null{display:none}
.met_pager a.page-num-current, .met_pager a:hover{background:#018dff;color:white;transition:.3s}
.met_pager a:hover i{color:white}
.showproduct {padding:.33rem 0 1.13rem;}
.showproduct .mains{background:#f9f9f9;padding:.5rem .4rem 1.85rem;}
.showproduct .mains .item1{margin:0 0 .55rem;font-size:0;position:relative}
.showproduct .mains .item1>div{width:50%;display:inline-block;vertical-align:middle;}
.showproduct .mains .item1>div.imglist{padding-right:.14rem;}
.showproduct .mains .item1>div.text{padding-left:.14rem;position:absolute;right:0;top:0;height:100%;}
.showproduct .mains .item1>div .infos {background:#FFF;border-radius:3px;}
.showproduct .mains .item1>div.imglist .infos {padding:.5rem .48rem .8rem;}
.showproduct .mains .item1>div.imglist .swiper-slide{text-align:center;}
.showproduct .mains .item1>div.imglist .maylists{margin:.35rm 0 0;position:relative;padding:0 .35rem}
.showproduct .mains .item1>div.imglist .maylists .swiper-slide{border:1px solid #e5e5e5;cursor:pointer;}
.showproduct .mains .item1>div.imglist .maylists .swiper-page>div{position:absolute;left:0;top:0;width:.22rem;text-align:center;font-size:.14rem;color:#015fc5;background:#e5e5e5;outline:none;height:100%}
.showproduct .mains .item1>div.imglist .maylists .swiper-page>div.slide-button-next{left:auto;right:0}
.showproduct .mains .item1>div.imglist .maylists .swiper-page>div:hover {background:#015fc5;color:#FFF}
.showproduct .mains .item1>div.imglist .maylists .swiper-slide-thumb-active{border-color:#015fc5}
.showproduct .mains .item1>div.text .infos {padding:.45rem .35rem 0;position:relative;height:100%}
.showproduct .mains .item1>div.text h5{font-size:.36rem;color:#193982;margin:0 0 .35rem;font-weight:bold;font-family:"Microsoft YaHei"}

.showproduct .mains .item1>div.text .editor{font-size:.14rem;color:#525253;line-height:1.8}
.showproduct .mains .item1>div.text .btns{margin:.2rem 0 0}
.showproduct .mains .item1>div.text .btns>a{display:inline-block;padding:0 .49rem;line-height:.47rem;font-size:.16rem;color:#FFF;border-radius:5px;background:#015fc5;margin-right:.29rem;}
.showproduct .mains .item1>div.text .btns>a:last-child{background:#ff7500}

.showproduct .mains .item2 {background:#FFF;padding:.3rem 0 1rem;margin:0 0 .55rem;position:relative;}
.showproduct .mains .item2 h5,.showproduct .mains .item3 h5 {font-size:.36rem;color:#193982;padding:0 .5rem .25rem;border-bottom:1px solid #e5e5e5;font-weight:bold;font-family:"Microsoft YaHei"}
.showproduct .mains .item2 .editor {padding:.5rem .5rem 0;}
.showproduct .mains .item2 .editor table{width:100%;}
.showproduct .mains .item2 .editor table tr.on {background:rgb(247, 250, 255)}
.showproduct .mains .item2 .editor table td{border:1px solid #FFF;font-size:.16rem;color:#424242;padding:0 3px;line-height:.3rem;}



.showproduct .mains .item3 {background:#FFF;padding:.3rem 0 .65rem;}
.showproduct .mains .item3 .editor{padding:.4rem .55rem 0;font-size:.16rem;color:#535353;line-height:1.8}
.showproduct .mains .links{text-align:center;margin:.5rem 0 0}
.showproduct .mains .links a{font-size:.62rem;color:#193982;}

.honor_nav{text-align:right;height:1.2rem;line-height:1.2rem;border-bottom:1px solid #d2d2d2}
.honor_nav>div .mbx>*{display:inline-block;font-size:.15rem}
.honor_nav>div .mbx a{margin:0 .2rem;color:#7f7f7f;display:initial}
.honor_nav>div .mbx a:first-child{padding:0 0 0 .3rem;position:relative}
.honor_nav>div .mbx a:first-child:after{content:"";position:absolute;background:url(/public/common/images/home.png)no-repeat;height:21px;width:22px;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.honor_nav>div .mbx i{color:#666666}
.honor>div{padding:.75rem 0 1.78rem}
.honor .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.honor .lists .items{width:23%;margin-bottom:1rem}
.honor .lists  a{padding:.26rem .5rem;background:#f7f6f6}
.honor .lists  a:hover{background:#0070e4}
.honor .lists  a:hover img{transform:scale(1.1)}
.honor .lists .items p{text-align:center;padding:.15rem  0 0 ;font-size:.15rem;font-weight:bold}
.honor .met_pager{text-align:center;font-size: 0;padding:.6rem 0 0}

.news>div{padding:.45rem 0 1.4rem}
.news .lists .items {margin-bottom:.37rem }
.news .lists .items a{display:flex;justify-content: space-between;}
.news .lists .items a .img{width:27%}
.news .lists .items a .text{width:72.5%;padding:0 0 0 .3rem;position:relative}
.news .lists .items a .text h1{padding:.7rem 0 .3rem;font-size:.17rem;font-weight:bold;color:#434343}
.news .lists .items a .text p{font-size:.15rem;color:#434343;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.news .lists .items a .text  span{display:inline-block;margin-top:.5rem;font-size:.14rem;color:#434343}
.news .lists .items a .text:after{position:absolute;content:"";background:#eeeeee;width:100%;height:3px;bottom:0;left:0}
.news .lists .items a .text:before{position:absolute;content:"";background:#3595e9;width:0;height:3px;bottom:0;right:0;z-index:2;transition:.6s}
.news .lists .items a:hover img{transform:scale(1.1)}
.news .lists .items a:hover .text:before{width:100%;transition:.6s;left:0;right:auto}
.news  .met_pager{text-align:center;font-size: 0;padding:.6rem 0 0}

.show_news {padding:.45rem 0 .9rem;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}
.show_news .met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.show_news .met_page li {margin:.1rem 0;font-size:.14rem;color:#333}
.show_news .met_page li a {font-size:.14rem;color:#333}
.job>div{padding:0 0 1.5rem}
.job .infos{position:relative}
.job .infos .text{width:50%;position:absolute;left:0;bottom:10%;padding:0 0 0 .2rem}
.job .infos .text h1{font-size:.3rem;color:black;padding:0 0 .25rem}
.job .infos .text p{line-height:.25rem;color:#686868;font-size:.15rem}
.job .lists{padding:1rem 0 0}
.job .lists .items{background:#eeeeee;margin-bottom:.2rem}
.job .lists .items>a{background:#696969}
.job .lists .items>a div:after{content:"";height:50%;width:1px;position:absolute;background:rgba(156,156,156,.8);right:0;top:50%;transform:translateY(-50%)}
.job .lists .items>a p{font-size:.15rem;color:white}
.job .lists .items>a div{text-align:center;position:relative;padding:.27rem 0;}
.job .lists .items>a div:last-child i{text-align:center;font-size:.18rem;color:white}
.job .lists .items.opens>a div:last-child i{transform:rotate(180deg);color:white}
.job .lists .items.opens>a{background:#0070e4;}
.job .lists .items.opens>a p{color:white}
.job .lists .items .content{transition:0s;display:none;padding:.5rem}
.job .lists .items .content .infos p{font-size:.14rem;color:black}
.job .lists .items .content .infos{position:relative;padding:0 0 1rem}
.job .lists .items .content .infos a{position:absolute;right:0;bottom:0;padding:.14rem .6rem;background:#0070e4;color:white;border-radius:10px;font-size:.15rem}
.job  .met_pager{text-align:center;font-size: 0;padding:.7rem 0 0}
 

.page_contact  .contact .title{padding:.44rem 0 .5rem}
.page_contact  .contact .title h1{font-size:.23rem;color:black;font-weight:bold;padding:0 0 .26rem}
.page_contact  .contact .title p{width:76%;color:#515151;font-size:.15rem}
.page_contact  .contact .infos{display:flex}
.page_contact  .contact .infos .map{width:74%}
.page_contact  .contact .infos .map #container{height:5.3rem}
.page_contact  .contact .infos .right{width:26%;background:#193982;padding:0 0 0 .3rem;display:flex;flex-wrap: wrap;align-content: center;}
.page_contact  .contact .infos .right ul{}
.page_contact  .contact .infos .right ul li{padding:.1rem 0 }
.page_contact  .contact .infos .right ul li p{color:white;font-size:.16rem;display:flex;width:100%;margin:0}
.page_contact  .contact .infos .right ul li p em{font-size:.15rem;}
.page_contact  .message{padding:0 0 2.5rem}
.page_contact  .message .title{padding:.6rem 0 .4rem}
.page_contact  .message .title h1{font-size:.23rem;color:black;font-weight:bold;}
.page_contact  .message .form{border-top:1px solid #242424;padding:.6rem .45rem;box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);}
.page_contact  .message .form .top{display:flex;justify-content: space-between;}
.page_contact  .message .form .top .input{width:31%}
.page_contact  .message .form  p{font-size:.16rem;padding: 0 0 .2rem}
.page_contact  .message .form .top .input input{width:100%;padding: .2rem;border:1px solid #383839;}
.page_contact  .message .form .bot {padding:.6rem 0 }
.page_contact  .message .form .bot .content{width:100%;height:2rem;padding:.1rem .2rem;border:1px solid #383839}
.page_contact  .message .form .button{text-align:center;}
.page_contact  .message .form .button input{padding:.2rem .5rem;background:#0088db;border:0;color:white}
.tem_banner  .banner_txt{position:absolute;;left:2.6rem;z-index:2;top:30%;text-align:left}
.tem_banner  .banner_txt h1{font-size:.55rem;color:white;padding:0 0 .3rem;text-shadow: 2px 3px 10px white;opacity:0;transition:all .5s;transform:translateY(100px)}
.tem_banner   .swiper-slide-active .banner_txt h1{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner .banner_txt  p{font-size:.23rem;color:white;padding:0 0 0 1.2rem;position:relative;text-shadow: 2px 3px 10px white;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner   .swiper-slide-active .banner_txt p{transition-delay:.6s;transform:none;opacity:1;}
.tem_banner .banner_txt  p:after{content:"";position:absolute;height:2px;width:1rem;background:white;left:0;top:50%;transform:translateY(-50%)}
.tem_banner .slide-pagination {position:absolute;left:50%;transform:translateX(-50%);bottom:5%;z-index:2}
.tem_banner .slide-pagination  span{background:none;opacity:1;margin:0 .15rem;width:.18rem;height:.18rem;border:1px solid white;position:relative}
.tem_banner .slide-pagination  span:after{content:"";position:absolute;width:.09rem;height:.09rem;border-radius:50%;background:white;left:50%;top:50%;transform:translate(-50%,-50%)}
.tem_banner .slide-pagination .swiper-pagination-bullet-active{border:1px solid #0196eb}
.tem_banner .slide-pagination .swiper-pagination-bullet-active:after{background:#0196eb}
.index_pro>div{padding:0 0 .4rem}
.index_pro .title{text-align:center;padding:.53rem 0 .5rem}
.index_pro .title h1{font-size:.35rem;color:black;}
.index_pro .title  p{color:#434343;font-size:.3rem}
.index_pro  .lists{padding:0 .95rem;position:relative}
.index_pro .lists  a{padding:.6rem  .01rem 0;border-top:1px solid  #eeeeee;border-right:1px solid  #eeeeee;border-bottom:1px solid  #eeeeee;}
.index_pro .lists  a .img img{object-fit:contain}
.index_pro  .lists .swiper-slide-active a{border-left:1px solid  #eeeeee;}
.index_pro .lists  a:hover .text {background:#193982}
.index_pro .lists  a:hover .text  h1{color:white}
.index_pro .lists a:hover .text  span{color:white} 
.index_pro .lists  a:hover {border:1px solid  #193982}
.index_pro .lists .swiper-slide-active a:hover{}
.index_pro .lists a .text{position:relative;padding:.46rem 0 .4rem;background:#f8f8f8;text-align:center}
.index_pro .lists a .text h1{font-size:.18rem;color:black;position:relative}
.index_pro .lists  a .text h1:after{content:"";position:absolute;background:url(/public/common/images/sjx.png)no-repeat;width:.28rem;height:.09rem;background-size:100%;left:50%;transform:translateX(-50%);top:-.2rem}
.index_pro  .lists a .text span{position:absolute;right:10%;top:55%;color:black;font-size:.14rem;transform:translateY(-50%)}
.index_pro  a:hover img{transform:scale(1.1)}

.index_pro .lists  .swiper-page>div{position:absolute;font-size:.8rem;color:#dbdbdb;outline:none;z-index:2;top:50%;left:.4rem;transform:translateY(-50%)}
.index_pro .lists  .swiper-page>div.slide-button-next {left:auto;right:.4rem}
.index_pro .lists  .swiper-page>div:hover{color:#193982;transition:0s}
.index_infos {display:flex;padding:0 .95rem .37rem}
.index_infos .index_job{position:relative;}
.index_infos .index_job .text{position:absolute;left:15%;top:40%}
.index_infos .index_job .text h1{font-size:.3rem;color:white;padding:0 0 .2rem}
.index_infos .index_job .text p{font-size:.15rem;color:white}
.index_infos .index_honor{position:relative;}
.index_infos .index_honor .text{position:absolute;left:15%;top:40%}
.index_infos .index_honor .text h1{font-size:.3rem;color:white;padding:0 0 .2rem}
.index_infos .index_honor .text p{font-size:.15rem;color:white}

.index_about {height:6.68rem; background-position:center;background-size:cover;position:relative;z-index:0}
.index_about>div{position:relative}
.index_about:after{position:absolute;content:"";width:50%;height:100%;background:rgba(0,0,0,.5);top:0;left:0;z-index:-1}
.index_about  .infos{z-index:1;padding:.94rem 0 0;width:30%}
.index_about  .infos h1{color:white;font-size:.3rem;padding:0 0 .15rem}
.index_about  .infos  h2{color:white;font-size:.25rem}
.index_about  .infos  h3{color:white;font-size:.2rem;padding:.75rem 0 .3rem}
.index_about  .infos  p{color:white;font-size:.14rem;line-height:.3rem}
.index_about  .infos  a{display:inline-block;padding:.15rem .25rem;background:#193982;color:white;margin:.6rem 0 0}
.index_about   .years{position:absolute;top:0;right:-1rem;text-align:center;padding:.4rem .45rem .6rem;background:rgba(0,0,0,.5);}
.index_about   .years h1{color:white;font-size:.6rem;font-weight:bold;font-style:italic;}
.index_about   .years  img{width:80%}
.index_service>div{padding:0 0 1.35rem}
.index_service .title{text-align:center;padding:1.2rem 0 .8rem}
.index_service .title h1{font-size:.35rem;color:black;}
.index_service  .title  p{color:#434343;font-size:.3rem}
.index_news {background:#fbfbfb}
.index_news>div{padding:0 0 1.5rem}
.index_news .title{text-align:center;padding:.7rem 0 .7rem}
.index_news .title h1{font-size:.35rem;color:black;}
.index_news  .title  p{color:#434343;font-size:.3rem}
.index_news .lists{display:flex;justify-content: space-between;}
.index_news .lists .left{width:45%;position:relative}
.index_news .lists .left .infos{position:relative}
.index_news .lists .left .infos img{width:100%;height:6.4rem;object-fit:cover;}
.index_news .lists .left .infos .text{position:absolute;bottom:0;left:0;width:100%;padding:.35rem 0;text-align:center;background:rgba(0,0,0,.5);}
.index_news .lists .left .infos .text h1{font-size:.16rem;color:white;display:inline-block;position:relative}
.index_news .lists .left .infos .text h1:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;left:-.1rem;font-size:.18rem;top:50%;transform:translateY(-50%)}
.index_news .lists .left  .swiper-page>div{position:absolute;width:.56rem;height:.56rem;border-radius:100%;line-height:.56rem;text-align:center;font-size:.4rem;color:white;outline:none;z-index:2;;transform:translateY(-50%);top:50%;left:-.8rem;background:#000000}
.index_news .lists .left  .swiper-page>div.slide-button-next {left:auto;right:-.8rem}
.index_news .lists .right{width:46%;display:flex;flex-wrap: wrap;align-content: space-between;}
.index_news .lists .right .items a{display:flex;}
.index_news .lists .right .items a:hover{background:#e5e8e9}
.index_news .lists .right .items a:hover img{transform:scale(1.1)}
.index_news .lists .right .items a .img{width:42%}
.index_news .lists .right .items a .img img{width:100%;height:1.44rem;object-fit:cover;
}
.index_news .lists .right .items a  .text{padding:.3rem .2rem .14rem;font-size:0}
.index_news .lists .right .items a  .text h1{font-size:.16rem;font-weight:bold;color:black;padding:0 0 0 .1rem;position:relative;margin:0 0 .1rem;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.index_news .lists .right .items a  .text h1:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;left:0rem;font-size:.18rem;top:50%;transform:translateY(-50%)}
.index_news .lists .right .items a  .text p{color:black;font-size:.13rem;width:90%;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.index_news .lists .right .items a  .text  span{margin-top:.16rem;display:inline-block;width:30%;font-size:.13rem;color:black}
.index_news .lists .right .items a  .text em{width:70%;display:inline-block;font-size:.14rem;text-align:right;color:black}   
/********<=767 mobile nav style css********/
.m-header {background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #193982;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #fff;
	-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: #555;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #193982;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: #444;}
.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: #b3b3b3;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd dl {transition:none}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color: #193982;font-weight: bold;}
.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;}
/**************************/
/******ipad****/
@media(max-width:1600px){
  
    .tem_banner .banner_txt{left:1.6rem}
    .about_company .pad2{margin:0 .5rem}
    .tem_banner .flash .txt{left:1.6rem}
    .culture .pad2{margin:0 .5rem}
    .culture .pad2>div{padding:.8rem 0 .5rem 1rem}
    header>div{padding:0 1rem}
    
}
@media(max-width:1440px){
    header .navs ul li{margin:0 .2rem;}
}
@media(max-width:1400px){
      .culture .pad2>div{padding:.8rem 0 .5rem .5rem}
}
@media(max-width:1300px){
    
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;padding: 0 .1rem;}
	.tem_banner{padding-top: 60px;}
	
}

/********mobile*********/
@media(max-width:767px){
    .methiod>div{display:flex;flex-wrap: wrap;}
    .methiod>div .items{width:48%;margin:0 0 .1rem}
   .tem_banner .banner_txt{left:.3rem}
   .tem_banner .banner_txt h1{font-size:.4rem}
   .index_pro .lists{padding:0 .5rem}
   .index_pro .lists a .text span{display:none}
   .index_pro .lists .swiper-page>div{left:0}
   .index_pro .lists .swiper-page>div.slide-button-next{right:0}
.index_infos{padding:0 .5rem .2rem;;display:inherit}
.methiod_text>div h2{padding:0 .25rem .42rem;}


.index_infos .index_job .text p{display:none}
.index_infos .index_honor .text p{display:none}
.index_about .infos{width:40%}
.index_about .years{width:30%;right:.5rem;padding:.2rem}
.index_about .years h1{font-size:.3rem}
.index_news .lists{display:inherit}
.index_news .lists .left{width:100%}
.index_news .lists .right{width:100%;margin-top:.12rem}
.index_news .lists .right .items a .img{width:50%;display:none}
.index_news .lists .left  .swiper-page>div{left:-.2rem}
.index_news .lists .left .swiper-page>div.slide-button-next{right:-.2rem}
.index_news .lists .right .items a .text{width:100%}
footer .top>div{display:inherit}
footer .top .left{width:100%}
footer .top .middle{display:none}
footer .top .right{width:100%}
footer .top .right img{width:30%}
footer .bot>div{display:inherit}
footer .bot p{width:100%}
footer .bot .shares{text-align:left}
.about_nav>div{display:inherit}
.about_nav>div .mbx{display:none}
.about_company .first{display:inherit}
.about_company .first .img{width:100%}
.tem_banner .flash .txt{left:.3rem;bottom:20%}
.tem_banner .flash .txt h1{font-size:.4rem}
.about_company .first .infos{width:100%}
.about_company .first .guimo ul {display:inherit}

.about_company .first .guimo{position:inherit}
.culture .infos{display:inherit}
.culture .infos .left{width:100%}
.culture .infos .right{width:100%}
.pro_nav>div .mbx{display:none}

.product .product_nav{width:30%}

.product .right{width:65%;margin-left:.2rem}
.product .lists .items a:hover .text{top:35%}
.product .lists .items{width:48%}
.product_box .mains .lists{padding:.6rem 0 1.1rem;}
.showproduct .mains .item1 > div{display:block;width:100%}
.showproduct .mains .item1 > div.text{position:relative;padding-left:0;}
.showproduct .mains .item1 > div.imglist{padding-right:0;margin:0 0 .5rem;}
.showproduct .mains .item1 > div.text .infos{padding:.45rem .35rem;}
.showproduct .mains .item2 .editor{padding:.5rem .25rem 0}
.showproduct .mains .item1 > div.imglist .infos{padding:.5rem .25rem .8rem;}
.honor_nav{display:none}
.honor .lists .items{width:45%}
.news .lists .items a{display:inherit}
.news .lists .items a .img{width:100%}
.news .lists .items a .text{width:100%;padding:0 0 .3rem 0 }
.job .infos .text p{display:none}
.job .infos{margin-top:.5rem}
.page_contact .contact .title p{width:100%}
.page_contact .contact .infos{display:inherit}
.page_contact .contact .infos .map{width:100%}
.page_contact .contact .infos .right{width:100%}
.methiod_text .editor{overflow-x:auto}

.methiod_text .other .lists .swiper-page>div{left:0;}
.methiod_text .other .lists .swiper-page>div.slide-button-next{left:auto;right:0}
}