.header{position: fixed;;width: 100%;z-index: 1000}
.header.is_header{background:black;box-shadow: 0 0 12px rgba(0,0,0,0.5);}
.header>div{height:1.03rem;line-height:1.03rem;display:flex}
.header .navs{width:58%}
.header .navs ul{display:flex;justify-content: space-evenly;}
.header .navs ul li a{font-size:.16rem;color:white;font-weight:bold}
.header  .logo{width:16%}  
.header  .phone{width:18%;display:flex;flex-direction: column;align-items: flex-end;justify-content: center}
.header  .phone{}

.header  .phone .box{display:flex;flex-direction: column;;padding-left:.8rem;position:relative}                                
.header  .phone .box:after{content:"";position:absolute;background:url(/public/common/images/icon1.png) 0 0 no-repeat;width:.62rem;height:.62rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.header  .phone h1{font-size:.14rem;color:white;margin:0 0 .1rem}
.header  .phone h2{font-size:.2rem;color:white;font-weight:bold}
.header  .langs{}
.header .langs {width:8%;display:flex;flex-direction: column;justify-content: center;}
.header .langs dl{position:relative;}
.header .langs dl dt{font-size:.16rem;color:white;font-weight:inherit;cursor:pointer;padding-top:.27rem;position:relative;text-align:center}
.header .langs dl dt:after{content:"";position:absolute;background:url(/public/common/images/langs.png) 0 0 no-repeat;width:.2rem;height:.2rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}
.header .langs dl  dd{display:none;transition:0s;position:absolute;text-align:center;width:100%;top:105%;background:white;transform:translateX(-50%);left:50%;box-shadow:0 4px 8px rgba(0,0,0,0.2)}
.header .langs dl  dd a{color:black;padding:.05rem 0;font-size:.15rem;border-bottom:1px solid #cccccc}
.header .langs dl  dd a:hover{background:#27186d;color:white}
.tem_banner.indise .txt{position:absolute;left:50%;transform:translateX(-50%);text-align:center;top:49.5%}
.tem_banner.indise .txt h1{font-size:.48rem;color:white;letter-spacing:5px;margin:0 0 .28rem}
.tem_banner.indise .txt p{font-size:.2rem;color:white}
.tem_banner.indise  .about_nav{position:absolute;left:0;width:100%;bottom:0;background:rgba(0,0,0,.5)}
.tem_banner.indise  .about_nav>div{}
.tem_banner.indise  .about_nav ul{display:flex}
.tem_banner.indise  .about_nav ul li dl dt a{height:.81rem;line-height:.81rem;border-right:2px solid #7c7a76;padding:0 .4rem;font-size:.16rem;color:white;font-weight:normal;position:relative}
.tem_banner.indise  .about_nav ul li dl dt a i{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);font-size:.16rem}
.tem_banner.indise  .about_nav ul li:first-child{width:.82rem;}
.tem_banner.indise  .about_nav ul li:first-child dl dt a{background:#27186d url(/public/common/images/icon2.png) center center no-repeat;background-size:.28rem .26rem;padding:0;border-right:0}
.tem_banner.indise  .about_nav ul li{width:3.1rem;position:relative}
.tem_banner.indise  .about_nav ul li dl.on dt a i{transform:translateY(-50%) rotate(180deg) }
.tem_banner.indise  .about_nav ul li dd{position:absolute;padding:0;width:100%;left:0;top:100%;box-shadow:0 0 5px #ddd;z-index: 2;background:#fff;display:none;transition:none;}
.tem_banner.indise  .about_nav ul li dd a{font-size:.16rem;display:block;padding:0 .4rem;;line-height:.5rem;color:#2b2b2b}
.tem_banner.indise  .about_nav ul li dd a:hover{color:white;background:#27186d }
.about_company{display:flex;padding-left:2.6rem;justify-content: space-between;}
.about_company  .left{width:45%;padding:.9rem 0 0}
.about_company  .left .tit h1{font-size:.48rem;;color:#1c1c1c;font-weight:bold;margin: 0 0 .4rem}
.about_company  .left .tit h2{font-size:.24rem;color:#1c1c1c;margin:0 0 .9rem}
.about_company  .left .tit h3{font-size:.48rem;color:#363636;padding:0 0 0 3.9rem;position:relative;font-family:"Roboto-Light-10";margin:0 0 .55rem}
.about_company  .left .tit h3:after{content:"";position:absolute;height:2px;background:#e1e1e1;width:3.6rem;left:0;top:50%;transform:translateY(-50%)}
.about_company  .left .tit h3 em{color:#27186d;font-weight:bold;font-family:'Roboto-Bold'}
.about_company  .left  .infos{margin:0 0 .85rem}
.about_company  .left  .infos p{font-size:.18rem;color:#3b3b3b;line-height:.35rem}
.about_company  .left  .box ul{display:flex}
.about_company  .left  .box ul li {width:33.33%}
.about_company  .left  .box ul li h1{font-size:.24rem;color:#27176f;margin:0 0 .15rem}
.about_company  .left  .box ul li h1 em{font-size:.48rem;color:#27176f;font-weight:bold}
.about_company  .left  .box ul li p{font-size:.18rem;color:#2d2d2d;}
.about_company .img{width:48.5%}
.about_history {padding:0 0 1.6rem;background-size:cover;background-repeat:no-repeat}
.about_history  .title{text-align:center;padding:1.45rem 0 1.25rem}
.about_history  .title h1{font-size:.48rem;color:white;font-weight:bold}
.about_history  .lists{position:relative}

.about_history  .lists .swiper-page>div{position:absolute;width:.56rem;height:.31rem;top:50%;transform:translateY(-50%);left:-.56rem;background:url(/public/common/images/jt1.png) 0 0 no-repeat;background-size:.56rem .31rem}
.about_history  .lists .swiper-page>div.slide-button-next {left:auto;right:-.56rem;background:url(/public/common/images/jt2.png) 0 0 no-repeat;background-size:.56rem .31rem}
.about_history  .lists:after{content:"";position:absolute;background:#798b9d;width:100%;top:50%;transform:translateY(-50%);height:2px;left:0}
.about_history  .lists .items{height:2.5rem;position:relative;padding:0 .15rem }
.about_history  .lists .items:after{content:'';position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.14rem;height:.15rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.about_history  .lists .items .txt{position:absolute;width:100%;height:48%}
.about_history  .lists .items.xss .txt{bottom:0;display:flex;flex-direction: column;justify-content: flex-end;}
.about_history  .lists .items .txt h1{font-size:.24rem;color:white;margin: 0 0 .15rem}
.about_history  .lists .items .txt p{font-size:.16rem;color:white;margin:0 0 .12rem}


.about_honor .title{text-align:center;padding:.9rem 0 .85rem}
.about_honor .title h1{font-size:.48rem;color:#1c1c1c;font-weight:bold}
.about_honor .lists{position:relative}
.about_honor .lists .swiper-wrapper{display:flex;align-items: center;}
.about_honor .lists  .items{text-align:center;padding:0 .75rem}
.about_honor .lists  .items a{display:inline-block}
.about_honor .lists  .items a:hover img{transform:scale(1.1)}
.about_honor .lists  .items h2{text-align:center;font-size:.2rem;color:#363636;margin:.35rem 0 0}
.about_honor .lists .swiper-page{display:flex;padding: 0.66rem 0 1.17rem;justify-content: center;align-items: center;}
.about_honor .lists .swiper-page .slide-pagination{width:auto;padding:0 1.15rem;font-size:.2rem;color:#363636}
.about_honor .lists .swiper-page .slide-pagination .swiper-pagination-current{color:#27176f;font-weight:bold}
.about_honor .lists .swiper-page .slide-pagination span{font-size:.2rem;color:#363636}
.about_honor .lists .swiper-page  .slide-button-prev,.about_honor .lists .swiper-page  .slide-button-next{width:.86rem;height:.86rem;border:1px solid #382a78;border-radius:100%;text-align:center;line-height:.86rem;font-size:.48rem;color:#382a78}
.about_honor .lists .swiper-page  .slide-button-prev:hover,.about_honor .lists .swiper-page  .slide-button-next:hover{background:#382a78;color:white}
.about_workshop{background:url(/public/common/images/icon4.jpg) 0 0 no-repeat;background-size:cover}

.about_workshop .title{text-align:center;padding:1.3rem 0 .7rem}
.about_workshop .title h1{font-size:.48rem;color:#1c1c1c;font-weight:bold}
.about_workshop .lists a{overflow:hidden}
.about_workshop .lists a:hover img{transform:scale(1.1)}
.about_workshop .lists .slide-pagination{padding:.83rem 0 1.4rem;text-align:center}
.about_workshop .lists .slide-pagination span{width:.4rem;height:.4rem;line-height:.4rem;text-align:center;margin:0 .025rem;opacity:1;;background:#dbdbdb;font-size:.16rem;color:#393939;border-radius:5px;}
.about_workshop .lists  .slide-pagination span.swiper-pagination-bullet-active{background:#2d398e;color:white}
.about_workshop .lists  .slide-pagination span:hover{background:#2d398e;color:white}
.footer{background:#eeeeee}
.footer .top{display:flex;padding:.85rem  0 .5rem;justify-content: space-between;}
.footer .top .logo{width:9%}
.footer .top .fot_nav{width:50%;display:flex;justify-content: space-between;}
.footer .top .fot_nav dl dt{margin:0 0 .22rem}
.footer .top .fot_nav dl dt a{font-size:.16rem;color:#212121;}
.footer .top .fot_nav dl dd{margin:0 0 .05rem}
.footer .top .fot_nav dl dd a{font-size:.14rem;color:#4b4b4b}
.footer .top .contact{width:19%}
.footer .top .contact h2{font-size:.2rem;color:#212121;margin:0 0 .26rem}
.footer .top .contact  p{font-size:.14rem;color:#4b4b4b;margin:0 0 .05rem}
.footer .top .contact  p:last-child{margin:0}
.footer .bot{display:flex;padding:.32rem 0 ;border-top:1px solid #d7d7d7}
.footer .bot >*{font-size:.16rem;color:#4b4b4b}
.footer .bot  a{margin-left:.5rem}
.product_box>div{padding:.9rem 0  1.65rem}
.product_box .pro_nav{display:flex;background:#f2f2f2;border-radius:10px;padding:.3rem  0 .22rem;align-items: center;}
.product_box .pro_nav .title{width:15.8%;border-right:1px solid #c5c2d5;padding:.1rem 0 .1rem .25rem}
.product_box .pro_nav .title h1{font-size:.3rem;color:#e3e3e3;text-transform:uppercase;font-weight:bold;margin:0 0 .05rem;position:relative}
.product_box .pro_nav .title h1:after{content:"";position:absolute;background:#40337d;height:3px;width:.31rem;left:0;top:50%;transform:translateY(-50%)}
.product_box .pro_nav .title p{font-size:.3rem;color:#212020;font-weight:bold}
.product_box .pro_nav .right{width:84.2%}
.product_box .pro_nav .right ul{display:flex;padding:0 .45rem;flex-wrap: wrap;align-items: center;}
.product_box .pro_nav .right ul li{width:16.6%;margin:.15rem 0}
.product_box .pro_nav .right ul li a{font-size:.16rem;color:#5c5c5c;;transition:.3s;display:inline-block;padding-left:.2rem;position:relative    }
.product_box .pro_nav .right ul li a:after{position:absolute;content:"";background:#bfbfbf;width:5px;height:5px;border-radius:100%;left:0;top:50%;transform:translateY(-50%);transition:.3s}
.product_box .pro_nav .right ul li.active a{color:#27186d}
.product_box .pro_nav .right ul li.active a:after{background:#27186d}
.product_box .pro_nav .right ul li a:hover{color:#27186d;transition:.3s}
.product_box .pro_nav .right ul li a:hover:after{background:#27186d;transition:.3s}
.product_box .pro_nav_two ul{display:flex;padding:.45rem 0 .25rem;border-bottom:2px solid #ececec}
.product_box .pro_nav_two ul li{padding:0 .3rem;position:relative}
.product_box .pro_nav_two ul li:after{content:"";position:absolute;background:#5f5f5f;width:2px;height:78%;top:50%;transform:translateY(-50%);right:-1px}
.product_box .pro_nav_two ul li:last-child:after{display:none}
.product_box .pro_nav_two ul li a{font-size:.16rem;color:#373737}
.product_box .pro_nav_two ul li.actives a{font-size:.16rem;color:#27186d}
.product_box .pro_nav_two ul li a:hover{color:#27186d}
.product_box .lists{padding:.5rem 0 .58rem;}
.product_box .lists .items{padding:0 .15rem;margin:0 0 .42rem}
.product_box .lists .items a{background:#ececec;padding:.9rem 0 .75rem}
.product_box .lists .items a h2{font-size:.2rem;color:black;font-weight:bold;text-align:center;padding:.3rem 0 0}
.product_box .lists .items a:hover img{transform:scale(1.1)}
.show_product{padding:.7rem 0}
.show_product .row .text-left .bigimg{border:1px solid #ccc;position: relative;z-index: 20;}
.show_product .row .text-left .thumbs{padding:.2rem .3rem;position:relative}
.show_product .row .text-left .thumbs .navigation{position:absolute;left:0;top:36%;width:100%;z-index:1}
.show_product .row .text-left .thumbs .navigation>div{position:absolute;top:0;cursor:pointer;font-size:.3rem;color:#444}
.show_product .row .text-left .thumbs .navigation>div.swiper-button-disabled{color:#999}
.show_product .row .text-left .thumbs .navigation .left{left:0}
.show_product .row .text-left .thumbs .navigation .right{right:0}
.show_product .row .text-left .thumbs .swiper-slide{border:1px solid #ddd;cursor:pointer}
.show_product .row .text-left .thumbs .swiper-slide-thumb-active{border:1px solid #27186d}
.show_product .row .text-right{padding-left:.5rem;text-align:left}
.show_product .row .text-right h2{font-size:.3rem;color:#333;line-height:1.5;display:block;margin-bottom:.2rem}
.show_product .row .text-right p{font-size:.14rem;line-height:1.8;color:#666}
.show_product .bot{padding-top:.1rem 0 .5rem;}
.show_product .bot .title{border-bottom:1px solid #d9d9d9}

.show_product .bot .title h2{display:inline-block;line-height:.45rem;background:#27186d;color:#fff;padding:0 .3rem}
.met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.met_page li>* {display: inline-block;vertical-align: top;}
.met_page li a {font-size:.14rem;color:#333}
.product_box  .page{display:flex;justify-content: center;padding:.05rem  0 0rem}
.product_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:#393939;}
.product_box .page a.page-item {width:auto;padding:0 .11rem;color:#27186d;margin:0 .12rem;border-radius:5px}
.product_box  .page a.page-num-current,.product_box  .page a:hover{background:#2d398e;color:white}
.news_box{padding:.88rem 0 1.8rem}
.news_box .lists>div{display:flex;flex-wrap: wrap;justify-content: space-between; }
.news_box .lists>div:after{content:'';width:31.5%}
.news_box .lists>div .items{width:31.5%;margin:0 0 .75rem }
.news_box .lists>div .items a {background:#f5f5f5;}
.news_box .lists>div .items a .img .time{position:absolute;left:0;bottom:0;width:.6rem;height:.6rem;background:white;display:flex;flex-direction: column;justify-content: center;}
.news_box .lists>div .items a .img .time h1{font-size:.2rem;color:#282828;font-weight:bold;}
.news_box .lists>div .items a .img .time p{font-size:.14rem;color:#b7b7b7;font-weight:bold}
.news_box .lists>div .items a .text{padding:.3rem .18rem .4rem}
.news_box .lists>div .items a .text span{display:inline-block;padding:.05rem .2rem;background:#dfdfdf;font-size:.14rem;color:#787878;font-weight:bold}
.news_box .lists>div .items a .text h1{font-size:.2rem;color:#363636;;margin:.2rem 0 .35rem;height:.52rem;line-height:.26rem;font-weight:bold}
.news_box .lists>div .items a .text p{height:.75rem;line-height:.25rem;color:#565656;font-size:.16rem}
.news_box .lists>div .items a .text em{display:inline-block;margin:.4rem 0 0;font-size:.16rem;color:#363636}
.news_box .lists>div .items a:hover img{transform:scale(1.1)}
.news_box  .page{display:flex;justify-content: center;padding:.43rem  0 0rem}
.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:#393939;}
.news_box .page a.page-item {width:auto;padding:0 .11rem;color:#27186d;margin:0 .12rem;border-radius:5px}
.news_box .page a.page-num-current,.news_box  .page a:hover{background:#2d398e;color:white}
.parter>div{padding:.9rem 0  2.55rem   }
.parter .items{border-bottom:1px solid #dcdcdc;padding:.52rem 0 .78rem ;margin:0 0 .1rem}
.parter .items .box h2{text-align:center;font-size:.16rem;color:#414040;margin:.35rem 0 0}
.contact_box .infos>div{display:flex;padding:.9rem 0 1.35rem}
.contact_box .infos .map{width:68%}
.contact_box .infos .map #container{height:777px}
.contact_box .infos .text{width:32%;background:#271770;padding:0 .5rem 0 .35rem}
.contact_box .infos .text ul li {padding:.75rem 0 0}
.contact_box .infos .text ul li:nth-child(1) .box:after{position:absolute;content:"";background:url(/public/common/images/1.png) 0 0 no-repeat;width:.57rem;height:.56rem;left:0;top:-.05rem;background-size:100%}
.contact_box .infos .text ul li:nth-child(2) .box:after{position:absolute;content:"";background:url(/public/common/images/2.png) 0 0 no-repeat;width:.34rem;height:.5rem;left:.1rem;top:-.05rem;background-size:100%}
.contact_box .infos .text ul li:nth-child(3) .box:after{position:absolute;content:"";background:url(/public/common/images/3.png) 0 0 no-repeat;width:.48rem;height:.52rem;left:0.05rem;top:-.05rem;background-size:100%}
.contact_box .infos .text ul li:nth-child(4) .box:after{position:absolute;content:"";background:url(/public/common/images/4.png) 0 0 no-repeat;width:.38rem;height:.3rem;left:.1rem;top:.1rem;background-size:100%}

.contact_box .infos .text ul li .box{padding:0 0  0 .9rem;position:relative}
.contact_box .infos .text ul li .box h1{font-size:.16rem;color:white;margin:0 0 .14rem}
.contact_box .infos .text ul li .box p{font-size:.16rem;color:white;border-bottom:1px solid #453884;padding:0 0 .35rem}
.contact_box .message{background:#f8f8f8;padding:0 0 1.7rem}
.contact_box .message .title{text-align:center;padding:1.1rem 0 .65rem}
.contact_box .message .title h1{font-size:.48rem;color:#272727;font-weight:bold}
.contact_box .form{background:white;padding:.9rem  .7rem 1rem }
.contact_box .form h2{color:#271770;font-size:.24rem;padding-left:1rem;font-weight:bold;position:relative;margin:0 0 1rem}

.contact_box .form h2:after{position:absolute;content:"";background:url(/public/common/images/icon5.png) 0 0 no-repeat;width:.68rem;height:.67rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.contact_box .form .info{display:flex;justify-content: space-between;margin:0 0 .9rem}
.contact_box .form .info .input{width:46%}
.contact_box .form .info .input p{font-size:.16rem;color:#3e3e3e;margin:0 0 .1rem}
.contact_box .form .info .input input{width:100%;border:0;border-bottom:1px solid #dcdcdc;font-size:.16rem;color:#3e3e3e}
.contact_box .form .second  p{font-size:.16rem;color:#3e3e3e;margin:0 0 .1rem}
.contact_box .form .second   input{width:100%;border:0;border-bottom:1px solid #dcdcdc;font-size:.16rem;color:#3e3e3e}
.contact_box .form .submint{text-align:center;margin:.95rem 0 0}
.contact_box .form .submint button{width:1.58rem;height:.57rem;line-height:.57rem;background:#271770;border:0;border-radius:5px;font-size:.16rem;color:white}
.tem_banner.index .label_text{position:absolute;left:2.6rem;top:25%;z-index:2}
.tem_banner.index .label_text h1{font-size:.3rem;color:white;letter-spacing:5px}
.tem_banner.index .label_text h2{font-size:.8rem;color:white;margin:.2rem 0 .25rem;font-weight:bold;letter-spacing:15px}
.tem_banner.index .label_text h2 em{}
.tem_banner.index .label_text h3{font-size:.24rem;color:white;margin:0  0 .3rem}
.tem_banner.index .label_text  p{display:inline-block;height:.43rem;line-height:.43rem;font-size:.16rem;color:#3a3a3a;border-radius:50px;background:white;box-shadow:-3px 0px 20px #3960cd;padding:0 .15rem;font-weight:bold}
.tem_banner.index .label_text  p em{color:#3960cd}
.tem_banner.index .label_text .more{margin:1.2rem 0 0}
.tem_banner.index .label_text .more a{width:.84rem;padding:.1rem 0 0;font-size:.14rem;color:white;height:.84rem;border-radius:100%;border:1px solid white;text-align:center;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.tem_banner.index .label_text .more a:hover{background:#271770;border:1px solid #271770}
.tem_banner.index  .keywords{position:absolute;width:100%;left:0;bottom:0;z-index:2;padding:.25rem 0 .7rem;border-top:2px solid rgba(170,170,171,.2)}
.tem_banner.index  .keywords>div{display:flex;justify-content: space-between;}
.tem_banner.index  .keywords p{font-size:.16rem;color:white;width:50%}
.tem_banner.index  .keywords p em{font-weight:bold}
.tem_banner.index  .keywords .search{width:25%;position:relative}
.tem_banner.index  .keywords .search form{height:100%;position:relative}
.tem_banner.index  .keywords .search input{height:100%;border:1px solid  #d2d5d9;;background:none;font-size:.14rem;color:white;width:100%;padding:0 .45rem 0 .15rem;height:.4rem;border-radius:10px}
.tem_banner.index  .keywords .search form input::-webkit-input-placeholder { color: white;          font-size: .13rem;}
.tem_banner.index  .keywords .search button {background: url(/public/common/images/search.png) 0 0 no-repeat ;width:.15rem;background-size: .15rem .16rem;height:.16rem;cursor:pointer;position: absolute;top: 50%;right: .16rem;;border:0;transform:translateY(-50%)}
.tem_banner.index  .keywords .search:after{position:absolute;content:"";background:#97a0b0;width:2px;height:.19rem;top: 50%;transform:translateY(-50%);right:.45rem}
.index_product{background:#f3f3f3}
.index_product>div{padding:.8rem 0 1.83rem}
.index_product .title{margin:0 0 .45rem;text-align:center;position:relative;z-index:2}
.index_product .title h1{font-size:.4rem;color:#27176f;font-weight:bold;margin:0 0 .2rem}
.index_product .title p{font-size:.16rem;color:#777778;text-transform:uppercase;font-weight:bold}
.index_product .title .more{position:absolute;top:50%;transform:translateY(-50%);right:0;}

.index_product .title a{width:1.3rem;height:.47rem;line-height:.47rem;border:2px solid #3776da;border-radius:50px;font-size:.16rem;color:#3776da;background:#f3f3f3;z-index:2;position:relative}
.index_product .title .more:after{content:"";position:absolute;width:.22rem;height:.22rem;border-radius:100%;background:#f73d44;z-index:0;right:-.03rem;top:-.03rem;}
.index_product .title a:hover{background:#3776da;color:white}
.index_product .top a{position:relative}
.index_product .top a .txt{position:absolute;left:50%;transform:translateX(-50%);top:43%;width:100%;text-align:center;padding:0 .2rem}
.index_product .top a .txt .tit{display:inline-block;position:relative;padding:0 .1rem;margin:0 0 .6rem}
.index_product .top a .txt .tit:after{content:'';position:absolute;background: url(/public/common/images/icon7.png) 0 0 no-repeat;width:.21rem;height:.57rem;top:50%;transform:translateY(-50%);left:0;background-size:100%}
.index_product .top a .txt .tit:before{content:'';position:absolute;background: url(/public/common/images/icon7.png) 0 0 no-repeat;width:.21rem;height:.57rem;top:50%;transform: translateY(-50%) rotate(180deg);right:0;background-size:100%}

.index_product .top a .txt .tit h1{font-size:.36rem;color:white;font-weight:bold}
.index_product .top a .txt em{width:100%;display:inline-block;font-size:.16rem;color:white;text-transform:uppercase;padding:0 0 .6rem;position:relative}
.index_product .top a .txt em:after{content:"\f105";position:absolute;transition:.3s;font:normal normal normal 14px/1 FontAwesome;width:.33rem;height:.33rem;line-height:.33rem;left:50%;transform:translateX(-50%);bottom:0;border:1px solid white;border-radius:100%;font-size:.2rem;color:white}
.index_product .top a:hover img{transform:scale(1.1)}
.index_product .top a:hover  .txt em:after{background:#3776da;border:1px solid #3776da;transition:.3s}
.index_product .lists{padding:0 .38rem;margin:.6rem 0 0;position:relative}
.index_product .lists .items .text{padding:.48rem .2rem .6rem;text-align:center;background: url(/public/common/images/icon8.png) 0 0 no-repeat;background-size:cover}
.index_product .lists .items .text .tit{text-align:center;margin:0 0 .4rem;} 
.index_product .lists .items .text .tit .bt{margin:0 0 .08rem;display:inline-block;position:relative;z-index:2}
.index_product .lists .items .text .tit h1{font-size:.22rem;color:#fefefe;font-weight:bold}
.index_product .lists .items .text .tit p{font-size:.14rem;color:#acbfec;text-transform:uppercase;font-weight:bold;}
.index_product .lists .items .text .tit .bt:after{content:"";position:absolute;width:.29rem;height:.29rem;border-radius:100%;border:4px solid #f73d44;left:-.12rem;top:-.12rem;z-index:-1}
.index_product .lists .items .text h2{font-size:.16rem;color:#fefefe;text-align:center}
.index_product .lists .items .text .box{height:.9rem;position:relative}
.index_product .lists .items .text .box:after{content:"";position:absolute;background:url(/public/common/images/icon9.png) 0 0 no-repeat;width:.26rem;height:.05rem;background-size:100%;left:50%;transform:translateX(-50%);bottom:50%}
.index_product .lists .items .text  em{margin:.14rem 0 0;font-size:.16rem;color:white;border-bottom:1px solid white;text-align:center;display:inline-block}
.index_product .lists .items  a:hover img{transform:scale(1.1)}
.index_product .lists .swiper-page>div{position:absolute;width:.6rem;height:.6rem;top:50%;transform:translateY(-50%);left:-.6rem;background:#ededed url(/public/common/images/icon10.png) center center no-repeat;background-size:.32rem .18rem;border:1px solid #5e5e5e;border-radius:5px;transition:.3s}
.index_product .lists .swiper-page>div.slide-button-next {left:auto;right:-.6rem;background:url(/public/common/images/icon11.png)  center center no-repeat;;transition:.3s;background-size:.32rem .18rem;}
.index_product .lists .swiper-page>div:hover{border:1px solid #3e6dd3;transition:.3s}
.index_product .lists .swiper-page .slide-button-prev:hover{background:#ededed url(/public/common/images/icon10-1.png) center center no-repeat;transition:.3s}
.index_product .lists .swiper-page .slide-button-next:hover{background:#ededed url(/public/common/images/icon11-1.png) center center no-repeat;transition:.3s}
.index_about{display:flex}
.index_about .left{width:57%}
.index_about .left a:hover img{transform:scale(1.1)}
.index_about .right{width:43%;padding:1.2rem 0 0;text-align:center;position:relative;background:rgba(248,248,250)}
.index_about .right .title {margin:0 0 1rem;text-align:center}
.index_about .right .title h1{color:#222223;font-size:.4rem;font-weight:bold;padding:0 0 .25rem}
.index_about .right .title p{font-size:.18rem;color:#27176f;font-weight:bold}
.index_about .right  ul{display:flex;padding:0 .8rem}
.index_about .right  ul li {width:33.33%}
.index_about .right  ul li h1{font-size:.24rem;color:#27176f;margin:0 0 .15rem}
.index_about .right  ul li h1 em{font-size:.48rem;color:#27176f;font-weight:bold}
.index_about .right  ul li p{font-size:.18rem;color:#2d2d2d;}
.index_about .right .more{position:relative;margin:1.9rem 0 0;text-align:center;display:inline-block}
.index_about .right .more a{width:1.3rem;height:.47rem;line-height:.47rem;display:inline-block;border:2px solid #3776da;border-radius:50px;font-size:.16rem;color:#3776da;background:#f3f3f3;z-index:2;position:relative}
.index_about .right .more:after{content:"";position:absolute;width:.22rem;height:.22rem;border-radius:100%;background:#f73d44;z-index:0;right:-.03rem;top:-.03rem;}
.index_about .right .more a:hover{background:#3776da;color:white}
.index_about .right .swiper-page{position:absolute;left:0;bottom:0;display:flex;width:20%;height:1.55rem;background:#27176f;justify-content: center;align-items: center;}
.index_about .right .swiper-page>div{font-size:.48rem;color:white;padding:0 .3rem}
.index_about .right .swiper-page:after{content:"";position:absolute;background:url(/public/common/images/icon12.png) 0 0 no-repeat;width:.02rem;height:.55rem;left:50%;transform:translate(-50%,-50%);top:50%;background-size:100%}
.index_news{padding:0 0 1.25rem}            
.index_news .title{padding:1.1rem 0 .74rem;text-align:center}
.index_news .title h1{font-size:.48rem;color:#181f29;font-weight:bold;margin:0 0 .25rem}
.index_news .title p{font-size:.16rem;color:#868686;font-weight:bold;text-transform:uppercase}
.index_news .lists{position:relative}
.index_news .lists a .text{background:#f0f0f0;padding:.35rem .2rem .4rem}
.index_news .lists a span{font-size:.14rem;color:#27176f;font-weight:bold}
.index_news .lists a h1{font-size:.2rem;color:#1a1a1a;height:.54rem;line-height:.27rem;font-weight:bold;margin:.15rem 0 .7rem}
.index_news .lists a em{font-size:.16rem;color:#3c3c3c}
.index_news .lists .swiper-page>div{position:absolute;width:.64rem;height:.64rem;top:50%;transform:translateY(-50%);left:-1rem;background:#d9d9d9;border-radius:100%;line-height:.64rem;text-align:center;font-size:.3rem;color:#737373}
.index_news .lists .swiper-page>div.slide-button-next {left:auto;right:-1rem;}
.index_news .lists a:hover img{ transform:scale(1.1)}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:black;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:white}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:black;
	-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:#27176f;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 {color:#27176f}
.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;}
/**************************/

/******ipad****/
@media(max-width:1600px){
    .tem_banner.index .label_text{left:1.6rem;top:1.5rem}
    .index_about .right .more{margin:1rem 0 0 }
    .about_company{padding-left:0.6rem;}
    .about_company  .left .tit h2{margin:0 0 .3rem}
    .about_company  .left .tit h3{margin:0 0 .35rem}

}
@media(max-width:1440px){
    .contact_box .infos .map #container{height:650px}
}


@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 h2{font-size:.3rem}
.tem_banner.index .keywords{padding:.2rem 0}
.tem_banner.index .label_text {left:.2rem}
.tem_banner.index .label_text .more{display:none}
.tem_banner.index .label_text h2{margin:.1rem 0 }
.tem_banner.index .keywords>div{display:inherit}
.tem_banner.index .keywords p{width:100%}
.tem_banner.index .keywords .search{width:100%}
.index_about{display:inherit}
.index_about .left{width:100%}
.index_about .right{width:100%;padding:1rem 0 .3rem}
.index_about .right .swiper-page{top:0}
.footer .top .fot_nav{display:none}
.footer .top .logo{width:50%}
.footer .top .contact{width:50%}
.footer .bot{display:inherit}
.footer .bot a{margin:0}
 .about_company{display:inherit;padding:.2rem}
 .about_company .left{width:100%;margin:0 0 .3rem}
 .about_company .img{width:100%}
 .about_history{padding:0 .5rem 2rem}
 .about_history .lists .items{height:4.5rem}
 .about_honor .lists .items{padding:0 .15rem}
 .product_box .pro_nav{display:inherit}
.product_box .pro_nav .title{width:100%}
.product_box .pro_nav .right{width:100%}
.product_box .pro_nav .right ul li{width:50%}
.product_box .pro_nav_two ul{display:flex;flex-wrap: wrap;}
.product_box .pro_nav_two ul li{width:33.3%}
.news_box .lists>div .items{width:48%}
.parter .items{padding:.52rem .3rem .78rem ;}
.contact_box .infos>div{display:inherit}
.contact_box .infos .map{width:100%}
.contact_box .infos .map #container{height:300px}
.contact_box .infos .text{width:100%}
.contact_box .form .info{display:inherit}
.contact_box .form .info .input{width:100%;margin:0 0 .2rem}
.index_product .lists .swiper-page>div{left:-.3rem; }
.index_product .lists .swiper-page>div.slide-button-next {right:-.3rem}

}