@charset "UTF-8";
* {
  color: #333;
  box-sizing: border-box;
}

em{
  font-style: normal !important;
}

li {
  list-style: none;
}

a {
  color: #333;
}

article, aside, dialog, footer, header, section, nav, figure, menu {
  display: block;
}

.icon-a-qianjin22 {
  font-size: 30px !important;
}

.icon-qianjin-houtui2_huaban1{
  font-weight: bold;
}

p {
  word-wrap: break-word;
  word-break: break-all;
}

input {
  background: none;
  outline: none;
  border: none;
}

.page .cont, .detail .cont {
  line-height: 33px;
  font-size: 16px;
  margin-top: 50px;
  color: #515151;
  padding-bottom: 50px;
}

.paging {
  display: flex;
  width: 100%;
  margin-top: 30px;
  justify-content: center;
}

#pages{ display: flex;}

#pages li:first-of-type span,#pages li:first-of-type a, #pages li:last-of-type span, #pages li:last-of-type a{ font-size: 30px;}

.paging li {
  height: 38px !important;
  border-bottom: none !important;
}

.paging li a,#pages li span {
  display: block;
  min-width: 43px;
  height: 43px;
  line-height: 43px;
  margin: 0 5px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #d7d7d7;
}

.course-swiper{
  margin-bottom: 50px;
}

.paging li a:hover, .paging li.active span {
  background: #0073bc !important;
  color: #fff;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #C6C6C6;
  font-family: "微软雅黑";
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #C6C6C6;
  font-family: "微软雅黑";
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #C6C6C6;
  font-family: "微软雅黑";
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #C6C6C6;
  font-family: "微软雅黑";
}

.fl {
  float: left;
}

.fr {
  float: right;
}

body {
  transition: all 0.2s ease-in;
  position: relative;
  left: 0;
}

body.body-left {
  left: 80%;
}

body.body-left .icon-caidan3 {
  display: none;
}

.isWap, .wap-top {
  display: none !important;
}

