/***** Header *****/
header{position: fixed;background:#fff;width: 100%;z-index: 1000;height:.8rem;line-height:.8rem;background:rgba(0,0,0,.4)}
header>div{padding:0 .6rem 0 3.6rem}
header .logo a{position:relative}
header .logo  a p{position:absolute;left:25%;color:white;top:50%;transform:translateY(-50%);line-height:initial}
header .nav{text-align:right;height:.8rem;font-size:0}
header .nav ul li{display:inline-block;text-align:center;vertical-align: top;width:12%}
header .nav ul li.active{background:#02339a;}
header .nav ul li a{font-size:.15rem;color:white;}
header .nav ul li:hover{background:#02339a;}
header .nav ul li dl{transition:0s;display:none;}
header .nav ul li dl dd a{color:#6b6b6b;font-size:.14rem;padding:.08rem 0;background:white}
header .nav ul li dl dd a:hover{color:white;background:#02339a;}
header  .search{text-align:right;position:relative}
header  .search:after{position:absolute;content:"";width:3px;height:40%;background:white;top:50%;transform:translateY(-50%);right:0}
header  .search a{display:initial;font-size:.18rem;color:white;margin:0 .2rem 0 0}
header   .langs ul li{display:inline-block;}
header   .langs ul{padding:0 0 0 .25rem;color:white;}
header   .langs ul li{display:inline-block;}
header   .langs ul li a{font-size:.15rem;color:white;}
header   .langs ul li a:hover{color:#02339a}
footer .top{background:url(/public/common/images/footbg.png) no-repeat;background-size: cover;}
footer .top .title{padding:.44rem 0 .5rem;text-align:center}
footer .top .title h1{font-size:.35rem;font-weight:bold;color:white}
footer .top .title p{font-size:.2rem;color:#999999;padding:.15rem 0 .45rem;position:relative}
footer .top .title p:after{content:"";position:absolute;background:url(/public/common/images/jt.png) no-repeat;width:.3rem;height:.3rem;bottom:0;left:50%;transform:translateX(-50%);background-size:100%}
footer .top  .infos{display:flex;justify-content: space-between;padding: 0 0 .86rem}
footer .top  .infos .left{width:55%;display:flex;justify-content: space-between;}
footer .top  .infos .left dl dt a{color:white;font-size:.16rem;padding:0 0 .15rem}
footer .top  .infos .left dl dd a{color:white;font-size:.14rem;margin-bottom:.1rem}
footer .top  .infos .right{width:30%}
footer .top  .infos .right ul li{margin-bottom:0.01rem;font-size:0}
footer .top  .infos .right ul li>*{display:inline-block;vertical-align:middle;}
footer .top  .infos .right ul li img{margin-right:.2rem;}
footer .top  .infos .right ul li  p{font-size:.14rem;color:white;width:80%}
footer .bottom{position:relative}
footer .bottom>div{padding:.35rem 0 .3rem;font-size:0}
footer .bottom>div>*{display:inline-block;vertical-align:middle}
footer .bottom>div .imgs{width:12%}
footer .bottom>div .content{width:80%;}
footer .bottom>div .content>* {display:inline-block}
footer .bottom>div .content p{font-size:.15rem;}
footer .bottom>div .content a{font-size:.15rem;margin-left:.2rem;color:black}
footer .bottom>div .weixin{width:8%;}
footer .bottom span{position:absolute;right:5%;top:50%;font-size:.15rem;cursor:pointer}
footer .bottom span:after{content:"";position:absolute;background:url(/public/common/images/return.png) no-repeat;width:.27rem;height:.27rem;top:50%;right:-.3rem;transform:translateY(-50%);background-size:100%}
.tem_banner.indise{position:relative;}

.tem_banner.indise  .swiper-page>div{position:absolute;width:.7rem;height:.7rem;line-height:.7rem;text-align:center;font-size:.4rem;color:white;z-index:2;top:50%;left:.05rem;background:rgba(255,255,255,.3);top:50%}
.tem_banner.indise .swiper-page>div.slide-button-next {left:auto;right:.05rem}
.tem_banner.indise  .swiper-page>div:hover{background:rgba(0,0,0,.3)}
.tem_banner.indise .banner_text{position:absolute;top:40%;left:50%;transform:translate(-50%);width:100%}
.tem_banner.indise .banner_text h1{font-size:.8rem;color:#0268af;font-weight:bold;  text-shadow: white 1px 0 0, white 0 1px 0, white -1px 0 0, white 0 -1px 0,2px 2px 10px black;opacity:0;transition:all .5s;transform:translateY(100px);text-transform:uppercase}
.tem_banner.indise .swiper-slide-active .banner_text h1{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner.indise .banner_text  p{text-shadow: white 1px 0 0, white 0 1px 0, white -1px 0 0, white 0 -1px 0,2px 2px 10px black;color:#0268af;font-size:.25rem;margin-top:.3rem;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner.indise .swiper-slide-active .banner_text  p{transition-delay:.6s;transform:none;opacity:1;}
.tem_banner.indise.abt .banner_text  p { }
.about>div{padding:1rem 0 1.25rem}
.about>div .title{position:relative}
.about>div .title h1{font-size:.25rem;font-weight:bold;color:#0268af;position:relative}
.about>div .title:after{content:attr(data-title);font-size:.28rem;color:#dedede;opacity:1;position:absolute;top:-.18rem;left:-.12rem;font-weight:bold;z-index:-1}
.about>div  .infos {padding:.35rem 0 0}
.about>div  .infos p{line-height:.4rem;font-size:.15rem}
.about>div  .infos .img{margin-top:.55rem}
.about_honor {background:url(/public/common/images/about_honorbg.png) no-repeat;background-size:cover}
.about_honor .title{text-align:center;padding:.95rem 0 .9rem}
.about_honor .title p{text-transform:uppercase;color:#cdcdcd;font-size:.18rem}
.about_honor .title h1{font-size:.25rem;font-weight:bold;margin-top:.1rem}
.about_honor .lists a:hover img{transform:scale(1.1)}
.about_honor .lists .slide-pagination{padding:1rem 0 1.25rem;text-align:center}

.about_honor .lists .slide-pagination span {opacity:1;outline:none; height:21px;width:21px;line-height:21px;border-radius: 50%; background: #c9c9c9; font-size: 13px; color: black; margin: 0 5px;}
.about_honor  .lists .slide-pagination span.swiper-pagination-bullet-active,.about_honor  .lists .slide-pagination span:hover{background:#0268af;color:#FFF}
 .about_workshop{padding:0 0 1.73rem;}
.about_workshop .title{text-align:center;padding:1.13rem 0 .54rem}
.about_workshop .title p{text-transform:uppercase;color:#cdcdcd;font-size:.18rem}
.about_workshop .title h1{font-size:.25rem;font-weight:bold;margin-top:.1rem}
.about_workshop .lists{position:relative}
.about_workshop .lists a:hover img{transform:scale(1.1)}
.about_workshop   .swiper-page>div{position:absolute;width:.3rem;height:.3rem;line-height:.3rem;text-align:center;font-size:.2rem;color:white;z-index:2;left:-.5rem;background:#e5e5e5;top:50%;border-radius:50%}
.about_workshop  .swiper-page>div.slide-button-next {left:auto;right:-.5rem}
.about_workshop   .swiper-page>div:hover{background:#0268af}

.product_list .pro_nav>div{padding:.95rem 0 .52rem}
.product_list .pro_nav ul {text-align:center;font-size:0}
.product_list .pro_nav ul li {display:inline-block;padding:0 .4rem}
.product_list .pro_nav ul li a{font-size:.18rem;padding:0 0 .05rem;color:black;position:relative}
.product_list .pro_nav ul li.active  a:after{content:"";position:absolute;width:100%;height:3px;background:#02339a;left:0;bottom:0}
.product_list .pro_nav ul li a:before{content:"";position:absolute;width:0;height:3px;background:#02339a;left:0;bottom:0;transition:.6s}
.product_list .pro_nav ul li a:hover:before{width:100%;transition:.6s}
.product_list  .lists{padding:0 0  1.4rem}
.product_list  .lists>div {padding:0 .4rem}
.product_list  .lists .items{padding:.4rem .12rem}
.product_list  .lists .items a{position:relative}
.product_list  .lists .items a .text{position:absolute;width:100%;bottom:10%;z-index:2}
.product_list  .lists .items a:hover img{transform:scale(1.1)}
.product_list  .lists .items a:hover .text{bottom:50%;}
.product_list  .lists .items a:hover  .text h1{font-size:.18rem}
.product_list  .lists .items a h1{color:#02339a;text-align:center;font-size:.16rem;position:relative}
.product_list  .lists .items a h1:after{content:"";position:absolute;width:.25rem;height:.25rem;background:#02339a;border-radius:50%;left:50%;bottom:-.3rem;transform:translate(-50%);opacity:0}
.product_list  .lists .items a:hover h1:after{opacity:1;transition:.6s}
.product_list  .lists .items a h1:before{content:"\f067";position:absolute;;font:normal normal normal 14px/1 FontAwesome;left:50%;bottom:-.25rem;transform:translate(-50%);z-index:2;opacity:0;}
.product_list  .lists .items a:hover h1:before{opacity:1;transition:.6s}
.product_list  .lists .items a:after{content:"";position:absolute;width:100%;height:0;left:0;bottom:0;background:rgba(0,0,0,.5);transition:.6s}
.product_list  .lists .items a:hover:after{height:100%;transition:.6s}
.product_list  .lists .items a:hover h1{color:white}
.product_list  .lists .met_pager{text-align:center;font-size: 0;}
.product_list  .lists .met_pager .PreSpan,.met_pager .NextSpan,.met_pager a{
  background: #c9c9c9; font-size: 13px; color: black; margin: 0 5px; display: inline-block;
  min-width: 16px; padding: 5px; line-height: 16px; border-radius: 10px;
  transition: all 0.1s;
  height:28px;width:28px;
  border:0

}
.product_list  .lists .met_pager .null{display:none}
.product_list  .lists  .met_pager a.page-num-current, .met_pager a:hover{background:#02339a;}


.product>div{padding:.77rem 0 .67rem}
.product .title{padding:0 0 .35rem;border-bottom:1px solid  #dcdcdc}
.product .title h1{font-weight:bold;font-size:.25rem;color:black}
.product  .infos .lists{padding:.45rem 0 .58rem}
.product  .infos .lists a{overflow:hidden}
.product  .infos .lists a:hover img{transform:scale(1.1)} 
.product  .infos  .content {padding:0 0 2rem}
.product  .infos  .content p{font-size:.16rem;line-height:.3rem;color:black}
.news .news_activities>div{padding:.94rem 0 0 }
.news .news_activities .title{width:10%}
.news .news_activities .title h1{font-size:.25rem;text-align:right;padding:0 0 .1rem;position:relative;font-weight:bold}
.news .news_activities .title h1:after{content:"";position:absolute;background:#02339a;height:3px;width:100%;bottom:0;left:0}
.news .news_activities .zhiding {padding:.35rem 0 .39rem;border-bottom:2px solid #bfbfbf;position:relative}
.news .news_activities .zhiding a.items{display:flex;justify-content: space-between;}
.news .news_activities .zhiding a.items .img{width:45%}
.news .news_activities .zhiding a.items:hover img{transform:scale(1.1)}
.news .news_activities .zhiding a.items .text{width:53%;padding:.5rem 0 0}
.news .news_activities .zhiding a.items .text h1{font-size:.18rem;font-weight:bold;color:black}
.news .news_activities .zhiding a.items .text p{margin:.24rem  0 .6rem;font-size:.15rem;width:90%;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color:black}
.news .news_activities .zhiding a.items .text span{font-size:.15rem;color:black}
.vicenav{position: fixed;right:20px;top:50%;margin-top:-48px;z-index: 999;display:none;transition:none}
.vicenav ul{text-align: center}
.vicenav ul li{position: relative;width: 8px;height:8px;border-radius: 100%;background: #dcdcdc;margin:0 auto 16px;}
.vicenav ul li a{display: block;width: 100%;height:100%;}
.vicenav ul li h2{display: none;position: absolute;font-size: 14px;color:#fff;font-family: 'Noto Sans SC';font-weight: 300;height:40px;text-align: center;line-height: 40px;background: #02339a;right:25px;top:50%;margin-top:-20px;border-radius:10px}
.vicenav ul li h2::before{content: "";width: 0px;height: 0px;border-left: 5px solid #02339a;border-bottom: 4.5px solid transparent;border-top: 4.5px solid transparent;position: absolute;top: 50%;margin-top:-4.5px;right: -5px;}
.vicenav ul li h2 div{white-space: nowrap;padding: 0 20px;}
.vicenav ul li.active{border:1px solid #02339a;width:10px;height:10px;padding: 2px ;background:none;box-sizing: content-box;transition:.3s}
.vicenav ul li.active i{display: block;width:100%;height:100%;border-radius: 100%;border:1px solid rgba(0,0,0,0);background: #02339a;transition:.3s}
.vicenav ul li.active h2{display: block;transition:.3s}
.news .news_activities .lists{padding:1.1rem 1.6rem 0 2.7rem}
.news .news_activities .lists .items {padding:0 0 0 .2rem}
.news .news_activities .lists .items .link{font-size:0;padding:.25rem 0;cursor:pointer;}
.news .news_activities .lists .items .link>*{display:inline-block;vertical-align:middle}
.news .news_activities .lists .items .link h1{font-size:.16rem;color:black;font-weight:bold;width:50%;position:relative}
.news .news_activities .lists .items .link h1:before{content:"";position:absolute;width:12px;height:12px;left:-.2rem;background:#bfbfbf;border-radius:50%;top:50%;transform:translateY(-50%)}
.news .news_activities .lists .items .link p{font-size:.14rem;color:black;}
.news .news_activities .lists .items.open .link p{display:none}
.news .news_activities .lists .items.open  .link h1{color:#02339a;}
.news .news_activities .lists .items.open  .link h1:before{background:#02339a}
.news .news_activities .lists  .content{transition:0s;font-size:0;display:none;}
.news .news_activities .lists  .content>div{vertical-align:top;}
.news .news_activities .lists  .content .left{width:60%;display:inline-block;padding:0 0 .7rem 0 ;position:relative}
.news .news_activities .lists  .content .left p{font-size:.15rem;line-height:.25rem;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color:black}
.news .news_activities .lists  .content .left em{font-size:.14rem;position:absolute;bottom:0;color:black}
.news .news_activities .lists  .content .right{display:inline-block;margin-left:.3rem}
.news .news_activities .lists  .content:hover img{transform:scale(1.1)}
.news .news_activities .lists .slide-pagination{margin:.45rem 0 .83rem;text-align:center}

.news .news_activities .lists .slide-pagination span {opacity:1;outline:none; height:28px;width:28px;line-height:28px;border-radius: 10px; background: #c9c9c9; font-size: 13px; color: black; margin: 0 5px;}
.news .news_activities .lists .slide-pagination span.swiper-pagination-bullet-active,.news .news_activities .lists .slide-pagination span:hover{background:#02339a;color:#FFF}

.news  .news_problem {background:url(/public/common/images/problembg.jpg) no-repeat;background-size:cover}
.news  .news_problem>div{padding:1rem 0 0}
.news  .news_problem .title{width:10%}
.news  .news_problem .title h1{font-size:.25rem;text-align:right;padding:0 0 .1rem;position:relative;font-weight:bold;color:white}
.news  .news_problem .title h1:after{content:"";position:absolute;background:white;height:3px;width:100%;bottom:0;left:0}
.news  .news_problem .lists{padding:.72rem 0 1.41rem}
.news  .news_problem .lists .items{margin-bottom:.3rem;padding:0  .2rem;}
.news  .news_problem .lists .items h1{color:white;padding:.17rem 0;font-size:.15rem;position:relative}
.news  .news_problem .lists .items h1:after{content:"";position:absolute;width:12px;height:12px;left:-.2rem;background:#bfbfbf;border-radius:50%;top:50%;transform:translateY(-50%)}
.news  .news_problem .lists .items p{color:#bbbbbb;font-size:.14rem}
.news  .news_problem .lists .slide-pagination{text-align:center}

.news  .news_problem .lists .slide-pagination span {opacity:1;outline:none; height:28px;width:28px;line-height:28px;border-radius: 10px; background: #c9c9c9; font-size: 13px; color: black; margin: 0 5px;}
.news  .news_problem .lists .slide-pagination span.swiper-pagination-bullet-active,.news .news_activities .lists .slide-pagination span:hover{background:#02339a;color:#FFF}
.news  .news_problem .lists .items a:hover h1 {color:#6b6b6b}
.news .news_knowledge>div{padding:.67rem 0 }
.news .news_knowledge .title{width:10%}
.news .news_knowledge .title h1{font-size:.25rem;text-align:right;padding:0 0 .1rem;position:relative;font-weight:bold;color:black}
.news .news_knowledge .title h1:after{content:"";position:absolute;background:#02339a;;height:3px;width:100%;bottom:0;left:0}
.news .news_knowledge .lists>div{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news .news_knowledge .lists .items{width:48%;}
.news .news_knowledge .lists .items a{font-size:0;padding:.2rem}
.news .news_knowledge .lists .items a>*{display:inline-block;vertical-align:middle}
.news .news_knowledge .lists .items a h1{font-size:.15rem;color:black;width:80%}
.news .news_knowledge .lists .items a p{color:black;font-size:.14rem;width:20%;text-align:right;opacity:0}
.news .news_knowledge .lists .items a:hover{background:#bfbfbf}
.news .news_knowledge .lists .items a:hover p{opacity:1}
.news .news_knowledge .more{text-align:center;padding:1rem 0 0}
.news .news_knowledge  .more a{position:relative;display:inline-block;color:#02339a;font-size:.14rem;cursor:pointer}
.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 .editor video{width:100%}
.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}

.project .project_per>div{padding:.8rem 0 1.6rem}
.project .project_per .title{width:10%}
.project .project_per .title h1{font-size:.25rem;text-align:right;padding:0 0 .1rem;position:relative;font-weight:bold;color:black}
.project .project_per .title h1:after{content:"";position:absolute;background:#02339a;;height:3px;width:100%;bottom:0;left:0}
.project .project_per .lists {padding:.45rem 0 0;position:relative}
.project .project_per .lists .items{display:flex;margin:.05rem 0 .5rem;box-shadow:0 0  10px #eeeeee;}
.project .project_per .lists .items:hover{background:#eeeeee;}
.project .project_per .lists .items:hover .infos   a{background:#02339a}
.project .project_per .lists .items:hover .infos:after{opacity:1;transition:.6s;width:100%}
.project .project_per .lists .items:hover img{transform:scale(1.1)}
.project .project_per .lists .items .img{width:30%}
.project .project_per .lists .items .infos{width:70%;padding:.42rem .8rem 0 .57rem;position:relative;}
.project .project_per .lists .items .infos:after{width:0;content:"";position:absolute;background:#02339a;height:4px;top:0;left:0;opacity:0}
.project .project_per .lists .items .infos  h1{font-size:.18rem;font-weight:bold;color:black}
.project .project_per .lists .items .infos   p{color:black;font-size:.15rem;line-height:.3rem;margin:.22rem 0 .52rem;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight:500}
.project .project_per .lists .items .infos  span{color:black;font-size:.14rem}
.project .project_per .lists .items .infos   a{position:absolute;padding:.1rem .2rem;right:10%;bottom:10%;background:#c9c9c9;border-radius:15px;color:white;}
.project .project_per .lists .slide-pagination{margin:.85rem 0 0rem;text-align:center}

.project .project_per  .lists .slide-pagination span {opacity:1;outline:none; height:28px;width:28px;line-height:28px;border-radius: 10px; background: #c9c9c9; font-size: 13px; color: black; margin: 0 5px;}
.project .project_per  .lists .slide-pagination span.swiper-pagination-bullet-active,.project .project_per  .lists .slide-pagination span:hover{background:#02339a;color:#FFF}

.project .project_per  .lists  .dw{position:absolute;right:0%;top:50%;transform:translate(-50%,-50%)}
.project .project_per  .lists .dw ul li {margin-bottom:.1rem;text-align:center;position:relative;}
.project .project_per  .lists .dw ul li a{padding:.05rem .1rem;background:#a4b5db;color:white;border-radius:15px;position:relative;}
.project .project_per  .lists .dw ul li:after{ content: "";position: absolute;right:-.16rem; top:50%;transform:translateY(-50%); border-top: 8px solid transparent;border-left: 15px solid #a4b5db;border-right: 8px solid transparent; border-bottom: 8px solid transparent;
  }

.project .project_per  .lists .dw ul li a:after{content:"";position:absolute;width:14px;height:14px;background:#eeeeee;border-radius:50px;right:-.3rem;top:50%;transform:translateY(-50%);}
.project .project_per  .lists .dw ul li a:before{content:"";position:absolute;width:22px;height:22px;border:1px solid #02339a;border-radius:50px;right:-.34rem;top:50%;transform:translateY(-50%);opacity:0}
.project .project_per  .lists  .dw ul li a:hover:after{background:#02339a;transition:.6s}
.project .project_per  .lists .dw ul li a:hover:before{opacity:1;transition:.6s}


.project .project_app .title{width:10%}
.project .project_app .title h1{font-size:.25rem;text-align:right;padding:0 0 .1rem;position:relative;font-weight:bold;color:black}
.project .project_app .title h1:after{content:"";position:absolute;background:#02339a;;height:3px;width:100%;bottom:0;left:0}
.project .project_app  .lists .items{padding:.4rem .1rem}
.project .project_app .lists .items a{position:relative}
.project .project_app   .lists .items a .text{position:absolute;width:100%;bottom:10%;z-index:2}
.project .project_app   .lists .items a:hover img{transform:scale(1.1)}
.project .project_app   .lists .items a:hover .text{bottom:50%;}
.project .project_app   .lists .items a:hover  .text h1{font-size:.18rem}
.project .project_app  .lists .items a h1{color:white;text-align:center;font-size:.16rem;position:relative}
.project .project_app  .lists .items a h1:after{content:"";position:absolute;width:.25rem;height:.25rem;background:#02339a;border-radius:50%;left:50%;bottom:-.3rem;transform:translate(-50%);opacity:0}
.project .project_app   .lists .items a:hover h1:after{opacity:1;transition:.6s}
.project .project_app   .lists .items a h1:before{content:"\f067";position:absolute;;font:normal normal normal 14px/1 FontAwesome;left:50%;bottom:-.25rem;transform:translate(-50%);z-index:2;opacity:0;}
.project .project_app   .lists .items a:hover h1:before{opacity:1;transition:.6s}
.project .project_app  .lists .items a:after{content:"";position:absolute;width:100%;height:0;left:0;bottom:0;background:rgba(0,0,0,.5);transition:.6s}
.project .project_app   .lists .items a:hover:after{height:100%;transition:.6s}
.project .project_app  .lists .slide-pagination{margin:.37rem 0 1.3rem;text-align:center}

.project .project_app   .lists .slide-pagination span {opacity:1;outline:none; height:28px;width:28px;line-height:28px;border-radius: 10px; background: #c9c9c9; font-size: 13px; color: black; margin: 0 5px;}
.project .project_app  .lists .slide-pagination span.swiper-pagination-bullet-active,.project .project_app  .lists .slide-pagination span:hover{background:#02339a;color:#FFF}
.service .service_sale{padding:0 0 1.7rem}
.service .service_sale>div{padding:.76rem  0  0rem;position:relative}

.service .service_sale .title{width:10%}
.service .service_sale  .title h1{font-size:.25rem;text-align:right;padding:0 0 .1rem;position:relative;font-weight:bold;color:black}
.service .service_sale  .title h1:after{content:"";position:absolute;background:#02339a;;height:3px;width:100%;bottom:0;left:0}
.service .service_sale  .content{/* text-align:center; */padding:1.7rem 0 .7rem;background:url(/public/common/images/servicebg.png) no-repeat center center;position:relative;}
.service .service_sale  .content p{font-size:.15rem}

.service .service_sale  .dw{position:absolute;right:2%;top:50%;transform:translate(-50%,-50%)}
.service .service_sale .dw ul li {margin-bottom:.1rem;text-align:center;position:relative;}
.service .service_sale .dw ul li a{padding:.05rem .1rem;background:#a4b5db;color:white;border-radius:15px;position:relative;}
.service .service_sale .dw ul li:after{ content: "";position: absolute;right:-.16rem; top:50%;transform:translateY(-50%); border-top: 8px solid transparent;border-left: 15px solid #a4b5db;border-right: 8px solid transparent; border-bottom: 8px solid transparent;
  }

.service .service_sale .dw ul li a:after{content:"";position:absolute;width:14px;height:14px;background:#eeeeee;border-radius:50px;right:-.3rem;top:50%;transform:translateY(-50%);}
.service .service_sale .dw ul li a:before{content:"";position:absolute;width:22px;height:22px;border:1px solid #02339a;border-radius:50px;right:-.34rem;top:50%;transform:translateY(-50%);opacity:0}
.service .service_sale .dw ul li a:hover:after{background:#02339a;transition:.6s}
.service .service_sale .dw ul li a:hover:before{opacity:1;transition:.6s}

.service .service_service .title{width:10%}
.service .service_service  .title h1{font-size:.25rem;text-align:right;padding:0 0 .1rem;position:relative;font-weight:bold;color:black}
.service .service_service .title h1:after{content:"";position:absolute;background:#02339a;;height:3px;width:100%;bottom:0;left:0}
.service .service_service .infos {text-align:center;padding:0 0 1.86rem}
.service .service_service .infos .imgs{position:relative;display:inline-block}
.region-list{position:absolute;}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-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 .dot{position:absolute;left:0;width:12px;height:12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#03349a;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-27px;left:-27px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #03349a,0 0 10px #03349a inset;-moz-box-shadow:0 0 4px #03349a,0 0 10px #03349a inset;box-shadow:0 0 4px #1e4a8e,0 0 10px #1e4a8e 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-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.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}

.show-regin {position:absolute;font-size:.16rem;color:#333;width:.5rem;font-weight:bold}
.postition-0{right:25%;top:39%}
.postition-0 .show-regin{top:-.05rem;left:.1rem}
.postition-1{right:25%;top:48%;}
.postition-1 .show-regin{top:-.05rem;left:.1rem;}
.postition-2{right:25%;top:60%}
.postition-2 .show-regin{top:-.3rem;left:-.2rem}
.postition-3{right:35%;top:62%}
.postition-3 .show-regin{top:-.3rem;left:-.2rem}
.postition-4{right:42%;top:66%}
.postition-4 .show-regin{top:-.3rem;left:-.2rem}
.postition-5{right:44%;top:75%}
.postition-5 .show-regin{top:-.3rem;left:-.2rem}
.postition-6{right:35%;top:73%}
.postition-6 .show-regin{top:-.3rem;left:-.2rem}
.postition-7{right:41%;top:84%}
.postition-7 .show-regin{top:-.3rem;left:-.2rem}
.postition-8{right:32%;top:84%}
.postition-8 .show-regin{top:-.3rem;left:-.2rem}
.postition-9{right:18%;top:64%}
.postition-9 .show-regin{bottom:-.4rem;left:-.2rem}
.postition-10{right:16%;top:60%}
.postition-10 .show-regin{bottom:-.4rem;left:-.2rem;}
.postition-11{right:21%;top:79%}
.postition-11 .show-regin{bottom:-.4rem;left:-.2rem;}
.postition-12{right:20%;top:55%}
.postition-12 .show-regin{top:-.3rem;left:-.2rem;}
.postition-13{right:27%;top:75%}
.postition-13 .show-regin{top:-.3rem;left:-.2rem;}
.postition-14{right:38%;top:97%}
.postition-14 .show-regin{top:-.3rem;left:-.2rem;}
.postition-15{right:15%;top:33%}
.postition-15 .show-regin{top:-.3rem;left:-.2rem;}
.postition-16{right:10%;top:27%}
.postition-16 .show-regin{top:-.3rem;left:-.2rem;}
.postition-17{right:10%;top:15%}
.postition-17 .show-regin{top:-.3rem;left:-.2rem;}
.postition-18{right:40%;top:38%}
.postition-18 .show-regin{top:-.3rem;left:-.2rem;}
.postition-19{right:75%;top:30%}
.postition-19 .show-regin{top:-.3rem;left:-.2rem;}
.postition-20{right:80%;top:55%}
.postition-20 .show-regin{top:-.3rem;left:-.2rem;}

.postition-21{right:65%;top:50%}
.postition-21 .show-regin{top:-.3rem;left:-.2rem;}
.postition-22{right:55%;top:80%}
.postition-22 .show-regin{top:-.3rem;left:-.2rem;}
.postition-23{right:53%;top:65%}
.postition-23 .show-regin{top:-.3rem;left:-.2rem;}
.postition-24{right:48%;top:53%}
.postition-24 .show-regin{top:-.3rem;left:-.2rem;}
.postition-25{right:46%;top:46%}
.postition-25 .show-regin{top:-.3rem;left:-.2rem;}
.postition-26{right:40%;top:55%}
.postition-26 .show-regin{top:-.3rem;left:-.2rem;}
.postition-27{right:33%;top:55%}
.postition-27 .show-regin{top:-.3rem;left:-.2rem;}
.postition-28{right:35%;top:45%}
.postition-28 .show-regin{top:-.3rem;left:-.2rem;}
.postition-29{right:30%;top:43%}
.postition-29 .show-regin{top:-.3rem;left:-.2rem;}
.service .service_shouqian{background-size:cover}
.service .service_shouqian>div{padding:.7rem 0 0}
.service .service_shouqian .title{width:10%}
.service .service_shouqian  .title h1{font-size:.25rem;text-align:right;padding:0 0 .1rem;position:relative;font-weight:bold;color:black}
.service .service_shouqian  .title h1:after{content:"";position:absolute;background:#02339a;;height:3px;width:100%;bottom:0;left:0}
.service .service_shouqian  .content{text-align:center;padding:.82rem 0 1rem}
.service .service_shouqian  .content h1{font-size:.2rem;color:white;letter-spacing:8px;font-weight:bold}
 .service .service_shouqian  .content .more{padding:.4rem 0 .55rem}
 .service .service_shouqian  .content .more a{color:#02339a;font-size:.15rem;position:relative}
.service .service_shouqian  .content .more a:before{content:"\f175";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:white;font-size:.2rem;left:50%;top:-.21rem;animation: dropdown1 .7s 0.2s linear infinite alternate;}
@keyframes dropdown1 {
	form{
		top:-.2rem
	}
	to{
		top:-.35rem;
	}
}
.service .service_shouqian  .content  p{font-size:.18rem;color:white}

.video>div{padding:.96rem 0 0}
.video>div .zhiding a{position:relative}
.video>div .zhiding a:after{position:absolute;content:"";color:white;font-size:3rem;left:50%;top:50%;transform:translate(-50%,-50%);width:1.7rem;height:1.7rem;background:url(/public/common/images/play.png)no-repeat;background-size:100%}
.video>div .zhiding a:hover:after{background:url(/public/common/images/play1.png)no-repeat;background-size:100%;transition:.3s}
.video>div .zhiding a .text{position:absolute;bottom:2%;left:50%;transform:translate(-50%);text-align:center}
.video>div .zhiding a .text h1{font-size:.18rem;color:white}
.video>div .zhiding a .text p{font-size:.14rem;color:white;margin-top:.2rem}
.video>div .lists{padding:1.3rem 0 1.07rem}

.video>div .lists a{position:relative}
.video>div .lists a:after{position:absolute;content:"";color:white;font-size:3rem;left:50%;top:50%;transform:translate(-50%,-50%);width:.55rem;height:.55rem;background:url(/public/common/images/play.png)no-repeat;background-size:100%}
.video>div .lists a:hover:after{background:url(/public/common/images/play1.png)no-repeat;background-size:100%;transition:.3s}
.video>div .lists a .text{position:absolute;bottom:5%;left:5%;}
.video>div .lists a .text h1{font-size:.15rem;color:white}
.video>div .lists a .text p{font-size:.1rem;color:white;margin-top:.1rem}
.video>div .lists .slide-pagination{text-align:center;margin:.65rem 0 0}
.video>div .lists .slide-pagination span {opacity:1;outline:none; height:28px;width:28px;line-height:28px;border-radius: 10px; background: #c9c9c9; font-size: 13px; color: black; margin: 0 5px;}
.video>div .lists  .slide-pagination span.swiper-pagination-bullet-active,.video>div .lists  .slide-pagination span:hover{background:#02339a;color:#FFF}
.contact{background:#fbfbfb}
.contact  .contact_con .title{padding:.84rem 0 .35rem;text-align:center}
.contact  .contact_con .title h1{font-size:.3rem;font-weight:bold;color:black}
.contact  .contact_con .title p{font-size:.15rem;margin-top:.15rem}
.contact  .contact_con .infos {border-top:2px solid #02339a}
.contact  .contact_con .infos ul{display:flex;padding:.1rem 0 }
.contact  .contact_con .infos ul li{width:33.33%;padding:.1rem 0;border-right:2px solid #dcdcdc}
.contact  .contact_con .infos ul li:nth-child(2){text-align:center}
.contact  .contact_con .infos ul li:nth-child(3){border:0;text-align:right}
.contact  .contact_con .infos ul li p{font-size:.16rem;color:black;padding:.13rem 0 }
.contact  .contact_con #container{height:5.7rem}

.contact .contact_message>div{padding:.9rem 0 1.8rem}
.contact .contact_message .title{text-align:center;padding:.4rem 0}
.contact .contact_message .title h1{font-size:.3rem;color:black;font-weight:bold}
.contact .contact_message  .message{border-top:2px solid #8f8d8e;padding:.5rem .4rem .53rem;background:white;box-shadow:0px 0px 8px #8f8d8e}
.contact .contact_message  .message .top{display:flex;justify-content: space-between;}
.contact .contact_message  .message .top .input{width:31%}
.contact .contact_message  .message  p{font-size:.16rem;padding: 0 0 .2rem}
.contact .contact_message  .message .top .input input{width:100%;padding: .15rem;border:1px solid #7a7a7b;}
.contact .contact_message  .message .bot {padding:.53rem 0 }
.contact .contact_message  .message .bot .content{width:100%;height:2rem;padding:.1rem .2rem;border:1px solid #7a7a7b}
.contact .contact_message  .message .button{text-align:center;}
.contact .contact_message  .message .button input{padding:.15rem .4rem;background:#02339a;border:0;color:white}
.contact .contact_message  .message .button input:hover{background:#009bde}
.tem_banner.index{position:relative;}

.tem_banner.index  .swiper-page>div{position:absolute;width:.7rem;height:.7rem;line-height:.7rem;text-align:center;font-size:.4rem;color:white;z-index:2;top:50%;left:.05rem;background:rgba(255,255,255,.3);top:50%}
.tem_banner.index .swiper-page>div.slide-button-next {left:auto;right:.05rem}
.tem_banner.index  .swiper-page>div:hover{background:rgba(0,0,0,.3)}
.tem_banner.index .banner_text{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:100%}
.tem_banner.index .banner_text h1{font-size:.8rem;color:#0268af;font-weight:bold;  text-shadow: white 1px 0 0, white 0 1px 0, white -1px 0 0, white 0 -1px 0,2px 2px 5px black;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner.index .swiper-slide-active .banner_text h1{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner.index .banner_text  p{color:#0268af;;text-shadow: white 1px 0 0, white 0 1px 0, white -1px 0 0, white 0 -1px 0,2px 2px 5px black;;font-size:.25rem;margin-top:.3rem;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner.index .swiper-slide-active .banner_text  p{transition-delay:.6s;transform:none;opacity:1;}
.index_search {padding:.42rem 0 .52rem;}
.index_search  form{text-align:right;display:flex;justify-content: flex-end;}
.index_search  form .input{position:relative}
.index_search  form input[type="text"]{padding:.05rem .3rem .05rem .1rem;border:1px solid #94999d}
.index_search  form .input:after{content:"\f073";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#a4a4a4;font-size:.2rem;top:50%;right:.1rem;transform:translateY(-50%);}
.index_search  form input[type="submit"]{margin-left:.2rem;padding:0 .3rem;border:0;background:#0268af;color:white;font-size:.18rem}
.index .index_about{background-size:cover}
.index .index_about>div{padding:3rem 0;}
.index .index_about .infos h1{font-size:.4rem;font-weight:bold;color:white;padding:0 0 .46rem}
.index .index_about .infos p{width:55%;line-height:.25rem;color:white;font-size:.15rem}
.index .index_about a{display:inline-block;margin-top:1.13rem;padding:.2rem  .4rem;background:white;color:#0268af;border-radius:10px;}
.index .index_about a:hover{color:white;background:#02339a}
.index .index_product .title{text-align:center;padding:1.2rem 0 .44rem}
.index .index_product .title h1{font-size:.3rem;font-weight:bold;color:black;padding:0 0 .12rem;position:relative}
.index .index_product .title h1:after{content:"";position:absolute;width:.6rem;height:2px;background:#0268af;bottom:0;left:50%;transform:translateX(-50%)}
.index .index_product .title p{font-size:.15rem;text-transform:uppercase;color:#9c9c9c;margin-top:.12rem}
.index .index_product .lists{padding:0 1.7rem}
.index .index_product .lists  a{position:relative}
.index .index_product .lists .items a .text{position:absolute;width:100%;bottom:10%;z-index:2}
.index .index_product .lists .items a:hover img{transform:scale(1.1)}
.index .index_product .lists .items a:hover .text{bottom:50%;}
.index .index_product .lists .items a:hover  .text h1{font-size:.3rem}
.index .index_product .lists .items a h1{color:#02339a;text-align:center;font-size:.17rem;position:relative}
.index .index_product .lists .items a:hover h1{color:white}
.index .index_product .lists .items a h1:after{content:"";position:absolute;width:.7rem;height:.7rem;background:#02339a;background:url(/public/common/images/circle.png)no-repeat;background-size:100%;left:50%;transform:translate(-50%,-50%);bottom:-1.2rem;opacity:0}
.index .index_product .lists .items a:hover h1:after{opacity:1;transition:.6s}

.index .index_product .lists .items a:after{content:"";position:absolute;width:100%;height:0;left:0;bottom:0;background:rgba(0,0,0,.5);transition:.6s}
.index .index_product .lists .items a:hover:after{height:100%;transition:.6s}
.index .index_product .lists  .slide-pagination{text-align:center;margin:.7rem 0 .78rem}
.index .index_product .lists  .slide-pagination span{margin:0 .05rem;width:12px;height:12px;opacity:1;background:#efeee9}
.index .index_product .lists  .slide-pagination .swiper-pagination-bullet-active{background:#0268af}

.index .index_case .title{padding:1.35rem   2.6rem 2.1rem;background:url(/public/common/images/indexcasebg.jpg)no-repeat;background-size:cover;}
.index .index_case .title h1{color:white;font-size:.3rem;position:relative;padding:0 0 .1rem}

.index .index_case .title p{color:white;font-size:.15rem;margin-top:.2rem}
.index .index_case .lists{padding:0 1.8rem;transform:translateY(-1.4rem);position:relative;}
.index .index_case .lists a{position:relative}
.index .index_case .lists a:hover img{transform:scale(1.1)}
.index .index_case .lists  .text{position:absolute;bottom:0;width:100%;padding:.24rem 0;background:rgba(0,0,0,0.5)}
.index .index_case .lists  .text h1{color:white;font-size:.16rem;text-align:center;}
.index .index_case .lists  .text p{position:absolute;right:15%;color:#6cc3ff;top:50%;transform:translateY(-50%)}
.index .index_case .lists .swiper-page>div{position:absolute;width:.2rem;height:.35rem;line-height:.35rem;text-align:center;font-size:.35rem;color:white;z-index:2;top:50%;left:1.4rem;background:rgba(0,0,0,.5);top:50%}
.index .index_case .lists .swiper-page>div.slide-button-next {left:auto;right:1.4rem}
.index .index_case .lists  .swiper-page>div:hover{background:black}
.index .index_video {background:#f4f4f4}
.index .index_video>div{padding: 0 0 1.3rem}
.index .index_video .title{text-align:center;padding:.7rem 0 .2rem}
.index .index_video .title h1{font-size:.3rem;font-weight:bold;color:black;padding:0 0 .12rem;position:relative}
.index .index_video .title h1:after{content:"";position:absolute;width:.6rem;height:2px;background:#0268af;bottom:0;left:50%;transform:translateX(-50%)}
.index .index_video .title p{font-size:.15rem;text-transform:uppercase;color:#9c9c9c;margin-top:.12rem}
.index .index_video .lists{position:relative}
.index .index_video .lists a{position:relative}
.index .index_video .lists a:after{position:absolute;content:"";color:white;font-size:3rem;left:50%;top:50%;transform:translate(-50%,-50%);width:.55rem;height:.55rem;background:url(/public/common/images/play.png)no-repeat;background-size:100%}
.index .index_video .lists a:hover:after{background:url(/public/common/images/play1.png)no-repeat;background-size:100%;transition:.3s}
 
.index .index_video .lists .swiper-page>div{position:absolute;width:.5rem;height:.5rem;line-height:.5rem;text-align:center;font-size:.35rem;color:#2a2a2a;z-index:2;top:50%;left:0rem;background:white;top:50%;z-index:2;transform:translateY(-50%)}
.index .index_video .lists .swiper-page>div.slide-button-next {left:auto;right:0rem}
.index .index_service{display:flex}
.index .index_service .left{position:relative}
.index .index_service .right{position:relative}
.index .index_service  .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}
.index .index_service  .text h1{color:white;font-size:.3rem;font-weight:bold}
.index .index_service  .text p{color:white;font-size:.15rem;margin-top:.3rem}
/***** 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:#0268af;}
.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: #0268af;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: #0268af;}
.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: #02339a;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){
	header>div{padding:0 .6rem 0 1.6rem}
	.index .index_case .lists{padding:0 1rem;}
	.index .index_case .lists .swiper-page>div{left:.6rem}
.index .index_case .lists .swiper-page>div.slide-button-next {right:.6rem}
.news .news_activities .lists{padding:1.1rem 1.6rem 0 2rem}
}

@media(max-width:1440px){
	.project .project_per .lists .dw{right:-.5rem}
}
@media(max-width:1300px){
	.project .project_per .lists .dw{top:45%}
}
@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;}
	.tem_banner.index .txt .title h2{font-size:20px;}
	.tem_banner.index .txt .title p{font-size: 14px;}
}

/********mobile*********/
@media(max-width:767px){
  .tem_banner.index .banner_text h1{font-size:.5rem}
  .tem_banner.index .banner_text{top:30%}
  .index .index_about{background-size:100%; background-repeat:no-repeat;}
  .index .index_about>div{padding:.5rem 0 }
  .index .index_about .infos h1{padding:0 0 .1rem}
  .index .index_about .infos p{width:100%}
  .index .index_about a{margin-top:.2rem}
  .index .index_product .lists{padding:0 .5rem}
  .index .index_case .lists .text p{right:5%}
  .index .index_case .lists{padding:0 .5rem}
  .index .index_case .lists .swiper-page>div{left:0}
  .index .index_case .lists .swiper-page>div.slide-button-next{right:0}
  .index .index_case .lists .text h1{padding:0 .5rem 0 0rem}
  .index .index_service{display:initial}
  .index .index_service .left,.index .index_service .right{width:100%}
  footer .top .infos{display:initial;}
  footer .top .infos .left{width:100%}
  footer .top .infos .right{width:100%}
  footer .top .infos .left dl dd a{display:none}

   footer .bottom>div .content a{margin:0}
  .tem_banner.indise  .banner_text h1{font-size:.5rem}
   .tem_banner.indise .banner_text{top:30%}
   .product_list .lists .items a h1:before{bottom:-.5rem}
.product_list .lists .items a h1:after{width:.5rem;height:.5rem;bottom:-.6rem}
.news .news_activities .title{width:20%}
.news .news_activities .zhiding a.items{display:initial}
.news .news_activities .zhiding a.items .img{width:100%}
.news .news_activities .zhiding .dw{display:none}
.news .news_activities .zhiding a.items .text{width:100%;padding:.2rem}
.news .news_activities .lists{padding:1.1rem .3rem 0 .3rem}
.news .news_activities .lists .items .link h1{width:60%}
.news .news_activities .lists .items .link h1:before{left:-.3rem}
.news .news_activities .lists .items{padding:0 0 0 .3rem}
.news .news_activities .lists .content .right{margin:0}
.news .news_activities .lists .content .left{width:100%}
.news .news_problem .lists{padding:.72rem .1rem 1.41rem}
.news .news_problem .title{width:20%}
.news .news_problem .lists .items{padding:0 0 0 .3rem}
.news .news_problem .lists .items h1:after{left:-.3rem}
.news .news_knowledge .lists .items{width:100%}
.news .news_knowledge .lists .items a p{width:100%}
.project .project_per .lists .dw{display:none}
.project .project_per .title{width:20%}
.project .project_per .lists .items .img{width:100%}
.project .project_per .lists .items{display:initial}
.project .project_per .lists .items .infos{width:100%;padding:.42rem .8rem .4rem .57rem}
.project .project_per .lists .items .infos a{right:0}
.project .project_app .title{width:20%}

   .project .project_app .lists .items a h1:before{bottom:-.5rem}
.project .project_app .lists .items a h1:after{width:.5rem;height:.5rem;bottom:-.6rem}
footer .top .infos .left{flex-wrap:wrap}
footer .top .infos .left dl{width:25%}
.service .service_sale .dw{display:none}
.service .service_sale .title{width:20%}
.service .service_service .title{width:20%}
.service .service_shouqian .title{width:20%}
.video>div .lists a:after{top:40%}
.contact .contact_con .infos ul li{text-align:center}
.contact .contact_con .infos ul li:nth-child(3){text-align:center}
.contact .contact_message .message .top{display:initial}
.contact .contact_message .message .top .input{width:100%}
.index .index_case .title{padding:1.35rem   .7rem 2.1rem;}

}