*{margin: 0px;padding: 0px;box-sizing: border-box; font-family:'OpenSans','Microsoft YaHei','Helvetica Neue','PingFang SC','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;

 font-size: 14px;}
a{text-decoration: none;}
.clr{ clear:both;}
ul,li{ list-style:none;}
body{ color: #454545; background: #fff; }
img{ max-width:100%; vertical-align: middle;}
@font-face {
  font-family: "Anton";
  src: url("../fonts/Anton-Regular.ttf") format("truetype"); 

}


/*  头部信息  */
.header-box{ width: 100%; height:80px;z-index: 99; position: fixed; top: 0;  background: #fff; transition: all .5s ease;box-shadow: 2px 2px 4px rgba(0,0,0,0.1);}
.header-box-cen{  width: 100%; margin: 0 auto; max-width: 1315px; padding: 0 3%;display: flex;justify-content : space-between; }
.header-Logo{ max-width: 324px;  height: 80px;display: flex;align-items: center;justify-content: center; float: left;}
.menu-box{ width: auto;height: 36px; margin-top: 24px;}
.menu-box li{float: left; text-align: center; position: relative;  }
.menu-box li a{ display: block; color: #454545; padding: 0 20px; height: 36px; line-height: 36px; margin-right: 5px; border-radius: 5px; position: relative; transition: all .5s ease;display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-content: center;}
.menu-box li a:hover{transition: all .5s ease; color: #fff; background: #073f7e; }
.menu-box li .menu_link{color: #fff;background: #073f7e;}
.lanbox{ color: #999 !important;}
.lanbox:hover{ background: none !important; color: #073f7e !important;}


.menu_icon{ width: 40px; line-height: 50px; position: absolute; display: none; right: 10px; top: 0;  color: #fff; text-align: center;cursor: pointer;}
.menu_icon span{ color: #3e89c9; font-size: 26px;}
.Right-menu-box{ width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0,0,0,0.5); z-index: 99; display: none;}
.Right-menu-list{ width: 240px; height: 100%;  position: fixed; top: 0; right:-250px; background: #fff; transition: all .5s ease;}
.Right-menu-list ul{ padding-top: 60px; height: 95%; overflow-y: auto;}
.Right-menu-list li{ width: 100%; height: auto;border-bottom: #ddd solid 1px; position: relative}
.Right-menu-list li a{ color: #000; font-size: 18px; display: block; padding:15px 30px; z-index: 6; position: relative; }
.Right-menu-list li a:hover{ color: #1a6d83;background: #eeeeee; }
.r-block{ display: block;}
.r_none{ display: none;}


.Right-clos{ width: 40px; height: 40px; text-align: right; color: #000;  font-weight: bold; position: fixed; 
right: 20px; top: 18px; cursor: pointer;}
.kong{ width: 100%; height: 80px;}
.header-right{  float: right;}
.header-right ul{ float: right; width: 45%; padding-top: 10px;}
.header-right ul li{ width: 46%; float: left; text-align: center; margin-left: 4%;}
.header-right ul li p{ font-size: 12px;}
.header-right ul li img{ width: 90%;}
.header-tel{ font-size: 22px; font-weight: bold; height: 100px;float: left; color: #454545;display: -webkit-flex;
display: flex;flex-wrap: wrap;align-content: center;}
.header-tel span{ color: #e70012; font-size: 18px; position: relative; top: 2px;}

/*  banner轮播  */
.banner_box{width:100%;height:auto;position:relative;  }
.banner_ov{width:100%;height:auto;overflow:hidden;margin: 0 auto;position:relative;}
.banner_box .swiper-slide{ overflow: hidden; position: relative; padding-bottom: 35.8%; cursor:grab;background-size: cover !important;background-position: 50% !important;}
.banner_box .swiper-slide img{ width: 100%;}
.banner_box .swiper-pagination{ opacity:1; }
.banner_box .bann-swiper-pagination{bottom: 20px !important;width: 100%;position: absolute; text-align: center; z-index:6;}
.banner_box .swiper-pagination-bullet{width: 12px;height: 12px; margin-right: 20px; border-radius: 100px; border: none; background: #fff;
opacity:1 !important;transition: all .3s; outline: none;}
.banner_box .swiper-pagination-bullet-active {opacity: 1;background:#cca400;transition: all .3s;border-radius: 100px; }
.banner-text{ position: absolute; top: 35%; overflow: hidden; width: 100%; text-align: center; color: #fff; z-index: 9; }
.banner-text span{ margin-top: 20px; margin-bottom: 35px; overflow: hidden; display: block;}
.banner-text p{ font-size: 50px; font-weight: bold;}
.banner-text a{ width: 120px; height: 40px; line-height: 40px; margin: 0 auto; border: rgba(255,255,255,0.5) solid 1px; display: block; text-align: center; color: #fff;}
.banner-text span i{display: block;font-size: 50px; font-weight: bold; font-style: normal; }


/*  案例  */
.cenbox{ margin: 0 auto; max-width: 1315px; padding: 0 3%; margin-top:3%;}
.top-title-box{ width: 100%; text-align: center;}
.top-title-box div{ display: inline-block; font-size: 36px; margin: 0 30px; color: #454545; font-weight: bold; position: relative;}
.top-title-box p{ font-weight: normal; width: auto; font-size: 14px; padding-top: 5px; color: #999999; text-transform: Uppercase;}
.top-title-box div::before{ width: 120px; background: #e8e8e8; height: 1px; margin-right: 20px; position: relative; top: -10px; display: inline-block; content: "";}
.top-title-box div::after{ width: 120px; background: #e8e8e8; height: 1px; margin-left: 20px; position: relative; top: -10px;  display: inline-block; content: "";}
.text-content{ width: 100%; text-align: center; line-height: 1.85rem; font-size: 17px; margin-top: 30px;}

.home-cases{ width:100%; height:auto; margin-top: 5%; position: relative;  }
.home-cases .cases-tab{ overflow:hidden; text-align: center;}
.home-cases .cases-tab a{ display:inline-block;  width: 16%; text-align: center; position: relative;   text-decoration:none; color:#565656;}
.home-cases .cases-tab a:nth-child(1)::before{ display:none;}
.home-cases .cases-tab a::before{ width: 1px; height: 100%; content: ""; background: #e5e5e5; display: block; position: absolute; left: 0; top: 0;}
.home-cases .cases-tab a img{ display: block; margin: 0 auto; margin-bottom: 10px; max-width: 70px; max-height: 70px;}
.home-cases .cases-tab a:hover{  text-decoration:none;}
.home-cases .cases-tab a.cases-on{text-decoration:none; color: #073f7e;}
.home-cases .cases-content{ overflow:hidden; margin-top: 47px; padding-bottom: 3%; padding-top: 15px;}
.home-cases .cases-content li{ display:none;}
.home-cases-box{ width: 100%; height: 268px; background: #f5f5f5;}
.home-cases-img{ width: 50%; height: 268px; position: relative; float: left;}
.home-cases-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;}
.home-cases-right{ width: 50%; height: 268px; padding: 40px; float: right;}
.home-cases-right p{ font-size: 24px; color: #454545; font-weight: bold; }
.home-cases-text{ line-height: 30px; height: 90px;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical; margin-bottom: 15px;margin-top: 15px;
    -webkit-line-clamp: 3;word-wrap: break-word;word-break: break-all;}
.home-cases-right a{ width: 120px; height: 36px; line-height: 36px; font-size: 14px; float: right; background: #073f7e; color: #fff; text-align: center; display: block; border-radius: 5px;}
	

.home-products{ width: 100%; height: auto; overflow: hidden; background: #f0f0f0; margin-top: 3%; padding-top: 3%;}
.home-products-cen{ margin: 0 auto; max-width: 1315px; padding: 0 3%; margin-top:3%;}
.ability-box{ width: 100%; margin: 0 auto; margin-top: 5%; margin-bottom: 5%;}
.ability{ width:100%; height:auto; margin-top: 3%; position: relative; }
.ability .ability-tab{ overflow:hidden; text-align: center;}
.ability .ability-tab a{ display:inline-block; margin: 0 5px; padding:9px 36px; border-radius: 5px; background: #fff;  text-decoration:none; color:#565656; }
.ability .ability-tab a:hover{  text-decoration:none; background: #073f7e; color: #fff;}
.ability .ability-tab a.ability-on{ text-decoration:none; background: #073f7e; color: #fff;}
.ability .ability-content{ overflow:hidden; margin-top: 47px; padding-bottom: 3%; padding-top: 15px;}
.ability .ability-content li{ display:none;}
.ability-pic .About-pic-butt{ margin-top: 40px;}
.ability-pic-img{ height: 364px;display: flex; overflow: hidden; position: relative;
align-items: center;
justify-content: center;}
.ability-pic-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;}
.ability-title{ height:77px; padding: 0 25px; font-size: 16px; color: #565656; margin-top: 15px; position: relative; }
.ability-title div{ color: #333; margin-bottom: 5px;   overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ability-title p{ color: #333;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.abilityB{ width: 91%; margin: 0 auto; height: 444px;transition: all .3s ease-out 0s; background: #fff; border: #dcdcdc solid 1px;box-shadow: 0 5px 15px rgba(7,63,126,.1);}
.ability .swiper-slide{ width: 33.333%;}
.ability-buttom-left{ left: -40px !important; outline:none; color: #999 !important;  transform:scale(.5);}
.ability-buttom-left::after,.ability-buttom-right::after{ font-size: 60px !important;}
.ability-buttom-right{ right: -40px !important;outline:none;color: #999 !important;  transform:scale(.5);}
.abilityB:hover{box-shadow: 0 5px 15px rgba(7,63,126,.1);margin-top: -10px;transition: all .3s ease-out 0s;}
.abilityB:hover .ability-title div{ color: #073f7e;}
.home-products-more{width: 120px; height: 36px; line-height: 36px; font-size: 14px; margin: 0 auto; background: #073f7e; color: #fff; text-align: center; display: block; border-radius: 5px;}
.abilityC{ width: 91%; margin: 0 auto; height: 444px;transition: all .3s ease-out 0s; background: #fff; border: #dcdcdc solid 1px;box-shadow: 0 5px 15px rgba(7,63,126,.1);}
.abilityC:hover{box-shadow: 0 5px 15px rgba(7,63,126,.1);margin-top: -10px;transition: all .3s ease-out 0s;}
.abilityC:hover .abilityC-title div{ color: #073f7e;}
.home-systems{ width: 100%; height: auto; overflow: hidden; background: #8B8A8A; margin-top: 3%; padding-top: 3%;}
.home-systems-cen{ margin: 0 auto; max-width: 1315px; padding: 0 3%; margin-top:3%;}
.home-systems-more{width: 120px; height: 36px; line-height: 36px; font-size: 14px; margin: 0 auto; background: #073f7e; color: #fff; text-align: center; display: block; border-radius: 5px;}


.home-about{ margin-top: 5%; height: auto; overflow: hidden; margin-bottom: 5%;}
.home-about-left{ width: 50%; float: left;}
.home-about-right{ width: 45%; height: 320px; position: relative; float: right;}
.home-about-right img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;}
.home-about-title{ font-size: 36px; color: #454545; font-weight: bold;}
.home-about-p{color: #999; font-size: 14px; margin-top: 5px; text-transform: Uppercase;}
.home-about-text{ line-height: 1.75rem; margin-top: 40px; margin-bottom: 50px;}
.home-about-more{ float: left;}


.home-news-bg{ padding-bottom: 5%;}
.home-news-left{ width: 42%; height: auto; overflow: hidden; float: left;}
.home-news-img{ width: 100%; height: 343px; position: relative;}
.home-news-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;}
.home-news-lbg{ width: 100%; height: 100px; padding: 0 20px; padding-top: 25px; background: #fff;}
.home-news-lbg div{ font-size: 20px; color: #454545; font-weight: bold; margin-bottom: 5px;}
.home-news-lbg p{ font-size: 14px; color: #999;}
.home-news-right{ width: 56%; float: right;}
.home-news-right li{ width: 100%; height: 100px; background: #fff; margin-bottom: 14px;}
.home-news-time{ width: 100px; height: 100px; background: #073f7e; text-align: center; color: #fff; float: left;}
.home-news-time p{ padding-top: 8px; font-size: 40px; font-family: "Anton";}
.home-news-time span{font-family: "Anton"; position: relative; top: -5px;}
.home-news-tRight{ width: 80%; float: right; padding-right: 20px; color: #454545;}
.home-news-tRight p{ padding-top: 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom: 10px; font-weight: bold; font-size: 20px;}
.home-news-tRight div{ font-size: 14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.home-news-right li:hover .home-news-tRight p{ color: #073f7e;}


.home-customers{ width: 100%; height: auto; overflow: hidden; margin-top: 5%;}
.home-customers li{ width: 15%; height: 80px; overflow: hidden; position: relative; float: left; border: #dcdcdc solid 1px; margin-right: 2%; margin-bottom: 2%;}
.home-customers li a{ width: 100%; height: 100%; display: flex;
align-items: center;
justify-content: center;}
.home-customers li a img{ max-width: 100%; max-height: 100%;transition: all .5s ease;}
.home-customers li:nth-of-type(6n){margin-right: 0;}
.home-customers li:hover img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}


.Footer{ width: 100%; height: auto; overflow: hidden; background: #f0f0f0; margin-top: 5%;}
.footer-logo{ width: 30%; float: left;}
.footer-cen{ width: 40%; float: left; text-align: center;}
.footer-cen2{ width: 40%; float: left; text-align: center;}
.footer-tel-icon{ display: inline-block; position: relative; top: -20px;}
.footer-tel-box{ display: inline-block; text-align: left; padding-top: 15px;}
.footer-tel-box div{font-family: "Anton"; font-size: 36px; position: relative; top: -5px;}
.footer-contact{ width: 28%; float: right;}
.footer-contact li{ width: 100%; height: auto; overflow: hidden; padding-top: 5px; padding-bottom: 5px;}
.footer-contact li span{ border: #073f7e solid 1px; color: #073f7e; padding: 2px; margin-right: 5px; border-radius: 100px;}
.footer-copy{ width: 60%; float: left; font-size: 14px; color: #9f9f9f; padding-bottom: 20px;}
.footer-copy a{color: #9f9f9f;}
.footer-tech{ float: right; font-size: 14px; color: #9f9f9f;padding-bottom: 20px;}
.footer-tech a{color: #9f9f9f;}
.footer-line{ width: 100%; height: 1px; background: #c8c8c8; margin-top: 30px; margin-bottom: 30px;}


.aboutbottom{ padding-bottom: 200px;}



.ny-bann{ width: 100%; padding-bottom: 19% ; position: relative;background-size: cover !important;background-position: 50% !important;}
.ny-bann div{ position: absolute; width: 100%; left: 50%; margin-left: -600px; max-width: 1200px; color: #fff; text-align:right;top: 36%; }
.ny-bann div span{ font-weight: bold; font-size: 36px}
.ny-bann div p{ text-transform: Uppercase;font-size: 36px;  }



.ny-menu{ width: 100%; height:auto ; overflow: hidden; padding-top: 40px; padding-bottom: 20px; text-align: center; }
.ny-menu li{ display: inline-block;}
.ny-menu li a{ margin: 0 10px; padding: 0 40px; border-radius: 5px; height: 40px; line-height: 40px; color: #454545; display: inline-block; position: relative; 
 background: #f5f5f5; }
.ny-menu li a:hover{background: #073f7e; color: #fff; }
.ny-menu li .menu-act{ background: #073f7e;  color: #fff; }


.list_news{ width: 100%; height: auto; overflow: hidden; margin-top: 60px;}
.list_news li{ width: 100%; height: auto; border: #dcdcdc solid 1px; overflow: hidden; margin-bottom:2%;  }
.list_news li:hover .list_news-img img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.list_news-img{ width: 30%; padding-bottom: 18%; float: left; position: relative; overflow: hidden;}
.list_news-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.list_news-right{ width: 67%; float: left; margin-left: 3%;}
.list_news-title{ font-size: 20px; color: #454545; font-weight: bold; margin-top: 20px;}
.list_news-right p{ float: left; font-size: 14px; color: #999; margin-top: 10px;}
.list_news-text{ width: 100%; height: auto; overflow: hidden; padding-top: 25px; margin-bottom:20px;  display: block;  color: #454545;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical; padding-right: 20px; line-height: 1.75rem;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;}
.list-moreR{ float: right;}
.more-box {
    height: 36px;
    line-height: 36px; margin-right: 20px;
    display: block; font-size: 14px;
    text-align: center;
    color: #fff;transition: all .5s ease;
}
.list_news li:hover .list_news-title{color: #073f7e;}
.list_news li:hover .more-box{ background: #fff; color: #00b7eb;transition: all .5s ease;}
.show-title{ width: 100%; text-align: center; font-size: 24px; color: #454545; font-weight:bold; margin-top: 40px;}
.news-more{ font-size: 14px; color: #999;border:#dcdcdc solid 1px; width: 160px;  border-radius: 5px;
display: block; text-align: center; height: 40px; line-height: 36px; margin: 0 auto; margin-top: 40px;}
.news-more span{margin-right: 5px; font-size: 20px; position: relative; top: 2px;}
.news-more:hover{ background: #073f7e; color: #fff;border:#073f7e solid 1px; }

.lisnorebox{ font-size: 14px; color: #999; width:120px; border-radius: 5px; margin-right: 20px; position: relative; top: -15px; float: right; text-align: center; height: 40px; line-height: 40px; background: #073f7e; color: #fff;}
.lisnorebox span{margin-left: 5px; font-size: 20px; position: relative; top: 2px;}
.show-content{width: 100%; line-height: 1.85rem; padding: 40px; font-size: 17px; margin-top: 2%;border:#dcdcdc solid 1px; }
.show-news-time{color: #999; width: 100%; text-align: center; margin-top: 10px; font-size: 14px;}



.gpsbox span{color: #92bb2c; margin-right: 5px;}
.gpsbox a{ color: #454545;}


.contact-left{ width: 50%; float: left;}
.contact-left li{ width: 100%; padding-top: 8px; padding-bottom: 8px;}
.contact-left li span{ padding: 4px; margin-right: 8px; font-size: 14px; border-radius: 100px; border: #073f7e solid 1px; color: #073f7e;}
.contact-left-title{ font-size: 24px; font-weight: bold;border-bottom: #ddd solid 1px; padding-bottom: 15px; margin-bottom: 40px;}
.contact-right{ width: 45%; float: right;}
.map-box{ width: 100%; height: auto; overflow: hidden; border: #ddd solid 1px; margin-top: 50px;}
.map-box-left{ width: 50%; float: left; line-height: 60px; font-size: 20px; font-weight: bold; margin-left: 20px;}
.map-box-left span{ color: #92bb2c; margin-right: 10px;}
.map-box-right a{ float: right; line-height: 60px; color: #3e89c9; margin-right: 20px; font-size: 18px;}
.map-box-right a span{ margin-right: 10px; }
.contact_map{ width: 100%; height: auto; overflow: hidden;}
.contact_map img{ max-width: inherit;}

.pc-none{ display: none;}
.wapimg{ margin-bottom: 20px;}


.products-list-box{ width: 100%;}
.products-list-box li{ width: 31%; float: left; height: auto; margin-right: 3.5%; margin-bottom: 30px; overflow: hidden; border: #dcdcdc solid 1px;}
.products-list-box li:nth-of-type(3n){margin-right: 0;}
.products-imgbox{ width: 100%;  overflow: hidden; height: auto; padding-bottom: 100%; position: relative;}
.products-imgbox img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.products-t1{ padding:20px; height: 90px; overflow: hidden;}
.products-t1 p{ color: #454545; margin-top: 3px; margin-bottom:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.products-list-box li:hover .products-imgbox img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.show-pro{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}

.show-left{ width:45%; height: 560px; float: left;position: relative;}
.culture_thumb{ padding: 10px !important; padding-left: 0px !important; padding-right: 0 !important;}
.show-left .swiper-slide a{ display: block; width: 100%; height: 100%; position: absolute; top: 0;}
.show-left .swiper-slide {background-size: cover;background-position: center; position: relative;}
.show-left .swiper-slide div{ width: 100%; height: 100%;display: flex; position: relative; align-items: center;justify-content: center;}
.show-left .swiper-slide div img{ max-height: 100%; /*position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;*/transition: all .5s ease;}
.gallery-top { height: 78%;width: 100%; border: #e5e5e5 solid 1px;}
.show-left .gallery-thumbs {height: 22%;box-sizing: border-box;padding: 10px 0; }
.show-left .gallery-thumbs .swiper-slide {width: 25%;height: 100%; cursor: pointer; border: #e5e5e5 solid 1px;}
.show-left .swiper-slide-thumb-active{border: #0062b2 solid 1px !important;transition: all .3s;}

.galculture-button-next{ position: absolute;right: 0px;z-index: 6; text-align: center; cursor: pointer; outline: none; 
 width: 20px !important;height: 70px!important;
 background:#f8f8f8;transition: all .3s;line-height: 70px; top: 84% !important;color: #454545;
  opacity: 1;transition: all .3s ease;}
.galculture-button-prev{ position: absolute;left: 0px;z-index: 6; text-align: center; cursor: pointer;  
outline: none;  width: 20px;height: 70px;line-height: 70px;background:#f8f8f8;transition: all .3s;top: 84%;color: #454545; opacity: 1;
transition: all .3s ease;}
.show-left span{ font-size: 20px;}
.show-left:hover .galculture-button-next,.show-left:hover .galculture-button-prev{ opacity: 1;transition: all .3s ease;}
.show-left .swiper-button-disabled{  color: #ccc; cursor: not-allowed}
.show-left .gallery-thumbs{ margin: 0 30px;}
.show-pro-right{ width: 52%; float: right; padding: 4%;}
.pro_r:after{background-image: none;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #333333;
    border-left: 2px solid #333333;
    transform: rotate(-135deg);
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0; left: 5px;
    bottom: 0;
    margin: auto;}
.pro_l:after{background-image: none;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #333333;
    border-left: 2px solid #333333;
    transform: rotate(45deg);
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0; left: 7px;
    bottom: 0;
    margin: auto;}	
.show-pro-r2{ font-size: 30px; font-weight: bold; border-bottom: #ddd solid 1px; padding-bottom: 15px; margin-bottom: 15px;}
.show-pro-t3{ font-size: 20px;}
.show-pro-t4{ margin-top: 20px; line-height: 1.75rem;}
.show-products-5{ width: 100%; height: auto; overflow: hidden; border: #dcdcdc solid 1px; margin-top: 50px;}
.show-p1{ width: 100%; height: 70px; background: #f5f5f5; padding-top: 15px;}
.show-p1 p{  width: 120px; height: 40px; text-align: center; margin-left: 20px; line-height: 40px; background: #073f7e; color: #fff; border-radius: 5px;}
.show-p2{ /*padding: 40px 20px 40px 20px;*/ line-height: 1.75rem;}
#skypedetectionswf{ display: none }

.list_cases li{ margin-bottom: 40px;}
.sx-box{ width: 100%; height: auto; overflow: hidden; margin-top:80px;}
.sx-box li{ width: 46%; float: left;}
.sx-box li:nth-of-type(even){   float: right;}
.sx-top{ width: 100%; height: auto; overflow: hidden;}
.sx-top p{ width: 100px; height: 40px; line-height: 40px; border-radius: 5px; float: left; background: #073f7e; text-align: center; color: #fff;}
.sx-top div{ width: 70%; float: left; font-size: 24px; margin-left: 20px; line-height: 40px; color: #454545; font-weight: bold; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sx-bottom{ margin-top: 30px; width: 100%; padding-bottom: 46%; position: relative;}
.sx-bottom img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.list_Technology{ width: 100%; height: auto; overflow: hidden;}
.list_Technology li{ width: 100%; height: auto; overflow: hidden;  border: #dcdcdc solid 1px; padding: 30px; margin-bottom: 30px;}
.list_Technology-title{ color: #454545; font-size: 18px; font-weight: bold;}
.list_Technology-text{ color: #666; line-height: 30px; height: 60px; overflow: hidden; margin-top: 15px; margin-bottom: 15px;}
.list_Technology li p{ color: #999;}
.list_Technology li:hover .list_Technology-title{ color: #073f7e;}

.show_piclist2 {   padding: 0px 0 0px; margin-bottom: 50px; }
.show_piclist2 li { float: left; box-sizing: border-box; width: calc((100% - 60px) / 3); border: #ddd solid 1px; margin: 0 30px 30px 0; }
.show_piclist2 a { overflow: hidden; position: relative; display: block; padding-top: 69.57%; }
.show_piclist2 img { max-width: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.detail-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; }
.show_piclist2 li:nth-of-type(3n) { margin-right: 0; }
.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;opacity: 1;display: none;}
.lightbox {position: fixed;top:1px !important;left: 0;width: 100%;z-index: 10000;height: 100%;text-align: center;line-height: 100%;}
.lightbox .lb-image {display: block;height: auto;}
.lightbox a img {border: none;}
.lb-outerContainer {position: relative;*zoom: 1;width: 250px;height: 100% !important;line-height: 100%;margin: 0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.lb-outerContainer:after {content: "";display: table;clear: both;}
.lb-container {}
.lb-loader {position: absolute;top: 43%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto; background: url(../images/loading.gif) no-repeat;}
.lb-nav {position: absolute;top: 0;left: 0; height: 100%;width: 100%;z-index: 10;}
.lb-container>.nav {left: 0;}
.lb-nav a {outline: none;}
.lb-prev,.lb-next {width: 50px;height: 60px;cursor: pointer;position: fixed;top: 50% !important;/* Trick IE into showing hover */display: block;}
.lb-prev {left: 0px;margin-left: 10px;float: left;}
.lb-prev:hover {}
.lb-next {right: 0px;float: right; margin-right: 10px;display: block;}
.lb-next:hover {}
.lb-dataContainer {margin: 0 auto;*zoom: 1;width: 100%;}
.lb-dataContainer:after {content: "";display: table;clear: both;}
.lb-data {padding: 0 4px;color: #bbbbbb;}
.lb-data .lb-details {width: 85%;display: none !important;float: left;padding: 0 20px; text-align: left;height: 25px;line-height: 25px;margin-top: 15px;}
.lb-data .lb-caption {font-size: 16px;font-weight: bold;width: auto;height: 25px;float: left;line-height: 25px;margin-right: 20px;}
.lb-data .lb-number {display: block;float: left;padding-bottom: 1em;font-size: 18px;color: #999999;}
.lb-data .lb-close {display: block;position: fixed;right: 10px;z-index: 9999999;width: 31px;border-radius: 100px;top: 20px; height: 31px; line-height: 31px;text-align: center;outline: none;}
.lb-data .lb-close:hover {cursor: pointer;opacity: 1;}
.lb-image{ max-width: inherit;}

.project-image { transition: transform 1s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; }
.project-image img{ max-width: 100%; max-height: 100%;}
.projects a:hover .project-image { transform: scale(1.05); }
.projects li:hover .project_text{ opacity: 1; bottom: 20px;transition: all .5s ease; }
.projects li:nth-of-type(3n) { margin-right: 0; }
.lazyload { opacity: 0; transition: opacity 0.9s, transform 1s ease-out; }
.lazyload.loaded { opacity: 1; }
.icon-circle_left:before,.icon-leftarrow:before{color: #fff; opacity: 1; font-size: 26px; background: none !important;}


.join-list{ width: 100%; height: auto; overflow: hidden;}
.join-list li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 30px; border: #dcdcdc solid 1px; padding: 40px;}
.join-top{ width: 100%; height: auto; overflow: hidden; padding-bottom: 15px; margin-bottom: 40px; border-bottom: #073f7e solid 1px;}
.join-title{ font-size: 24px; font-weight: bold; float: left; margin-right: 20px;}
.join-top p{float: left; margin-right: 15px; color: #666; position: relative;top: 5px;}
.join-time{float: right; color: #999; font-size: 14px;}
.join-bottom{ width: 48%; float: left;}
.join-bottom-t1{ font-size: 18px; margin-bottom: 20px; font-weight: bold;}
.join-text{ line-height: 1.75rem;}
.join-bottom-right{ float: right;}

.kfu-box{ width: 150px; height:auto;  overflow: hidden; position:fixed; top: 50%; right: -119px; z-index: 9;
box-shadow: 2px 2px 14px rgba(0,0,0,0.1); background: #fff;transition: all .5s ease; }
.kfu-icon{ width: 31px; float: left; height: 100%;background: #92bb2c ; position: absolute; left: 0; top: 0; }
.kfu-list{ padding-left:20px; width: 128px;min-height: 120px; padding-top:35px; float: left; margin-left: 18px;  height:auto; overflow: hidden; }
.kfu-list li{ width: 100% ; height: 20px; line-height:20px; margin-bottom: 15px}
.kfu-list li a{ color: #666; font-size: 14px ; padding-left:10px; display: block; border-radius: 100px}
.kfu-list li a span{ margin-right: 5px; }
.kfu-list li a:hover{ background: #92bb2c ; color: #fff }
.kfu-box:hover{right: 0;transition: all .5s ease;}


@media (min-width:320px) and (max-width:768px)
{
.header-box,.header-Logo,.kong{ height: 60px;}
.header-Logo{ max-width:100px;}
.menu_icon,.wap-block,.menu_icon{ display: block;}
.menu-box,.wap-none,.menu-box,.header-right,.home-news-title img,.footer-pic,.show-team-left::before,.list_news-text,.lisnorebox
,.home-about-right{ display: none;}
.banner_box .swiper-pagination-bullet{ width: 8px; height: 8px; margin-right: 10px;}
.banner_box .bann-swiper-pagination{ bottom: 10px !important;}
.min-menuclass{ position: relative; top: 0;z-index: 1;}
.Right-menu-list li:hover .min-menuclass{ display: block;}
body,.News-right dd,.text-content{ font-size:14px;  }
.header-box-cen{ padding-left: 4%;}
.cenbox{ padding: 0 4%; margin-top: 30px;}
.news-cen{ padding: 0 4%;}
.top-title-box div{ font-size: 26px; margin: 0 15px;}
.banner_box .swiper-slide{ padding-bottom: 43%;}
.menu_icon{ line-height: 60px;}
.home-about-title{ font-size: 26px;}

.home-news-cen{ width: 100%;}
.home-news-cen p{ width: 100%; font-size: 18px;white-space:inherit}
.home-about-img{ width: 100%; padding-bottom: 80%;}
.home-about-right{ width: 100%;}
.icon-news{ display: inline-block;}
.Footer{    background-position: 1% !important;}


.ny-bann{ padding-bottom: 40%;background-position: 10% !important;}
.ny-bann div,.show-field-title,.ny-bann div p,.ny-bann div span{ font-size: 20px;}
.top-title-box p{ font-size: 12px;}
.top-title-box div::before,.top-title-box div::after{ width: 40px;}
.home-cases .cases-tab a{ width: 32.333%; margin-bottom: 20px;}
.home-cases .cases-tab a img{ max-width: 40px; max-height: 40px;}
.home-cases .cases-tab a:nth-child(4)::before{ display:none;}
.home-cases-img{ width: 100%; height: 168px;}
.home-cases-box{ height: auto; overflow: hidden;}
.home-cases-right{ width: 100%; padding: 25px;}
.home-cases-text{ height: auto; overflow: hidden;-webkit-line-clamp:inherit}
.home-cases-right a{ float: left;}

.home-products{ padding-top: 35px; margin-top: 40px; padding-bottom: 30px;}
.ability .ability-tab a{ width: 48%; padding-left: 0; padding-right: 0; float: left; margin: 0 auto;margin-bottom: 10px; }
.ability .ability-tab a:nth-of-type(even){   float: right;}
.ability{ margin-top: 30px;}
.ability .swiper-slide{ width: 50%;}
.ability-pic-img{ height: 150px;}
.ability-title{ padding: 0 15px;}
.ability-title div{ font-size: 16px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ability-title p{ width: 100%;}
.abilityB{ height: 264px;}
.ability .ability-content{ margin-top: 20px;}
.abilityB{box-shadow: 0 -1px 10px rgba(7,63,126,.1)}
.ability-buttom-left{ left: 0 !important;}
.ability-buttom-right{ right: 0 !important;}
.abilityC{ height: 264px;}
.abilityC{box-shadow: 0 -1px 10px rgba(7,63,126,.1)}

.home-about-left{ width: 100%;}
.home-about-text{ margin-bottom: 15px;}
.home-news-left{ width: 100%;}
.home-news-img{ height: 213px;}
.home-news-lbg{ padding-top: 20px; height: auto; overflow: hidden; padding-bottom: 20px;}
.home-news-lbg div{ font-size: 16px;}
.home-news-right{ width: 100%; margin-top: 20px;}
.home-news-tRight{ width: 64%;}
.home-news-tRight p{ font-size: 16px;}
.home-news-right li,.home-news-time{ height: 90px;}
.home-news-time p{ padding-top: 3px;}
.home-customers li{ width: 32%;}
.home-customers li:nth-of-type(3n){ margin-right: 0;}
.home-customers li{ height: 70px;}
.footer-cen{ width: 100%; text-align: left;}
.footer-contact{ width: 100%;}
.footer-copy{ width: 100%;}
.footer-tech{ width: 100%;}
.footer-tel-icon img{ width: 30px;}

.list_news-img{ width: 100%; padding-bottom: 58%;}
.list_news-right{ width: 100%; margin-left: 0; padding: 0 15px;}
.list_news-right p{ margin-bottom: 20px;}
.list_news-title{ margin-top: 20px; font-size: 16px;}
.list_news li{ margin-bottom: 20px;}
.ny-menu{ padding: 0 4%; margin-top: 20px;}
.ny-menu li{ width: 48%; float: left; margin-bottom: 10px;}
.ny-menu li:nth-of-type(even){   float: right;}
.ny-menu li a{ margin: 0 auto; padding: 0 0; width: 100%; display:block;  }
.list_news{ margin-top: 0px;}
.show-content{ padding: 15px; font-size: 14px;}

.ny-bann div{ width: 92%; margin-left: -46%;}
.show-title{ font-size: 18px;}

.products-list-box li{ width: 100%;}
.show-left{ width: 100%; height: 380px;}
.galculture-button-prev,.galculture-button-next{ height: 40px !important;}
.show-pro-right{ width: 100%;}
.show-pro-r2{ font-size: 22px;}
.show-pro-t3{ font-size: 18px;}

.sx-box li{ width: 100%; margin-bottom: 30px;}
.sx-top div{ width: 60%; font-size: 20px;}
.list_Technology li{ padding: 15px; margin-bottom: 20px;}
.list_Technology-title{ font-size: 16px;}
.list_Technology-text{ line-height: 20px; height: 40px;}
.contact_map{ height: auto; overflow: hidden; }
.map-box-left{ width: 100%;}
.map-box{margin-bottom: 40px;}
.contact-left{ width: 100%;}
.contact-right{ width: 100%; margin-top: 40px;}
.map-box-right a{ width: 100%; float: left; margin-top: -15px; margin-left: 38px; text-align: left;}

.show-content img{ max-width: inherit !important; height: auto !important; width: auto !important;}
.show_piclist2 li{width:100%;margin: 0 0px 30px 0;}

.join-list li{ padding: 15px;}
.join-bottom{ width: 100%; margin-bottom: 20px;}
.join-title{ width: 100%; font-size: 20px;}
.join-time{ width: 100%; margin-top: 10px;}
}


@media (width:768px)
{

.home-pro .swiper-slide{ width: 50%;}
.propp{ width: 96%;}
.ability-pic-img{ height: 320px;}
.abilityB{ height: 444px;}
.abilityC{ height: 444px;}
.wapimg img{ width: 100%;}
.home-news-img{ height: 390px;}
.home-news-tRight{ width: 80%;}
.footer-cen{ width: 40%; margin-left: 10%}
.show_piclist2 li {
    width: calc((100% - 40px) / 2);
    margin: 0 20px 20px 0;
}
.show_piclist2 li:nth-of-type(3n) {
    margin-right: 20px;
}
.show_piclist2 li:nth-of-type(even){ margin-right: 0;   float: right;}

}

@media (width:375px) 
 {

}
@media (width:414px)
 {

}

@media (min-width:800px) and (max-width:1680px)
 {
.header-Logo{max-width: 361px;}
.menu-box li a{ padding: 0 5px;}
.menu-box li a span{ font-size: 16px;}

}


@media (min-width:769px) and (max-width:1180px)
 {
.header-right,.menu-box{ display: none;}
.menu_icon{ display: block;}

}


@media (width:1366px)
{

}

@media (min-width:1123px) and (max-width:1200px)
{


}


/*分页样式*/
.pagediv{ width: 100%; height:auto; float: left; text-align: left;margin-bottom: 20px;}
.listpage {clear: both;text-align: center;}
.xiaocms-page { margin-right: 10px; text-align: center; margin-bottom: 40px;margin-top: 40px;}
.xiaocms-page a { border-radius: 5px; transition: 0.3s; font-size: 20px; display:inline-block; height:35px; line-height:35px;
 text-align:center; color:#999; margin:0 10px;font-family: "arial";}
.xiaocms-page a:hover { transition: 0.3s; color:#000; text-decoration:none; }
.xiaocms-page span { border-radius: 5px; font-size: 20px; display:inline-block; height:35px;margin:0 10px ;line-height:35px;  
  color:#000; text-align:center; position: relative; font-family: "arial";}
  .xiaocms-page span::after{ width: 10px; height: 1px; content: "" ;display:block; position: absolute; bottom: 0px; background: #000  }
.prebox::after{  content: "\e605"; color: #999;  transform:rotate(90deg); display: block; }
.nextbox::after{  content: "\e605"; color: #999;  transform:rotate(-90deg); display: block; }
.list-page-box .xiaocms-page:nth-child(2),.list-page-box .xiaocms-page:nth-child(3),.list-page-box .xiaocms-page:nth-child(4),.list-page-box .xiaocms-page:nth-child(5)
,.list-page-box .xiaocms-page:nth-child(6),.list-page-box .xiaocms-page:nth-child(7),.list-page-box .xiaocms-page:nth-child(8),.list-page-box .xiaocms-page:nth-child(9)
,.list-page-box .xiaocms-page:nth-child(10){ display:none;}