/***** Header *****/
header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow:0px 0px 20px 1px rgba(0, 0, 0, 0.1);}
header .top{background:#f4f4f4}
header .top>div{display:flex;padding:.1rem 0;justify-content: space-between;}
header .top  .left{display:flex;flex-direction: column;align-content: center;justify-content: center;}
header .top  .left h1{font-size:.14rem;color:black}
header .top .lang ul li{display:inline-block;margin:0 .05rem}
header .top .lang ul li a{font-size:.14rem;color:black}
header .top .lang ul li a:hover{color:#006bb7}
header .bot {height:.9rem;line-height:.9rem}
header .bot .nav ul {font-size:0;height:.9rem;text-align:center}
header .bot .nav ul li{display:inline-block;padding:0 .17rem}
header .bot .nav ul li a{font-size:.15rem;padding:0 .2rem;color:black}
header .bot .nav ul li a:hover{color:#006bb7}
header .bot .nav ul li.active a{background:#006bb7;color:white}
header .bot  .search {position:relative;height:.9rem}
header .bot  .search a {background:url(../images/icon0.png)  0 0 no-repeat;background-size:.24rem .23rem;width:.24rem;height:.23rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}
footer{background:#f5f5f5;border-top:2px solid #d2d2d2}
footer>div{padding:.7rem 0;font-size:0}
footer>div>div{display:inline-block;vertical-align: middle;}
footer .left{width:60%;}
footer .left .share-component{margin-left:.7rem}
footer .left>div{display:inline-block;vertical-align: middle}
footer .right{width:40%;text-align:right}
footer .right .fot_nav ul {display:flex;justify-content: space-between;}
footer .right .fot_nav ul li a{font-size:.16rem;font-weight:bold;color:black}
footer .right  .fot_info{padding:.6rem 0 0}
footer .right  .fot_info .first{display:flex;justify-content: space-between;padding:0 0 .13rem}
footer .right  .fot_info .first p{font-size:.14rem;color:black}
footer .right  .fot_info .first p a{display:inline-block;color:black}
footer .right  .fot_info .second{display:flex;justify-content: space-between;padding:0 0 0 .3rem}
footer .right  .fot_info .second p{font-size:.14rem;color:black}
.tem_banner  {padding:1.2rem 0 0 }
.tem_banner  .flash{position:relative}
.tem_banner  .flash .about_nav{position:absolute;left:50%;transform:translateX(-50%);bottom:20%;width:100%}
.tem_banner  .flash .about_nav ul {display:flex;justify-content: center;}
.tem_banner  .flash .about_nav ul li{width:13%;text-align:center}
.tem_banner  .flash .about_nav ul li a{font-size:.16rem;color:white;position:relative}
.tem_banner  .flash .about_nav ul li a:after{content:"";position:absolute;width:.8rem;height:.8rem;background:rgba(0,0,0,.3);border-radius:50%;left:50%;transform:translateX(-50%);top:-.9rem;transition:.3s}
.tem_banner  .flash .about_nav ul li.nav1 a:before{content:"";position:absolute;width:.44rem;height:.42rem;left:50%;transform:translateX(-50%);top:-.75rem;background: url(/public/common/images/about_icon1.png) no-repeat;background-size:100%;z-index:1}
.tem_banner  .flash .about_nav ul li.nav2 a:before{content:"";position:absolute;width:.39rem;height:.41rem;left:50%;transform:translateX(-50%);top:-.7rem;background: url(/public/common/images/about_icon2.png) no-repeat;background-size:100%;z-index:1}
.tem_banner  .flash .about_nav ul li.nav3 a:before{content:"";position:absolute;width:.35rem;height:.34rem;left:50%;transform:translateX(-50%);top:-.65rem;background: url(/public/common/images/about_icon3.png) no-repeat;background-size:100%;z-index:1}
.tem_banner  .flash .about_nav ul li a:hover:after{background:#235ca9;transition:.3s}
.about .about_company {padding:0 0 1.76rem}
.about .about_company .top>div{padding:.5rem 0 .7rem}
.about .about_company .top .title{padding:0 0 .4rem}
.about .about_company .top .title h1{font-size:.35rem;color:#3166ae;display:inline-block;padding:0 .3rem 0 0;position:relative}
.about .about_company .top .title h1:after{position:absolute;content:"";height:60%;width:3px;background:#3166ae;top:50%;transform:translateY(-50%);right:0}
.about .about_company .top .content{position:relative}
.about .about_company .top .content h2{font-size:.2rem;color:black;padding:0 0 .25rem}
.about .about_company .top .content p{line-height:.25rem;font-size:.14rem}
.about .about_company .top .content:after{position:absolute;background:url(/public/common/images/about_company.png) no-repeat;width:7rem;height:.4rem;content:"";right:0;top:0;transform:translateY(-50%);background-size:100%}
.about .about_company .bot>div{padding:.2rem 0 }
.about .about_company .bot{background:url(/public/common/images/company_bg.jpg) no-repeat;background-size:cover}
.about .about_company .bot ul{display:flex;justify-content: space-between;transform:translateY(1.2rem)}
.about .about_company .bot ul li{width:23%;text-align:center;padding:.5rem .7rem .8rem;background:#ffffff;box-shadow:0 0 15px 2px #bebebc;border-radius: 0px 0px 40px 0px;}
.about .about_company .bot ul li h1{font-size:.35rem;color:#3166ae;font-weight:bold;padding:.3rem 0 .15rem}
.about .about_company .bot ul li p{font-size:.14rem;color:black}
.about .about_honor{padding:0 0 1.3rem}
.about .about_honor .title{padding:0 0 1rem;position:relative}
.about .about_honor .title:after{position:absolute;background:url(/public/common/images/about_honor.png) no-repeat;width:7rem;height:.4rem;content:"";right:0;bottom:10%;transform:translateY(-50%);background-size:100%}
.about .about_honor  .title h1{font-size:.35rem;color:#3166ae;display:inline-block;padding:0 .3rem 0 0;position:relative}
.about .about_honor  .title h1:after{position:absolute;content:"";height:60%;width:3px;background:#3166ae;top:50%;transform:translateY(-50%);right:0}
.about .about_honor .content{display:flex;padding:0 2.6rem 0 0;}
.about .about_honor .content .left{width:58%;z-index:-2}
.about .about_honor .content .right{width:42%;position:relative}
.about .about_honor .content .right .img1{position:absolute;right:11%;top:10%}
.about .about_honor .content .right .img1:hover img{transform:scale(1.05)}
.about .about_honor .content .right .img2:hover img{transform:scale(1.05)}
.about .about_honor .content .right .img1:after{content:"";position:absolute;background:url(/public/common/images/honor1.png) no-repeat;width:3.58rem;height:.55rem;left:50%;transform:translateX(-50%);bottom:-.3rem;z-index:-1;background-size:100%}
.about .about_honor .content .right .img2{position:absolute;left:-.2rem;bottom:5.5%}
.about .about_honor .content .right .img2:after{content:"";position:absolute;background:url(/public/common/images/honor2.png) no-repeat;width:8rem;height:1.72rem;bottom:-.3rem;z-index:-1;left:-.9rem;bottom:-1.4rem;background-size:100%}
.about .about_honor .content .right:before{content:"";position:absolute;background:url(/public/common/images/jiangbei.png) no-repeat;width:1.79rem;height:2.05rem;right:18%;bottom:3%;background-size:100%}
.about .about_work{background:#f8fbff}
.about .about_work>div{padding:.7rem 0 1.2rem;}
.about .about_work  .title{padding:0 0 1.2rem;position:relative}
.about .about_work .title:after{position:absolute;background:url(/public/common/images/about_work.png) no-repeat;width:8.93rem;height:.53rem;content:"";right:0;bottom:10%;transform:translateY(-50%);background-size:100%}

.about .about_work  .title h1{font-size:.35rem;color:#3166ae;display:inline-block;padding:0 .3rem 0 0;position:relative}
.about .about_work   .title h1:after{position:absolute;content:"";height:60%;width:3px;background:#3166ae;top:50%;transform:translateY(-50%);right:0}
.about .about_work  .lists a{overflow:hidden}
.about .about_work  .lists a:hover img{transform:scale(1.1)}
.about .about_work .lists  .slide-pagination{text-align:center;margin:.5rem 0 0}
.about .about_work .lists  .slide-pagination span{width:15px;height:15px;opacity:1;margin:0 .05rem;background:none;border:1px solid #3166ae}
.about .about_work .lists  .slide-pagination .swiper-pagination-bullet-active{background:#3166ae;border:0}
.tem_banner  .flash .product_nav{position:absolute;left:50%;transform:translateX(-50%);bottom:20%;width:100%}
.tem_banner  .flash .product_nav ul {display:flex;justify-content: center;}
.tem_banner  .flash .product_nav ul li{width:13%;text-align:center}
.tem_banner  .flash .product_nav ul li a{font-size:.16rem;color:white;position:relative}
.tem_banner  .flash .product_nav ul li a:after{content:"";position:absolute;width:.8rem;height:.8rem;background:rgba(0,0,0,.3);border-radius:50%;left:50%;transform:translateX(-50%);top:-.9rem;transition:.3s}
.tem_banner  .flash .product_nav ul li.nav1 a:before{content:"";position:absolute;width:.35rem;height:.35rem;left:50%;transform:translateX(-50%);top:-.67rem;background: url(/public/common/images/product_icon1.png) no-repeat;background-size:100%;z-index:1}
.tem_banner  .flash .product_nav ul li.nav2 a:before{content:"";position:absolute;width:.47rem;height:.27rem;left:50%;transform:translateX(-50%);top:-.6rem;background: url(/public/common/images/product_icon2.png) no-repeat;background-size:100%;z-index:1}
.tem_banner  .flash .product_nav ul li.nav3 a:before{content:"";position:absolute;width:.31rem;height:.29rem;left:50%;transform:translateX(-50%);top:-.65rem;background: url(/public/common/images/product_icon3.png) no-repeat;background-size:100%;z-index:1}
.tem_banner  .flash .product_nav ul li a:hover:after{background:#235ca9;transition:.3s}
.tem_banner  .flash .product_nav ul li.active a:after{background:#235ca9;}
.product_first>div{padding:0 0 1.5rem}
.product_first .title{padding:.5rem 0 .3rem;text-align:center}
.product_first .title h1{position:relative;padding:0 0 .9rem ;font-size:.3rem;font-weight:bold}
.product_first .title h1:after{height:60px;width:2px;background:#8ba9d1;content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.product_first .lists .items {padding:0 0 1.1rem}
.product_first .lists .items .tit{position:relative;margin:0 0 .4rem}
.product_first .lists .items .tit h1{font-size:.2rem;color:#235ca9;font-weight:bold;position:relative;display:inline-block;padding:0 .4rem 0 0;background:white;position:relative}
.product_first .lists .items .tit:after{position:absolute;content:"";background:black;height:2px;width:100%;left:0;z-index:-1;top:50%;transform:translateY(-50%)}
.product_first .lists .content{display:flex;flex-wrap: wrap;}
.product_first .lists .content .item{width:15%;text-align:center;padding:0 .35rem;margin:.2rem .1rem;position:relative;}
.product_first .lists .content .item:after{content:"";position:absolute;background:black;left:0;width:12px;height:2px;top:50%;transform:translateY(-50%)}
.product_first .lists .content .item p{border:1px solid #bababa;padding:.12rem 0;color:black;font-size:.15rem;font-weight:bold}

.product_second{background:#f8f8f8}
.product_second>div{padding:0 0 1.67rem}
.product_second .title{padding:.5rem 0 .3rem;text-align:center}
.product_second .title h1{position:relative;padding:0 0 .9rem ;font-size:.3rem;font-weight:bold}
.product_second .title h1:after{height:60px;width:2px;background:#8ba9d1;content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.product_second  .infos{display:flex;justify-content: space-between;}
.product_second  .infos .product_nav{width:11%;padding:.17rem 0 0}
.product_second  .infos .product_nav ul li{margin-bottom:.35rem;padding:0 0 0 .34rem;text-align:center;position:relative}
.product_second  .infos .product_nav ul li:after{content:"";position:absolute;background:black;left:0;width:12px;height:2px;top:50%;transform:translateY(-50%)}
.product_second  .infos .product_nav ul li a{padding:.12rem 0;border:1px solid #b1b1b1;color:black;font-weight:bold;font-size:.15rem}
.product_second  .infos .product_nav ul li a:hover{background:#235ca9;color:white;border:1px solid #235ca9 }
.product_second  .infos .product_nav ul li.active a{background:#235ca9;color:white;border:1px solid #235ca9 }
.product_second  .infos .product_nav ul li.active:after{background:#235ca9;}
.product_second  .infos  .right{width:82%}
.product_second  .infos  .right h2{font-size:.16rem;font-weight:bold;padding:0 0 .28rem}
.product_second  .infos  .right .form{padding:.3rem .54rem .5rem;background:white}
.product_second  .infos  .right  .form table{width:100%}
.product_second  .infos  .right  .form table  td{text-align:center;padding:.2rem 0 ;border:1px solid white;background:#f1f1f1;color:black;font-weight:bold;font-size:.14rem}
.product_second  .infos  .right  .form table  .firstRow td{background:#235ca9;font-size:.2rem;color:white;font-weight:bold;padding:.24rem 0 }

.product_third .pro_nav ul{display:flex}
.product_third .pro_nav ul li{width:33.33%;text-align:center}
.product_third .pro_nav ul li.active a{background:#235ca9 !important;color:white !important}
.product_third .pro_nav ul li a{padding:.2rem 0 ;background:#f1f1f1;font-size:.16rem;font-weight:bold;color:black}
.product_third .pro_nav ul li:nth-child(2) a{background:#e1e1e1}
.product_third  .title{text-align:center;padding:.62rem 0 0}
.product_third  .title h1{font-size:.25rem;font-weight:bold;color:black}

.product_third .content>div:nth-child(2){background:#f7f7f7}
.product_third .content>div:nth-child(4){background:#f7f7f7;}
.product_third .content>div:nth-child(2) .tit h1{background:#f7f7f7;}
.product_third .content>div:nth-child(4) .tit h1{background:#f7f7f7;}
.product_third .content>div{padding:.6rem 0 .78rem}
.product_third .content .tit{position:relative;margin:0 0 .4rem}
.product_third .content  .tit h1{font-size:.2rem;color:#235ca9;font-weight:bold;position:relative;display:inline-block;padding:0 .4rem 0 0;background:white;position:relative;z-index:1}
.product_third .content   .tit:after{position:absolute;content:"";background:black;height:2px;width:100%;left:0;z-index:0;top:50%;transform:translateY(-50%)}
.product_third .content   .info{display:flex;flex-wrap: wrap;padding:0 0 .3rem}
.product_third .content   .item{text-align:center;padding:0 .35rem;margin:.2rem .1rem ;position:relative}
.product_third .content  .item:after{content:"";position:absolute;background:black;left:0;width:12px;height:2px;top:50%;transform:translateY(-50%)}
.product_third .content  .item p{border:1px solid #bababa;padding:.12rem .34rem;color:black;font-size:.15rem;font-weight:bold}
.product_third .content .second>div{display:flex;justify-content: space-between;}
.product_third .content .second .left{width:46%}
.product_third .content .second   .right{width:46%}
.product_third .product_box{background:#f7f7f7;border:1px solid white}
.product_third .product_box>div{padding:0 0 1.44rem}
.product_third .product_box h2{text-align:center;padding:.7rem 0 .37rem;font-size:.3rem;font-weight:bold;color:black}

.product_third .product_box .lists .items{padding:.22rem;border:1px solid #b9b9b9}
.product_third .product_box .lists .items a{overflow:hidden}
.product_third .product_box .lists .items a:hover img{transform:scale(1.1)}
.product_third .product_box .lists .items  .text{padding:.33rem 0 .3rem;text-align:center}
.product_third .product_box .lists .items  .text h1{font-size:.17rem;color:black;}

.product_third .product_box .lists  .slide-pagination{text-align:center;margin:.5rem 0 0}
.product_third .product_box .lists .slide-pagination span{width:15px;height:15px;opacity:1;margin:0 .05rem;background:none;border:1px solid #3166ae}
.product_third .product_box .lists .slide-pagination .swiper-pagination-bullet-active{background:#3166ae;border:0}

.tem_banner  .flash .news_nav{position:absolute;left:50%;transform:translateX(-50%);bottom:20%;width:100%}
.tem_banner  .flash .news_nav ul {display:flex;justify-content: center;}
.tem_banner  .flash .news_nav ul li{width:13%;text-align:center}
.tem_banner  .flash .news_nav ul li a{font-size:.16rem;color:white;position:relative}
.tem_banner  .flash .news_nav ul li a:after{content:"";position:absolute;width:.8rem;height:.8rem;background:rgba(0,0,0,.3);border-radius:50%;left:50%;transform:translateX(-50%);top:-.9rem;transition:.3s}
.tem_banner  .flash .news_nav ul li.nav1 a:before{content:"";position:absolute;width:.45rem;height:.37rem;left:50%;transform:translateX(-50%);top:-.67rem;background: url(/public/common/images/new_icon1.png) no-repeat;background-size:100%;z-index:1}
.tem_banner  .flash  .news_nav ul li.nav2 a:before{content:"";position:absolute;width:.38rem;height:.46rem;left:50%;transform:translateX(-50%);top:-.75rem;background: url(/public/common/images/new_icon2.png) no-repeat;background-size:100%;z-index:1}
.tem_banner  .flash .news_nav ul li a:hover:after{background:#235ca9;transition:.3s}
.tem_banner  .flash .news_nav ul li.active a:after{background:#235ca9;}

.news>div{padding:.6rem 0 1.66rem;}
.news  .lists{border-top:2px solid black}
.news  .lists .items{margin-top:.1rem;display:flex;padding:.3rem 0;border-bottom:1px solid #f2f2f2;justify-content: space-between;}
.news  .lists .items .img{width:30%}
.news  .lists .items .text{width:67%;position:relative}
.news  .lists .items .text h1{font-size:.2rem;color:black;margin:.3rem 0}
.news  .lists .items .text p{font-size:.14rem;width:75%;color:#545454;line-height:.25rem;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news  .lists .items .text span{padding-top:.75rem;display:inline-block;color:#6c6c6c;font-size:.14rem}
.news  .lists .items .text  a{position:absolute;bottom:2%;right:0;padding:.15rem .25rem;color:white;background:#b1b1b1;border-radius:5px;font-size:.14rem}
.news  .lists .items .text  a:hover{background:#3166ae}
.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:.6rem 0 1.7rem}
.job .lists .items{padding:0 .5rem 0rem;background-color:#eeeeee;margin-bottom:.2rem;position:relative}
.job .lists .items:after{content:"";position:absolute;width:0;height:2px;background:black;top:0;left:0;transition:.6s}
.job .lists .items.open:after{width:100%;transition:.6s}
.job .lists .items>a{padding:.27rem 0;font-size:.16rem;color:black}
.job .lists .items .col-sm-3{font-weight:bold}
.job .lists .items>a div:last-child i{height:.25rem;width:.25rem;border:1px solid #4c2d46;text-align:center;border-radius:50%;line-height:.25rem;color:#4c2d46}
.job .lists .items.open>a div:last-child i{transform:rotate(180deg);background:#3166ae;color:white;border:0}
.job .lists .items .content{transition:0s;display:none;padding: 0 0 .83rem;}
.job .lists .items .content .infos{background:white;}
.job .lists .items .content .top {border-bottom:1px solid #e5e5e5}
.job .lists .items .content .top  ul{padding:.3rem}
.job .lists .items .content .top  ul li{display:inline-block;width:16%}
.job .lists .items .content .bottom{padding:.4rem .5rem .4rem .3rem;position:relative;}
.job .lists .items .content .bottom a{position:absolute;right:10%;bottom:10%;padding:.14rem .6rem;background:#3166ae;color:white;border-radius:10px;font-size:.15rem}
.contact>div{padding:.9rem 0 }
.contact .left{display:inline-block;width:50%}
.contact .right{display:inline-block;width:48%;vertical-align:top}
.contact .left h1{padding:.37rem 0 .22rem;font-size:.3rem;color:black}
.contact .left h1 em{color:#1556a6;padding:0 .6rem;font-weight:bold}
.contact .left>p:nth-child(3){padding:0 0 .44rem;color:#8b8b8b}
.contact .left .text p{padding:0 0 .18rem;font-size:.14rem;color:black}

.contact .right h1{font-size:.3rem}
.contact .right .input{padding:.37rem 0 .22rem}
.contact .right .input input{width:90%;padding:.15rem;border:0;background:#f3f3f3;}
.contact .right .input  div:nth-child(2){text-align:right}

.contact .right  .message textarea{border:0;background:#f3f3f3;padding:.15rem;height:1.5rem;width:100%;}
.contact .right .button {padding:.26rem 0 0}
.contact .right .button .but{width:100%;padding:.2rem ;color:#023e85;background:none;border:2px solid #023e85}
.contact .right .button .but:hover{ background:#023e85;color:white}
.contact  .map{padding:.9rem 0 1.5rem} 

.tem_banner .banner_txt{position:absolute;top:30%;left:50%;transform:translateX(-50%)}
.tem_banner .banner_txt h1{font-size:1rem;text-shadow: white 1px 0 0, white 0 1px 0, white -1px 0 0, white 0 -1px 0,0px 2px 10px black;color:white;font-family:"din";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:.4rem;color:white;margin-top:.3rem;letter-spacing:5px;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 a{font-size:.15rem;margin-top:.9rem;padding:.2rem .6rem;background:#006bb7;display:inline-block;border-radius:50px;color:white;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner  .swiper-slide-active .banner_txt a{transition-delay:.8s;transform:none;opacity:1;}
.tem_banner .mouse{position:absolute;left:50%;bottom:8%;transform:translate(-50%,-50%);color:white;font-size:.16rem}
.tem_banner  .mouse:after{content:'';position:absolute;background:url(/public/common/images/mouse.png) no-repeat;width:22px;height:34px;left:50%;transform:translateX(-50%);top:0rem;animation: dropdown2 .7s 0.2s linear infinite alternate;}
@keyframes dropdown2 {
	form{
		top:0rem
	}
	to{
		top:-.3rem;
	}
}
.tem_banner  .swiper-page>div{position:absolute;width:.6rem;height:.6rem;border-radius:100%;line-height:.6rem;text-align:center;font-size:.3rem;color:black;outline:none;z-index:2;top:50%;left:2%;background:rgba(255,255,255,.5)}
.tem_banner  .swiper-page>div.slide-button-next {left:auto;right:2%}
.index_product .title{display:flex;padding:.6rem 0 .26rem;justify-content: space-between;border-bottom:1px solid #e5e5e5}
.index_product .title .left h1{font-size:.3rem;color:black}
.index_product .title .left  p{color:#006bb7;text-transform:uppercase;font-weight:bold;font-size:.18rem;margin-top:.15rem;font-family:"din"}
.index_product .title .right{display:flex;flex-wrap: wrap;align-content: center;}
.index_product .title .right a{color:#006bb7;font-weight:bold;font-family:"din";font-size:.18rem;padding:0 .6rem 0 0;position:relative}
.index_product .title .right  a:after{content:"\f178";position:absolute;font:normal normal normal 14px/1 FontAwesome;top:50%;transform:translateY(-50%);font-size:.16rem;right:.3rem;animation: dropdown1 .7s 0.2s linear infinite alternate;}

@keyframes dropdown1 {
	form{
		right:-.3rem
	}
	to{
		right:0rem;
	}
}
.index_product {background:url(/public/common/images/index_probg.png) no-repeat;background-size:cover}
.index_product  .lists{padding:.5rem 0 .72rem;position:relative}
.index_product  .lists .infos .imgs{position:relative}
.index_product  .lists .infos .imgs .text{position:absolute;top:20%;left:10%}
.index_product  .lists .infos .imgs .text h1{font-size:.35rem;color:white}
.index_product  .lists .infos .imgs .text h2{font-size:.32rem;color:white;text-transform:uppercase;padding:.12rem 0 .3rem;}
.index_product  .lists .infos .imgs .text  p{font-size:.16rem;color:white;width:80%;line-height:.25rem}
.index_product  .lists .index_pronav {position:absolute;left:50%;transform:translateX(-50%);width:70%;bottom:13%;}
.index_product  .lists .index_pronav ul{display:flex;justify-content: center;}
.index_product  .lists .index_pronav ul li{text-align:center;}
.index_product  .lists .index_pronav ul li a{padding:.27rem .8rem;font-size:.16rem;color:white;background:rgba(0,79,137,.7);margin-right:.01rem;position:relative;cursor:pointer}
.index_product  .lists .index_pronav ul li a:after{position:absolute;content:"";width:25px;height:8px;background:url(/public/common/images/logo1.png) no-repeat;background-size:100%;left:13%;top:50%;transform:translateY(-50%);}
.index_product  .lists .index_pronav ul li#current a{background:#8bc31f}
.index_about{background-repeat:no-repeat;background-position:0 0;background-size:cover;padding:.85rem 0 1.2rem;}
.index_about   .imgs{position:relative;}
.index_about   .imgs .text{position:absolute;left:50%;top:50%;text-align:center;transform:translate(-50%,-50%);width:4rem;height:4rem;border:1px solid white;border-radius:50%;background:rgba(0,0,0,.3);z-index:1}
.index_about   .imgs .text h1{color:white;font-size:.4rem;padding:.6rem  0 0 }
.index_about   .imgs .text  h2{color:white;font-size:.25rem;text-transform:uppercase;font-family:"din";padding:.17rem 0 .8rem}
.index_about   .imgs .text  p{color:white;font-size:.2rem;}
.index_about   .imgs .text a{font-size:.16rem;color:white;margin:.8rem 0 .5rem;font-family:"din";display:inline-block}
.index_about   .imgs .text a i{margin-left:.2rem}
.index_about   .imgs .text a:hover i{transform:translateX(.2rem)}

@keyframes rotate1  {
	form{
	transform:rotate(0deg) 
	}
	to{
	transform:rotate(360deg)
	}
}

@keyframes circle2   {
	form{
	transform:rotate(0deg) 
	}
	to{
	transform:rotate(-360deg) 
	}
}
@keyframes circle3   {
	form{
	transform:rotate(0deg)
	}
	to{
	transform:rotate(-360deg) 
	}
}
.index_about   .imgs .about_nav{height:6rem;width:6rem;animation: rotate1 20s linear infinite forwards;border:1px dashed white;border-radius:100%;margin:0 auto;position:relative}
/*.index_about   .imgs .about_nav:hover{animation-play-state:paused}*/
/* .index_about   .imgs .about_nav:hover a{animation-play-state:paused}*/
.index_about   .about_nav a{position:absolute;color:white;font-size:.16rem;cursor:pointer;padding:.7rem 0 0;width:1rem;text-align:center;line-height:.25rem;} 

.index_about   .about_nav a.t1{left:-.5rem;top:50%;animation: circle2 20s linear infinite forwards;margin-top:-.525rem}
.index_about   .about_nav a.t2{right:-.5rem;top:50%;animation: circle2 20s linear infinite forwards;margin-top:-.525rem}
.index_about   .about_nav a.t3{left:50%;bottom:-.46rem;animation: circle3 20s linear infinite forwards;margin-left:-.5rem;}

.index_about   .about_nav a:after{content:"";position:absolute;width:.8rem;height:.8rem;background:rgba(0,0,0,.3);border-radius:50%;left:50%;transform:translateX(-50%);top:-.1rem;transition:.3s}
.index_about   .about_nav a.t1:before{content:"";position:absolute;width:.44rem;height:.42rem;left:50%;transform:translateX(-50%);top:.1rem;background: url(/public/common/images/about_icon1.png) no-repeat;background-size:100%;z-index:1}
.index_about   .about_nav a.t2:before{content:"";position:absolute;width:.39rem;height:.41rem;left:50%;transform:translateX(-50%);top:.1rem;background: url(/public/common/images/about_icon2.png) no-repeat;background-size:100%;z-index:1}
.index_about   .about_nav a.t3:before{content:"";position:absolute;width:.35rem;height:.34rem;left:50%;transform:translateX(-50%);top:.15rem;background: url(/public/common/images/about_icon3.png) no-repeat;background-size:100%;z-index:1}
.index_about   .about_nav a:hover:after{background:#235ca9;transition:.3s}

.index_contact>div{padding:.6rem 0 1.1rem;display:flex;justify-content: space-between;}
.index_contact .index_new{width:49%;background:#eeeeee;border-top-left-radius:.5rem;}
.index_contact .index_new .title{padding:.56rem 0 .2rem .3rem;border-bottom:1px solid #e5e5e5}
.index_contact .index_new .title h1{font-size:.4rem;color:black;}
.index_contact .index_new .title p{text-transform:uppercase;font-family:"din";color:#006bb7;font-size:.25rem;padding-top:.1rem}
.index_contact .index_new  .lists {padding:.6rem .3rem .2rem}
.index_contact .index_new  .lists a{display:flex;justify-content: space-between;margin-bottom:.28rem;}
.index_contact .index_new  .lists a:hover img{transform:scale(1.1)}
.index_contact .index_new  .lists a .img{width:30%}
.index_contact .index_new  .lists a  .text{width:67%}
.index_contact .index_new  .lists a  .text h1{font-size:.16rem;color:black;font-weight:bold;margin:.2rem 0 .11rem;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.index_contact .index_new  .lists a  .text p{display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size:.14rem;color:black}
.index_contact .index_new  .lists a  .text span{font-size:.14rem;color:black;margin-top:.22rem;display:inline-block}
.index_contact .index_new  .more {text-align:center}
.index_contact .index_new  .more a{padding:.2rem ;background:#006bb7;color:white;font-size:.14rem}
.index_contact   .index_job{width:49%;background-size:cover;border-bottom-right-radius:.5rem;position:relative}
.index_contact   .index_job .infos{position:absolute;top:32%;left:18%}
.index_contact   .index_job .infos h1{color:white;font-size:.3rem;}
.index_contact   .index_job .infos p{color:white;font-size:.25rem;text-transform:uppercase;margin-top:.1rem}
.index_contact   .index_job .infos  a{display:inline-block;margin-top:1.2rem;color:white;font-family:"din";font-size:.16rem;text-transform:uppercase;position:relative}
.index_contact   .index_job .infos  a:after{content:"\f178";position:absolute;font:normal normal normal 14px/1 FontAwesome;top:50%;transform:translateY(-50%);font-size:.16rem;right:-.3rem;animation: dropdown3 .7s 0.2s linear infinite alternate;}
@keyframes dropdown3 {
	form{
		right:-.3rem
	}
	to{
		right:-.5rem
	}
}
/***** Header End *****/


/**/
/********<=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: #887e6d;}
.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: #006bb7;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.on2 a,.st-container .st-menu ul li>dl dd a:hover {color: #006bb7;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){
	.index_about .imgs .about_nav{width:5.5rem;height:5.5rem}
	.about .about_honor .content{padding:0 1rem 0 0}

}
@media(max-width:1440px){

}
@media(max-width:1300px){

header .bot {height:1rem;line-height:1rem}
header .bot .nav ul li a{height:1rem}
.about .about_honor .content .right .img2{width:40%}
}

@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){
  .tem_banner .banner_txt{position:absolute;top:10%;left:50%;transform:translateX(-50%);width:100%}
  .tem_banner .banner_txt h1{font-size:.8rem}
  .tem_banner .banner_txt p{font-size:.2rem}
  .tem_banner .banner_txt a{margin-top:.2rem;padding:.1rem .2rem}
  .tem_banner .mouse:after{background-size:50%}
  .index_product .lists .index_pronav ul li a{padding:.2rem}
  .index_product .lists .index_pronav{width:100%}
  .index_product .lists .index_pronav ul li a:after{display:none}
  .index_product .lists .infos .imgs .text h2{padding:.1rem 0}
  .index_product .lists .infos .imgs .text{top:10%}
  .index_product .lists .index_pronav{bottom:18%}
  .index_about .imgs .text{width:1.5rem;height:1.5rem}
  .index_about .imgs .about_nav{width:2.7rem;height:2.7rem}
  .index_about .imgs .text h2{padding:.2rem 0;font-size:.15rem}
  .index_about .imgs .text p{display:none}
  .index_about .imgs .text a{display:none}
  .index_about .imgs .text h1{font-size:.16rem;padding:.3rem 0 0}
 .index_contact>div{display:inherit;}
 .index_contact .index_new{width:100%}
 .index_contact .index_new .lists a .text h1{margin:.1rem 0}
 .index_contact .index_new .lists a .text span{margin-top:.1rem}
  .index_contact .index_job{width:100%;height:5rem;margin-top:.5rem}
  .tem_banner .flash .about_nav ul li{width:18%}
  .about .about_company .top .content:after{width:3rem}
  .about .about_company .bot ul li{padding:.2rem}
  .about .about_honor .title:after{width:3rem}
  .about .about_honor .content{padding:0}
  .about .about_honor .content .right:before{width:1rem;height:1.3rem}
.about .about_work .title:after{width:3rem}
.tem_banner .flash .product_nav ul li{width:30%}
.product_first .title h1:after{height:30px}
.product_first .lists .content .item{width:25%}
.product_second .title h1:after{height:30px}
.product_second .infos{display:inherit}
.product_second .infos .product_nav{width:100%}
.product_second .infos .product_nav ul{display:flex;flex-wrap: wrap;}
.product_second .infos .product_nav ul li{width:23%}
.product_second .infos .right{width:100%;margin-top:.2rem}
.product_second .infos .right .form{padding:0}
.news .lists .items{display:inherit}
.news .lists .items .img{width:100%}
.news .lists .items .text{width:100%}
.news  .lists .items .text p{width:100%}
.tem_banner .flash .news_nav ul li{width:18%}
.job .lists .items{padding:0 .2rem}
.job .lists .items .content .top ul li{vertical-align:top;width:48%}
.job .lists .items .content .bottom a{right:0;bottom:0}
.contact .left{width:100%;padding: 0 .5rem}
.contact .right{width:100%;margin-top:.3rem;padding: 0 .5rem}
.contact .right .input div:nth-child(2){text-align:left;margin-top:.2rem}
.contact .right .input input{width:100%}
footer .left {width:100%}
footer .right{width:100%;margin-top:.5rem}
footer .right .fot_info .first{display:inherit}
footer .right .fot_info{padding:.3rem 0 0}
}