.header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.5);}
.header .top{border-bottom:1px solid #dfdddd}

.header .top>div{display:flex;justify-content: space-between;align-items: center;}
.header .top>div h1{font-size:.16rem;color:#a39d9d}
.header .top .right{display:flex}
.header .top .right>div{height:.5rem;line-height:.5rem}
.header .top .right .weixin a{padding: 0 .11rem 0 .4rem;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;color:#a39d9d;font-size:.14rem;position:relative}
.header .top .right .weixin a:after{content:"";position:absolute;background:url(/public/common/images/1.png) no-repeat;width:.18rem;height:.15rem;background-size:100%;top:50%;transform:translateY(-50%);left:15%}
.header .top .right .langs a{width:.66rem;background:#2067b9;text-align:center;color:white}
.header .bot>div{display:flex;height:1.03rem;line-height:1.03rem;justify-content: space-between;}
.header .bot .logo{width:34%}
.header .bot .navs{width:47%}
.header .bot .navs ul{display:flex;justify-content: space-between;}
.header .bot .navs  ul li a{font-size:.16rem;color:#383838;display:initial;font-weight:bold}
.header .bot .navs  ul li a:hover{color:#2067b9;transition:.3s}
.header .bot .navs  ul li.active a{color:#2067b9}
.tem_banner .txt{position:absolute;left:50%;transform:translateX(-50%);top:59%;display:flex;align-items: center;}
.tem_banner .txt h1,.tem_banner .txt h2{font-size:.36rem;color:white;margin:0 .11rem}
.tem_banner  .banner_nav{position:absolute;width:100%;left:0;bottom:5%}
.tem_banner  .banner_nav>div{background:white;height:.63rem;line-height:.63rem;display:flex;justify-content: space-between;}
.tem_banner  .banner_nav .left ul{display:flex}
.tem_banner  .banner_nav .left ul li:first-child a{width:.6rem;background:#0a58aa url(/public/common/images/2.png) center center  no-repeat;height:100%;padding:0;border-right:0}
.tem_banner  .banner_nav .left ul li.active a{color:#0a58aa}
.tem_banner  .banner_nav .left ul li a{font-size:.16rem;color:#262626;padding:0 .35rem;border-right:1px solid #dcdcdc;font-weight:bold}
.tem_banner  .banner_nav .left ul li a:hover{ color:#0a58aa}
.tem_banner  .banner_nav  .mbx{display:flex;padding-right:.67rem;font-size:.14rem;color:#262626;font-weight:bold}
.tem_banner  .banner_nav  .mbx a{font-size:.14rem;color:#262626;font-weight:bold;margin:0 .05rem}
.tem_banner  .banner_nav  .mbx a:last-child{color:#0a58aa}
.about_box .about_company  h2{text-align:center;padding:.6rem 0 .44rem;font-size:.48rem;color:#343434}
.about_box .about_company .infos{padding:0 0 .35rem}
.about_box .about_company .infos .items1{display:flex;align-items: center;justify-content: space-between;}
.about_box .about_company .infos .items1 .img{width:50%}
.about_box .about_company .infos .items1 .text{width:48%}
.about_box .about_company .infos .items1 .text p{font-size:.16rem;line-height:.3rem;color:#343434}
.about_box .about_company .infos .items2{display:flex;align-items: center;justify-content: space-between;}
.about_box .about_company .infos .items2 .img{width:50%}
.about_box .about_company .infos .items2 .text{width:48%}
.about_box .about_company .infos .items2 .text p{font-size:.16rem;line-height:.3rem;color:#343434}
.about_honor{padding:0 0 1.22rem;background-repeat:no-repeat;background-attachment:fixed;background-size:cover}
.about_honor h2{text-align:center;padding:.82rem 0 .62rem;color:white;font-size:.48rem;}
.about_honor .lists{position:relative}
.about_honor .lists .items{padding:.8rem .42rem .3rem;background:rgba(255,255,255,.32);}
.about_honor .lists .items p{font-size:.18rem;color:white;margin:.22rem  0 0;text-align:center}
.about_honor .lists .items a:hover img{transform:scale(1.1)}

.about_honor .lists  .swiper-page>div{position:absolute;width:.46rem;height:.46rem;border-radius:100%;line-height:.46rem;text-align:center;font-size:.24rem;color:white;outline:none;background:#1e4586;transform:translateY(-50%);z-index:2;top:50%;left:-.7rem}
.about_honor .lists .swiper-page>div.slide-button-next {left:auto;right:-.7rem}
.about_workshop  h2{text-align:center;padding:.95rem 0 .55rem;color:#343434;font-size:.48rem;}
.about_workshop .lists .items a{overflow:hidden}
.about_workshop .lists .items a:hover img{transform:scale(1.1)}
.about_workshop  .lists .slide-pagination{display:flex;justify-content: center;padding:.84rem  0 2rem}
.about_workshop  .lists .slide-pagination span{width:.41rem;height:.41rem;border:1px solid #d2d2d2;background:none;font-size:.16rem;text-align:center;line-height:.41rem;margin:0 .03rem;border-radius:0;color:black;opacity:1}
.about_workshop  .lists .slide-pagination  span.swiper-pagination-bullet-active,.about_workshop  .lists .slide-pagination span:hover{background:#0a58aa;color:white;border:1px solid #0a58aa}
.footer {position:relative}
.footer .return{position:absolute;left:50%;transform:translateX(-50%);top:-.6rem}
.footer .return  a:after{content:"";position:absolute;background:url(/public/common/images/8.png) 0 0 no-repeat;width:.29rem;height:.4rem;left:50%;transform:translate(-50%,-50%);top:50%;transition:.6s;background-size:100%}
.footer .return  a:hover:after{transform:translate(-50%,-50%) rotate(-360deg);transition:.6s;}
.footer .top{background:#232323;position:relative}
.footer .top>div{display:flex;padding:1.1rem 0 0}
.footer .top:after{content:"";position:absolute;width:50%;height:100%;background:#333333;right:0;top:0;}
.footer .top .left{width:50%;;display:flex;}
.footer .top .left dl{margin-right:.55rem}
.footer .top .left dl dt{margin:0 0 .15rem}
.footer .top .left dl dt a{font-size:.16rem;color:white;font-weight:normal}
.footer .top .left dl dd{margin:0 0 .1rem}
.footer .top .left dl dd a{font-size:.14rem;color:#bfbfbf}
.footer .top .right{width:50%;padding-left:.9rem;z-index:2;display:flex;padding-bottom:.65rem;justify-content: space-between;align-items: flex-end;}
.footer .top .right .infos{width:55%}
.footer .top .right .infos h1{font-size:.16rem;color:white;margin:0 0 .2rem}
.footer .top .right .infos ul{padding:0 0 .14rem;position:relative}
.footer .top .right .infos ul li{display:flex;align-items: center;margin:0 0 .05rem;}
.footer .top .right .infos ul li em{font-size:.24rem;font-family:"Anton-Regular";background-image:-webkit-linear-gradient(left,#659ed9,#397cc2,#0a58aa); -webkit-background-clip:text; -webkit-text-fill-color:transparent; ;    -webkit-background-clip: text;}
.footer .top .right .infos ul li p{font-size:.16rem;color:white;margin-left:.1rem}
.footer .top .right .infos ul:after{content:"";position:absolute;background:url(/public/common/images/3.jpg) 0 0 no-repeat;width:100%;height:2px;bottom:0;background-size:100%}
.footer .top .right .infos  h2{font-size:.16rem;color:white;margin:.27rem 0 0;padding-left:.27rem;position:relative}
.footer .top .right .infos  h2:after{content:"";position:absolute;background:url(/public/common/images/4.png) 0 0 no-repeat;width:.19rem;height:.24rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.footer .top .weixin ul{display:flex;}
.footer .top .weixin ul li{margin-left:.15rem;}
.footer .top .weixin ul li a{position:relative}
.footer .top .weixin ul li a i{height:.36rem;width:.36rem;text-align:center;line-height:.36rem;border:1px solid #979696;border-radius:100%;display:inline-block}
.footer .top .weixin ul li a:hover i{background:#164e90;border:1px solid #164e90}
.footer .top .weixin ul li .img{position:absolute;width:2rem;left:50%;transform:translateX(-50%);top:-1.2rem;display:none}
.footer .top .weixin ul li a:hover .img{}
.footer .bot{background:#202020;border-top:1px solid #303030}
.footer .bot>div{display:flex;padding:.3rem 0 }
.footer .bot>div>*{font-size:.14rem;color:#bfbfbf}
.footer .bot>div a{margin-left:.33rem}
.product_box>div{padding:0 0 1.95rem}
.product_box .title{padding:.62rem 0 .55rem}
.product_box .title h1{font-size:.48rem;color:#323131;font-weight:bold}
.product_box .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_box .lists .items{width:48%;margin:0 0 .38rem}
.product_box .lists .items a{display:flex;padding:.2rem .24rem .22rem;background:#eeeeee;justify-content: space-between;border:1px solid #dedbdc}
.product_box .lists .items a .img{width:61%;border:1px solid #dedbdc}
.product_box .lists .items a .txt{width:32%;padding:.62rem 0 0}
.product_box .lists .items a .txt h1{font-size:.3rem;color:black;font-weight:bold;padding:0 0 .22rem}
.product_box .lists .items a .txt h2{font-size:.24rem;color:black;font-weight:bold;padding:0 0 1.2rem}
.product_box .lists .items a .txt  em{width:1.65rem;display:inline-block;height:.55rem;line-height:.55rem;background:white;font-size:.16rem;color:#0a58aa;text-align:center;font-weight:bold}
.product_box .lists .items a:hover {background:#0a58aa}
.product_box .lists .items a:hover img{transform:scale(1.1)}
.product_box .lists .items a:hover  .txt h1,.product_box .lists .items a:hover  .txt h2{color:white;transition:.3s}
.product_box .page{display:flex;justify-content: center;padding:.88rem 0 0 }
.product_box .page a{width:.43rem;height:.43rem;line-height:.43rem;border:1px solid #d2d2d2;margin:0  .02rem;font-size:.16rem;color:black}
.product_box .page a  i{font-size:.18rem}
.product_box .page a.page-link{margin:0 .12rem;background:#0a58aa;color:white;border:1px solid #0a58aa}
.product_box .page a:hover{background:#0a58aa;color:white;border:1px solid #0a58aa}
.product_box .page a.page-num-current{background:#0a58aa;color:white;border:1px solid #0a58aa}
.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 #0a58aa}
.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:#0a58aa;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}
.workshop_box .infos{padding:.7rem 0 .44rem}
.workshop_box .infos p{font-size:.16rem;color:black}
.workshop_box  .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.workshop_box  .lists .items{width:32%;margin:0 0 .3rem}
.workshop_box  .lists .items a{border:1px solid #dedbdc}
.workshop_box  .lists .items a .img{position:relative}
.workshop_box  .lists .items a .img:after{content:"";position:absolute;background:url(/public/common/images/9.png) 0 0 no-repeat;width:.31rem;height:.31rem;right:5%;top:8%;background-size:100%;transition:.3s}
.workshop_box  .lists .items a:hover  .img:after{content:"";position:absolute;background:url(/public/common/images/10.png) 0 0 no-repeat;width:.31rem;height:.31rem;right:5%;top:8%;background-size:100%;transition:.3s}

.workshop_box  .lists .items a:hover img{transform:scale(1.1)}
.workshop_box  .lists .items a .txt h1{background:#eeeeee;text-align:center;height:.56rem;line-height:.56rem;font-size:.16rem;color:#191919;border-top:1px solid #dedbdc}
.workshop_box .page{display:flex;justify-content: center;padding:.75rem 0 1.3rem }
.workshop_box .page a{width:.43rem;height:.43rem;line-height:.43rem;border:1px solid #d2d2d2;margin:0  .02rem;font-size:.16rem;color:black}
.workshop_box .page a  i{font-size:.18rem}
.workshop_box .page a.page-link{margin:0 .12rem;background:#0a58aa;color:white;border:1px solid #0a58aa}
.workshop_box .page a:hover{background:#0a58aa;color:white;border:1px solid #0a58aa}
.workshop_box .page a.page-num-current{background:#0a58aa;color:white;border:1px solid #0a58aa}
.news_box .title{padding:.6rem 0 .42rem;}
.news_box .title h1{font-size:.48rem;color:#323131;font-weight:bold}
.news_box .lists{border-bottom:1px solid #b5b5b5}
.news_box .lists .items{padding:.3rem 0;border-top:1px solid #b5b5b5 }
.news_box .lists .items a{display:flex;position:relative;justify-content: space-between;}
.news_box .lists .items a em{position:absolute;right:0;bottom:0;width:1.63rem;background:#0a58aa;height:.52rem;line-height:.52rem;text-align:center;font-size:.16rem;color:white }
.news_box .lists .items a .img{width:33.9%}
.news_box .lists .items a .text{width:62%;padding:.5rem .95rem 0 0 }
.news_box .lists .items a .text h1{font-size:.18rem;color:#323131;font-weight:bold;margin:0 0 .3rem}
.news_box .lists .items a .text p{font-size:.16rem;color:#323131;height:.5rem;line-height:.25rem}
.news_box .lists .items a .text span{display:inline-block;margin:.55rem 0 0;color:#323131;font-size:.16rem}
.news_box .lists .items a:hover{background:#0a58aa;transition:.3s}
.news_box .lists .items a:hover img{transform:scale(1.1)}
.news_box .lists .items a:hover .text h1{color:white;transition:.3s}
.news_box .lists .items a:hover .text p{color:white;transition:.3s}
.news_box .lists .items a:hover .text span{color:white;transition:.3s}
.news_box .lists .items a:hover em{background:white;transition:.3s;color:#0a58aa;border:1px solid #dedbdc}
.news_box  .page{display:flex;justify-content: center;padding:.7rem 0 1.7rem }
.news_box  .page a{width:.43rem;height:.43rem;line-height:.43rem;border:1px solid #d2d2d2;margin:0  .02rem;font-size:.16rem;color:black}
.news_box  .page a  i{font-size:.18rem}
.news_box  .page a.page-link{margin:0 .12rem;background:#0a58aa;color:white;border:1px solid #0a58aa}
.news_box  .page a:hover{background:#0a58aa;color:white;border:1px solid #0a58aa}
.news_box  .page a.page-num-current{background:#0a58aa;color:white;border:1px solid #0a58aa}
.contact_box .infos .title{padding:1rem 0 .65rem;text-align:center}
.contact_box .infos .title h1{font-size:.36rem;color:black;}
.contact_box .infos .title h2{font-size:.16rem;padding: .25rem 0;color:#818181}
.contact_box .infos .title h3{font-size:.36rem;color:black}
.contact_box .infos ul{display:flex}
.contact_box .infos ul li{width:25%;border:1px solid #dedbdc;margin-left:-1px;height:1.35rem;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.contact_box .infos ul li:nth-child(1) .item:after{content:"";position:absolute;background:url(/public/common/images/11.png) 0 0 no-repeat;width:.31rem;height:.41rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box .infos ul li:nth-child(2) .item:after{content:"";position:absolute;background:url(/public/common/images/12.png) 0 0 no-repeat;width:.39rem;height:.34rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box .infos ul li:nth-child(3) .item:after{content:"";position:absolute;background:url(/public/common/images/13.png) 0 0 no-repeat;width:.41rem;height:.31rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box .infos ul li:nth-child(4) .item:after{content:"";position:absolute;background:url(/public/common/images/14.png) 0 0 no-repeat;width:.42rem;height:.44rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}

.contact_box .infos ul li .item {padding-left:.6rem;position:relative}
.contact_box .infos ul li .item h1{font-size:.18rem;color:black;font-weight:bold;padding:0 0 .1rem}
.contact_box .infos ul li .item  p{font-size:.16rem;color:black}
.contact_box .infos  .map #container{height:4.7rem}
.message>div{padding:0 0 1.3rem}
.message     h3{text-align:center;padding:1.6rem 0 .63rem;font-size:.48rem;color:black}
.message  .info{padding:.8rem .94rem 1.05rem 1.24rem;background:#f9f9f9;display:flex;justify-content: space-between;}
.message  .info .left {width:75%}
.message  .info .left .top{display:flex;justify-content: space-between;}
.message  .info .left .top .input{width:48%}
.message  .info .left .top .input p{font-size:.18rem;color:#323131;margin:0 0 .2rem;}
.message  .info .left .top .input input{width:100%;height:.66rem;line-height:.66rem;background:#f5f5f5;border:1px solid #dedbdc;font-size:.18rem;color:#323131}
.message  .info .left .middle {margin:.25rem  0 0}
.message  .info .left .middle p{font-size:.18rem;color:#323131;margin:0 0 .2rem;}
.message  .info .left .middle input{width:100%;height:.66rem;line-height:.66rem;background:#f5f5f5;border:1px solid #dedbdc;font-size:.18rem;color:#323131}
.message  .info .left .bot{margin:.25rem  0 0}
.message  .info .left .bot p{font-size:.18rem;color:#323131;margin:0 0 .2rem;}
.message  .info .left .bot textarea{width:100%;height:1.81rem;background:#f5f5f5;border:1px solid #dedbdc;font-size:.18rem;color:#323131}

.message  .info .imgs{width:15%;padding:.8rem 0 0}
.message  .info .imgs p{font-size:.24rem;text-align:center;padding:.2rem  0 0;color:black}

.message  .info .button input{height:.44rem;line-height:.44rem;width:1.25rem;text-align:center;background:#0a58aa;border:0;color:white;font-size:.16rem;margin:.3rem 0 0}
	.tem_banner.index{position:relative;overflow:hidden;text-align:center;font-size:0;z-index:1;}
	.tem_banner.index * {transition:none !important}
	.tem_banner.index a{color:#fff;}
	.tem_banner.index .skitter .box_clone {width:100% !important}
	.tem_banner.index .skitter.with-dots{width:100%;max-width: 100%;margin-bottom: 0;}
	
	.tem_banner.index .skitter .info_slide_dots {
		bottom: 1.2rem;
	}
	
	.tem_banner.index .skitter .info_slide_dots .image_number {
		margin:0 .12rem
	}
	.tem_banner.index ul li{float:left;width:100%;list-style:none;background-position:50% 50%;background-repeat:no-repeat;}
	.tem_banner.index ul li a{display:block;width:100%;height:100%;}
	.tem_banner.index ul li img{ max-width:100%; height:auto;}
	.tem_banner.index .flex-control-nav{position:absolute;right:0;bottom:20px;left:0;text-align:center;}
	.tem_banner.index .flex-control-nav li{margin:0px;}
	.tem_banner.index .flex-control-nav li a{display:inline-block;margin:0 6px;width:10px;height:10px;border:1px solid #fff;border-radius:10px;text-indent:-999em;cursor:pointer; background:none;}
	.tem_banner.index .flex-control-nav li a.flex-active{background:#fff;}
	.tem_banner.index .skitter .info_slide_dots .image_number{width:.12rem;height:.12rem;background-color:#FFF;border-radius:0;border-radius:100%;position:relative;overflow:inherit}
	.tem_banner.index .skitter .info_slide_dots .image_number:after{content:"";position:absolute;width:.25rem;height:.25rem;border:1px solid #1f4e96;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:.3s}
	.tem_banner.index .skitter .info_slide_dots .image_number.image_number_select {background-color:#1f4e96;transition:.3s}
		.tem_banner.index .skitter .info_slide_dots .image_number.image_number_select:after{opacity:1;transition:.3s}
	.tem_banner.index .skitter .next_button,.tem_banner .skitter .prev_button {display:none !important;}
	.tem_banner.index .progressbar {background-color:#1f4e96}
	.tem_banner.index .label_txt{position:absolute;top:34%;left:10%;text-align:left;z-index:999}
	.tem_banner.index .label_txt h1{font-size:1.2rem;color:#0a58aa;font-weight:bold}
	.tem_banner.index .label_txt h2{font-size:.54rem;color:#0a58aa;margin:.25rem 0 .3rem;font-weight:bold}
	.tem_banner.index .label_txt p{font-size:.24rem;color:black;font-weight:bold}
.index_product{background:#fafafa;padding:0 0 .65rem}
.index_product .top{display:flex;justify-content: space-between;align-items: flex-end;padding:.5rem 0 .35rem}
.index_product .top  .title h1{font-size:.36rem;color:#2e2e2e;margin:0 0 .15rem}
.index_product .top  .title p{font-size:.18rem;color:#939393;}
.index_product .top .search{width:27%}
.index_product .top .search form{height:100%;position:relative}
.index_product .top .search input{height:100%;border:1px solid  #dfdddd;width:100%;padding:0 .85rem 0 .15rem;height:.5rem;line-height:.5rem}
.index_product .top .search form input::-webkit-input-placeholder {
              color: #7d7d7d;          
              font-size: .13rem;
               font-family:"PingFang_Medium";
      
    }
.index_product .top .search button {background:#0a58aa url(/public/common/images/15.png) no-repeat center center;width:.85rem;cursor:pointer;position: absolute;top: 0;right: 0;height:100%;border:0}
.index_product .lists ul{display:flex}
.index_product .lists ul li{width:25%}
.index_product .lists ul li a {padding:.65rem  0 0;position:relative}
.index_product .lists ul li a:after{content:"";position:absolute;background:#fe7f0b;left:50%;transform:translateX(-50%);top:0;width:0;height:4px;transition:.3s}
.index_product .lists ul li#current a:after,.index_product .lists ul li a:hover:after{width:100%;transition:.3s}
.index_product .lists ul li#current a,.index_product .lists ul li a:hover{background:#0a58aa !important;transition:.3s}
.index_product .lists ul li#current a h1,.index_product .lists ul li a:hover h1{color:white;transition:.3s}
.index_product .lists ul li#current:nth-child(1) a h1:after,.index_product .lists ul li:nth-child(1) a:hover h1:after{position:absolute;content:"";background:url(/public/common/images/icon1-1.png)0 0 no-repeat;width:.56rem;height:.53rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_product .lists ul li#current:nth-child(2) a h1:after,.index_product .lists ul li:nth-child(2) a:hover h1:after{position:absolute;content:"";background:url(/public/common/images/icon2-2.png)0 0 no-repeat;width:.57rem;height:.57rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_product .lists ul li#current:nth-child(3) a h1:after,.index_product .lists ul li:nth-child(3) a:hover h1:after{position:absolute;content:"";background:url(/public/common/images/icon3-3.png)0 0 no-repeat;width:.54rem;height:.52rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_product .lists ul li#current:nth-child(4) a h1:after,.index_product .lists ul li:nth-child(4) a:hover h1:after{position:absolute;content:"";background:url(/public/common/images/icon4-4.png)0 0 no-repeat;width:.5rem;height:.48rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}

.index_product .lists ul li a h1{text-align:center;padding:.75rem 0 .65rem;font-size:.24rem;color:#111111;position:relative}
.index_product .lists ul li:nth-child(1) a ,.index_product .lists ul li:nth-child(3) a{background:#eeeeee}
.index_product .lists ul li:nth-child(2) a ,.index_product .lists ul li:nth-child(4) a{background:#f5f5f5}
.index_product .lists ul li:nth-child(1) a h1:after{position:absolute;content:"";background:url(/public/common/images/icon1.png)0 0 no-repeat;width:.56rem;height:.53rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_product .lists ul li:nth-child(2) a h1:after{position:absolute;content:"";background:url(/public/common/images/icon2.png)0 0 no-repeat;width:.57rem;height:.57rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_product .lists ul li:nth-child(3) a h1:after{position:absolute;content:"";background:url(/public/common/images/icon3.png)0 0 no-repeat;width:.54rem;height:.52rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_product .lists ul li:nth-child(4) a h1:after{position:absolute;content:"";background:url(/public/common/images/icon4.png)0 0 no-repeat;width:.5rem;height:.48rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_product .infos  .items .text{display:flex}
.index_product .infos  .items .text .left{width:50%;padding:0 .5rem 0 1.3rem;background:url(/public/common/images/16.jpg)0 0 no-repeat;background-size:cover}
.index_product .infos  .items .text .left span{padding:.55rem 0 .25rem ;display:inline-block;font-family:"Anton-Regular";color:#0a58aa;font-size:.36rem}
.index_product .infos  .items .text .left h1{font-size:.24rem;color:#3c3c3c;font-weight:bold;padding:0 0 .23rem}
.index_product .infos  .items .text .left p{padding:0 1.4rem .52rem 0;border-bottom:2px solid #e5e5e5;font-size:.16rem;color:#3c3c3c;line-height:.3rem}
.index_product .infos  .items .text .left a{display:inline-block;margin:.3rem 0 0;height:.5rem;line-height:.5rem;padding:0 .25rem;border:1px solid #dfdddd;color:#2d2d2d;font-size:.16rem}
.index_product .infos  .items .text .left a:hover{background:#0a58aa !important;color:white;border:1px solid #0a58aa }
.index_product .infos  .items .text .img{width:50%}
.index_service{background:#f2f2f2}
.index_service>div{padding: 0 0 .63rem 2.1rem}
.index_service .title{padding:.55rem 0 .3rem}
.index_service .title h1{font-size:.36rem;color:black;font-weight:bold;padding:0 0 .12rem}
.index_service .title p{font-size:.18rem;color:#939393}
.index_service .infos{display:flex}
.index_service .infos .left{width:79.335%;position:relative}
.index_service .infos .left:after{background:url(/public/common/images/17.png)0 0 no-repeat;position:absolute;content:"";width:100%;height:100%;top:0;left:0;z-index:1;background-size:cover}
.index_service .infos .left .txt{position:absolute;left:1.3rem;top:.93rem;z-index:3;width:81%}
.index_service .infos .left .txt h1{font-size:.24rem;color:white;font-weight:bold;padding:0 0 .22rem;border-bottom:1px solid #a1adc8}
.index_service .infos .left .txt .two{width:51%}
.index_service .infos .left .txt .two h2{color:white;font-family:"";font-weight:bold;font-size:.24rem;padding:.22rem 0 .9rem}
.index_service .infos .left .txt .two p{font-size:.16rem;color:white;line-height:.35rem}
.index_service .infos .left .txt .two a {display:inline-block;margin:.4rem 0 0;height:.5rem;line-height:.5rem;padding:0 .25rem;background:#0a58aa !important;color:white;font-size:.16rem}
.index_service .infos .left .swiper-page{position:absolute;z-index:2;display:flex;bottom:.7rem;width:100%;padding:0 1.3rem;justify-content: space-between;align-items: center;}
.index_service .infos .left .swiper-page .slide-button-next{width:.45rem;height:.45rem;background:white url(/public/common/images/jt2.png) center center no-repeat;;border-radius:100%}
.index_service .infos .left .swiper-page .slide-button-prev{width:.45rem;height:.45rem;background:white url(/public/common/images/jt1.png) center center no-repeat;;border-radius:100%}
.index_service .infos .left .swiper-page .slide-button-prev:hover{background:#0a58aa url(/public/common/images/jt1-1.png) center center no-repeat;}
.index_service .infos .left .swiper-page .slide-button-next:hover{background:#0a58aa url(/public/common/images/jt2-2.png) center center no-repeat;}
.index_service .infos .left .swiper-page .slide-pagination span{width:.15rem;height:.15rem;;opacity:1;margin:0 .15rem;background:#99b6ac;position:relative}
.index_service .infos .left .swiper-page .slide-pagination span:after{content:"";position:absolute;width:.32rem;height:.32rem;border:1px solid #1f4e96;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:.3s}
.index_service .infos .left .swiper-page .slide-pagination span:before{content:"";position:absolute;width:.24rem;height:.24rem;border:1px solid #1f4e96;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:.3s}

.index_service .infos .left .swiper-page .slide-pagination span.swiper-pagination-bullet-active{background:#0a58aa;transition:.3s}
.index_service .infos .left .swiper-page .slide-pagination span.swiper-pagination-bullet-active:after,.index_service .infos .left .swiper-page .slide-pagination span.swiper-pagination-bullet-active:before{opacity:1;transition:.3s}
.index_service .infos .right{width:20.655%;position:relative}
.index_service .infos .right .item{position:absolute;left:50%;transform:translateX(-50%);top:42%;;padding:0 0 .65rem}
.index_service .infos .right .item h1{font-size:.24rem;color:white;font-weight:bold}
@-moz-keyframes warn{
	0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
	100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
	}
	@-o-keyframes warn{
	0%{-o-transform:scale(0);transform:scale(0);opacity:1}
	100%{-o-transform:scale(1);transform:scale(1);opacity:0}
	}
	@keyframes warn{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
	}
	.area-box{position:absolute;left:39%;transform:translateX(-50%);bottom:0}
	.area-box .dot{position:absolute;left:0;width:22px;height:22px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:white;opacity:1;filter:alpha(opacity=100)}
	.area-box .pulse{position:absolute;top:-33px;left:-33px;height:88px;width:88px;border:3px solid white;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
	.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
	.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
	.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.index_about{background-repeat:no-repeat;background-size:cover}
.index_about>div{padding:2.5rem 0 0}	
.index_about .top{width:50%}
.index_about .top h1{font-size:.36rem;color:white;font-style:italic;padding:0 0 .35rem}
.index_about .top h2{font-size:.16rem;color:#d6d6d6;width:70%;line-height:.3rem}
.index_about .top a{display:inline-block;margin:.65rem 0 0;height:.5rem;line-height:.5rem;padding:0 .25rem;border:1px solid #d6d6d6;color:#d6d6d6;font-size:.16rem}
.index_about .top a:hover{background:#0a58aa !important;color:white;border:1px solid #0a58aa }
.index_about ul{display:flex;padding:1.3rem 0 1.8rem}
.index_about ul li{width:33.33%;border-right:2px solid #3a6491;padding:0 0 .1rem}
.index_about ul li:nth-child(1){padding-right:.8rem}
.index_about ul li:nth-child(2){padding:0  .7rem}
.index_about ul li:nth-child(3){padding-left:.88rem;border:0}
.index_about ul li h1{font-size:.24rem;color:white;padding:0 0 .22rem}
.index_about ul li p{font-size:.16rem;color:#d6d6d6;line-height:.3rem}
.index_about ul li h1 em{font-size:.6rem;font-family:"Anton-Regular";margin:0 .1rem}
.index_news{background:#f5f5f5}
.index_news .title{text-align:center;padding:.7rem 0 .35rem}
.index_news .title h1{font-size:.36rem;color:black;font-weight:bold;display:inline-block;margin:0 0 .15rem;position:relative;padding:0 .6rem}
.index_news .title h1:after{content:"";position:absolute;background:url(/public/common/images/18.png) 0  0 no-repeat;width:.25rem;height:.2rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.index_news .title h1:before{content:"";position:absolute;background:url(/public/common/images/19.png) 0  0 no-repeat;width:.25rem;height:.2rem;right:0;top:50%;transform:translateY(-50%);background-size:100%}
.index_news .title p{font-size:.18rem;color:#939393}
.index_news .lists .swiper-container {padding:0 0 .4rem}
.index_news .lists .swiper-container a {padding:.55rem .4rem .47rem;box-shadow:10px 5px 10px rgba(0,0,0,0.05)}
.index_news .lists .swiper-container a  h2{font-size:.24rem;color:#464646;padding-left:.66rem;margin:0 0 .4rem;position:relative}
.index_news .lists .swiper-container a  h2:after{content:"";position:absolute;background:url(/public/common/images/20.png) 0  0 no-repeat;width:.46rem;height:.55rem;left:2%;top:-.25rem;;background-size:100%}
.index_news .lists .swiper-container a .text{padding:.27rem  0;border-bottom:2px solid #eaeaea}
.index_news .lists .swiper-container a .text h1{font-size:.18rem;color:#636363;margin:0 0 .2rem}
.index_news .lists .swiper-container a .text p{font-size:.16rem;color:#8b8b8b;line-height:.25rem;height:.5rem}
.index_news .lists .swiper-container a span{width:100%;margin:.3rem 0 0;display:inline-block;font-size:.18rem;color:#636363;position:relative}
.index_news .lists .swiper-container a span:after{content:"";position:absolute;background:url(/public/common/images/21.png) 0  0 no-repeat;width:.3rem;height:.08rem;right:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_news .lists .swiper-container a:hover span:after{content:"";position:absolute;background:url(/public/common/images/22.png) 0  0 no-repeat;width:.3rem;height:.08rem;right:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.index_news .lists .swiper-container a:hover  img{transform:scale(1.1)}
.index_news .lists .swiper-container a:hover {background:white;}
.index_news .lists .swiper-container a:hover h1{color:#0a58aa}
.index_news .lists .swiper-page{display:flex;justify-content: center;padding:0 0 1.3rem;align-items: center;}
.index_news .lists .swiper-page a{width:2.3rem;height:.56rem;background:#0a58aa;border-radius:50px;line-height:.56rem;text-align:center;font-size:.16rem;color:white;margin:0 .11rem}
.index_news .lists .swiper-page .slide-button-prev,.index_news .lists .swiper-page .slide-button-next{width:.56rem;height:.56rem;background:#ffffff;border-radius:100%;line-height:.56rem;text-align:center;font-size:.3rem;color:#9b9b9b}
.index_news .lists .swiper-page .slide-button-prev:hover,.index_news .lists .swiper-page .slide-button-next:hover{background:#0a58aa;color:white}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;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:#f39800}
.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){
.index_service>div{padding: 0 0 .63rem .6rem}
}
@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_txt h1{font-size:.6rem;color:#0a58aa;font-weight:bold}
	.tem_banner.index .label_txt h2{font-size:.34rem;color:#0a58aa;margin:.25rem 0 .3rem;font-weight:bold}
	.tem_banner.index .label_txt p{font-size:.24rem;color:black;font-weight:bold}
	.tem_banner.index .skitter .info_slide_dots{bottom:.3rem}
	.index_product .top{display:inherit}
	.index_product .top .search{width:100%;margin:.2rem 0 0}
	.index_product .top .search input{height:.8rem;line-height:.8rem}
	.index_product .infos .items .text{display:inherit    }
	.index_product .infos .items .text .left{width:100%;padding:0 .5rem .5rem .3rem}
	.index_product .infos .items .text .img{width:100%}
	.index_product .infos .items .text .left p{padding:0 .4rem .52rem 0}
	.index_service>div{padding: 0 0 .63rem 0}
	.index_service .infos .left .txt .two{width:100%}
	.index_service .infos .right{display:none}
	.index_service .infos .left{width:100%}
	.index_service .infos .left .txt{left:2%;top:10%;width:90%}
	.index_service .infos .left .txt .two h2{color:white;font-family:"";font-weight:bold;font-size:.24rem;padding:.1rem 0 .1rem}
.index_service .infos .left .swiper-page{bottom:.2rem}
.index_service .infos .left .txt .two p{display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2}
.index_about .top{width:100%}
.index_about .top h2{width:100%}
.index_about ul{display:inherit}
.index_about ul li{width:100%;padding:0 !important;border:0;margin:0 0 .2rem}
.footer .top .left{display:none}
.footer .top:after{display:none}
.footer .top .right{width:100%;padding-left:.2rem;z-index:2;display:flex;padding-bottom:.25rem}
.footer .return{top:-1rem}
.footer .top .right .infos{width:70%}
.footer .top .weixin ul li .img{width:1rem}
.footer .bot>div{display:inherit}
.footer .bot>div a{margin:0}
.tem_banner .banner_nav{di}
.tem_banner .banner_nav .mbx{display:none}
.tem_banner .banner_nav .left ul li a{padding:0 .1rem}
.about_box .about_company .infos .items1{display:inherit}
.about_box .about_company .infos .items1 .img{width:100%}
.about_box .about_company .infos .items1 .text{width:100%}
.about_box .about_company .infos .items2{display:inherit;margin:.3rem 0 0}
.about_box .about_company .infos .items2 .img{width:100%}
.about_box .about_company .infos .items2 .text{width:100%}
.product_box .lists .items{width:100%}

.tem_banner .txt{display:flex;width:100%;justify-content: center;}
.workshop_box .lists .items{width:48%}
.news_box .lists .items a{display:inherit}
.news_box .lists .items a .img{width:100%}
.news_box .lists .items a .text{width:100%;padding:.3rem }
.contact_box .infos ul{display:inherit}
.contact_box .infos ul li{width:100%;display:flex;flex-direction: column;justify-content: center;padding:0 0 0 .2rem ;align-items: flex-start;}
.message  .info{padding:.2rem;background:#f9f9f9;display:flex;justify-content: space-between;}

}