.text-gray-49{ color: #494949;}

.container {
  width: 1600px;
  margin: 0 auto;
  box-sizing: border-box;
}

.img {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.img::before {
  content: '';
  display: inline-block;
}

.img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.top-box {
  position: relative;
  z-index: 10000000;
  top: 0;
  height: 80px;
  width: 100%;
}

.header-index{
  
  position: absolute;
  z-index: 10000000;
  top: 0;
  height: 80px;
  width: 100%;


}

.hover-logo{
  display: none;
}

.header-index:hover{
  background: #fff;
}
.header-index:hover .hover-logo{ display: block;}
.header-index:hover .logo{ display: none;}



.nav {
  height: 30px;
}

.nav .btn-buy {
  width: 95px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #33beff;
  color: #fff;
  border-radius: 6px;
  margin-left: 25px;
}

.nav ul {
  justify-content: center;
}

.nav li {
  height: 80px;
  position: relative;
  width: 95px;
  margin: 0 10px;
}

.nav li .tit {
  height: 80px;
  line-height: 80px;
  display: block;
  width: 100%;
  text-align: center;
 
}

.nav li:nth-child(2) .sub{
  display: none !important;
}

.pro-sub{
  position: absolute;
  top: 80px;
  /*height: 410px;*/
  width: 100%;
  background: #fff;
  display: none;
}
/*.pro-sub img{ visibility: hidden;}*/

.pro-sub.on{ display: block;}


.pro-sub ul{
  justify-content: space-between;
  padding: 0 20%;
  background: url('../images/index_07.jpg') left top/100% 5px repeat-x;
  padding-top:30px;
}

.pro-sub ul .iconfont{ font-size: 24px; vertical-align: middle; color: #0073bc;}

.pro-sub .sub a:hover{ color: #0073bc;}

.pro-sub .fz16{ font-size: 14px !important;}


.header-index .nav li .tit,.header-index .search span,.header-index .search a{ color:#fff;}
.header-index:hover .nav li .tit,.header-index:hover .search span,.header-index:hover .search a{ color: #333;}



.header-index .nav li:first-of-type.on .tit{ color: #fff !important;}
.nav li:hover .tit, .nav li.on .tit,
.header-index:hover .nav li:first-of-type.on .tit,
.header-index .nav li:hover .tit{
  color: #0073bc !important;
}

.top-box .search {
  width: 270px;
  justify-content: flex-end;
}

.top-box .search .s-input{ 
  height: 36px;
  padding: 0 10px;
  position: relative;
}
.top-box .search.on .s-input::before{
  content: '';
  width: 95%;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: 2%;
  bottom: 2px;
  display: block
}

.top-box .search .s-input .topsearch,
.top-box .search.on .s-input .no-search{ display: none;}
.top-box .search.on .s-input .topsearch{ display: block;}

.top-box .search .s-input .input{
  flex: 1;
  height: 36px;
  line-height: 36px;
  color: #333;
  display: none;
}

.top-box .search.on .s-input .icon-a-sousuo5{
  color: #ccc;
}

.top-box .search.on .s-input{
  width: 230px;
  /* background: #0c315d; */
} 

.top-box .search.on .s-input .input{ display: flex;}


.nav li:hover .sub {
  display: block;
}

.nav .sub {
  position: absolute;
  top: 70px;
  width: 110px;
  display: none;
  background: #fff;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 0;
  box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.13);
}

.nav .sub a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav .sub a:hover {
  color: #0073bc;
}

.com-tit {
  text-align: center;
  position: relative;
}

.com-tit h3 {
  text-align: center;
}

.com-tit p {
  line-height: 42px;
  color: #9B9B9B;
  font-size: 18px;
}

.banner {
  position: relative;
  overflow: hidden;
}

.banner .swiper-pagination {
  bottom: 50px !important;
}

.banner .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  background: none;
  box-sizing: border-box;
  opacity: 1;
  margin: 0 6px;
}

.banner .swiper-pagination-bullet-active {
  background: #fff;
}

.product ul {
  margin: 30px -10px 0;
}

.product li {
  flex: 1;
  background: #f2f3f5;
  height: 536px;
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  border-radius: 16px;
  cursor: pointer;
}

.product li h3 {
  color: #000;
  padding-top: 14px;
  position: relative;
  text-align: center;
}

.product li h3::before {
  content: '';
  display: block;
  width: 12px;
  height: 3px;
  background: #333333;
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
}
.product li a{
  text-align: center;
}
.product li .icon {
  display: block;
  margin: 66px auto 0;
}

.product li.on {
  flex: 2;
  box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, 0.13);
}

.product li.on .mask {
  width: 100%;
  display: flex;
  justify-content: center;
}

.product li.on .info {
  width: 34%;
  line-height: 30px;
}

.product li.on .tit, .product li.on .icon {
  display: none;
}

.product li.on .txt {
  margin: 36px 0;
}

.product li.on h3::before {
  /*left: 0;
  transform: translateX(0);
  */
}

.product li.on a {
  width: 140px;
  height: 50px;
  background: #0073bc;
  border-radius: 25px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  display: block;
}

.product li.on .right{
display: none;}

.product li .mask{ display: none;}

.com-more {
  display: block;
  width: 170px;
  height: 56px;
  background: #fff;
  border: 2px solid #e3e3e3;
  border-radius: 29px;
  text-align: center;
  line-height: 56px;
  font-size: 20px;
  margin: 40px auto 0;
}

.course {
  background: #f5f5f5;
  margin-top: 120px;
}
.course .container{
  padding-bottom: 20px;
}

.course .cont {
  margin-top: 35px;
  align-items: stretch;
  margin-bottom: 45px;
}

.course img {
  transition: all 0.2s ease;
}

.course .left {
  width: 49.75%;
  margin-right: 10px;
}

.course .left:hover .img img {
  transform: scale(1.2);
}

/*.course .left .more {*/
.course .more {
  display: block;
  background: #00448e;
  text-align: center;
  color: #fff;
}

.course .left .img {
  width: 100%;
  position: relative;
}

.course .left .img::before {
  padding-bottom: 88.16%;
}

.course .left .img .icon {
  background: url("../images/index_25.png") center center/cover no-repeat;
  width: 55px;
  height: 50px;
  display: block;
}

.course .left .img .mask {
  position: absolute;
  width: 100%;
  height: 60%;
  left: 0;
  top: 50%;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  color: #fff;
  transform: translateY(-50%);
}

.course .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.course .right .top {
  width: 100%;
  position: relative;
  display: block;
}

.course .right .top .img {
  width: 100%;
  padding-bottom: 41.56%;
}
.course .right .top_div:hover .img img {
  transform: scale(1.2);
}

.course .right .mask {
  position: absolute;
  left: 0;
  top: 0;
}

.course .right ul {
  justify-content: space-between;
}

.course .right li {
  width: calc(50% - 4px);
  position: relative;
}

.course .right li:hover .img img {
  transform: scale(1.2);
}

.course .right li .img {
  width: 100%;
  padding-bottom: 84.18%;
}

.about {
  background: url("../images/index_30.jpg") center top/cover no-repeat;
  padding: 111px 0 110px;
}

.about .com-more{ margin: -30px auto 0;}

.about .container {
  height: 453px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.about ul {
  justify-content: space-between;
}

.course-classify {
  overflow: hidden;
}

.course-classify .img::before {
  padding-bottom: 64%;
}

.course-classify .swiper-slide {
  border-bottom: 2px solid transparent;
  padding-bottom: 20px;
  transition: all 0.3s ease;
}

.course-classify .swiper-slide:hover {
  border-color: #0073bc;
}

.course-classify .swiper-slide:hover h3,.course-classify .swiper-slide:hover .iconfont {
  color: #0073bc;
}

.footer-link {
  background: #003a79;

   height: auto;
  padding: 30px 0;
}

.footer-link .left {
  height: 220px;
}

.footer-link .container {
  height: 100%;
  background: url("../images/index_37.png") 90px 38px/50% 90% no-repeat;
}

.footer-link .links {
  margin: 0 -30px;
}

.footer-link .links li {
  margin: 0 30px;
}

.footer-link .links li a {
  display: block;
  line-height: 36px;
  color: #aabed4;
}

.footer-link .links h3 {
  margin-bottom: 10px;
}

.copyright {
  background: #002d5d;
  color: #ABABAB;
  padding: 10px 0;
  line-height: 30px;
  color: #a9a9a9;
}

.copyright a {
  color: #a9a9a9;
}

.text-gray-75{ color: #757575;}
.text-gray-35{ color: #353535;}

.float {
  position: fixed;
  right: 10px;
  top: 50%;
  z-index: 10000000000;
  transform: translateY(-50%);
}

.float li {
  width: 60px;
  text-align: right;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
}

.float li .sjx {
  position: relative;
}

.float li .sjx::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
}

.float li .mask {
  position: absolute;
  left: -200px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.float li.ewm .mask {
  left: -80px;
}

.float li:hover .mask {
  display: block;
}

.w1100 {
  width: 1100px;
  margin: 0 auto;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.main {
  background: #f2f3f5;
  padding-top: 30px;
}

.ny-nav {
  height: 80px;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.13);
  text-align: center;
  position: relative;
  z-index: 1;
}

.ny-nav ul {
  align-items: center;
  justify-content: center;
}

.ny-nav li {
  height: 80px;
  line-height: 80px;
  position: relative;
  margin: 0 50px;
}

.ny-nav li.on, .ny-nav li:hover {
  border-bottom: 2px solid #0073bc;
}

.ny-nav li.on a, .ny-nav li:hover a {
  color: #0073bc;
}

.pro-list {
  margin: 48px -15px;
}

.pro-list li {
  width: calc(33.33% - 30px);
  margin: 0 15px 30px;
  padding: 15px;
  box-sizing: border-box;
  background: #fff;
}

.pro-list li:hover .name,.pro-list li:hover .iconfont {
  color: #0073bc;
}

.pro-list li:hover .info {
  border-color: #0073bc;
}

.pro-list .info {
  border-bottom: 2px solid #dddddd;
  padding-bottom: 20px;
}

.pro-list .img {
  width: 100%;
}

.pro-list .img::before {
  padding-bottom: 62%;
}

.ny-product {
  align-items: flex-start;
}

.ny-product .left {
  width: 40.625%;
}

.ny-product .left ul {
  width: calc(50% - 10px);
  padding-bottom: 30px;
}

.ny-product .left ul:first-of-type {
  border-right: 2px solid #bfbfbf;
}

.ny-product .left ul li a {
  height: 60px;
  padding: 0 15px;
}

.ny-product .left ul .icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #0073bc;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  font-size: 32px;
}

.ny-product .left ul li.on a, .ny-product .left ul li:hover a {
  background: #e7e7e7;
}

.ny-product .right {
  flex: 1;
  margin-left: 20px;
}

.ny-product .right .search {
  width: 480px;
  height: 58px;
  border: 1px solid #a0a0a0;
  padding-left:10px;
}

.search .input {
  flex: 1;
  height: 58px;
  line-height: 58px;
  max-width: 410px;
  display: block;
  font-size: 16px;
}

.text-gray-75{ color: #757575;}

.search .btn_srh,.com-search .btn_srh{
  cursor: pointer;
  background: none;
  border: none;
  width: 50px;
  height: 58px;
  text-align: center;
}

.ny-product .product-list li {
  background: #e7e7e7;
  margin-bottom: 20px;
  padding: 0 20px 20px 0;
  cursor: pointer;
}

.ny-product .product-list li:hover {
  background: #2687d9;
}

.ny-product .product-list li:hover .info h3 span, .ny-product .product-list li:hover span {
  color: #fff;
}

.ny-product .product-list .img {
  width: 230px;
  background: #fff;
  margin-right: 30px;
  border: 6px solid #eee;
}

.ny-product .product-list .img::before {
  padding-bottom: 100%;
}

.ny-product .product-list .info {
  flex: 1;
  max-width: 70%;
}

.ny-product .product-list .info h3 span {
  color: #0073bc;
}

.ny-about img {
  display: block;
  margin: 0 auto;
}

.ny-about .tit {
  width: 87.5%;
  margin: 40px auto 0;
}

.ny-about .tit p {
  margin: 0 auto 20px;
}

.ny-about ul {
  justify-content: space-between;
  width: 70%;
  margin: 50px auto 90px;
}

.ny-about .map {
  background: #f5f5f4;
  padding: 60px 0 50px;
  margin-top: 120px !important;
}

.ny-about .img-list {
  display: flex;
  flex-wrap: wrap;
  width: 87.5%;
  margin: 0 auto;
}

.ny-about .img-list img {
  width: calc(50% - 10px);
  margin-bottom: 10px;
}

.ny-honor .items li {
  width: calc(100% / 6 - 72px);
  margin: 0 36px 65px;
  text-align: center;
}

.ny-honor .items.other li{
  margin: 0 36px 40px;
}

.ny-honor .items li:nth-child(7),
.ny-honor .items li:nth-child(8),
.ny-honor .items li:nth-child(9),
.ny-honor .items li:nth-child(10),
.ny-honor .items li:nth-child(11),
.ny-honor .items li:nth-child(12){
  margin-bottom: 40px !important;
}

.ny-honor .items:last-of-type{
  margin-bottom: 0 !important;

}

.ny-honor .img {
  border: 1px solid #dcdcdc;
}

.ny-honor .img::before {
  padding-bottom: 130%;
}

.ny-pinzhi .one {
  width: 70%;
  margin: 50px auto;
}

.ny-pinzhi .one .img {
  border: 1px solid #0073bc;
  border-radius: 50%;
  width: 220px;
  height: 220px;
}

.ny-pinzhi .one .img img {
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ny-pinzhi .session-cont {
  margin: 95px 0;
  background: #f7f7f7;
  padding: 80px 0 90px;
}

.ny-pinzhi .session-cont ul {
  display: flex;
  flex-wrap: wrap;
  width: 94.375%;
  margin: 0 auto;
}

.ny-detail .iconfont{ font-size: 26px; vertical-align: middle;}

.ny-contact .iconfont{ font-size: 36px;}
.ny-contact .buy-btn{
  width: 140px;
  height: 30px;
  background: #33beff;
  text-align: center;
  line-height: 30px;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  margin: 5px auto 0;
}

.ny-pinzhi .session-cont ul li {
  width: calc(50% - 40px);
  margin: 0 20px 40px;
  background: #fff;
  display: flex;
  align-items: center;
}

.ny-pinzhi .session-cont ul .info {
  max-width: 48%;
  padding: 0 10px;
}

.ny-pinzhi .session-cont ul .img {
  width: 50.68%;
}

.ny-pinzhi .session-cont ul .img::before {
  padding-bottom: 57.23%;
}

.ny-pinzhi .last {
  width: 70%;
  margin: 55px auto 0;
}

.ny-pinzhi .last li {
  width: calc(100% / 3 - 20px);
  margin: 0 10px;
  border-radius: 10px;
  overflow: hidden;
}

.ny-pinzhi .last li img {
  width: 100%;
  height: 100%;
}

.ny-pinzhi .last .img::before {
  padding-bottom: 68.5%;
}

.ny-contact .cont {
  margin: 80px auto 0;
  padding-left: 100px;
  justify-content: center;
}

.ny-contact .cont .left {
  margin-right: 150px;
}

.ny-contact .cont .left li:last-of-type {
  margin-left: 110px;
}

.ny-contact .cont .right li:nth-child(1) {
  margin-right: 50px;
}

.ny-contact .input-wrap {
  margin: 0 -9px 20px;
}

.ny-contact .message {
  width: 75%;
  margin: 0 auto;
}

.ny-contact .input {
  width: calc(33.33% - 18px);
  margin: 0 9px;
  background: none;
  padding: 0 8px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}

.ny-contact .textarea {
  width: 100%;
  background: none;
  padding: 10px 10px 0;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}

.ny-contact .textarea textarea {
  height: 230px;
  display: block;
  outline: none;
  border: none;
  background: none;
}

.ny-contact .btn {
  width: 150px;
  height: 50px;
  background: #0073bc;
  border-radius: 4px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  outline: none;
  border: none;
  margin: 40px auto 0;
  display: block;
}

.pro-list{ min-height: 300px;}

.com-search {
  width: 580px;
  margin: 0 auto 50px;
  border: 1px solid #dcdcdc;
  height: 52px;
  background: #fff;
  padding-left: 20px;
}

.com-search input {
  flex: 1;
  max-width: 90%;
}

.w1460 {
  width: 1460px;
  margin: 0 auto;
}

.ny-jishu .left {
  width: 540px;
  margin-right: 30px;
  padding-bottom: 30px;
  min-height: 1050px;
}

.ny-jishu .right {
  flex: 1;
}

.ny-jishu .slide {
  width: calc(50% - 5px);
}

.ny-jishu .slide:first-of-type {
  border-right: 2px solid #bfbfbf;
}

.ny-jishu .slide li a {
  height: 50px;
  padding: 0 20px 0 40px;
}

.ny-jishu .slide li.on .tit, .ny-jishu .slide li:hover .tit{
  background: #0073bc;
}

.ny-jishu .slide li.on .tit span, 
.ny-jishu .slide li.on .tit, 
.ny-jishu .slide li:hover .tit span, 
.ny-jishu .slide li:hover .tit, 
.ny-jishu .slide li.on h3, 
.ny-jishu .slide li:hover h3  {
  color: #fff;
}

.ny-jishu .slide-sub a {
  padding-left: 24px !important;
}

.ny-jishu .slide .icon{ display: none;}

.slide-sub .sub{
  display: none;
}

.slide-sub li.on .sub{ display: block;}

.ny-jishu .sub a {
  display: block;
  color: #333;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 10px;
  padding-left: 24px;
}

.ny-jishu .sub a:hover {
  color: #0073bc;
  border-color: #0073bc;
}
.font18{
    
    font-size: 15px;
}
.ny-jishu .nav-list {
  height: 40px;
  border-bottom: 1px solid #d7d7d7;
  padding-right: 80px;
  justify-content: space-around;
  display: flex;
}

.ny-jishu .nav-list li {
  border-bottom: 1px solid transparent;
}

.ny-jishu .nav-list li.on {
  border-bottom: 1px solid #0073bc;
}

.ny-jishu .nav-list li.active {
  border-bottom: 1px solid #0073bc;
}

.ny-jishu .nav-list a {
  display: inline-block;
  height: 40px;
}

.ny-jishu .items {
  padding-right: 80px;
  padding-left: 45px;
}

.ny-jishu .items li {
  cursor: pointer;
}

.ny-jishu .items li:hover span, .ny-jishu .items li:hover a {
  color: #0073bc;
}

.ny-jishu .items .tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
}

.ny-jishu .items .tit::after {
  content: '';
  display: block;
  width: calc(100% - 160px);
  height: 3px;
  background: #d7d7d7;
}

.video-list {
  padding: 0 60px;
}

.video-list li {
  width: calc(100% / 3 - 10px);
  margin: 0 5px 15px;
  text-align: center;
  cursor: pointer;
}

.video-list li .img::before {
  padding-bottom: 62.72%;
}

.video-list li .img .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 84, 137, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-list li .img .mask span {
  color: #fff;
  font-size: 30px;
}

.process-list {
  width: 70%;
  margin: 0 auto;
  justify-content: space-between;
}

.w1300 {
  width: 1300px;
  margin: 0 auto;
}

.ny-dingzhi {
  align-items: flex-end;
}

.ny-dingzhi .left {
  width: 50%;
  margin-right: 40px;
}

.ny-dingzhi .left::before {
  padding-bottom: 93.12%;
}

.ny-dingzhi .right {
  width: 45.61%;
}

.ny-dingzhi .right::before {
  padding-bottom: 104.47%;
}

.pro-detail .top {
  justify-content: space-between;
}

.pro-detail .right {
  width: 46%;
}

.pro-detail .right h3, .pro-detail .right .info {
  background: url("../images/pro_03.jpg") left bottom/22px 8px repeat-x;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.pro-detail .nav-items {
  width: 100%;
  height: 60px;
  background: #f3f3f3;
}

.pro-detail .nav-items li {
  cursor: pointer;
  margin: 0 20px;
  width: 120px;
  text-align: center;
  line-height: 60px;
}

.pro-detail .nav-items li.on {
  color: #0073bc;
  font-weight: bold;
}

.pro-detail .cont .info {
  min-height: 300px;
}

.pro-detail .cont .info img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.pro-detail .cont .info li {
  display: none;
}

.pro-detail .cont .info li.on {
  display: block;
}

.ny-detail .cont p {
  text-indent: 2em;
}

.ny-detail .other {
  border-top: 1px solid #d7d7d7;
  justify-content: space-between;
}

.ny-detail .other .btn {
  width: 120px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  border-radius: 5px;
  background: #33beff;
}

.ny-detail .other .prev:hover,
.ny-detail .other .next:hover {
  color: #33beff;
}

.img-swiper {
  width: 50%;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  height: 480px;
  margin-right: 20px;
  position: relative;
}

.img-swiper .swiper-slide {
  align-items: center;
  display: flex;
  justify-content: center;
}

.img-swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 3px;
}

.img-swiper .swiper-pagination-bullet-active {
  background: #0073bc;
}

.img-swiper .swiper-pagination-bullets,
.img-swiper .swiper-pagination-custom,
.img-swiper .swiper-pagination-fraction {
  bottom: 20px !important;
}

.big-video-box {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000000000000;
  display: none;
}

.big-video-box .cont {
  width: 60%;
  height: 80%;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
}

.big-video-box .close {
  width: 40px;
  height: 40px;
  background: #ccc;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  right: -10px;
  top: -10px;
  position: absolute;
  cursor: pointer;
}

::-webkit-scrollbar {
  width: 0;
  /**/
}

.navBar {
  width: 80%;
  height: 100%;
  position: fixed;
  left: -80%;
  top: 0;
  background: #ffffff;
  z-index: 1000;
  overflow: auto;
  transition: all 0.2s ease-in;
  box-shadow: 0px 3px 16px 0px rgba(49, 93, 192, 0.1);
  font-size: 16px;
}

.navBar .iconfont {
  font-size: 30px;
}

.navBar.show {
  left: 0;
}

.navBar.show .close {
  right: 80px;
  opacity: 1;
}

.navBar .close {
  position: fixed;
  right: 0;
  top: 20px;
  font-size: 26px;
  color: #000;
  z-index: 10000;
  transition: all 0.2s ease-in;
  opacity: 0;
}

.navBar .nav-one, .navBar .sub-nav {
  padding-top: 20px;
  position: absolute;
  top: 0;
  left: -80%;
  transition: all 0.2s ease-in;
  width: 100%;
  opacity: 0;
}

.navBar li {
  line-height: 60px;
}

.navBar li a {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #ededed;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
}

.navBar li .num {
  color: #cacaca;
  margin-right: 10px;
}

.navBar li .iconfont {
  color: #cacaca;
}

.navBar .sub a {
  color: #BAB4AC;
  font-size: 16px;
}

.navBar .nav-one.show, .navBar .sub-nav.show {
  left: 0;
  opacity: 1;
}

.navBar .sub-nav .tit {
  justify-content: center;
  position: relative;
  font-size: 16px;
  border-bottom: 1px solid #ededed;
}

.navBar .sub-nav .tit .iconfont {
  color: #333;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.navBar .sub-nav .sub a {
  padding-left: 30px;
  color: #333333;
}

.passageway {
  background: url("../images/index1_22.jpg") center top/cover no-repeat;
  padding-top: 68px;
  padding-bottom: 40px;
}

.passageway .com-tit h3 {
  color: #fff;
}

.passageway .picList, .passageway ul {
  overflow: hidden;
  text-align: center;
  margin: 0 -10px;
}

.passageway li {
  width: calc(25% - 20px);
  margin: 0 8px 30px;
  display: inline-block;
}

.passageway li a {
  display: block;
  width: 100%;
}

.passageway li .img {
  width: 100%;
}

.passageway li .img::before {
  padding-bottom: 85.21%;
}

.passageway li p {
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 20%;
  z-index: 1000;
  font-size: 16px;
  width: 100%;
}

.process{
  display: flex;
}
.process .process-tit{
  padding-top: 116px;
  margin-right: 10px;
  color: #2a4462;
}
.process ul{
  flex: 1;
  display: flex;
  padding-right: 50px;
}
.process ul li{ 
  width: 188px; 
  height: 96px; 
  position: relative; 
  margin-left: -50px;
}
.process ul li:first-of-type{ margin-left: 0;}
.process ul li:nth-child(2n-1){
  background: url('../images/about_49.png') center center/cover no-repeat;
}
.process ul li:nth-child(2n){
  background: url('../images/about_55.png') center center/cover no-repeat;

}
.process ul li .info{
  position: absolute;
  width: 260px;
  text-align: center;
  color: #000;
}
.process ul li:nth-child(2n-1) h3{
  left: 46px;
  bottom: 16px;
  position: absolute;
}
.process ul li:nth-child(2n-1) .info{
  left: 30px;
  top: -73px;
}

.process ul li:nth-child(2n) {
  margin-top: 87px;
}
.process ul li:nth-child(2n) h3{
  left: 50px;
  top: 24px;
  position: absolute;
}

.process ul li:nth-child(2n) .info{
  left: 27px;
  bottom: -50px;
}
.process ul li:nth-child(6) .info{
  bottom: -72px;
}

.contList li{
  padding:  20px 0;
  border-bottom: 1px dashed #777777;
}
.contList li img{
  display: block;
  margin-right: 20px;
}

@media screen and (max-width: 1600px) {
  .container, .w1460 {
    width: 92%;
  }
}

@media screen and (max-width: 1440px) {
  .w1460, .w1300, .w1100, .w1200 {
    width: 95%;
  }
  .product li{ padding: 10px !important; height: auto; justify-content: center;}
  .product li .icon{width: 58%;}
  .mr70{ margin-right: 20px !important;}
}

 .h5{display:none}


@media screen and (max-width: 800px) {
     .pc{display:none}
 .h5{display:block}
  .icon-a-qianjin22 {
    font-size: 22px !important;
  }
  .com-more {
    zoom: 0.7;
  }
  .w1100, .w1300, .container, .w1460 {
    width: 98%;
  }
  .mt90, .mt70, .mt60, .mt45, .mt50 {
    margin-top: 20px !important;
  }
  .pt70, .pt80, .pt50 {
    padding-top: 20px !important;
  }
  .pb70, .pb80, .pb40, .pb50 {
    padding-bottom: 20px !important;
  }
  .pr70 {
    padding-right: 10px !important;
  }
  .pl40 {
    padding-left: 10px !important;
  }
  .pt40 {
    padding-top: 10px !important;
  }
  .fz51, .fz48, .fz38, .fz50, .fz36 {
    font-size: 30px !important;
  }
  .fz26, .fz34, .fz28, .fz30 {
    font-size: 18px !important;
  }
  .fz20, .fz18 {
    font-size: 14px !important;
  }
  .fz16, .fz14 {
    font-size: 12px !important;
  }
  .mb20 {
    margin-bottom: 10px !important;
  }
  .mb90, .mb60, .mb80, .mb50 {
    margin-bottom: 20px !important;
  }
  .mr70 {
    margin-right: 20px !important;
  }
  .lh34, .lh32, .lh30, .lh28, .lh42 {
    line-height: 24px !important;
  }
  .lh36 {
    line-height: 24px !important;
  }
  .paging {
    margin-top: 10px;
  }
  .isPc,.ny-contact .isPc {
    display: none !important;
  }
  .isWap,.ny-contact .isWap {
    display: block !important;
  }
  .nav-icon, .wap-top {
    display: block !important;
  }
  .pro-detail .nav-items li {
    margin: 0;
  }
  .footer-link .links li a{ line-height: 30px;}
  .ny-honor .items li {
    width: calc(100% / 3 - 20px);
    margin: 0 10px 10px;
  }
  .wap-contact ul {
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .wap-contact ul li {
    width: calc(50% - 20px);
    margin-bottom: 20px;
  }
  .process-list {
    width: 100%;
    flex-wrap: wrap;
  }
  .process-list li {
    width: calc(33% - 20px);
    margin: 0 10px 10px;
  }
  .ny-contact .message {
    width: 100%;
  }
  .ny-contact .isWap{
    display: none;
  }
  .ny-jishu .items .tit::after {
    width: calc(100% - 100px);
  }
  .main {
    padding-top: 10px;
  }
  .ny-contact .input-wrap {
    flex-wrap: wrap;
  }
  .video-list {
    padding: 0 5px;
  }
  .com-search {
    width: 98%;
    margin: 10px auto;
  }

  .ny-contact .input {
    width: 96%;
    margin: 0 auto 10px;
  }
  .pro-list {
    margin: 20px -15px 0;
  }
  .pro-list li {
    width: calc(50% - 20px);
    margin: 0 10px 10px;
    padding: 10px;
  }
  .tips div {
    font-size: 12px;
    flex-wrap: wrap;
  }
  .ny-detail .other .btn {
    zoom: 0.8;
  }
  .ny-jishu .nav-list {
    padding-right: 0;
  }
  .ny-jishu .items {
    padding: 0 10px;
  }
  .ny-jishu {
    flex-direction: column;
  }
  .ny-jishu .left, .ny-jishu .right {
    width: 100%;
    min-height: 300px;
  }
  .ny-dingzhi .left {
    margin-right: 10px;
  }
  .ny-pinzhi .one {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .ny-pinzhi .session-cont {
    padding: 20px 0;
  }
  .ny-pinzhi .session-cont ul {
    flex-direction: column;
  }
  .ny-pinzhi .session-cont ul li {
    width: 100%;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
  }
  .ny-pinzhi .last {
    width: 100%;
    margin: 20px auto;
  }
  .wap-top {
    position: relative;
    line-height: 80px;
  }
  .wap-top img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .float {
    display: none;
  }
  .top-box {
    display: none;
  }
  body {
    padding-top: 0;
  }
  .nav-icon {
    font-size: 30px !important;
    margin-right: 10px;
  }
  .ny-about ul {
    width: 100% !important;
    margin: 30px auto;
  }
  .ny-about .w50p {
    width: 90%;
  }
  .ny-nav {
    width: 100%;
    height: 40px;
  }
  .ny-nav .fx1 {
    flex: none;
  }
  .ny-nav ul {
    overflow-y: scroll;
  }
  .ny-nav li {
    height: 40px;
    line-height: 40px;
    max-width: 60px !important;
    margin: 0 12px;
  }
  .ny-product {
    flex-direction: column;
  }
  .ny-product .left, .ny-product .right {
    width: 100%;
  }
  .ny-product .right {
    margin-left: 0 !important;
  }
  .ny-product .right .search {
    width: 100%;
  }
  .ny-product .product-list li a {
    flex-direction: column;
  }
  .ny-product .product-list .info {
    max-width: 100% !important;
    width: 100%;
  }
  .ny-product .w40p {
    width: auto !important;
  }
  .ny-detail .cont {
    font-size: 16px !important;
    line-height: 32px !important;
  }
  .product ul {
    flex-direction: column;
    margin: 30px 0 0;
  }
  .product ul .mask img {
    zoom: 0.8;
    margin: 0 20px 0 -20px;
  }
  .product ul li {
    padding: 10px !important;
    margin-bottom: 10px;
  }
  .product ul .icon {
    width: 40px;
    margin-top: 10px !important;
  }
  .product ul li.on .info {
    width: 48%;
  }
  .ny-contact .map {
    margin: 20px auto;
  }
  .ny-contact .cont {
    flex-direction: column;
    margin: 0 auto;
  }
  .footer-link {
    padding: 10px 10px 0;
  }
  .footer-link .links {
    margin: 0;
    flex-wrap: wrap;
  }
  .footer-link .links .fx1 {
    flex: none;
  }
  .footer-link .links li {
    width: calc(33% - 3px);
    margin: 0 1px 10px;
  }
  .banner .swiper-pagination {
    display: none;
  }
  .com-tit {
    padding-top: 10px;
  }
  .com-tit p {
    font-size: 14px;
    line-height: 24px;
    margin: 10px auto 0;
  }
  .h100 {
    height: auto !important;
  }
  .about {
    padding: 30px 0;
    height: auto;
    margin-bottom: 20px;
  }
  .about .container {
    height: auto;
    padding-top: 20px;
  }
  .about ul {
    flex-wrap: wrap;
  }
  .about .com-more{ margin: -30px auto 0 !important;}
  .course .cont {
    margin-top: 20px;
    flex-direction: column;
  }
  .course .left {
    width: 100%;
    margin-bottom: 10px;
  }
  .course .mask {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .course .mask img {
    margin-top: 10px;
    width: 30px;
  }
  .course ul li {
    margin-bottom: 20px;
  }
  .course a .tit {
    display: flex;
    bottom: 0;
    width: 100%;
    padding: 0 5px;
    height: 30px;
  }
  .course .iconfont {
    font-size: 20px !important;
  }
  .course-classify .fz30 {
    font-size: 22px !important;
  }
  .course-classify h3 {
    margin-bottom: 5px;
  }
  .course-classify .fz20 {
    font-size: 18px !important;
  }
  .big-video-box .cont {
    width: 100%;
    height: 60%;
  }
}