/* 锚点导航 */
.pro-nav{width: 100%;border-bottom: 1px solid #eee;}
.pro-nav .nav-list{width: 1170px;margin: 0 auto;height: 79px;} 
.nav-list li{float: left;margin-right: 40px;position: relative;margin-top: 10px;}
.nav-list li .nav-item{display: block; color: #999;font-size: 16px;height: 70px; line-height: 70px;}
.nav-list li .nav-item::after{position: absolute;bottom: 0;left: 0;content: "";width: 100%;height: 2px;background-color:#236db4;transform: scaleX(0);transition: all .3s;}
.nav-list .nav-item.cur::after {transform: scaleX(1);}
.nav-list .nav-item.cur{color: #236db4;}
.nav-list .nav-item:hover{color: #236db4;}
.nav-list li:hover .nav-item::after{color: #236db4;transform: scaleX(1);}
/* 图文 */
.pro-con {width: 1170px;margin: 0 auto;}
.pro-con .pro-box{width: 100%;position: relative;margin-top: 40px;margin-bottom: 54px;}
.pro-con .pro-box .pic{width: 380px;height: 380px; float: left;border: 1px solid #ddd;}
.pro-con .pro-box .pic a{width: 100%;height: 100%; display: block;}
.pro-con .pro-box .pic a img{width: 100%;height: 100%; display: block;}

.pro-con .pro-box .box-text{width: 750px;height: 380px;float: right;position: relative;}
.pro-con .pro-box .box-text h3{font-size: 24px;color: #333;margin-bottom: 25px;font-weight: 600;}
.pro-con .pro-box .box-text p{font-size: 16px;color: #999;text-align:justify;text-justify:inter-ideograph;line-height: 30px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; }
.box-text .select{position: absolute;bottom: 0;left: 0;}
.select .icon{width: 26px;height: 100px;border: 1px solid #ddd;background-color: #f5f5f5;display: flex;justify-content: center;align-items: center;float: left;margin-right: 10px;position: static;background-image: none;margin-top: 0;}
.select .icon:last-child{margin-right: 0;margin-left: 10px;}
.select .icon img{display: block;width: 9px;height: 16px;}
.select .select-list{width: 320px;height: 100px;float: left;}
.select .select-list .swiper-wrapper .swiper-slide{border: 1px solid #ddd;}
.select .select-list .swiper-wrapper .swiper-slide.swiper-slide-active{border: 1px solid #236db4;}

.select .select-list .swiper-wrapper .swiper-slide a{display: block;width: 100%;height: 100%;}
.select .select-list .swiper-wrapper .swiper-slide a img{display: block;width: 100%;height: 100%;background-size: cover;}

.pro-con p{font-size: 16px;color: #999;text-align: justify;text-justify: inter-ideograph;line-height: 30px;}
.pro-con .feature{margin-top: 54px;}
.pro-con .feature h3{font-size: 20px;color: #236db4;font-weight: 600;}
.pro-con .feature ul{margin: 20px 0;}
.pro-con .feature ul li{font-size: 16px;color: #999;height: 30px;line-height: 30px;display: flex;align-items: center;}
.pro-con .feature ul li::before{background-color: #666;width: 6px; height: 6px;border-radius: 3px;content: "";display: inline-block;margin-right: 18px;}

.pro-con .pro-form{margin-top: 80px;overflow-x: auto;}
.pro-con .pro-form::-webkit-scrollbar {display:none}
.pro-con .pro-form .form-head{color: #333;font-size: 32px;text-align: center;font-weight: 600;margin-bottom: 40px;}
.pro-con .pro-form .form-tit{color: #fff;font-size: 22px;text-align: left;width: 100%;height: 60px;line-height: 60px; background-size: cover;padding: 0 20px;}
.pro-con .pro-form .fs{font-size: 18px;}
.layui-table{margin-top: 0;}
.layui-table td, .layui-table th {padding-left:20px;padding-right: 20px;height: 60px;font-size: 16px;color: #999;}
.layui-table th{font-size: 18px;color: #333;font-weight: 600;}
.layui-table td:first-child{color: #666;}
.layui-table tr:nth-child(odd){background-color: #f5f5f5;}
.layui-table tr:nth-child(even){background-color: #fafafa;}
.pro-con .pro-form .form-tit .down-list{display: flex;justify-content: space-between;height: 100%; align-items: center;}
.layui-table .download td{color: #666;}
.layui-table .download td:last-child {text-align: right;}
.layui-table .download td:last-child span{display: block;width: 22px;height: 22px; float: right;margin-right: 10px;background: url(../images/download.png) no-repeat;background-size: cover;}
.layui-table .download td:last-child span:hover{background: url(../images/download_hover.png) no-repeat; background-size: cover;}
.layui-table .download td:nth-child(2) {text-align: center;}
.pro-con .mb{margin-bottom: 60px;}

@media(max-width:1440px){
  .pro-con .pro-form .form-head { font-size: 26px;}
  .pro-con .pro-form .form-tit {font-size: 20px;}
  .pro-con .pro-form .fs{font-size: 18px;}
  .layui-table th {font-size: 16px;}

}
@media(max-width:1200px){
  .home .home-nav {width: 970px;}
  .pro-nav .nav-list {width: 970px;height: 69px;}
  .pro-con {width: 970px;}
  .pro-con .pro-box .pic {width: 315px;height: 315px;}
  .pro-con .pro-box .box-text {width: 622px;height: 315px;}
  .pro-con .pro-box .box-text h3 {font-size: 22px;margin-bottom: 10px;}
  .pro-con .pro-box .box-text p {font-size: 16px;line-height: 26px;}
  .pro-con p {font-size: 16px;line-height: 26px;}
  .nav-list li .nav-item {font-size: 14px;height: 60px;line-height: 60px;}

  .pro-con .pro-form .form-head { font-size: 22px;}
  .pro-con .pro-form .form-tit {font-size: 18px;height: 50px;line-height: 50px;}
  .pro-con .pro-form .fs{font-size: 16px;}
  .layui-table td, .layui-table th {height: 50px;font-size: 14px;}
  .layui-table th {font-size: 16px;}

}
@media(max-width:991px){
  .home .home-nav {width: 750px;}
  .pro-nav .nav-list {width: 750px;height: 49px;}
  .pro-con {width: 750px;}
  .pro-con .pro-box .pic {width: 244px;height: 244px;}
  .pro-con .pro-box .box-text {width: 480px;height: 244px;}
  .pro-con .pro-box .box-text h3 {font-size: 18px;margin-bottom: 5px;}
  .pro-con .pro-box .box-text p {font-size: 14px;line-height: 24px; -webkit-line-clamp: 5;}
  .pro-con p {font-size: 14px;line-height: 24px;}
  .nav-list li .nav-item {font-size: 14px;height: 40px;line-height: 40px;}

  .pro-con .pro-form .form-head { font-size: 20px;}
  .pro-con .pro-form .form-tit {font-size: 16px;height: 40px;line-height: 40px;}
  .pro-con .pro-form .fs{font-size: 14px;}
  .layui-table td, .layui-table th {height: 40px;font-size: 14px;}
  .layui-table th {font-size: 14px;}

  .select .icon {width: 18px;height: 80px;}
  .select .select-list {width: 260px;height: 80px;}
  .pro-con .feature ul li {
    font-size: 14px;
    height: 26px;
    line-height: 26px;
}
.pro-con .feature ul li::before {
  width: 4px;
  height: 4px;
  margin-right: 10px;
}
.pro-con .feature h3 {font-size: 18px;}

}
@media(max-width:769px){
  .pro-nav .nav-list {width:600px;height: 49px;}
  .pro-con {width: 600px;}
  .pro-con .pro-box .pic {width: 300px;height: 300px;float: none;margin: 0 auto; margin-top: 30px;}
  .pro-con .pro-box .box-text {width: 100%;height: auto;position: static;float: none;}
  .box-text .select {bottom: -90px;left: 140px;}
  .font-top{margin-top: 140px;}

}
@media(max-width:640px){
  .pro-nav .nav-list {width:100%;padding: 0 2.5%;}
  .pro-con {width: 100%;padding: 0 2.5%;}
  /* .pro-con .pro-box .pic {width: 200px;height: 200px;float: none;margin: 0 auto; margin-top: 30px;} */
  .pro-con .pro-box .box-text {width: 100%;height: auto;position: static;float: none;}
  .box-text .select {bottom: -90px;left:50%;transform: translateX(-50%);width: 316px;}
  .font-top{margin-top: 120px;}
  .select .icon {background-color: transparent;border: none;}
  .pro-con .pro-box .box-text h3 {font-size: 16px;}

}
@media(max-width:480px){
  .pro-nav .nav-list {width:100%;padding: 0 2.5%;}
  .pro-con {width: 100%;padding: 0 2.5%;}
  /* .pro-con .pro-box .pic {width: 200px;height: 200px;float: none;margin: 0 auto; margin-top: 30px;} */
  .pro-con .pro-box .box-text {width: 100%;height: auto;position: static;float: none;}
  .box-text .select {bottom: -90px;left:50%;transform: translateX(-50%);width: 256px;}
  .select .icon {background-color: transparent;border: none;height: 60px;}
  .select .select-list {width: 200px;height: 60px;}
  .pro-con .feature h3 {font-size: 16px;}
  .pro-con .pro-form .form-head {font-size: 18px;}

}