*{margin: 0px;padding: 0px;box-sizing: border-box;font-family: helvetica,"Microso Yahei", sans-serif;}
a{text-decoration: none;}
.clr{ clear:both;}
ul,li{ list-style:none;}
body{ font-size:16px; color: #454545; background: #fff; }
img{ max-width:100%; vertical-align: middle;}


/*  头部信息  */
.header-box{ width: 100%; height: 70px; position: fixed; top: 0; z-index: 9; background: #fff; transition: all .5s ease;}
.header-box-cen{ max-width: 1390px; width: 100%; margin: 0 auto; padding: 0 5%;display: flex;justify-content : space-between; }
.header-Logo{ max-width: 280px;  height: 70px;display: flex;align-items: center;justify-content: center; float: left;}
.menu-box{ width: auto;height: 70px;}
.header-Logo img{ max-height: 54px }
.menu-box li{float: left; text-align: center; position: relative;  }
.menu-box li a{ display: block; line-height: 70px; color: #666; padding: 0 30px; position: relative; transition: all .5s ease;}
.menu-box li a:hover{transition: all .5s ease; color: #fff; background: #0062b2;}
.menu-box li .menu_link{ color: #fff; background: #0062b2;} 
.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: #0062b2; 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; padding: 0 30px;transition: all .5s ease;}
.Right-menu-list ul{ padding-top: 60px;}
.Right-menu-list li{ width: 100%; height: 60px; line-height: 60px; border-bottom: #ddd solid 1px;}
.Right-menu-list li a{ color: #000; font-size: 14px; display: block;}
.Right-menu-list li a:hover{ color: #1a6d83;}
.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: 70px;}
.header-right li{ width: 50px; float: left; line-height: 70px; text-align: center; cursor: pointer; position: relative;}
.header-right li span{ font-size: 22px; color: #999;}
.header-right li span:hover{ color: #0062b2;}
.lan-box{ width: 120px; height: auto;  padding-top: 15px; padding-bottom: 15px; box-shadow: 2px 2px 4px #e3e3e3; border: #ddd solid 1px;
  display: none; background: #fff; position: absolute; top: 70px; left: -30px; z-index: 9;}
.lan-box a{ width: 100%; height: 30px; display: block; line-height: 30px; text-align: center; color: #666;}
.header-right li:hover .lan-box{ display: block;}
.lan-box a:hover{ color: #0062b2;}
.lan-box::after{width: 0;height: 0; content: ""; display: block; position:absolute; top: -10px; left: 40%; border-left: 10px solid transparent;
border-right: 10px solid transparent;border-bottom: 10px solid #ddd;font-size: 0;line-height: 0;}
.search-box{ width: 300px; height: 50px; display: none; position: absolute; border-top: #ddd solid 1px; top: 70px; left: -250px; z-index: 6; background: #fff;}
.search-input{ width: 70%; height: 36px; font-size: 16px; padding-left: 10px; line-height: 36px; background: #f1f1f1; border: none; margin-left: 7px; margin-top: 7px; outline: none; float: left;}
.search-submit{ width: 25.5%; float: left; font-size: 16px; height: 36px; line-height: 36px; margin-top: 7px; text-align: center; color: #fff; border: none; cursor: pointer; background: #0062b2;}
.search-input::placeholder{ color: #999;}
.vpage2{ cursor:pointer}
.homepro-list-pic{ position: relative }
.p-b{  outline: none; left: 4% !important; position: absolute; top: 55% !important }
.p-n{  outline: none; right:4% !important; position: absolute; top: 55% !important }
.inno::placeholder{ color: #e60039 !important; }
/*  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: 45%; 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: 10px !important;width: 100%;position: absolute; text-align: center; z-index:6;}
.banner_box .swiper-pagination-bullet{width: 10px;height: 10px; margin-right: 20px; border-radius: 100px; border: #fff solid 1px; background: none;
opacity:1 !important;transition: all .3s; outline: none;}
.banner_box .swiper-pagination-bullet-active {opacity: 1;background:#fff;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; padding:0 5%; font-weight: bold; font-style: normal; }
.banner-video{ width: 100%; height: 100%; position:absolute; top:0; left: 0}
.pc-block{ display:block}
.wap-none{display:none}

/*  产品  */
.cenbox{ max-width: 1390px; width: 100%; margin: 0 auto; padding: 0 5%; margin-top:3%; position: relative}
.title-top{ width: 100%; text-align: center; color: #454545; font-size: 28px; font-weight: bold;}
.title-top p{ font-size: 20px; font-weight: normal; margin-top: 15px;}
.title-top i{ width: 40px; height: 2px; display: block; background: #0062b2; margin: 0 auto; margin-top: 20px;}
.home-pro{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.home-pro li{ width: 100%;text-align: center; padding: 0 10px;  }
.home-pro li .pro-imgbox{ width: 100%; padding-bottom: 65%; position: relative; overflow: hidden; border: #ddd solid 1px;}
.home-pro li .pro-imgbox div{ width: 100%; height: 100%; position: absolute; top: 0;display: flex;align-items: center;justify-content: center;}
.home-pro li .pro-imgbox div img{transition: all .5s ease; max-width: 100%; max-height: 100%;}
.home-pro li:nth-of-type(3n){margin-right: 0;}
.home-pro li p{ color: #454545; font-size: 16px;}
.home-pro li span{ font-weight: bold; font-size: 22px; color: #454545; display: block; margin-top: 15px; margin-bottom: 15px;}
.home-pro li em{ font-style: normal; color: #999999;}
.home-pro li:hover span{ color: #0062b2;}
.home-pro li:hover img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.home-pro .swiper-slide{ width: 33.33%;}
.wapcp{ width: 100%; height: auto; overflow: hidden; border: #eee solid 1px; display: none; margin-bottom: 15px;}
.home-pro  .homecp-swiper-pagination{bottom: 10px !important;width: 100%; margin-top: -10px; text-align: center; z-index:6;}
.home-pro .swiper-pagination-bullet{width: 8px;height: 8px; margin:0 5px; border-radius: 100px;  background:rgba(0,0,0,0.3);
opacity:1 !important;transition: all .3s; outline: none; display: inline-block;}
.home-pro .swiper-pagination-bullet-active {opacity: 1; width: 8px !important; background:#0062b2;transition: all .3s;border-radius: 100px; }


.home-video{ width: 100%; height: auto; overflow: hidden; background: #f8f8f8; margin-top: 5%; padding-bottom: 40px;}
.jianglong_video{ width:100%; height:672px; background:#000; margin-bottom:40px; margin-top:40px;}
.brand_video {width: 100%;height: auto;min-height: 672px;margin: 0 auto;position: relative;background: #fff;margin-top: 25px; z-index: 1;}
.brand_bg { width: 100%;height: 100%; position: absolute;top: 0px;left: 0px;background: #fff;z-index: 9999;}
.video_pay { width: 64px;height: 64px;position: absolute;top: 45%;left: 50%; margin-left: -32px; z-index: 9999999;cursor: pointer;}
.video_pay img { width: 64px;height: 64px;opacity: 1 !important;}
.brand_video img {width: 100%; height: 100%;}
.brand_video video {width: 100%;height:672px;}
.home-about-a{ width: 150px; height: 40px; line-height: 40px; display: block; background: #0062b2; color: #fff; font-weight: bold; font-size: 14px; 
text-align: center; margin: 0 auto;}

.home-news{ padding-top:40px;}
.home-news .news-list{ padding-bottom: 40px;}
.home-news-more a{ width: 150px; height: 40px; line-height: 40px; font-weight: bold; font-size: 14px; margin: 0 auto; background: #0062b2; text-align: center; color: #fff ;display: block;}
.pc-block{ display: block;}
.pc-none{ display: none;}


.ny-left{ width: 18%; float: left; height: auto; overflow: hidden; background: #fff;}
.ny-right{ width: 80%; float: right; background: #fff; line-height: 1.75em; height: auto; overflow: hidden; min-height: 500px; padding: 30px; margin-bottom: 5%;}
.ny-left-top{ width: 100%; height: 50px; line-height: 50px; text-align: center; background: #00a0e9; color: #fff; font-size: 18px;}
.ny-left li{ width: 100%; height: 50px; line-height: 50px; position:relative; border-bottom: #eee solid 1px; text-align: center;}
.ny-left li a{ display: block; color: #666;}
.ny-left li a::before{ width: 3px; height: 100%; position: absolute; left: 0; top: 0; content: ""; display: block; background: #00a0e9; opacity:0;transition: all .5s ease;}
.ny-left li a:hover::before{ opacity: 1;transition: all .5s ease;}
.ny-left li a:hover{ color: #00a0e9;transition: all .5s ease;}
.ny-left li  .ny-menu-links{color: #00a0e9;}
.ny-left li  .ny-menu-links::before{ opacity: 1;}
.qa-sx{ width: 100%; height: auto; overflow: hidden; margin-top: 30px;}
.qa-sx a{ width: 100%; color: #000; display: block;}

.news-list{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;  padding-bottom: 3%;}
.news-list li{ width: 32%; height: auto; overflow: hidden; float: left; margin-right: 2%; margin-bottom: 25px;}
.news-list li:nth-of-type(3n){margin-right: 0;}
.news-pic{ width: 100%; height: 280px;background-size: cover !important;background-position: 50% !important; position: relative;}
.news-Right{ width: 100%; float: left; padding-top: 25px; }
.news-Right p{color: #999; float: left; margin-left: 15px; position: relative; top: -2px} 
.news-Right span{ color: #999999; float: left; margin-top: -4px; margin-bottom: 5px; display: block; }
.news-Right div{ line-height: 24px; height: 48px; color: #454545; font-weight: bold; display: -webkit-box; overflow:hidden; clear: both;
-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-size: 18px;word-wrap: break-word;}
.news-list li:hover .news-Right div{ color: #0062b2;}
.news-list li .news-pic div{ width: 100%; height: 100%; left: 0;
 background: rgba(0,89,178,0.5); display: block; position: absolute; top: 0;display: flex;
align-items: center; color: #fff; opacity: 0;
justify-content: center;z-index: 6;transition: all .3s ease-out;}
.news-list li .news-pic div span{ font-size: 18px;}
.news-list li:hover .news-pic div{  opacity: 1;transition: all .3s ease-out;}
.show-topqa {width: 100%;height: auto;overflow: hidden;padding-bottom: 15px;margin-bottom: 30px;border-bottom: #eee solid 1px;}
.show-topqa p {float: left;font-weight: bold;font-size: 20px;}
.show-topqa span {float: right;}



.footer-bg{ width: 100%; height: auto; overflow: hidden; background: #0062b2; margin-top: 4%; padding-bottom: 30px;}
.footer-center{max-width: 1390px; width: 100%; margin: 0 auto; padding: 0 5%; margin-top:3%;}
.footer-about{ width: 35%; float: left; color: #fff; font-size: 14px; line-height: 1.75em; }
.footer-menu{ width: auto; float: right;}
.footer-menu a{ color: #fff; font-size: 14px; margin-bottom: 10px; display: block; text-align: center;}
.footer-wx{ width: 10%; float: left; text-align: center; color: #fff;}
.footer-wx img{ max-width:106px;}
.footer-wx p{ margin-top: 10px; font-size: 14px}
.footer-right{ width: 70%; float: left; color: #fff;}
.footer-right li{ width: 100%; height: auto; overflow: hidden; margin-bottom:10px;}
.footer-right li span{  font-size: 12px; height: 20px; vertical-align: top; line-height: 20px; width: 20px; text-align: center; margin-right: 10px;  display: inline-block; border: #fff solid 1px; border-radius: 100px;}
.footer-right li p{ display: inline-block; width: 80%; vertical-align: bottom }
.footer-icon-list{ width:auto; height: auto; overflow: hidden; float: right;}
.footer-icon-list a{ width:40px; height: 40px; text-align: center; line-height: 40px; float: left; display: block; background: #297bbe; border-radius: 100px; color: #fff; margin-right: 10px;}
.footer-icon-list a span{ font-size: 18px;}
.footer-tel{ font-size: 22px !important;}
.footer-copy{ border-top:rgba(255,255,255,0.4) solid 1px; height: auto; overflow: hidden; padding-top: 25px; margin-top: 40px; padding-bottom: 15px;}
.footer-copy .footer-copy-text{ width: 60%; float: left; color: #fff; font-size: 14px;}
.footer-copy .footer-copy-text a{color: #fff;}


.ny-bann{ width: 100%; padding-bottom: 23.647% ; position: relative;background-size: cover !important;background-position: 50% !important;}
.ny-bann div{ position: absolute; width: 100%; color: #fff;  text-align: center; font-weight: bold; font-size: 46px;  top: 40%;}
.ny-bann div:after{ width: 100px; height: 1px; display: block; text-align: center; content: ""; margin: 0 auto; margin-top: 20px; background: #fff;}
.ny-about-title{ color: #666;}
.ny-about-title span{ color: #999; font-size: 16px; font-weight: normal; display: block; margin-top: 10px;}
.about-content{ text-align: center; font-size: 16px; color: #666; line-height: 2rem; margin-top: 4%; margin-bottom: 4%;}
.about-icon{ width: 100%; height: auto; overflow: hidden; text-align: center; margin-top: 3%; font-size: 0;}
.about-icon li{ width: 12.2%; display: inline-block; margin: 0 1%; vertical-align: top}
.about-icon li p{ font-size: 16px; font-weight: bold; color: #666; margin-top: 15px;}
.honor-bg{ width: 100%; height: auto;  overflow: hidden; background: #f2f2f2; margin-top: 5%; padding-bottom: 3%; }
.lic-list .swiper-slide{ width: 100%; height: 340px;  cursor:grab;}
.lic-list{position: relative; width: 100%; overflow: hidden; padding-bottom: 40px; }
.lic-list .wapcp{ width: 100%; height: auto; overflow: hidden; border: #eee solid 1px; display: none; margin-bottom: 15px;}
.lic-list  .homecp-swiper-pagination{bottom: 10px !important;width: 100%; margin-top: -10px; text-align: center; z-index:6;}
.lic-list .swiper-pagination-bullet{width: 8px;height: 8px; margin:0 5px; border-radius: 100px;  background:rgba(0,0,0,0.3);
opacity:1 !important;transition: all .3s; outline: none; display: inline-block;}
.lic-list .swiper-pagination-bullet-active {opacity: 1; width: 8px !important; background:#1384e0;transition: all .3s;border-radius: 100px; }
.lic-list span{ position: absolute; bottom: -40px; left: 25px; font-size: 18px; color: #666; font-weight: bold; }
.lic-line{ width: 100%; height: 2px; background-color: #1384e0; display: block; }
.lic-box{ position:absolute; bottom: 30px; overflow: hidden; padding: 0 25px; }
.lic-box div{ margin-top: 15px; font-weight: bold }
.lic-box div p{ font-weight: bold; margin-bottom: 5px }
.lic-list .swiper-slide-active .lic-box div{ color: #1384e0;}
.lic-list .swiper-slide-active span{ color: #1384e0;}
.lic-list span:after{ width: 8px; height: 8px; border-radius: 100px; background: #1384e0; content: "" ; left: 0px; display: block; position: absolute; top: -22px; z-index: 6;}
.ab_yd{ width: 100% ; text-align: center; margin-top: 20px}
.ab_yd span{ width: 10px; height: 10px; border:#999 solid 1px; border-radius: 100px; display: inline-block; margin: 0 10px; }

.Honor-list{ width: 100%; height: auto; overflow: hidden; margin-top: 50px; position: relative;}
.Honor-list li{ width: 100%;text-align: center; padding: 0 10px; position: relative; overflow: hidden;  }
.Honor-list li .pro-imgbox2{ width: 100%; padding-bottom: 123.5%; position: relative; overflow: hidden; background: #eeeeee;}
.Honor-list li .pro-imgbox2 div{ width: 90%; height: 100%; left: 5%; position: absolute; top: 0;display: flex;align-items: center;justify-content: center;}
.Honor-list li .pro-imgbox2 div img{transition: all .5s ease; max-width: 100%; max-height: 100%;}
.Honor-list li:nth-of-type(3n){margin-right: 0;}
.Honor-list li span{ width: 94%; position: absolute; padding-top: 10px; padding-bottom: 10px; background: rgba(0,0,0,0.3); bottom: -100px; left: 3%; font-size: 16px; 
color: #fff; display: block;transition: all .5s ease;}
.Honor-list li:hover span{ color: #fff;}
.Honor-list li:hover img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.Honor-list .swiper-slide{ width: 25%;cursor:grab;}
.Honor-list .swiper-slide:hover span{ bottom: 0;transition: all .5s ease;}
.wapcp{ width: 100%; height: auto; overflow: hidden; border: #eee solid 1px; margin-bottom: 15px;}
.Honor-list  .homehonor-swiper-pagination{bottom: 10px !important;width: 100%; margin-top: 30px; text-align: center; z-index:6;}
.Honor-list .swiper-pagination-bullet{width: 8px;height: 8px; margin:0 5px; border-radius: 100px;  background:rgba(0,0,0,0.3);
opacity:1 !important;transition: all .3s; outline: none; display: inline-block;}
.Honor-list .swiper-pagination-bullet-active {opacity: 1; width: 8px !important; background:#0062b2;transition: all .3s;border-radius: 100px; }

.aitbg{ margin-top: 3%;}
.culture-list{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.culture-list li{ width: 33.33%; float: left; text-align: center;}
.culture-list li img{ max-width: 60px;}
.culture-list li p{ font-size: 20px; margin-top: 15px; margin-bottom: 15px; font-weight: bold; color: #333;}
.culture-list li p::after{ width: 30px; height: 2px; background: #0062b2; content: ""; display: block;  margin: 0 auto; margin-top: 10px;}
.culture-list li div{ width: 62%; margin: 0 auto; color: #666;}
.services-list{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.services-list li{ width: 32%; padding-bottom: 9%; position: relative; float: left; border: #ddd solid 1px; margin-right: 2%; margin-bottom: 20px; }
.services-list li:nth-of-type(3n){margin-right: 0;}
.services-list li p{ width: 100%; height: 100%; position: absolute; top: 0; display: flex;
align-items: center;justify-content: center; color: #454545; text-align: center; font-size:18px; padding:0 20px; font-weight: bold;transition: all .5s ease;}
.services-list li p img{ max-height: 90% }

.menu-list{ width: 100%; height: auto; overflow: hidden; padding-top:20px; padding-bottom: 20px; font-size: 0; background: #fff; text-align: center;}
.menu-list a{ margin: 0 10px; padding: 0 45px; font-size: 16px; font-weight: bold; color: #666; line-height: 50px; display: inline-block; background: #f5f5f5; }
.menu-list a:hover{ background: #0062b2; color: #fff;}
.menu-list .menu-act{ background: #0062b2; color: #fff;}
.prolist{ width: 100%; height: auto; overflow: visible;}
.prolist li{ width: 32%; height: auto;float: left; margin-right: 2%; margin-bottom: 40px;}
.prolist li:nth-of-type(3n){margin-right: 0;}
.prolist-img{ width: 100%; padding-bottom: 70%; position: relative; background: #fff;transition: all .5s ease;}
.prolist-img div{ width: 100%; height: 100%; position: absolute; top: 0;display: flex;align-items: center;justify-content: center;}
.prolist li p{ text-align: center; color: #454545; font-weight: bold; font-size: 18px; padding-top: 20px;}
.prolist li:hover .prolist-img{ box-shadow: 0 10px 26px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);transition: all .5s ease;}

.show-left{ width:50%; 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;cursor:grab;}
.show-left .swiper-slide div{ width: 100%; height: 100%;display: flex;align-items: center;justify-content: center;}
.show-left .swiper-slide div img{ max-width: 100%; max-height: 100%;}
.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;}
.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{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.show-pro-right{ width: 50%; float: right; padding: 4%;}
.show-pro-r2{ font-size: 30px; font-weight: bold; color: #454545; border-bottom: #ddd solid 1px; padding-bottom: 15px;}
.show-pro-t3{ font-size: 20px; color: #454545; font-weight: bold; margin-top: 25px; margin-bottom: 15px;}
.show-pro-t4{ width: 100%; height: auto; overflow: hidden;}
.show-pro-t4 li{ width: 100%; float: left; margin-bottom: 15px; font-size: 18px;}
.show-pro-t5{ width: 140px; height: 44px; text-align: center; line-height: 44px; background: #0062b2; display: block; color: #fff; margin-top: 30px;}
.show-pro-t6{ width: 100%; line-height: 50px; overflow: hidden; background: #eeeeee; margin-top: 40px; margin-bottom: 40px;}
.show-pro-t6 p{ width: 257px; text-align: center;  line-height: 50px; background: #0062b2; color: #fff; float: left; font-weight: bold;  font-size: 18px;}
.show-pro-t7{ width: 100%; height: auto; overflow: hidden; line-height: 1.75rem; font-size: 18px;}
.show-pro-t7 img{ max-width: 100%;}
.show-pro-t8{ width: 100%; height: auto; overflow: hidden;}
.show-pro-t8 li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 30px;display: flex; margin-bottom: 30px;
flex-wrap: wrap;justify-content: space-around;}
.show-pro-tleft{ width: 50%; padding-bottom: 30.9%; position: relative; border: #eee solid 1px;}
.show-pro-tleft div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;display: flex;
align-items: center;
justify-content: center;}
.show-pro-tleft div img{ max-width: 100%; max-height: 100%;}
.show-pro-tright{ width: 50%; padding: 4%;}
.show-pro-t8-title{ font-weight: bold; color: #454545; font-size: 20px; border-bottom: #ddd solid 1px; padding-bottom: 15px; margin-bottom: 25px;}
.show-pro-t8-text dd{ font-size: 18px; margin-bottom: 10px; position: relative; padding-left: 15px;}
.show-pro-t8-text dd::after{ width: 5px; height: 5px; content: ""; background: #999; display:block; position: absolute; left: 0; top: 10px; 
 border-radius: 100px;}
 .show-pro-t8 li:nth-child(even) .show-pro-tleft{ order: 2;}
 .show-pro-t8 li:nth-child(even) .show-pro-tright{ padding-left: 0;}
 .ny-news li{ margin-bottom: 30px;}
 .show-newstext{ margin-top: 60px; line-height: 2rem;}
 .fanhui{ width: 150px; height: 44px; line-height: 44px; background: #0062B2; color: #fff; text-align: center; display: block; margin: 0 auto; margin-top: 30px;}
.prenew{ width: 100%; padding-bottom: 15px; font-size: 20px; border-bottom: #ddd solid 1px; margin-bottom: 25px; color: #454545; font-weight: bold;}
.pn-box li{ width: 48%; float: left;}
.pn-box li:nth-of-type(even){   float: right;}
.pn-box li .news-pic{ height: auto; padding-bottom: 70%;}
.pn-box{width: 100%; height: auto; overflow: hidden; margin-top: 50px;}

.ny_zb{width:100%;overflow:hidden; margin:0 auto;padding-top: 1px; margin-top: 50px;}
.ny_zbbt span{font-size:16px;color:#000;line-height:40px;}
.ny_zblb1{ width:100%; height:auto; overflow:hidden; padding-top: 1px; }
.ny_zblb1 li{ height: auto !important; font-size:16px;color:#656667;margin:0 auto; border: #dcdcdc solid 1px;  margin-bottom: 20px;
margin-top: -1px;}
.ny_zblb1 li a{display:block;font-size:20px;padding-top: 25px; padding-bottom: 25px; position: relative;transition: all .5s ease; text-decoration:none;color:#656667; padding-left: 30px; 
background:url(../images/f_icon12.png) 98% no-repeat;background-size: 36px;}
.ny_zblb1 li a::before{ width: 4px; height: 100%; content: ""; display: block; background: #0062b2; position: absolute; left: 0; top: 0;}
.ny_zblb1 li a.cur{color:#fff;background:#0062b2 url(../images/f_icon13.png) 98% no-repeat; background-size: 36px; text-decoration:none; font-weight: bold;transition: all .5s ease;}
.ny_zblb1 li a i{ font-style: normal; font-weight: bold; display: block; line-height: 20px; font-size: 20px; }
.ny_zblb1 li a.cur em{ color: #fff !important;}
.ny_zblb1 li ul{ width: auto; display:none;padding-top: 20px;}
.ny_zblb1 li ul li{float:none;height: auto;color:#454545; overflow:hidden;line-height:1.75em;margin-top:0px; margin-bottom: 0; padding-bottom: 20px; border: none;}
.ny_zblb1 li ul a:hover{color:#fff; background: #0062b2;transition: all .5s ease;}
.ny_zblb1 li a em{ position:absolute; right: 70px; top: 22px; font-style: normal; font-size: 16px; font-weight: normal !important; color: #999;}
.join_gwzz{ width: 50%; float: left;padding:0 4%; }
.join_gwyq{ width: 50%; float: right;padding:0 4%; }
.join_gwtitle{ font-weight: bold; font-size: 18px; margin-bottom: 15px;}
.join_box{ width: 100%; position: relative; height: auto; overflow: hidden;}
.join_box-ilist{ width: 100%; height: auto; overflow: hidden; padding: 0 4%; margin-bottom: 20px;}
.join_box-ilist em{ width: 48%;  float: left; display: block; font-style: normal; font-size: 18px;}

.join-icon-list{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.join-icon-list li{ width: 32%; float: left; text-align: center; margin-right: 2%; margin-bottom: 2%; border: #ddd solid 1px; padding:30px 0;}
.join-icon-list li:nth-of-type(3n){margin-right: 0;}
.join-icon-list li img{ width: 60px; height: 60px; margin-bottom: 10px;}
.join-icon-list li p{ font-size: 18px; height: 40px; line-height:20px; padding:0 30px;}
.c-text{ padding:0 30px; }

.contact-list{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.contact-list li{ width: 33.33%; float: left; height: auto; overflow: hidden; text-align: center;}
.contact-icon{ width: 80px; height: 80px; border-radius: 100px; line-height: 80px; display: block; margin: 0 auto; background: #0062b2;}
.contact-icon span{ color: #fff; font-size: 32px;}
.contact-list li p{ margin-top: 15px; margin-bottom: 15px; font-weight: bold; font-size: 20px;}
.contact-list li i{ font-style: normal; font-size: 18px; line-height: 1.75rem;}
.contact-mess{ width: 100%; height: auto; overflow: hidden; background: #f8f8f8; margin-top: 5%; padding-bottom: 4%;}
.mess-box{ width: 100%; height: auto; overflow: hidden;  margin-top: 50px; background: #fff;}
.mess-box-left{ width: 50%; float: left;}
.mess-box-right{ width: 50%; padding: 4%; float: right;}
.mess-box-right li{ width: 48%; float: left; margin-right: 2%; margin-bottom: 20px;}
.mess-box-right li:nth-of-type(2){margin-right: 0; float: right;}
.mess-box-right li:nth-of-type(6){margin-right: 0; float: right;}
.mess-input{ width: 100%; height: 40px; line-height: 40px; background: #eeeeee; padding-left: 10px; font-size: 16px; border: none; outline: none;}
.mess-box-right li p{ margin-bottom: 5px;}
.mess-texta{ width: 100%; height: 100px;background: #eeeeee; padding: 10px;resize: none;  font-size: 16px; border: none; outline: none; }
.mess-box-right li:nth-child(3){ width: 100%;}
.mess-box-right li:nth-child(4){ width: 100%;}
.mess-submit{ width: 160px; height: 44px; line-height: 44px; background: #0062b2; text-align: center; color: #fff; border: none;  outline: none; cursor: pointer; font-size: 18px;}
.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: #999; 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: 450px;}
.contact_map img{ max-width: inherit;}

.sebox{ margin-top: 50px }
.noshj{ height: 300px; margin: 0 auto; text-align: center; margin-top: 100px }
.up{ width: 50px; height: 50px; position:fixed; cursor: pointer; bottom: 20px ; background: #1b80d2;  border-radius: 10px; right: 20px}
.up:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    right: 18px;
    top: 5px;
    bottom: 0;
    display: block;
    margin: auto;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-136deg);
}

.down-list{ width:100%; height:auto; overflow:hidden; margin-top:3%}
.down-list li{ width:23.5%; height:360px; float:left; border:#eee solid 1px; margin-right:2%; margin-bottom:2%; position:relative}
.down-list li:nth-of-type(4n){margin-right: 0;}
.down-title{ width:100%; height:70px; background:#0162b3; color:#fff;   }
.flex-box{ padding:0 10px;  display: flex;align-items: center; font-size:22px; text-align: center;justify-content: center; font-weight: bold;flex-direction: column;}
.down-icon{ width:117px; margin:0 auto; text-align:center; margin-top:40px; margin-bottom:40px; height:117px;display: flex;align-items: center;justify-content: center; position:relative}
.down-icon img{ max-width:100%; max-height:100%}
.down-buttom a{ width:165px; height:50px; line-height:50px; margin:0 auto; margin-top:20px; display:block; background:#eeeeee; color:#454545; text-align:center; position:relative}
.down-buttom a span{ color:#0162b3; margin-left:10px}

.down-buttom a:hover{ background:#0162b3; color:#fff}
.down-buttom a:hover span{ color:#fff}
.apppic{ width:165px; height:165px; position:absolute; top:-177px; left:50%; margin-left:-82.5px;  display:none; z-index:7}
.down-buttom:hover .apppic{ display:block}
.apptop{ width:100%; height:70px; background:#fff; padding-top:15px}
.apptop div{ width:360px; height:40px; line-height:40px; text-align:center; background:#f1f1f1; margin:0 auto; }

.appdown{ text-align:center}
.appdown li{ display:inline-block; float:none; background:#fff; font-size:0;margin:0 1%}
.appdown li .down-buttom a{ width:165px; height:50px; line-height:50px; margin:0 auto; margin-top:20px; display:block; background:#0062b2; color:#fff; text-align:center; position:relative; font-size:16px}
.appdown li .down-buttom a span{ color:#0162b3; margin-left:10px}

.appdown li .down-buttom a:hover{ background:#0062b2; color:#fff}
.appdown li .down-buttom a:hover span{ color:#fff}


.appdown .down-icon{ width:100%; height:177px}

@media (min-width:320px) and (max-width:768px)
{
.down-list li{ width:48%; height:auto}    
.down-buttom a{ width:100%}
.flex-box{ font-size:16px}
.down-title{ height:60px}
.down-icon img{ max-width:80px}
.down-icon img{ max-width:80px}
.appdown li{ float:left}
.appdown li .down-icon img{ max-width:90%; width:inherit}
.appdown li .down-icon{ margin-top:0px; margin-bottom:0}
.pc-block{ display:none}
.wap-none{display:block}
.header-box,.header-Logo,.kong{ height: 50px;}
.header-Logo{ max-width:80px;}
.menu_icon,.wap-block{ display: block;}
.p-b,.p-n{ display: none !important;}
.menu-box,.wap-none,.ny_zblb1 li a em{ display: none;}
.banner_box .swiper-pagination-bullet{ width: 8px; height: 8px; margin-right: 10px;}
.banner_box .bann-swiper-pagination{ bottom: 10px !important;}
body,.box-map-t1 p{ font-size:14px;  }
.header-right{ margin-right: 40px;}
.header-right li span{ font-size: 18px;}
.header-right li{ line-height: 50px; width: 40px;}
.cenbox{ padding: 0 3%; margin-top: 30px;}
.home-pro{ margin-top: 30px;}
.home-pro li{ width: 100%; margin-right: 0; margin-bottom: 30px;}
.title-top{ font-size: 24px;}
.title-top p,.news-Right div{ font-size: 16px;}
.jianglong_video,.brand_video video{ height: 200px;}
.brand_video{ min-height: 200px;}
.video_pay{ width: 40px; height: 40px; margin-left: -20px;}
.footer-about{ width: 100%; margin-top: 30px;}
.footer-menu{ width: 100%; margin-top: 20px;}
.footer-menu a{ width: 33.33%; float: left;}
.footer-wx{ width: 100%; text-align: center; margin-top: 20px; margin-bottom: 40px;}
.footer-right{ width: 100%; margin-left: 0;}
.footer-right li span{ font-size: 14px; float: left;}
.footer-wx img{ width: 50%; max-width: inherit;}
.home-pro li span{ margin-top: 10px; margin-bottom: 10px; font-size: 20px;}
.footer-copy .footer-copy-text{ width: 100%;}
.footer-icon-list{ width: 100%; text-align: center; margin-top: 20px;}
.footer-icon-list a{ width: 36px; height: 36px; line-height: 36px;}
.search-box{ left: -200px; width: 320px; top: 60px;}
.lan-box{ left: -38px; top: 50px;}
.lan-box::after{ top: -11px;}
.footer-right{ margin-top: 30px }
.footer-copy{ margin-top: 20px }
.header-right li span:hover{ color: #999;}
.Honor-list li .pro-imgbox2 div{ padding: 5px;}
.footer-bg{ margin-top: 30px;}
.ny-left{ width: 100%; background: none;}
.ny-left li{ width: 32%; float: left; margin-right: 2%; background: #fff;}
.ny-left li:nth-of-type(3n){margin-right: 0;}
.ny-left li .ny-menu-links{ background: #0062b2; color: #fff;}
.ny-left li{ height: 40px; line-height: 40px; margin-bottom: 10px;}
.ny-right{ width: 100%; padding: 15px; height: auto; min-height: auto; overflow: hidden; margin-top: 20px;}
.show-topqa p{ font-size: 18px;}
.show-topqa span{ float: left;}
.news-list li{ width: 100%; overflow: hidden; height: auto;}
.news-pic{ width: 100%; height: 208px;}
.banner_box .swiper-slide{ padding-bottom: 45%;}
.banner-text{ top: 20%; }
.banner-text span{padding: 0 30px;  margin-bottom: 25px;}
.banner-text span i{ font-size: 20px; }
.banner-text p{ font-size: 30px; font-weight: bold;}
.banner-text a{ width: 100px; height: 30px; line-height: 30px;}
.home-pro .swiper-slide{ width: 100%; }
.ny-bann{ padding-bottom: 45%;}
.ny-bann div{ font-size: 26px;}
.about-icon{ margin-top: 30px;}
.about-icon li p{ font-size: 14px }
.about-icon li img{ width: 70% }
.about-icon li{ width: 30%;  margin-bottom: 15px;}
.swiper-Honor2 .swiper-wrapper{ display: block;}
.lic-list .swiper-slide{ width: 100% !important; height: auto; overflow: hidden;  display: flex; margin-bottom: 30px;
flex-wrap: wrap;justify-content: space-around;}
.lic-box{ position: relative; bottom: 0; order: 2; width: 100%; padding-right: 0;}
.lic-list span{ bottom: 0; order: 1; width: 100%;color: #0062b2;   text-align: left;position: relative;}
.lic-line{ height: 100%; width: 2px; position: absolute; left: 7px; top: 0;}
.lic-list span:after{ left: -21px; top: 5px;}
.lic-list{ margin-top: 30px;}
.lic-box div{ font-size: 16px; }
.Honor-list .swiper-slide{ width: 50%;}
.culture-list li{ width: 100%; margin-bottom: 30px;}
.culture-list li div{ width: 80%; font-size: 16px;}
.services-list li{ width: 100%; margin-right: 0; padding-bottom: 16%; margin-bottom: 10px;}
.services-list li p{ font-size: 16px;}
.about-content{ margin-top: 25px; margin-bottom: 25px; line-height:1.75rem;}
.prolist li{ width: 48%; margin-right: 0;margin-bottom: 20px;}
.prolist li:nth-of-type(even){   float: right;}
.prolist li p{ font-size: 16px; }
.prolist-img{ padding-bottom: 80%;}
.menu-list{ padding-left: 2.5%; padding-right: 2.5%;}
.menu-list a{  padding: 0 0px; width: 49%; float: left; margin-bottom: 2%; margin-right: 2%; margin-left: 0; line-height: 40px;}
.menu-list a:nth-of-type(2n){margin-right: 0;}
.show-left{ width: 100%; height: 350px; margin-bottom: 15px;}
.galculture-button-prev,.galculture-button-next{ height: 35px !important;}
.show-pro-right{ width: 100%; padding: 0 0;}
.show-pro-r2{ font-size: 22px;}
.show-pro-t7,.show-pro-t8-text dd,.join-icon-list li p{ font-size: 16px;}
.show-pro-t5{ width: 150px; font-size: 16px;}
.show-pro-t6,.show-pro-t6 p{ line-height: 44px;}
.show-pro-tleft{ width: 100%; padding-bottom: 62%;}
.show-pro-tright{ width: 100%; padding: 25px 0;}
 .show-pro-t8 li .show-pro-tleft{ order:auto;}
 .show-pro-t8 li:nth-child(even) .show-pro-tleft{ order: 1 !important;}
 .show-pro-t8 li:nth-child(even) .show-pro-tright{ padding-left: 0;order: 1 !important;}
.prenew{ font-size: 16px;}
.join-icon-list li{ width: 49%; height: 180px; margin-bottom: 10px;}
.join-icon-list li:nth-of-type(even){   float: right; margin-right: 0;}
.ny_zblb1 li a i{ font-size: 16px; padding-right: 40px}
.ny_zblb1 li a{ padding-top: 15px; padding-left: 20px; padding-bottom: 15px; background-size: 20px;}
.ny_zblb1 li a.cur{background-size: 20px;}
.join_box-ilist em{ width: 100%; font-size: 16px;}
.join_gwzz{ width: 100%;font-size: 16px; margin-bottom: 20px;}
.join_gwyq{ width: 100%;font-size: 16px;}
.join-icon-list li img{ width: 40px; height: 40px;}
.contact-list li{ width: 100%;}
.contact-icon{ float: left; width: 26px; text-align: center; height: 26px; line-height: 26px;}
.contact-icon span{ font-size: 16px;}
.contact-list li{ text-align: left; margin-bottom: 30px;}
.c-text{ float: left; width: 85%; margin-left: 10px; padding-left:0; padding-right: 0}
.contact-list li p{ margin-top: 0; font-size: 18px;}
.contact-list li i{ padding: 0 0; font-size: 16px;}
.mess-box-left,.mess-box-right{ width: 100%;}
.mess-submit{ width: 100%;}
.map-box-left{ width: 100%; font-size: 14px;}
.map-box-right a{ float: left; margin-left: 20px;}
.contact_map{ height: 350px;}
.noshj{ margin-top: 50px }
.noshj img{ max-width: 100px }
.show-pro-t6 p{ width: 207px }
.join-icon-list li p{ padding:0 15px; }
.ny-bann div:after{ margin-top: 10px }
.up{ width:40px; height:40px;}
.up:before{ right:13px}
.ny-about-title{ font-size:20px}
.show-pro-t7 img {
    max-width: 100% !important;
    width: inherit !important;
    height: auto;
}

}


@media (width:768px)
{

.news-pic{ width: 25%; height: 170px; float: left; margin-right: 3%;}
.news-Right{ width: 68%;}
.news-Right div{ display: block;}
.jianglong_video, .brand_video video{ height: 400px;}
.banner_box .swiper-slide{ padding-bottom: 55%;}
.show-pro-tleft{ width: 50%; padding-bottom: 30.9%;}
.show-pro-tright{ width:50%; padding: 4%}
.show-left{ width: 50%;}
.show-pro-right{ width: 50%; padding: 3%;}
 .show-pro-t8 li:nth-child(even) .show-pro-tleft{ order: 2 !important;}
 .show-pro-t8 li:nth-child(even) .show-pro-tright{ padding-left: 0;}
 .pn-box li .news-pic{ width: 100%;}
}

@media (width:375px) 
 {

}
@media (width:414px)
 {

}

@media (min-width:800px) and (max-width:1080px)
 {
.news-pic{ height: 200px;}
.jianglong_video,.brand_video video{ height: 506px;}
.brand_video{ min-height: 506px;}
.menu-box li a{ padding: 0 15px; font-size: 15px;}

}


@media (min-width:769px) and (max-width:900px)
 {
.menu_icon,.wap-block{ display: block;}
.menu-box,.wap-none,.ny_zblb1 li a em{ display: none;}
}


@media (width:1366px)
{

}

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


}


/*分页样式*/
.pagediv{ width: 100%; height:auto; float: left; text-align: center;margin-bottom: 20px;margin-top: 20px;}
.listpage {clear: both;text-align: center;}
.xiaocms-page { margin-right: 10px; text-align: center; margin-bottom: 40px;}
.xiaocms-page a { transition: 0.3s; display:inline-block; height:35px; line-height:35px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px;margin-left: 5px;}
.xiaocms-page a:hover { transition: 0.3s; background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span {  display:inline-block; height:35px;padding:0 15px; line-height:35px; background:#0062b2 ; border:1px solid #0062b2; color:#fff; text-align:center;margin-left: 5px; }
.xiaocms-page input{transition: 0.3s; position: relative; top: -2px; display:inline-block; height:35px; line-height:35px; background:#fff; 
border:1px solid #e3e3e3; text-align:center; color:#333; outline: none;  width: 50px !important; margin-left: 5px;}
.gos{ cursor:pointer; margin-left: 0 }
.vpage2{margin-left: 0  !important}
.icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
}