.header{position: fixed;;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.5);}
.header.index_head{box-shadow:0 0 0 0 ;}
.header.index_head .top{background:none;}
.header.index_head.is_header{box-shadow: 0 0 12px rgba(0,0,0,0.5);} 
.header.index_head.is_header .top{background:#009ab1;}
.header .top{background:#009ab1}
.header .top>div{height:.93rem;line-height:.93rem;display:flex}
.header .top .logo{width:14%}
.header .top .logo a{display:inline-block}
.header .top .navs{width:80%;z-index:2}
.header .top .navs ul{display:flex}
.header .top .navs ul li>a{font-size:.16rem;color:white;padding:0 .3rem ;position:relative}
.header .top .navs ul li dl{transition:0s;display:none;background:white;z-index:2;text-align:center}
.header .top .navs ul li dl dd a{color:#6b6b6b;font-size:.14rem;padding:.1rem 0;}
.header .top .navs ul li dl dd a:hover{color:white;background:#009ab1}
.header .top .navs ul li:hover{background:#009ab1}
.header .top .navs ul li.active>a{background:#009ab1}
.header .top  .search{width:6%;display:flex;flex-wrap: wrap;justify-content: flex-end;align-content: center;}
.header .top  .search a{width:.27rem;height:.27rem;background:url(/public/common/images/icon1.png) no-repeat;background-size:.27rem .27rem}
.header .bot{background:#313131;}
.header .bot>div{display:flex;justify-content: space-between;align-items: center;}
.header .bot .mbx{display:flex;color:#777777;font-size:.14rem}
.header .bot .mbx a{color:#777777;margin:0 .06rem;font-size:.14rem}
.header .bot .mbx a:first-child{margin-left:0;position:relative;padding-left:.22rem}
.header .bot .mbx a:first-child:after{content:"";position:absolute;width:.15rem;height:.15rem;background:url(/public/common/images/icon2.png) no-repeat;background-size:100%;top:50%;transform:translateY(-50%);left:0}
.header .bot .mbx a:last-child{color:white}
.header .bot .nav_two ul{display:flex;padding:.22rem 0 }
.header .bot .nav_two ul li{margin-left:.36rem;}
.header .bot .nav_two ul li a{color:#a1a0a0;font-size:.16rem}
.tem_banner.indise{padding:.93rem  0 0}
.tem_banner .flash{position:relative}
.tem_banner .flash .txt{position:absolute;left:50%;transform:translateX(-50%);top:44%;z-index:2;text-align:center}
.tem_banner .flash .txt h1{font-size:.6rem;color:white;font-family:"";padding:0 0 .15rem}
.tem_banner .flash .txt p{font-size:.24rem;color:white;font-family:"jinghei";}
.about_company>div{display:flex;padding:1.2rem  0 .9rem;justify-content: space-between;}
.about_company .left{width:54%}
.about_company .left h1{font-size:.48rem;color:black;font-family:"jinghei";font-weight:bold}
.about_company .left  h2{font-size:.3rem;color:#5e5d5d;font-family:"jinghei";font-weight:bold;padding:.3rem 0  .6rem}
.about_company .left .text p{font-size:.16rem;color:#535353;;line-height:.25rem}
.about_company .right{width:37.3%;padding:.2rem 0 0}
.about_company .right ul {display:flex;flex-wrap: wrap;position:relative}
.about_company .right ul:after{content:"";position:absolute;width:1px;height:100%;left:50%;transform:translateX(-50%);background:#d2d2d2;top:0}
.about_company .right ul:before{content:"";position:absolute;width:100%;height:1px;top:50%;transform:translateY(-50%);background:#d2d2d2;left:0}    
.about_company .right ul  li{width:50%;height:2.9rem;position:relative;padding:.8rem 0 0 }
.about_company .right ul  li:nth-child(2),.about_company .right ul  li:nth-child(4){padding-left:.6rem}
.about_company .right ul  li h1{font-size:.24rem;color:#a7a6a6;font-weight:bold;padding:0 0 .15rem}
.about_company .right ul  li h1 em{font-size:.48rem;color:#444444;font-weight:bold;font-family:"robot";}
.about_company .right ul  li  p{font-size:.16rem;color:#959393;font-weight:bold}
.about_company .right ul  li:nth-child(1):after{content:"";position:absolute;background:url(/public/common/images/icon3.png) no-repeat;width:.39rem;height:.35rem;background-size:100%;right:20%;top:35%}
.about_company .right ul  li:nth-child(2):after{content:"";position:absolute;background:url(/public/common/images/icon4.png) no-repeat;width:.27rem;height:.35rem;background-size:100%;right:0%;top:35%}
.about_company .right ul  li:nth-child(3):after{content:"";position:absolute;background:url(/public/common/images/icon5.png) no-repeat;width:.37rem;height:.55rem;background-size:100%;right:16%;top:30%}
.about_company .right ul  li:nth-child(4):after{content:"";position:absolute;background:url(/public/common/images/icon6.png) no-repeat;width:.37rem;height:.34rem;background-size:100%;right:0%;top:35%}
.about_culture{background-repeat:no-repeat;background-size:cover;position:relative}
.about_culture .title{text-align:center;padding:1.15rem 0 .9rem}
.about_culture .title h1{font-size:.48rem;color:white;font-family:"jinghei";padding:0 0 .3rem}
.about_culture .title p{color:white;font-family:"jinghei";font-size:.2rem}
.about_culture .imgs{position:absolute;top:.95rem;width:18%;}
.about_culture .text{height:6.45rem;background:white;width:61.3%;padding:1rem .6rem 0 4.95rem ;border-radius:0 70px 0 0}
.about_culture .text ul li{padding:0 0  0 1.16rem;position:relative}
.about_culture .text ul li:nth-child(1):after{position:absolute;content:"";background:url(/public/common/images/icon7.png) no-repeat;width:.97rem;height:.89rem;background-size:100%;left:0;top:0}
.about_culture .text ul li:nth-child(2):after{position:absolute;content:"";background:url(/public/common/images/icon8.png) no-repeat;width:.65rem;height:.79rem;background-size:100%;left:.2rem;top:-.2rem}
.about_culture .text ul li:first-child{margin:0 0 1rem}
.about_culture .text ul li h1{font-size:.48rem;color:#009ab1;padding:0 0 .3rem;font-family:"msjh"}
.about_culture .text ul li  p{color:#5d5d5d;font-size:.2rem;font-family:"msjh"}
.about_history>div{padding:0 0 .8rem}
.about_history .title{text-align:center;padding:1.08rem 0 .7rem}
.about_history .title h1{font-size:.48rem;color:black;font-weight:bold;font-family:"jinghei";padding:0 0 .33rem}
.about_history .title p{font-size:.2rem;color:#737373;font-family:"msjh";}
.about_history  .lists{;position:relative;}
.about_history  .lists:after{content:"";position:absolute;background:#f3f3f3;height:100%;width:5px;left:50%;transform:translateX(-50%);top:0}
.about_history  .lists .swiper-container{height:7.5rem}
.about_history  .lists .items{position:relative;width:50%;display:inline-block;}

.about_history  .lists .items .bg{display:flex;border-bottom:1px solid #dedede;padding:0 0 .22rem;}

.about_history  .lists .swiper-slide.on {text-align:right;}
.about_history  .lists .swiper-slide .items{text-align:right;padding:0 .35rem 0 0;}
.about_history  .lists .swiper-slide .items .img{width:50%}
.about_history  .lists .swiper-slide.ons .items .bg{display:flex;justify-content: flex-end;}
.about_history  .lists .swiper-slide.on .items{text-align:left;padding:0 0 0 .35rem;}
.about_history  .lists .on  .items:after{content:"";position:absolute;background:url(/public/common/images/icon9.png) no-repeat;;width:.22rem;height:.23rem;left:0;top:20%;transform:translateX(-50%);background-size:100%;z-index:2}
.about_history  .lists .ons  .items:after{content:"";position:absolute;background:url(/public/common/images/icon9.png) no-repeat;;width:.22rem;height:.23rem;left:100%;top:20%;transform:translateX(-50%);background-size:100%;z-index:2}
.about_history  .lists .on  .text{margin-right:.3rem}
.about_history  .lists .ons  .text{margin-left:.3rem}
.about_history  .lists .items .text{padding:.3rem 0 0;width:30%}
.about_history  .lists .items .text h1{font-size:.48rem;font-family:"msjh";color:#1a1a1a;padding:0 0 .28rem}
.about_history  .lists .items .text p:nth-child(2){margin:0 0 .1rem}
.about_history  .lists .items .text p{font-size:.16rem;color:#656464;position:relative;}
.about_history .swiper-page>div{width:40px;height:40px;background:none;line-height:38px;text-align:center;font-size:.2rem;color:#009ab1;border:1px solid #009ab1;position:absolute;top:-40px;left:50%;transform:translateX(-50%);z-index:2;background:#FFF}
.about_history  .swiper-page>div.slide-button-next{top:auto;bottom:-40px}
.about_history  .swiper-page>div:hover{background:#009ab1;color:white;transition:0s}

.about_honor .top{position:relative}

.about_honor .top .title{position:absolute;left:50%;top:10%;transform:translateX(-50%);text-align:center}
.about_honor .top .title h1{font-size:.48rem;color:white;font-weight:bold;font-family:"jinghei";padding:0 0 .3rem}
.about_honor .top  .title p{font-size:.2rem;color:white;font-family:"msjh";}
.about_honor .lists>div{padding:.4rem 0 .5rem}
.about_honor .lists a{padding:.2rem  .15rem;background:#e9e9e9}
.about_honor .lists a:hover img{transform:scale(1.1)}
.about_honor .lists  p{padding:.22rem 0 0;text-align:center;font-size:.16rem;font-weight:bold;color:black}
.about_honor .lists  .slide-pagination{text-align:center;padding:.75rem 0 0}
.about_honor .lists  .slide-pagination span{width:.3rem;height:.3rem;line-height:.3rem;opacity:1;color:black;font-size:.15rem;margin:0 .05rem;font-weight:bold;border-radius:5px;text-align:center;background:none;border:1px solid black}
.about_honor .lists  .slide-pagination .swiper-pagination-bullet-active{background:#c21628;color:white;border:1px solid #c21628}
.footer{background:#313131}
.footer .top{display:flex;padding:.9rem 0 .3rem;justify-content: space-between;border-bottom:1px solid #555555}
.footer .top .left{width:13%}
.footer .top .left .contacts{padding:1.3rem  0 0}
.footer .top .left .contacts h1{font-size:.2rem;color:white;padding:0 0 .15rem}
.footer .top .left .contacts p{font-size:.3rem;color:white;font-weight:bold;font-family:"jinghei";}
.footer .top .fot_nav{display:flex;width:51%;justify-content: space-between;}
.footer .top .fot_nav dl dt{margin:0 0 .25rem}
.footer .top .fot_nav dl dt a{font-size:.16rem;color:white;font-weight:initial}
.footer .top .fot_nav dl dd{margin:0 0 .1rem}
.footer .top .fot_nav dl dd:last-child{margin:0}
.footer .top .fot_nav dl dd a{font-size:.15rem;color:#9d9d9d}
.footer .top  .right{width:18%;text-align:right}
.footer .top  .right .share-component{padding:.1rem 0 0}
.footer .top  .right .infos {padding:.35rem  0 0}
.footer .top  .right .infos p{font-size:.16rem;color:#aeaeae;}
.footer .top  .right .infos p:first-child{margin:0 0 .1rem}
.footer .bot{padding:.34rem 0 .44rem;display:flex;justify-content: space-between;}
.footer .bot h1{color:#b0b0b0;font-family:"jinghei";font-weight:bold;display:flex;font-size:.14rem}
.footer .bot h1 a{color:#b0b0b0;font-size:.14rem}
.footer .bot  .return a{color:#b0b0b0;font-size:.14rem;font-family:"jinghei";font-weight:bold;padding:0 0 0 .4rem;position:relative}
.footer .bot  .return a:after{content:"";position:absolute;background:url(/public/common/images/icon10.png) no-repeat;;width:.23rem;height:.13rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.6s}
.footer .bot  .return a:hover:after{transform:translateY(-50%)rotate(360deg);transition:.6s}
.product_box{padding:1.6rem  0 0 }
.product_box .bg{background-repeat:no-repeat;background-size:cover}
.product_box .title{text-align:center;padding:2.8rem 0 .8rem;font-family:"jinghei";}
.product_box .title h1{font-size:.6rem;color:white;padding:0 0 .15rem}
.product_box .title  p{font-size:.24rem;color:white}
.product_box  .lists{width:77.6%;display:flex;flex-wrap: wrap;border-top:2px solid rgba(255,255,255,.5);}
.product_box  .lists a{width:33.33%;height:2.54rem;padding:1rem 0 0 .5rem;border-right:2px solid rgba(255,255,255,.5);;border-bottom:2px solid rgba(255,255,255,.5);position:relative}
.product_box  .lists a h1{font-size:.24rem;color:white;padding:0 0 .8rem;position:relative;;z-index:2}
.product_box  .lists a:nth-child(3){border-right:0}
.product_box  .lists a:nth-child(4),.product_box  .lists a:nth-child(5){border-bottom:0}
.product_box  .lists a h1:after{content:"\f178";position:absolute;width:.3rem;height:.3rem;text-align:center;font:normal normal normal 14px/1 FontAwesome;border-radius:100%;border:1px solid white;line-height:.3rem;left:0;bottom:0;font-size:.14rem;transition:.3s}
.product_box  .lists a:hover h1:after{background:white;color:black;transition:.3s}
.product_box  .lists a:hover:after {opacity:1;transition:.3s}
.productlist{background:#f4f4f4;padding:1.6rem  0 2.16rem}
.productlist .title{text-align:center;padding:.7rem 0 .55rem}
.productlist .title h1{font-size:.48rem;color:black;font-family:"jinghei";font-weight:bold;padding:0 0 .3rem}
.productlist .title p{font-size:.2rem;color:#737373;font-family:"msjh"}
.productlist  .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.productlist  .lists .items{width:48%;margin:0 0 .6rem}
.productlist  .lists .items a{display:flex;border-radius:10px}
.productlist  .lists .items a:hover .text span:after{background:black;transition:.3s}
.productlist  .lists .items a .img{width:66%;border-radius:10px 0 0 10px}
.productlist  .lists .items a  .text{width:34%;background:white;padding:.8rem .6rem 0 .3rem;border-radius:0 10px 10px 0}
.productlist  .lists .items a  .text h1{font-size:.14rem;color:#5d5d5d;font-family:"jinghei"}
.productlist  .lists .items a  .text h2{font-size:.2rem;color:#272727;font-family:"jinghei";padding:.2rem 0 ;margin:0 0 .45rem;position:relative}
.productlist  .lists .items a  .text h2:after{content:"";position:absolute;background:#009ab1;width:.13rem;height:.03rem;left:0;bottom:0}
.productlist  .lists .items a  .text h3{font-size:.16rem;color:#3d3d3d;font-family:"msjh"}
.productlist  .lists .items a  .text span{margin:1.2rem 0 0;display:inline-block;font-size:.16rem;color:#4c4c4c;font-family:"msjh";padding:0 0 0 .37rem;position:relative}
.productlist  .lists .items a  .text span:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;width:.24rem;height:.24rem;border-radius:100%;background:#dcdcdc;text-align:center;line-height:.24rem;color:white;font-size:.15rem;left:0;top:50%;transform:translateY(-50%);transition:.3s}
.productlist  .lists .items a:hover img{transform:scale(1.1)}
.productlist  .lists .items a:hover{box-shadow:0  0 25px 5px rgba(0,0,0,0.2)}

.product {padding:1.6rem 0 0 }
.product .pro_top{padding:.73rem 0 .4rem}
.product .pro_top .top{display:flex;justify-content: space-between;padding:0 0 .8rem}
.product .pro_top .top .left{width:44.5%}
.product .pro_top .top .left .thumbs{padding:.3rem 0 0}
.product .pro_top .top .right{width:52%}
.product .pro_top .top .right .title{border-bottom:1px solid #dcdcdc}
.product .pro_top .top .right .title h1{font-size:.36rem;color:black;font-family:"jinghei";padding:0 0 .34rem}
.product .pro_top .top .right .title p{font-size:.2rem;color:#505050;padding:0 0 .4rem}
.product .pro_top .top .right  .guige{padding:.3rem 0 ;border-bottom:1px solid #dcdcdc}
.product .pro_top .top .right  .guige h2{font-size:.2rem;color:black;font-weight:bold;padding:0 0 .25rem}
.product .pro_top .top .right ul li{list-style:disc;margin-left:.2rem}
.product .pro_top .top .right ul li p{font-size:.18rem;color:#4e4e4e}
.product .pro_top .top .right  .color{padding:.3rem 0 ;border-bottom:1px solid #dcdcdc}
.product .pro_top .top .right  .color h2{font-size:.2rem;color:black;font-weight:bold;padding:0 0 .25rem}
.product .pro_top .top .right .gongneng{padding:.35rem 0 0}
.product .pro_top .top .right .gongneng h2{font-size:.2rem;color:black;font-weight:bold;padding:0 0 .15rem}
.product .pro_top .top .right .gongneng h3{font-size:.18rem;color:#4e4e4e;padding:0 0 .25rem}
.product .pro_top .bot{padding:.3rem .5rem .6rem;background:#f4f4f4}
.product .pro_top .bot h2{font-size:.2rem;color:black;font-weight:bold;padding:0 0 .2rem}
.product .pro_top .bot p{font-size:.16rem;color:#111111;padding:0 1rem}
.case .case_logo{background-size:cover;background-repeat:no-repeat}
.case .case_logo>div{padding:0 0 .95rem;}
.case .case_logo .title{text-align:center;padding:1rem 0 .77rem}
.case .case_logo .title h1{font-size:.48rem;color:black;font-family:"jinghei";padding:0 0 .35rem}
.case .case_logo .title p{font-size:.2rem;color:#737373;}
.case .case_logo .lists{padding:0 3.3rem;display:flex;flex-wrap: wrap;justify-content: center;}
.case .case_logo .lists .items{padding:0 .05rem;margin:0  0 .1rem;width:25%}
.case .case_logo .lists .items a{overflow:hidden}
.case .case_logo .lists .items a:hover img{transform:scale(.9)}
.case .case_list{padding:0 0 2.2rem;background:rgba(251,252,252)}
.case .case_list .swiper-slide{display:flex;flex-wrap: wrap;justify-content: space-between;}
.case .case_list .swiper-slide .items{width:49%;margin:0 0 .3rem}
.case .case_list .swiper-slide  .items a{position:relative;overflow:hidden}
.case .case_list .swiper-slide  .items a .text{position:absolute;left:4%;bottom:0%}
.case .case_list .swiper-slide  .items a .text h1{font-size:.2rem;color:white;padding:0 0 .1rem;border-bottom:2px solid white}
.case .case_list .swiper-slide  .items a .text em{font-size:.16rem;color:white;display:inline-block;margin:.3rem 0 0;opacity:0;;transition:ease .6s}
.case .case_list .swiper-slide  .items a:hover .text{bottom:70%;;transition:ease .6s}
.case .case_list .swiper-slide  .items a:hover .text em{opacity:1;}
.case .case_list .swiper-slide  .items a:hover img{transform:scale(1.1)}
.case .case_list .swiper-slide  .items a:after{content:'';position:absolute; background:linear-gradient(to top,rgba(203,5,5,.8),rgba(203,5,5,.0));;width:100%;height:1.1rem;left:0;bottom:0;opacity:0;transition:.6s}
.case .case_list .swiper-slide  .items a:hover:after{opacity:1}
.case .case_list .slide-pagination{text-align:center;padding:.2rem 0 0}
.case .case_list .slide-pagination span{width:.3rem;height:.3rem;line-height:.3rem;opacity:1;color:black;font-size:.15rem;margin:0 .05rem;font-weight:bold;border-radius:5px;text-align:center;background:none;border:1px solid black}
.case .case_list .slide-pagination .swiper-pagination-bullet-active{background:#c21628;color:white;border:1px solid #c21628}
.serivice .service_join .top{padding:1.8rem 0 1rem;position:relative;background-repeat:no-repeat;background-position:center top}

.serivice .service_join .top .title{text-align:center;position:absolute;left:50%;transform:translateX(-50%);top:9%}
.serivice .service_join .top .title h1{font-size:.48rem;color:black;font-family:"jinghei";padding:0 0 .58rem}
.serivice .service_join .top .title  p{font-size:.3rem;color:#323232}
.serivice .service_join .top .imgs{text-align:right}
.serivice .service_strategy{background:#f5f5f5}
.serivice .service_strategy .top{padding:0 0 1.42rem}
.serivice .service_strategy .top .title{text-align:center;padding:1.1rem 0 .6rem}
.serivice .service_strategy .top .title h1{font-size:.48rem;color:black;font-family:"jinghei";padding:0 0 .22rem}
.serivice .service_strategy .top .title p{font-size:.2rem;color:#323232}
.serivice .service_strategy .top .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.serivice .service_strategy .top .lists .items{width:19%;margin:0 0 .3rem;height:3.75rem;background:white;border-radius:10px;padding:.7rem .1rem;text-align:center}
.serivice .service_strategy .top .lists  .items .img{height:.75rem}
.serivice .service_strategy .top .lists  .items  .text h1{font-size:.24rem;color:black;font-weight:bold;padding:0 0 .23rem}
.serivice .service_strategy .top .lists  .items  .text p{font-size:.16rem;color:#494949;line-height:.25rem}
.serivice .service_strategy .top .lists  .items:hover .img{transform:translateY(.15rem)}
.serivice .service_strategy .bot{display:flex}
.serivice .service_strategy .bot .img{width:62%}
.serivice .service_strategy .bot .text{width:38%;padding:1.1rem 1.23rem 0 .5rem;text-align:center;background:url(/public/common/images/icon13.jpg) no-repeat;background-size:cover}
.serivice .service_strategy .bot .text h1{font-size:.48rem;color:white;font-family:"jinghei";padding:0 0 .2rem}
.serivice .service_strategy .bot .text h2{font-size:.2rem;color:white;padding:0 0 .9rem}
.serivice .service_strategy .bot .text p{font-size:.16rem;color:white;line-height:.25rem;margin:0 0 .05rem}
.serivice .service_strategy .bot .text p em{font-size:.2rem;font-weight:bold}
.serivice .service_illustrate{padding:0 0 1rem}
.serivice .service_illustrate .title{text-align:center;padding:.95rem  0 .6rem}
.serivice .service_illustrate .title h1{font-size:.48rem;color:#1a1a1a;font-family:"jinghei";padding:0 0 .25rem}
.serivice .service_illustrate .title p{font-size:.2rem;color:#323232}
.serivice .service_illustrate .search_box{margin:0 auto .45rem;text-align:center;font-size:0;max-width:50%;box-shadow:6px 6px 8px rgba(0,0,0,.12);border-radius:15px;overflow:hidden;width:100%}
.serivice .service_illustrate .search_box>*{display:inline-block;vertical-align: top;outline:none}
.serivice .service_illustrate .search_box input{width:80%;border:1px solid #009ab1;border-radius:15px 0 0 15px;height:.65rem;min-height:35px;font-size:.16rem;color:#333;padding:0 .15rem;}
.serivice .service_illustrate .search_box button {width:20%;border:1px solid #009ab1;background:#009ab1;height:.65rem;min-height:35px;font-size:.23rem;color:#FFF;border-radius:0 15px 15px 0}

.serivice .service_illustrate .lists a{background:#f6f6f6;display:flex;align-items: center;padding:.43rem  0;justify-content: space-between;}
.serivice .service_illustrate .lists a .img{width:70%}
.serivice .service_illustrate .lists a .text{width:30%}
.serivice .service_illustrate .lists a .text h1{font-size:.2rem;color:black;font-weight:bold;padding:0 0 .2rem;position:relative}
.serivice .service_illustrate .lists a .text h1:after{content:"";position:absolute;background:#009ab1;width:.14rem;height:.03rem;left:0;bottom:0}
.serivice .service_illustrate .lists a .text em{margin:.5rem 0 0 ;display:inline-block;font-size:.16rem;color:black;font-family:"jinghei";padding:0 0 0 .37rem;position:relative}
.serivice .service_illustrate .lists a .text em:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;width:.24rem;height:.24rem;border-radius:100%;background:#dcdcdc;text-align:center;line-height:.24rem;color:white;font-size:.15rem;left:0;top:50%;transform:translateY(-50%);transition:.3s}
.serivice .service_illustrate .lists{position:relative}
.serivice .service_illustrate .lists a:hover .text em:after{background:black;transition:.3s}
.serivice .service_illustrate .lists a:hover .img{transform:scale(.9)}
    .serivice .service_illustrate  .lists .swiper-page>div{position:absolute;width:.4rem;height:.4rem;;border-radius:100%;line-height:.4rem;text-align:center;font-size:.3rem;color:white;outline:none;z-index:2;top:50%;left:-.4rem;background:#009ab1}
.serivice .service_illustrate .lists  .swiper-page>div.slide-button-next {left:auto;right:-.4rem}
.serivice .service_sales{position:relative}
.serivice .service_sales .title{padding:1.4rem 0 0;position:absolute;left:50%;transform:translateX(-50%);top:0;z-index:2;text-align:center}
.serivice .service_sales .title h1{font-size:.48rem;color:#1a1a1a;font-family:"jinghei";padding:0 0 .22rem} 
.serivice .service_sales .title p{font-size:.2rem;color:#323232}
.serivice .join_guide>div{padding:0 0 1.6rem}
.serivice .join_guide .title{padding:1rem 0 .4rem;text-align:center}
.serivice .join_guide .title h1{font-size:.48rem;color:#1a1a1a;font-family:"jinghei";padding:0 0 .22rem} 
.serivice .join_guide  .title p{font-size:.2rem;color:#323232}

.serivice .join_guide  ul{display:flex;justify-content: center;margin:.3rem 0}
.serivice .join_guide  ul li{width:12%;text-align:center;margin:0 .15rem}
.serivice .join_guide  ul li a{padding: .15rem 0;border:1px solid #c1c1c1;border-radius:30px;font-size:.16rem;color:black}
.serivice .join_guide  ul li a:hover,.serivice .join_guide  ul li#current a{background:#009ab1;color:white;border:1px solid #009ab1;}
.serivice .join_guide  .lists .swiper-slide{display:flex;flex-wrap: wrap;justify-content: space-between;}
.serivice .join_guide  .lists .swiper-slide .items{width:31.5%;margin:0 0 .5rem}
.serivice .join_guide  .lists .swiper-slide .items h1{padding:.26rem 0 0 ;text-align:center;font-size:.16rem;color:black}
.serivice .join_guide  .lists .swiper-slide:after{content:"";width:31.5%}
.serivice .join_guide  .lists .swiper-slide a:hover img{transform:scale(1.1)}
.serivice .join_guide  .slide-pagination{text-align:center;padding:.4rem 0 0}
.serivice .join_guide   .slide-pagination span{width:.3rem;height:.3rem;line-height:.3rem;opacity:1;color:black;font-size:.15rem;margin:0 .05rem;font-weight:bold;border-radius:5px;text-align:center;background:none;border:1px solid black}
.serivice .join_guide  .slide-pagination .swiper-pagination-bullet-active{background:#009ab1;color:white;border:1px solid #009ab1}
.news_box .title{text-align:center;padding:1rem 0 .65rem}
.news_box .title h1{font-size:.48rem;color:#1a1a1a;font-family:"jinghei";padding:0 0 .3rem}
.news_box .title  p{font-size:.2rem;color:#737373}
.news_box  .lists .items{padding:.5rem 0 .6rem;border-top:2px solid #e6e6e6}
.news_box  .lists .items a{display:flex;justify-content: space-between;}
.news_box  .lists .items a .time{width:5.5%;text-align:center}
.news_box  .lists .items a .time h1{font-size:.6rem;color:#444444;;font-family:"jinghei";padding:0 0 .05rem}
.news_box  .lists .items a .time  p{font-size:.16rem;color:#444444}
.news_box  .lists .items a .img{width:30%}
.news_box  .lists .items a .text{width:59%;padding:.4rem 0 0}
.news_box  .lists .items a .text h1{font-size:.3rem;color:black;font-family:"jinghei";margin:0 0 .35rem}
.news_box  .lists .items a .text p{font-size:.16rem;color:#343434;line-height:.23rem;height:.46rem}
.news_box  .lists .items a .text span{display:inline-block;margin:.55rem 0 0;padding:0 0 0 .15rem;width:1.4rem;border:1px solid #c21628;z-index:2;font-size:.14rem;color:#c21628;font-family:"jinghei";border-radius:5px;height:.5rem;line-height:.5rem;position:relative;transition:.6s;}
.news_box  .lists .items a .text span:after{content:"";position:absolute;background:url(/public/common/images/icon14.png) no-repeat;width:.21rem;height:.11rem;background-size:100%;top:50%;transform:translateY(-50%);right:15%;transition:.5s;}
.news_box  .lists .items a .text span:before{content:"";position:absolute;left:0;width:0;height:100%;background:#c21628;z-index:-1;transition:.6s;top:0}
.news_box  .lists .items a:hover span:before{width:100%;transition:.6s;}
.news_box  .lists .items a:hover span{color:white;transition:.6s;}
.news_box  .lists .items a:hover span:after{content:"";position:absolute;background:url(/public/common/images/icon15.png) no-repeat;width:.21rem;height:.11rem;background-size:100%;top:50%;transform:translateY(-50%);right:15%;transition:1s;}
.news_box  .lists .items a:hover img{transform:scale(1.1)}
.news_box  .page{text-align:center;padding:.2rem 0 2.82rem}
.news_box  .page a{width:.3rem;height:.3rem;line-height:.3rem;color:black;font-size:.15rem;margin:0 .05rem;font-weight:bold;border-radius:2px;background:none;border:1px solid black;display:inline-block}
.news_box  .page a.page-num-current{background:#c21628;color:white;border:1px solid #c21628}
.contact_box .contact{padding:.72rem 0 1.55rem}
.contact_box .contact>div{background:#f9f9f9;display:flex}
.contact_box .contact .left{padding:.75rem 0 0;width:62%}
.contact_box .contact .left .title{padding:0 0 .7rem .38rem}
.contact_box .contact .left .title h1{font-size:.48rem;color:black;font-family:"jinghei";padding:0 0 .3rem}
.contact_box .contact .left .title p{font-size:.2rem;color:#939393;}
.contact_box .contact .left  .txt{padding:0 0 .8rem .38rem}
.contact_box .contact .left  .txt ul{display:flex}
.contact_box .contact .left  .txt ul li{width:50%}
.contact_box .contact .left  .txt ul li h1{font-size:.22rem;color:black;font-family:"jinghei";margin:0 0 .18rem;position:relative}
.contact_box .contact .left  .txt ul li h1:after{content:"";position:absolute;background:#3b3b3b;border-radius:100%;width:.11rem;height:.11rem;top:50%;transform:translateY(-50%);left:-.24rem}
.contact_box .contact .left  .txt ul li p{font-size:.16rem;color:#545454;}
.contact_box .contact .left  .infos ul{display:flex}
.contact_box .contact .left  .infos ul li{width:25%;height:3.1rem;padding:.55rem 0 0 .2rem}
.contact_box .contact .left  .infos ul li:nth-child(1){background:url(/public/common/images/icon16.jpg) no-repeat;background-size:cover}
.contact_box .contact .left  .infos ul li:nth-child(2){background:url(/public/common/images/icon17.jpg) no-repeat;background-size:cover}
.contact_box .contact .left  .infos ul li:nth-child(3){background:url(/public/common/images/icon18.jpg) no-repeat;background-size:cover;}
.contact_box .contact .left  .infos ul li:nth-child(4){background:url(/public/common/images/icon19.jpg) no-repeat;background-size:cover}
.contact_box .contact .left  .infos ul li .text{height:.8rem;display:flex;flex-direction: column;justify-content: space-between;;padding:0 .15rem;position:relative}
.contact_box .contact .left  .infos ul li .text:after{content:"";position:absolute;background:white;height:100%;width:4px;border-radius:50px;left:0;top:0}
.contact_box .contact .left  .infos ul li .text h1{font-size:.2rem;color:white;font-family:"jinghei"}
.contact_box .contact .left  .infos ul li .text p{font-size:.16rem;color:white}
.contact_box .contact  .map{width:38%}
.contact_box .contact  .map #container{height:100%}
.contact_box  .message{padding:0 0 2.15rem}
.contact_box  .message .title{padding:0 0  .87rem}
.contact_box  .message .title h1{font-size:.48rem;color:black;font-family:"jinghei";padding:0 0 .3rem}
.contact_box  .message .title p{font-size:.2rem;color:#939393;}
.contact_box  .message .form {width:85%}
.contact_box  .message .form .infos{display:flex;justify-content:space-between}

.contact_box  .message .form .infos .first{width:30%;}
.contact_box  .message .form .infos .first .text{margin-bottom:.2rem;font-size:.16rem}
.contact_box  .message .form .infos .first input{width:100%;padding:.23rem  .4rem;border:1px solid #dcdcdc;background:#f9f9f9;}
.contact_box  .message .form .infos .first .input{position:relative}
.contact_box .message .form .infos .first1 .input:before{content:"";position:absolute;height:15px;width:12px;background:url(/public/common/images/message1.png)no-repeat;top:50%;transform:translateY(-50%);left:5%;background-size:100%;}
.contact_box .message .form .infos .first2 .input:before{content:"";position:absolute;height:15px;width:13px;background:url(/public/common/images/message2.png)no-repeat;top:50%;transform:translateY(-50%);left:5%;background-size:100%}
.contact_box .message .form .infos .first3 .input:before{content:"";position:absolute;height:12px;width:16px;background:url(/public/common/images/message3.png)no-repeat;top:50%;transform:translateY(-50%);left:5%;background-size:100%}
.contact_box .message .form .second{margin-top:.5rem}
.contact_box .message .form .second .text{margin-bottom:.2rem;font-size:.16rem}
.contact_box .message .form .second textarea{width:100%;padding:.23rem  .4rem;border:1px solid #dcdcdc;background:#f9f9f9;height:2rem}
.contact_box .message .form .second .input{position:relative}
.contact_box .message .form .second .input:before{content:"";position:absolute;height:15px;width:12px;background:url(/public/common/images/message4.png)no-repeat;top:17.5%;transform:translateY(-50%);left:1.5%;background-size:100%}
.contact_box .message .form .submint{margin-top:.7rem}
.contact_box  .message .form  .submint button{padding:.18rem .85rem;background:#009ab1;border:0;border-radius:50px;color:white;font-size:.16rem}
.job .top{padding:.72rem 0 1.3rem}
.job .top>div{position:relative}
.job .top .infos{position:relative}
.job .top .infos .left{position:absolute;top:20%;text-align:right;left:19%;}
.job .top .infos .left h1{font-size:.48rem;color:black;font-family:"jinghei";padding:0 0 .15rem}
.job .top .infos .left  p{font-size:.2rem;color:#262626;}
.job .top .infos .right{position:absolute;top:20%;text-align:right;left:60%;}
.job .top .infos .right h1{font-size:.48rem;color:black;font-family:"jinghei";padding:0 0 .15rem}
.job .top .infos .right  p{font-size:.2rem;color:#262626;;}
.job .top .txt{position:absolute;width:100%;bottom:19%}
.job .top .txt ul{display:flex;justify-content: space-between;}
.job .top .txt ul li{width:13%;text-align:center}
.job .top .txt ul li:nth-child(3){width:27%;transform:translateY(1.6rem)}
.job .top .txt ul li h1{font-size:.24rem;color:#262626;font-family:"jinghei";padding:0 0 .15rem}
.job .top .txt ul li p{font-size:.16rem;color:black}
.job .job_list .title{padding:.9rem 0  .5rem}
.job .job_list .title h1{font-size:.48rem;color:black;font-family:"jinghei";padding:0 0 .3rem}
.job .job_list .title p{font-size:.2rem;color:#737373;}
.job .job_list{background:url(/public/common/images/icon21.jpg)no-repeat;background-size:cover;padding:0 0 1.64rem}
.job .job_list .lists{display:flex;justify-content: space-between;}
.job .job_list .lists .left{width:19%}
.job .job_list .lists .left h2{padding:.25rem .5rem;background:#f0f0f0;font-size:.2rem;color:black;font-weight:bold;position:relative;}
.job .job_list .lists .left h2:after{content:"";position:absolute;background:url(/public/common/images/icon20.png)no-repeat;width:.21rem;height:.21rem;background-size:100%;top:50%;transform:translateY(-50%);left:5%}
.job .job_list .lists .left ul li a {padding:.28rem .22rem;background:white;border-bottom:1px solid #f0f0f0;position:relative}
.job .job_list .lists .left ul li a h1{font-size:.16rem;color:#2b2b2b}
.job .job_list .lists .left ul li a:after{content:"";position:absolute;width:3px;height:0;background:#009ab1;left:0;top:50%;transform:translateY(-50%);transition:.6s}
.job .job_list .lists .left ul li#current a:after{height:55%;transition:.6s }
.job .job_list .lists .right{width:78%}
.job .job_list .lists .right .items_box{padding:.55rem .35rem 1rem;background:white}
.job .job_list .lists .right .items_box .tit h1{font-size:.3rem;font-family:"jinghei";color:black;padding:0 0 .35rem}
.job .job_list .lists .right .items_box  .mains ul{display:flex;padding:0 0 .2rem;border-bottom:2px solid #e7e7e7} 
.job .job_list .lists .right .items_box  .mains ul li:first-child{padding-left:0}
.job .job_list .lists .right .items_box  .mains ul li:last-child{border:0}
.job .job_list .lists .right .items_box  .mains ul li{padding:0 .35rem;border-right:2px solid #777777;}
.job .job_list .lists .right .items_box  .mains ul li p{font-size:.14rem;color:black}
.job .job_list .lists .right .items_box  .con{padding:.45rem 0 0}
.job .job_list .lists .right .items_box  .con h1{font-size:.24rem;font-family:"jinghei";color:black;padding:0 0 .2rem}
.job .job_list .lists .right .items_box  .con  p{font-size:.16rem;margin:0 0 .15rem;font-family:"jinghei";color:black}
.tem_banner  .label_text{position:absolute;left:50%;transform:translateX(-50%);top:51%;z-index:2}
.tem_banner  .label_text h1{font-size:.3rem;text-transform:uppercase;font-family:"jinghei";color:white;opacity:0;margin:0 0 .15rem;transform:translateY(100px);text-shadow:1px 1px 4px #494949;}
.tem_banner .swiper-slide-active .label_text h1{transition: 1s;transition-delay:.4s;transform:none;opacity:1;}
.tem_banner  .txt {position:absolute;left:1.24rem;bottom:12%;z-index:2}
.tem_banner  .txt  h2{font-size:.2rem;color:white;padding:0 0 0 .15rem;position:relative}

.tem_banner  .txt  h2:after{content:"";position:absolute;background:url(/public/common/images/icon22.png)no-repeat;width:.06rem;height:.07rem;background-size:100%;top:50%;transform:translateY(-50%);left:0;z-index:2}
.tem_banner .swiper-page>div{position:absolute;width:.4rem;height:.4rem;;border-radius:100%;line-height:.4rem;text-align:center;font-size:.3rem;color:white;outline:none;z-index:2;top:50%;left:5%;background:#009ab1}
.tem_banner  .swiper-page>div.slide-button-next {left:auto;right:5%}
.index_product{position:relative;padding:0 0 1.28rem}
.index_product:after{content:"";position:absolute;background:#f0f3f8;width:50%;height:100%;right:0;top:0;z-index:-1}
.index_product .title{padding:.85rem 0 .4rem }
.index_product .title h1{font-size:.48rem;color:#262626;font-family:"jinghei";padding:0 0 .15rem}
.index_product .title p{font-size:.16rem;color:#787677}
.index_product  .lists {padding:0 4.5rem   0 0;position:relative}
.index_product  .lists .swiper-slide{display:flex;align-items: center;}
.index_product  .lists .swiper-slide .left{width:43%}
.index_product  .lists .swiper-slide .left .tit{padding:0 0 .8rem}
.index_product  .lists .swiper-slide .left .tit h1{font-size:.44rem;color:#262626;font-family:"jinghei";padding:0 0 .2rem}
.index_product  .lists .swiper-slide .left .tit p{font-size:.2rem;color:#787677}
.index_product  .lists .swiper-slide .left .infos ul{display:flex;align-items: flex-end;justify-content: space-between;}
.index_product  .lists .swiper-slide .left .infos ul li{width:20%;text-align:center}
.index_product  .lists .swiper-slide .left .infos ul li h1{font-size:.16rem;color:#262626;font-family:"jinghei";padding:.15rem 0 0}
.index_product  .lists .swiper-slide .left .infos ul li:hover .img{transform:translateY(-.1rem)}
.index_product  .lists .swiper-slide .left .more{margin:1rem 0 0}
.index_product  .lists .swiper-slide .left .more a{display:inline-block;padding:.14rem .36rem;background:#009ab1;font-size:.16rem;color:white;border-radius:50px}
.index_product  .lists .swiper-slide .right{width:57%;text-align:center;padding:1.2rem 0;position:relative}
.index_product  .lists .swiper-slide .right:after{content:"";position:absolute;background:url(/public/common/images/icon23.png)no-repeat;width:6.29rem;height:6.12rem;background-size:100%;top:50%;transform:translate(-50%,-50%);left:50%;transition:all .6s cubic-bezier(0.46, 0.03, 0.52, 0.96);z-index:-1}
.index_product  .lists .swiper-slide.swiper-slide-active.xss1 .right:after{transform:translate(-50%,-50%) rotate(0);}
.index_product  .lists .swiper-slide.swiper-slide-active.xss2 .right:after{transform:translate(-50%,-50%)  rotate(-60deg);}
.index_product  .lists .swiper-slide.swiper-slide-active.xss3 .right:after{transform:translate(-50%,-50%)  rotate(-120deg);}
.index_product  .lists .swiper-slide.swiper-slide-active.xss4 .right:after{transform:translate(-50%,-50%)  rotate(-180deg);}
.index_product  .lists .swiper-slide.swiper-slide-active.xss5 .right:after{transform:translate(-50%,-50%)  rotate(-240deg);}
.index_product  .lists .swiper-slide.swiper-slide-active.xss6 .right:after{transform:translate(-50%,-50%)  rotate(-300deg);}
.index_product  .lists .right .logo{position:absolute;}
.index_product  .lists .swiper-slide.xss1 .right .logo{right:0;top:45%;transition:all .6s cubic-bezier(0.4, 0, 1, 1)}
.index_product  .lists .swiper-slide.xss2 .right .logo{right:15%;top:5%;transition:all .6s cubic-bezier(0.4, 0, 1, 1)}
.index_product  .lists .swiper-slide.xss3 .right .logo{left:15%;top:5%;transition:all .6s cubic-bezier(0.4, 0, 1, 1)}
.index_product  .lists .swiper-slide.xss4 .right .logo{left:0%;top:45%;transition:all .6s cubic-bezier(0.4, 0, 1, 1)}
.index_product  .lists .swiper-slide.xss5 .right .logo{left:15%;bottom:3%;transition:all .6s cubic-bezier(0.4, 0, 1, 1)}
.index_product  .lists .swiper-slide.xss6 .right .logo{left:60%;bottom:3%;transition:all .6s cubic-bezier(0.4, 0, 1, 1)}
.index_product  .lists  .swiper-page{position:absolute;top:50%;transform:translateY(-50%);right:8%;display:flex;align-items: center;}
.index_product  .lists  .swiper-page .slide-button-prev{width:.24rem;height:.13rem;background:url(/public/common/images/icon24.png) no-repeat;background-size:.24rem .13rem}
.index_product  .lists  .swiper-page .swiper-pagination-fraction{width:auto;padding:0 .2rem}
.index_product  .lists  .swiper-page .swiper-pagination-fraction span{font-size:.16rem;color:#6b6b6b}
.index_product  .lists  .swiper-page .swiper-pagination-fraction  .swiper-pagination-current{font-weight:bold;color:black;font-size:.2rem}
.index_product  .lists  .swiper-page .slide-button-next{width:.24rem;height:.13rem;background:url(/public/common/images/icon25.png) no-repeat;background-size:.24rem .13rem}
.index_nav {position:relative}
.index_nav  a{position:relative}
.index_nav  a .text{position:absolute;left:7%;bottom:10%}
.index_nav  a .text h1{font-size:.44rem;color:white;font-family:"jinghei";padding:0 0 .2rem;opacity:0;transform:translateY(100px)}
.index_nav  a .text p{font-size:.24rem;color:white;;opacity:0;transform:translateY(100px)}
.index_nav  a .text span{display:inline-block;margin:.6rem 0 0 ;font-size:.16rem;color:white;padding:0 0 0 .25rem;position:relative;z-index:2;;opacity:0;transform:translateY(100px)}
.index_nav  .swiper-slide-active a .text h1{transition: 1s;transition-delay:.4s;transform:none;opacity:1;}
.index_nav  .swiper-slide-active a .text p{transition: 1s;transition-delay:.4s;transform:none;opacity:1;}
.index_nav  .swiper-slide-active a .text span{transition: 1s;transition-delay:.6s;transform:none;opacity:1;}
.index_nav  a .text span:after{content:"";position:absolute;background:#009ab1;width:.55rem;height:.55rem;border-radius:100%;left:0;top:50%;transform:translateY(-50%);z-index:-1;transition:.6s}
.index_nav  a:hover .text span:after{width:.75rem;height:.75rem;transition:.6s}
.index_nav  a:hover img{transform:scale(1.1)}
.index_nav .swiper-page>div{position:absolute;width:.55rem;height:.55rem;border:1px solid white;border-radius:100%;line-height:.55rem;text-align:center;font-size:.3rem;color:white;outline:none;z-index:2;top:50%;left:8%}
.index_nav .swiper-page>div.slide-button-next {left:auto;right:8%}
.index_nav .swiper-page>div:hover{background:white;color:black}
.index_service>div{padding:.85rem 0  1rem}
.index_service .top{display:flex;justify-content: space-between;position:relative}
.index_service .top .time{position:absolute;right:0;top:-.5rem;z-index:-1}
.index_service .top .time h1{font-size:3.9rem;color:#f9f9f9}
.index_service .top .left .tit {padding:0 0 1.2rem}
.index_service .top .left .tit h1{font-size:.48rem;font-family:"jinghei";padding:0 0 .1rem;color:#3c3b3c}
.index_service .top .left .tit p{font-size:.16rem;color:#8a8889}
.index_service .top .left  .infos h1{font-size:.36rem;font-family:"msjh";padding:0 0 .23rem;color:#3c3b3c}
.index_service .top .left  .infos h2{font-size:.36rem;font-family:"jinghei";color:#3c3b3c}
.index_service .top .right{padding:.75rem  0 0 }
.index_service .top .right p{font-size:.16rem;color:#383838;margin:0 0 .05rem}
.index_service .top .right p em{font-size:.3rem;font-weight:bold}
.index_service  .service_nav{padding:.85rem 0 0 }
.index_service  .service_nav ul{display:flex}
.index_service  .service_nav ul li{width:25%;background:#f0f3f8;;border-right:1px solid #d8d9dc}
.index_service  .service_nav ul li a{height:3.05rem;;padding:.6rem 0 0 .4rem}
.index_service  .service_nav ul li:last-child{border:0}
.index_service  .service_nav ul li:nth-child(1) a{background:url(/public/common/images/icon27.jpg) no-repeat;background-size:cover}
.index_service  .service_nav ul li a h1{font-size:.3rem;font-family:"jinghei";color:#3c3b3c;padding:1rem 0  0;position:relative}
.index_service  .service_nav ul li a p{font-size:.16rem;color:#767676;padding:.05rem 0 0;position:relative;padding:0 0 .45rem}
.index_service  .service_nav ul li:nth-child(1) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon28.png) no-repeat;width:.56rem;height:.35rem;background-size:100%;top:0;left:5%;transition:.3s}
.index_service  .service_nav ul li:nth-child(2) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon29.png) no-repeat;width:.35rem;height:.36rem;background-size:100%;top:0;left:5%;transition:.3s}
.index_service  .service_nav ul li:nth-child(4) a h1:after{content:"";position:absolute;background:url(/public/common/images/icon30.png) no-repeat;width:.32rem;height:.45rem;background-size:100%;top:0;left:5%;transition:.3s}
.index_service  .service_nav ul li:nth-child(3  ) a  h1:after{content:"";position:absolute;background:url(/public/common/images/icon31.png) no-repeat;width:.38rem;height:.33rem;background-size:100%;top:0;left:5%;transition:.3s}
.index_service  .service_nav ul li a:hover h1:after{top:-.1rem;transition:.3s}
.index_service  .service_nav ul li a p:after{content:"";position:absolute;background:url(/public/common/images/icon32.png) no-repeat;width:.26rem;height:.15rem;background-size:100%;bottom:0;left:0;transition:.3s} 
.index_service  .service_nav ul li a:hover p:after{left:5%;transition:.3s}
.index_news{background:#fafafa}
.index_news>div{display:flex;justify-content: space-between;align-items: center;}
.index_news .left{width:16%;padding:1.1rem 0 2rem;border-right:1px solid #dcdcdc}
.index_news .left .title h1{font-size:.48rem;color:#3c3b3c;font-family:"jinghei";padding:0 0 .15rem}
.index_news .left .title  p{color:#8d8c8c;font-size:.16rem}
.index_news .left .news_nav{padding:.8rem 0 2.6rem}
.index_news .left .news_nav ul li:first-child{margin:0 0 .25rem}
.index_news .left .news_nav ul li a{font-size:.16rem;color:#3a3a3a;display:inline-block;position:relative;padding:0 0 .05rem}
.index_news .left .news_nav ul li a:after{content:"";position:absolute;background:black;left:0;width:0;height:2px;bottom:0;transition:.3s}
.index_news .left .news_nav ul li#current  a:after{width:100%;transition:.3s}
.index_news .left  .more a{display:inline-block;padding:.14rem .36rem;background:#009ab1;font-size:.16rem;color:white;border-radius:50px;}

.index_news .right{width:79%}
.index_news .right  a .time {padding:0 0 .3rem}
.index_news .right  a .time h1{font-size:.48rem;color:#a9a9a9;font-family:"msjh"}
.index_news .right  a .time p{font-size:.16rem;;color:#a9a9a9;font-family:"msjh"}
.index_news .right  a  .text{padding:.2rem  0 0}
.index_news .right  a  .text h1{height:.44rem;line-height:.22rem;font-size:.18rem;font-family:"jinghei";color:black;margin:0 0 .25rem}
.index_news .right  a  .text p{font-size:.16rem;color:#595959;;font-family:"jinghei";line-height:.22rem;height:.66rem}
.index_news .right  a  .text  span{display:inline-block;margin:.45rem 0 0 ;font-size:.16rem;color:#595959;;font-family:"jinghei";padding:0 0 0 .4rem;position:relative}
.index_news .right  a  .text  span:after{content:"";position:absolute;background:url(/public/common/images/icon33.png) no-repeat;width:.21rem;height:.11rem;background-size:100%;left:0;top:50%;transform:translateY(-50%);transition:.3s}
.index_news .right  a:hover .text  span:after{transition:.3s;left:10%}
.index_news .right  a:hover  .time h1,.index_news .right  a:hover .time p{color:black}
.index_news .right  a:hover img{transform:scale(1.1)}
/*视频*/
.video_box {padding:1.25rem 0 1.35rem;}
.video_box #gallery .swiper-slide .title{margin:0 0 .45rem;text-align:center}
.video_box #gallery .swiper-slide .title h5{font-size:.18rem;color:#666}
.video_box #gallery .swiper-slide .title p{font-size:.14rem;color:#9c9c9c;margin:.2rem 0 0}
.video_box #gallery .swiper-slide .editor video{width:100%;height:7.6rem;background:#000;object-fit:cover;transition:none;}
.video_box .thumbs{position:relative;margin:.48rem 0 0;}
.video_box .thumbs .swiper-slide {cursor:pointer}
.video_box .thumbs .swiper-slide .imgs{position:relative}
.video_box .thumbs .swiper-slide .imgs:before{content:'';width:100%;height:100%;background:#fff;opacity:.5;position:absolute;top:0;left:0;z-index:2;transition: all .65s;}
.video_box .thumbs .swiper-slide .imgs img{width:100%;height:2.45rem;object-fit:cover;transition:none;}
.video_box .thumbs .swiper-slide p{font-size:.18rem;color:#666;margin:.2rem 0 0;text-align:center}
.video_box .thumbs .swiper-slide-thumb-active p{color:#37c3e3}
.video_box .thumbs .swiper-slide-thumb-active .imgs:before{opacity:0}
.video_box .thumbs .swiper-page>div{position:absolute;top:50%;left:-.8rem;transform:translateY(-50%);outline:none;width:.48rem;height:.48rem;border:1px solid #666;border-radius:100%;line-height:.46rem;text-align:center;font-size:.22rem;color:#666;}
.video_box .thumbs .swiper-page>div.slide-button-next{left:auto;right:-.8rem;}
.video_box .thumbs .swiper-page>div:hover {border-color:#009ab1;color:#009ab1}
/**/
.select_box {text-align:center;margin:.45rem 0 0}
.select_box>*{display:inline-block;vertical-align:middle;}
.select_box select{width:2.35rem;height:.5rem;border:1px solid #e5e5e5;font-size:.18rem;color:#333;padding-left:.25rem;outline:none}
.select_box button {width:.5rem;height:.5rem;background:#009ab1;font-size:.18rem;color:#FFF;text-align:center;border:0}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:black;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:white}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:black;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#009ab1;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:#009ab1}
.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_product .lists{padding:0 3rem 0 0}
    .index_product .lists .swiper-slide .left{width:35%}
    .index_product .lists .swiper-slide .right{width:65%}
    .about_company .right ul  li:nth-child(1):after{right:20%;top:35%}
.about_company .right ul  li:nth-child(2):after{right:0%;top:35%}
.about_company .right ul  li:nth-child(3):after{right:5%;top:30%}
.about_company .right ul  li:nth-child(4):after{right:0%;top:35%}
.about_company .right ul  li:nth-child(2),.about_company .right ul  li:nth-child(4){padding-left:.3rem}
.about_culture .text{background:white;width:80%;padding:1rem .6rem 0 3.5rem ;}
.about_culture .imgs{top:2rem}
.product_box .title{text-align:center;padding:1.1rem 0 .8rem;}
.productlist  .lists .items a  .text{padding:.6rem .3rem 0 .3rem;}
.productlist .lists .items a .text span{margin:.8rem  0 0 }
.case .case_logo .lists{padding:0 2rem;display:flex;flex-wrap: wrap;justify-content: center;}
.serivice .service_strategy .bot .text{padding:.5rem .5rem 0 .5rem;}
.news_box .lists .items a .text span{margin:.3rem 0 0}
.news_box .lists .items a .text{padding:.2rem 0 0}
.footer .top .left .contacts p{font-size:.25rem}
}
@media(max-width: 1600px){
.about_history  .lists .swiper-container{height:7.8rem}
}
@media(max-width: 1300px){
.about_history  .lists .swiper-container{height:8.5rem}
}
@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 !important}
	
}
/********mobile*********/
@media(max-width:767px){
    .tem_banner  .txt {position:absolute;left:.24rem}
    .index_product .lists{padding:0}
    .index_product .lists .swiper-slide{display:initial}
    .index_product .lists .swiper-slide .left{width:100%}
    .index_product .lists .swiper-slide .right{width:100%}
    .index_product .lists .swiper-slide .right>img{width:40%}
    .index_product .lists .swiper-slide .right .logo{width:20%}
    .index_product .lists .swiper-page{position:inherit;display:flex;justify-content: center;transform:translateY(0);right:0;top:0;padding:.3rem 0 0 }
    .index_service .top .time h1{font-size:2rem}
    .index_service .service_nav ul{display:flex;flex-wrap: wrap;}
    .index_service .service_nav ul li{width:50%}
    .index_news .left .news_nav{padding:.8rem 0 .6rem}
    .index_news .left .more a{padding:.1rem  .05rem}
    .footer .top .fot_nav{display:none}
    .footer .top .left{width:50%}
    .footer .top .right{width:50%}
    .footer .bot{display:inherit}
   .about_company>div{display:inherit}
   .about_company .left{width:100%}
   .about_company .right{width:100%}
   .about_culture .text{background:white;width:100%;padding:.2rem .6rem 0 .2rem ;}
   .about_culture .imgs{display:none}
   .about_history .lists  .items .text p{display:none}
   .productlist .lists .items{width:100%}
   .productlist .lists .items a .img{width:50%}
   .productlist .lists .items a .text{width:50%}
   .productlist  .lists .items a  .text{padding:.3rem;}
   .productlist .lists .items a .text span{margin:.3rem 0 0}
   .product .pro_top .top{display:inherit}
   .product .pro_top .top .left{width:100%}
   .product .pro_top .top .right{width:100%;padding:.5rem 0 0}
   .product .pro_top .bot p{padding:0}
   .tem_banner .flash .txt{width:100%}
   .case .case_logo .lists{padding:0}
   .case .case_logo .lists .items{width:33.33%}
   .case .case_list .swiper-slide .items{width:100%}
   .serivice .service_strategy .top .lists .items{width:48%;height:4rem}
   .serivice .service_strategy .top .lists .items .img{height:1rem}
   .serivice .service_strategy .bot{display:inherit}
   .serivice .service_strategy .bot .img{width:100%}
   .serivice .service_strategy .bot .text{width:100%;}
   .serivice .service_strategy .bot .text{padding:.5rem }
   .serivice .service_illustrate .lists a .img{width:30%}
   .serivice .service_illustrate .lists a .text{width:60%}
   .serivice .service_sales .title{padding:0;width:100%}
   .news_box .lists .items a{display:flex;flex-wrap: wrap;}
   .news_box .lists .items a .text{width:100%}
   .news_box .lists .items a .img{width:70%}
   .news_box .lists .items a .time{width:20%}
   .contact_box .contact>div{display:inherit}
   .contact_box .contact .left{width:100%}
   .contact_box .contact .left .txt ul{display:inherit}
   .contact_box .contact .left .txt ul li{width:100%;margin:.2rem 0 0 }
   .contact_box .contact .left .infos ul{display:flex;flex-wrap: wrap;}
   .contact_box .contact .left .infos ul li{width:50%;height:4rem}
   .contact_box .contact .left .infos ul li .text{height:1.5rem}
   .contact_box .message .form .infos{display:inherit}
   .contact_box .message .form .infos .first{width:100%}
   .contact_box .message .form{width:100%}
   .contact_box  .message .form .infos .first input{padding:.23rem  .4rem .23rem .8rem;}
   .job .top .txt{position:inherit}
   .job .top .info  s .left{left:0;text-align:left}
   .job .top .txt ul li:nth-child(3){transform:translateY(0);width:100%}
   .job .top .txt ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
    .job .top .txt ul li{width:100%;margin:.2rem  0 0}
    .job .job_list .lists .left{width:30%;}
    .job .job_list .lists .right{width:68%}
    .job .job_list .lists .right .items_box .mains ul{display:inherit}
    .job .job_list .lists .right .items_box .mains ul li{border:0;padding:0}
    .job .top .infos .left{left:0;text-align:left}
    .contact_box .contact .map{width:100%}
    .contact_box .contact .map #container{height:8rem}

}