@media only screen and (min-width: 1480px) {
  .sy-tit {
    font-size: 60px;
    font-weight: 600;
    text-align: center;
    margin-top: 100px;
  }
  .sy-jj {
    background: url(../images/index_02.jpg) no-repeat center #f2f2f2;
    background-position: bottom center;
    height: 711px;
    padding-top: 1px;
  }
  .sy-jj .jj-list {
    margin-top: 120px;
    display: flex;
    justify-content: space-between;
  }
  .sy-jj .jj-list .jj-item {
    width: 280px;
  }
  .sy-jj .jj-list .jj-item h1 {
    font-size:85px;
    color: #103fb5;
    display: flex;
    height: 110px;
	font-family: Verdana, Arial;
  }
  .sy-jj .jj-list .jj-item h1 p {
    width: 180px;
    margin-left: 20px;
  }
  .sy-jj .jj-list .jj-item h1 i {
    font-size: 38px;
    display: block;
  }
  .sy-jj .jj-list .jj-item h1 span {
    display: block;
    font-size: 16px;
  }
  .sy-jj .jj-list .txt {
    font-size: 18px;
    margin-top: 15px;
  }
  .sy-jj .about {
    display: block;
    width: 183px;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #103fb5;
    border: 1px solid #103fb5;
    margin: 90px auto;
  }
  .sy-jj .about:hover {
    background-color: transparent;
    color: #103fb5;
  }
  .sy-pro {
    padding-bottom: 100px;
  }
  .sy-pro .sy-tit {
    margin-bottom: 70px;
  }
  .sy-pro .pro-list {
    display: flex;
    justify-content: space-between;
  }
  .sy-pro .pro-list li {
    width: 680px;
    height: 520px;
    position: relative;
  }
  .sy-pro .pro-list li .imgk {
    width: 100%;
    height: 100%;
  }
  .sy-pro .pro-list li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sy-pro .pro-list li .txt {
    display: none;
    width: 520px;
    height: 150px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 35px 50px;
  }
  .sy-pro .pro-list li .txt .name {
    color: #103fb5;
    font-weight: 600;
    font-size: 30px;
  }
  .sy-pro .pro-list li .txt .info {
    margin-top: 15px;
    color: #333;
    font-size: 16px;
  }
  .sy-pro .pro-list li:hover .txt {
    display: block;
  }
  .sy-pro .pro-list2 {
    margin-top: 40px;
  }
  .sy-pro .pro-list2 li {
    width: 440px;
    height: 335px;
  }
  .sy-pro .pro-list2 li .txt {
    width: 80%;
    padding: 20px;
  }
  .sy-pro .pro-list2 li .txt .name {
    font-size: 20px;
  }
    .sy-pro .pro-list2 {
    margin-top: 40px;
  }
  .sy-pro .pro-list3 li {
    width: 320px;
    height: 245px;
  }
  .sy-pro .pro-list3 li .txt {
    width: 80%;
    padding: 15px;
  }
  .sy-pro .pro-list3 li .txt .name {
    font-size: 18px;
  }
  .sy-light {
    padding-top: 1px;
    background: url(../images/images/index_20.jpg) no-repeat center;
    background-size: cover;
    min-height: 470px;
    text-align: center;
  }
  .sy-light .tit {
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    margin-top: 155px;
  }
  .sy-light .sy-more {
    width: 180px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 70px;
    font-size: 18px;
  }
  .sy-light .sy-more:hover {
    border: 1px solid #103fb5;
    background: #103fb5;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .sy-tit {
    font-size: 60px;
    font-weight: 600;
    text-align: center;
    margin-top: 100px;
  }
  .sy-jj {
    background: url(../images/images/index_02.jpg) no-repeat center #f2f2f2;
    background-position: bottom center;
    height: 711px;
    padding-top: 1px;
  }
  .sy-jj .jj-list {
    margin-top: 120px;
    display: flex;
    justify-content: space-between;
  }
  .sy-jj .jj-list .jj-item {
    width: 280px;
  }
  .sy-jj .jj-list .jj-item h1 {
    font-size: 80px;
    color: #103fb5;
    display: flex;
    height: 100px;
    font-family: Verdana, Arial;
  }
  .sy-jj .jj-list .jj-item h1 p {
    width: 180px;
    margin-left: 20px;
  }
  .sy-jj .jj-list .jj-item h1 i {
    font-size: 48px;
    display: block;
  }
  .sy-jj .jj-list .jj-item h1 span {
    display: block;
    font-size: 16px;
  }
  .sy-jj .jj-list .txt {
    font-size: 18px;
    margin-top: 15px;
  }
  .sy-jj .about {
    display: block;
    width: 183px;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #103fb5;
    border: 1px solid #103fb5;
    margin: 90px auto;
  }
  .sy-jj .about:hover {
    background-color: transparent;
    color: #103fb5;
  }
  .sy-pro {
    padding-bottom: 80px;
  }
  .sy-pro .sy-tit {
    margin-bottom: 70px;
  }
  .sy-pro .pro-list {
    display: flex;
    justify-content: space-between;
  }
  .sy-pro .pro-list li {
    width: 582px;
    height: 445px;
    position: relative;
  }
  .sy-pro .pro-list li .imgk {
    width: 100%;
    height: 100%;
  }
  .sy-pro .pro-list li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sy-pro .pro-list li .txt {
    display: none;
    width: 520px;
    height: 150px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 35px 50px;
  }
  .sy-pro .pro-list li .txt .name {
    color: #103fb5;
    font-weight: 600;
    font-size: 40px;
  }
  .sy-pro .pro-list li .txt .info {
    margin-top: 15px;
    color: #333;
    font-size: 16px;
  }
  .sy-pro .pro-list li:hover .txt {
    display: block;
  }
  .sy-pro .pro-list2 {
    margin-top: 40px;
  }
  .sy-pro .pro-list2 li {
    width: 377px;
    height: 287px;
  }
  .sy-pro .pro-list2 li .txt {
    width: 80%;
    padding: 20px;
  }
  .sy-pro .pro-list2 li .txt .name {
    font-size: 30px;
  }
  .sy-light {
    padding-top: 1px;
    background: url(../images/images/index_20.jpg) no-repeat center;
    background-size: cover;
    min-height: 470px;
    text-align: center;
  }
  .sy-light .tit {
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    margin-top: 185px;
  }
  .sy-light .sy-more {
    width: 180px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 70px;
    font-size: 18px;
  }
  .sy-light .sy-more:hover {
    border: 1px solid #103fb5;
    background: #103fb5;
  }
}
@media only screen and (max-width: 1260px) {
  .sy-tit {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
  }
  .sy-jj {
    background: url(../images/images/index_02.jpg) no-repeat center #f2f2f2;
    background-position: bottom center;
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .sy-jj .jj-list {
    padding: 15px;
    margin-top: 10px;
    justify-content: space-between;
  }
  .sy-jj .jj-list .jj-item {
    margin-bottom: 15px;
  }
  .sy-jj .jj-list .jj-item h1 {
    font-size: 60px;
    color: #103fb5;
    display: flex;
    height: 60px;
    font-family: Verdana, Arial;
  }
  .sy-jj .jj-list .jj-item h1 p {
    width: 280px;
    margin-left: 20px;
  }
  .sy-jj .jj-list .jj-item h1 i {
    font-size: 30px;
    display: block;
  }
  .sy-jj .jj-list .jj-item h1 span {
    display: block;
    font-size: 16px;
  }
  .sy-jj .jj-list .txt {
    font-size: 18px;
    margin-top: 15px;
  }
  .sy-jj .about {
    display: block;
    width: 153px;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #103fb5;
    border: 1px solid #103fb5;
    margin: 30px auto;
  }
  .sy-jj .about:hover {
    background-color: transparent;
    color: #103fb5;
  }
  .sy-pro {
    padding: 0 15px;
    padding-bottom: 30px;
  }
  .sy-pro .sy-tit {
    margin-bottom: 30px;
  }
  .sy-pro .pro-list li {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
  }
  .sy-pro .pro-list li .imgk {
    width: 100%;
    height: 100%;
  }
  .sy-pro .pro-list li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sy-pro .pro-list li .txt {
    display: block;
    width: 85%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px;
  }
  .sy-pro .pro-list li .txt .name {
    color: #103fb5;
    font-weight: 600;
    font-size: 20px;
  }
  .sy-pro .pro-list li .txt .info {
    margin-top: 10px;
    color: #333;
    font-size: 16px;
  }
  .sy-light {
    padding-top: 1px;
    background: url(../images/images/index_20.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    padding: 30px 15px;
  }
  .sy-light .tit {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
  }
  .sy-light .sy-more {
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 25px;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 16px;
  }
  .sy-light .sy-more:hover {
    border: 1px solid #103fb5;
    background: #103fb5;
  }
}
@media only screen and (min-width: 1480px) {
  .footer {
    background-color: #2e2e2f;
    color: #fff;
    padding-bottom: 50px;
  }
  .footer .main {
    display: flex;
    justify-content: space-between;
  }
  .footer .main .ft-info {
    padding-top: 80px;
  }
  .footer .main .ft-info .logo2 {
    margin-bottom: 60px;
  }
  .footer .main .ft-info .txt {
    margin-bottom: 45px;
  }
  .footer .main .ft-info .txt p {
    font-size: 14px;
    margin-bottom: 10px;
    width: 250px;
    line-height: 30px;
  }
  .footer .main .ft-info .fx {
    display: flex;
  }
  .footer .main .ft-info .fx a {
    display: block;
    margin-right: 15px;
  }
  .footer .main .ft-list {
    padding-top: 120px;
    display: flex;
  }
  .footer .main .ft-list .tit {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .footer .main .ft-list .list-item {
    margin-right: 70px;
  }
  .footer .main .ft-list .list-item:last-child {
    margin-right: 0;
  }
  .footer .main .ft-list li {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .footer .main .ft-list li a {
    display: block;
    width: 150px;
    color: #fff;
  }
  .footer .main .ft-link {
    width:405px;
    padding-top: 120px;
  }
  .footer .main .ft-link .link-item {
    font-size: 16px;
    margin-bottom: 20px;
    display: flex;
  }
  .footer .main .ft-link .link-item span {
    font-weight: 600;
  }
  .footer .main .ft-link .link-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}
  .footer .main .ft-link .add-btn {
 
    width: 270px;
    height: 50px;
    border-radius: 5px;
    background-color: #103fb5;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }
  .footer .main .ft-link .add-btn i {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .footer {
    background-color: #2e2e2f;
    color: #fff;
    padding-bottom: 100px;
  }
  .footer .main {
    display: flex;
    justify-content: space-between;
  }
  .footer .main .ft-info {
    padding-top: 100px;
  }
  .footer .main .ft-info .logo2 {
    margin-bottom: 60px;
  }
  .footer .main .ft-info .txt {
    margin-bottom: 45px;
  }
  .footer .main .ft-info .txt p {
    font-size: 16px;
    margin-bottom: 10px;
    width: 250px;
    line-height: 30px;
  }
  .footer .main .ft-info .fx {
    display: flex;
  }
  .footer .main .ft-info .fx a {
    display: block;
    margin-right: 15px;
  }
  .footer .main .ft-list {
    padding-top: 120px;
    display: flex;
  }
  .footer .main .ft-list .tit {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .footer .main .ft-list .list-item {
    margin-right: 40px;
  }
  .footer .main .ft-list .list-item:last-child {
    margin-right: 0;
  }
  .footer .main .ft-list li {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .footer .main .ft-list li a {
    display: block;
    width: 150px;
    color: #fff;
  }
  .footer .main .ft-link {
    width: 270px;
    padding-top: 120px;
  }
  .footer .main .ft-link .link-item {
    font-size: 16px;
    margin-bottom: 20px;
    display: flex;
  }
  .footer .main .ft-link .link-item span {
    font-weight: 600;
  }
  .footer .main .ft-link .link-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}
  .footer .main .ft-link .add-btn {

    width: 270px;
    height: 50px;
    border-radius: 5px;
    background-color: #103fb5;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
  }
  .footer .main .ft-link .add-btn i {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 1260px) {
  .footer {
    background-color: #2e2e2f;
    color: #fff;
    padding-bottom: 30px;
  }
  .footer .main .ft-info {
    padding-top: 30px;
    text-align: center;
  }
  .footer .main .ft-info .logo2 {
    margin-bottom: 10px;
  }
  .footer .main .ft-info .txt {
    margin-bottom: 15px;
  }
  .footer .main .ft-info .txt p {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .footer .main .ft-info .fx {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .footer .main .ft-info .fx a {
    display: block;
    margin-right: 15px;
  }
  .footer .main .ft-list {
    padding-top: 120px;
    display: none;
  }
  .footer .main .ft-list .tit {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .footer .main .ft-list .list-item {
    margin-right: 70px;
  }
  .footer .main .ft-list .list-item:last-child {
    margin-right: 0;
  }
  .footer .main .ft-list li {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .footer .main .ft-list li a {
    display: block;
    width: 150px;
    color: #fff;
  }
  .footer .main .ft-link {
    width: 100%;
    padding: 0 15px;
    text-align: center;
  }
  .footer .main .ft-link .link-item {
    font-size: 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
  }
  .footer .main .ft-link .link-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}
  .footer .main .ft-link .link-item span {
    font-weight: 600;
  }
  .footer .main .ft-link .add-btn {
    width: 270px;
    height: 50px;
    border-radius: 5px;
    background-color: #103fb5;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }
  .footer .main .ft-link .add-btn i {
    margin-right: 15px;
  }
}
/* ny- products */
@media only screen and (min-width: 1480px) {
  .ny-cont {
    padding:60px 0 100px;
  }
  .pro-left {
    width: 325px;
    float: left;
  }
  .pro-left .sideMenu {

  }
  .pro-left .sideMenu h3 {
    height: 74px;
    line-height: 74px;
    padding-left: 10px;
    background: #f7f7f7;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    padding: 0 18px;
    font-size: 24px;
    display: flex;
    justify-content: space-between;
	border-radius: 5px;
	margin-top:10px;

  }
  .pro-left .sideMenu h3 i {
    width: 20px;
    background: url(../images/pro-list2.png) no-repeat center;
  }
  .pro-left .sideMenu h3.on {
    border-top: 0 solid #ddd;
    background-color:#377ffc;
    color: #fff;
  }
  .pro-left .sideMenu h3.on i {
    background: url(../images/pro-list1.png) no-repeat center;
  }
  .pro-left .sideMenu ul .nLi.on .sub {
    display: block;
	border-radius: 5px;
  }
  .pro-left .sideMenu ul .nLi .sub {
    padding: 20px 0;
    color: #999;
    display: none;
    background-color: #f7f7f7;
  }
  .pro-left .sideMenu ul .nLi .sub li {
    min-height: 30px;
    line-height: 26px;
    list-style: none;
    margin-bottom: 10px;
  }
  .pro-left .sideMenu ul .nLi .sub li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    padding: 0 25px 0px 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  .pro-left .sideMenu ul .nLi .sub li a:before{
	content: '';
    position: relative;
    top: 12px;
    left:15px;
    display: inline-block;
    height: 2px;
    width: 2px;
    background-color: rgba(121,121,121,0.6);
	  }
  .pro-left .sideMenu ul .nLi .sub li a:hover span {
    color: #103fb5;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li a i {
    display: none;
  }
  .pro-left .sideMenu ul .nLi .sub li a span {
    display: block;
    width: 90%;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a span {
    color: #103fb5;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a i {
    display: block;
  }
  .search_list{min-height:480px;}
  .search_list .tit{
	font-size: 60px;
    height: 100px;
    line-height: 100px;
    font-weight: 600;
    position: relative;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
	color:#103fb5;
	text-transform:uppercase;
	  }
   .search_list .tit p{
	   font-size:24px;
	   color:#666;
	   font-weight:normal;
	   height:30px;
	   line-height:30px;
	   
	   }
  
   .search_list .tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 10px;
   }
    .search_list .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .pro-right {
    float: right;
    width: 1020px;
  }
  .pro-right .tit {
    font-size: 48px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
   /* background: url(../images/pro-tit.png) no-repeat center;*/
    background-size: contain;
    background-position: left center;
	
  }
  .pro-right .tit i{
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .pro-right .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .pro-right .pro-detail {
    font-size: 16px;
    margin-top: 30px;
    line-height: 30px;
  }
  .pro-right .u1 {
    margin-top: 20px;
  }
  .search_list .u1{margin-top: 60px;}
  .search_list .u1 li{
    width: 315px;
    float: left;
    margin-right: 35px;
    margin-bottom: 25px;
    border: 1px solid transparent;
  }
  .search_list .u1 li:hover {
    border: 1px solid #eee;
  }
  .search_list .u1 li:nth-child(4n) {
    margin-right: 0;
  }
  .search_list .u1 li .imgk {
    width: 315px;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .search_list .u1 li .imgk img {
    max-width: 100%;
    max-height: 100%;
  }
  .search_list .u1 li .name {
    font-size: 18px;
    text-align: center;
	height: 45px;
    line-height: 45px;
  }
  .pro-right .u1 li {
    width: 315px;
    float: left;
    margin-right: 35px;
    margin-bottom: 25px;
    border: 1px solid transparent;
  }
  .pro-right .u1 li:hover {
    border: 1px solid #eee;
  }
  .pro-right .u1 li:nth-child(3n) {
    margin-right: 0;
  }
  .pro-right .u1 li .imgk {
    width: 315px;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pro-right .u1 li .imgk img {
    max-width: 100%;
    max-height: 100%;
  }
  .pro-right .u1 li .name {
    font-size: 18px;
    text-align: center;
	height: 45px;
    line-height: 45px;
  }
  #magnifier {
    position: relative;
    width: 680px;
    float: left;
  }
  .video_play{cursor: pointer;position:absolute;left:25px;bottom:160px;z-index:111;width:50px;height:50px;background:url(../images/videoplay_icon.png) 0 -2px no-repeat; }
  .videoplay_box{display:none;width:680px; height:510px;background:#000;position:absolute;left:0; top:0;z-index:222;}
  .videoplay_box video{width:680px;height:460px;overflow:hidden;margin-top:20px;}
  .videoplay_box .video_close{cursor: pointer;width:23px;height:23px;background:url(../images/video_close.png) center center no-repeat;position:absolute;top:20px;right:20px;z-index:33333;}
  .small-box {
    position: relative;
    width: 680px;
    height: 510px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .small-box img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  .small-box .hover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 340px;
    height: 270px;
    border: 1px solid #aaa;
    background: #0099ff;
    opacity: 0.5;
    cursor: move;
  }
  .thumbnail-box {
    position: relative;
    width: 100%;
  }
  .thumbnail-box .btn {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 32px;
    margin-top: -16px;
  }
  .thumbnail-box .btn-prev {
    left: 0;
    background: url(../images/xq-l.png) no-repeat;
  }
  .thumbnail-box .btn-next {
    right: 0;
    background: url(../images/xq-r.png) no-repeat;
  }
  .thumbnail-box .list {
    overflow: hidden;
    width: 650px;
    margin: 0 auto;
  }
  .thumbnail-box .wrapper {
    width: 100000px;
  }
  .thumbnail-box .list .item {
    float: left;
    margin: 0 10px;
    border: 1px solid #d5d5d5;
    width: 140px;
  }
  .thumbnail-box .list .item img {
    border: 2px solid #fff;
  }
  .thumbnail-box .list .item-cur img {
    border: 2px solid #103fb5;
  }
  .big-box {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 681px;
    top: 0;
    width: 600px;
    height: 510px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
  }
  .big-box img {
    display: block;
    width: auto;
    height: auto;
    max-width: initial !important;
  }
  .pd-detail {
    padding-bottom:60px;
  }
  .pd-detail .pd-info {
    float: right;
    width: 640px;
  }
  .pd-detail .pd-info .tit {
    margin-top: 35px;
    line-height: 1.2;
  }
  .pd-detail .pd-info .tit p {
    font-size: 40px;
  }
  .pd-detail .pd-info .tit span {
    font-size: 20px;
    color: #505050;


  }
  .pd-detail .pd-info .tit i{margin-left:15px;}
  .pd-detail .pd-info .tit i img{}
  .pd-detail .pd-info .jj {
    margin-top: 35px;
   /* border-top: 1px solid #d4d5d7;
    border-bottom: 1px solid #d4d5d7;*/
    font-size: 18px;
    line-height: 30px;
    color: #54595f;
    padding: 15px 0;
    margin-bottom: 40px;
  }
  .pd-detail .pd-info .xh {
    margin-bottom: 40px;
  }
  .pd-detail .pd-info .xh p{
	  font-size:20px;
	  color:#505050;
	  margin-bottom:15px;
	  }
  .pd-detail .pd-info .xh li {
    height: 40px;
    min-width: 106px;
    padding: 0 3px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;

  }
  .pd-detail .pd-info .xh li a {
    color: #fff;
  }
  .pd-detail .pd-info .xh li.on {
    background-color: #02509b;
  }
  .pd-detail .pd-info .jj2 {
    font-size: 24px;
    color: #377ffc;
    margin-bottom: 40px;
  }
  .pd-detail .pd-info .jj2 span {
    margin-right: 50px;
  }
  .pd-detail .pd-info .jj3 {
    width: 100%;
  }
  .pd-detail .pd-info .jj3  p{
	  font-size:20px;
	  color:#505050;
	  margin-bottom:15px;
	  }
   .pd-detail .pd-info .jj3 ul {
    width: 100%;
	font-size: 16px;
  }
   .pd-detail .pd-info .jj3 ul li{
    background-color: #f5f5f5;
    height: 40px;
    min-width: 106px;
    padding: 0 3px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
  }
  .pd-detail .pd-info .jj3 ul li.size_on{border:1px solid #377ffc;}
  .pd-detail .pd-info .jj3 table {
    width: 100%;
    font-size: 16px;
  }
  .pd-detail .pd-info .jj3 th {
    color: #fff;
    background: #377ffc;
    line-height: 36px;
    padding-left: 35px;
    font-family: 'ML';
    font-weight: 400;
  }
  .pd-detail .pd-info .jj3 tr {
    border-bottom: 1px solid #e9e9e9;
  }
  .pd-detail .pd-info .jj3 tr td {
    line-height: 36px;
    padding-left: 35px;
    font-family: 'ML';
  }
  .pd-detail .pd-info .jj3 tr:nth-child(2n-1) {
    background: #f9f9f9;
  }
  .pd-list {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f2f2f2;
  }
  .pd-list .tab-left {
    width: 357px;
    float: left;
  }
  .pd-list .tab-left li {
    height: 70px;
    line-height: 70px;
    text-align: center;
    text-decoration: underline;
    background-color: #f8f8f8;
    font-size: 22px;
    margin-bottom: 6px;
  }
  .pd-list .tab-left li a {
    color: #01b77a;
    display: block;
    width: 100%;
    height: 100%;
  }
  .pd-list .tab-left li.on {
    background-color: #01b77a;
  }
  .pd-list .tab-left li.on a {
    color: #fff;
  }
  .pd-list .tab-right {
    /*min-height: 456px;*/
    background-color: #fff;
    padding: 50px 60px;
	
  }
   .pd-list .tab-right .pro_pic{
	   text-align:center;
	   }
  .pd-list .tab-right .jj-item {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 50px;
  }
  .pd-list .tab-right .jj-item .jj-tit {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .pd-list .tab-right .jj-item .jj-tit i {
    margin-right: 10px;
  }
  .pd-list .tab-right .jj-item p {
    font-size: 20px;
    line-height: 38px;
  }
  .pd-sw {
    padding-top: 90px;
  }
  .pd-sw .tit {
    font-size: 48px;
    text-align: center;
    position: relative;
    height: 60px;
  }
  .pd-sw .tit i {
    position: absolute;
    display: block;
    width: 42px;
    height: 4px;
    background: url(../images/pro-tit3.jpg) no-repeat center;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
  }
  .pd-sw .nysw {
    padding: 0 30px;
    margin-top: 80px;
    position: relative;
  }
  .pd-sw .nysw .sw-prev1,
  .pd-sw .nysw .sw-next1 {
    background: url(../images/sw-l.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: 35%;
    width: 30px;
    height: 30px;
  }
  .pd-sw .nysw .sw-prev1 {
    background: url(../images/sw-r.png) no-repeat center;
    background-size: contain;
    left: 0;
  }
  .pd-sw .nysw .nysw1 {
    padding-bottom: 80px;
  }
  .pd-sw .nysw .nysw1 .imgk {
    width: 250px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pd-sw .nysw .nysw1 .imgk img {
    max-width: 250px;
    max-height: 200px;
  }
  .pd-sw .nysw .nysw1 .name {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background-color: #c3c5c4;
    margin: 0 10px;
    opacity: 1;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .ny-cont {
    padding: 100px 0;
  }
  .pro-left {
    width: 300px;
    float: left;
  }
  .pro-left .sideMenu {

  }
  .pro-left .sideMenu h3 {
    height: 74px;
    line-height: 74px;
    padding-left: 10px;
    background: #f7f7f7;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    padding: 0 18px;
    font-size: 24px;
    display: flex;
    justify-content: space-between;
    border-radius:5px;
	margin-top: 10px;
  }
  .pro-left .sideMenu h3 i {
    width: 20px;
    background: url(../images/pro-list2.png) no-repeat center;
  }
  .pro-left .sideMenu h3.on {

    background-color: #377ffc;
    color: #fff;
  }
  .pro-left .sideMenu h3.on i {
    background: url(../images/pro-list1.png) no-repeat center;
  }
  .pro-left .sideMenu ul .nLi.on .sub {
    display: block;
	border-radius: 5px;
  }
  .pro-left .sideMenu ul .nLi .sub {
    padding: 20px 0;
    color: #999;
    display: none;
    background-color: #f7f7f7;
  }
  .pro-left .sideMenu ul .nLi .sub li {
    min-height: 30px;
    line-height: 26px;
    list-style: none;
    margin-bottom: 10px;
  }
  .pro-left .sideMenu ul .nLi .sub li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    padding: 0 25px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  .pro-left .sideMenu ul .nLi .sub li a:before {
    content: '';
    position: relative;
    top: 12px;
    left: 15px;
    display: inline-block;
    height: 2px;
    width: 2px;
    background-color: rgba(121,121,121,0.6);
}


  .pro-left .sideMenu ul .nLi .sub li a:hover span {
    color: #103fb5;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li a i {
    display: none;
  }
  .pro-left .sideMenu ul .nLi .sub li a span {
    display: block;
    width: 90%;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a span {
    color: #103fb5;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a i {
    display: block;
  }
  .pro-right {
    float: right;
    width: 850px;
  }
  .pro-right .tit {
    font-size: 50px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background-size: contain;
    background-position: left center;
  }
  .pro-right .tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .pro-right .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .pro-right .pro-detail {
    font-size: 16px;
    margin-top: 30px;
    line-height: 30px;
  }
  .pro-right .u1 {
    margin-top: 50px;
  }
  .pro-right .u1 li {
    width: 250px;
    float: left;
    margin-right: 50px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border: 1px solid transparent;
  }
  .pro-right .u1 li:hover {
    border: 1px solid #eee;
  }
  .pro-right .u1 li:nth-child(3n) {
    margin-right: 0;
  }
  .pro-right .u1 li .imgk {
    width: 250px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pro-right .u1 li .imgk img {
    max-width: 100%;
    max-height: 100%;
  }
  .pro-right .u1 li .name {
    font-size: 22px;
    text-align: center;
  }
  .search_list .tit {
    font-size: 48px;
    height: 60px;
    line-height: 60px;
    font-weight: 600;
    position: relative;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
	margin-top:-20px;
    color: #103fb5;
    text-transform: uppercase;
	}
  .search_list .u1 li {
    width: 250px;
    float: left;
    margin-right: 50px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border: 1px solid transparent;
}
  .search_list .u1 li:nth-child(4n) {
    margin-right: 0;
  }
  .search_list .u1 li:hover {
    border: 1px solid #eee;
  }
  .search_list .u1 li .imgk {
    width: 250px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .search_list .u1 li .imgk img {
    max-width: 100%;
    max-height: 100%;
  }
  .search_list .u1 li .name {
    font-size: 22px;
    text-align: center;
  }
  #magnifier {
    position: relative;
    width: 520px;
    float: left;
  }
  .video_play{cursor: pointer;position:absolute;left:25px;bottom:160px;z-index:111;width:50px;height:50px;background:url(../images/videoplay_icon.png) 0 -2px no-repeat; }
  .videoplay_box{display:none;width:520px; height:430px;background:#000;position:absolute;left:0; top:0;z-index:222;}
  .videoplay_box video{width:520px;height:390px;overflow:hidden;margin-top:20px;}
  .videoplay_box .video_close{cursor: pointer;width:23px;height:23px;background:url(../images/video_close.png) center center no-repeat;position:absolute;top:20px;right:20px;z-index:33333;}
  .small-box {
    position: relative;
    width: 520px;
    height: 435px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .small-box img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  .small-box .hover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 340px;
    height: 270px;
    border: 1px solid #aaa;
    background: #0099ff;
    opacity: 0.5;
    cursor: move;
  }
  .thumbnail-box {
    position: relative;
    width: 100%;
  }
  .thumbnail-box .btn {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 32px;
    margin-top: -16px;
  }
  .thumbnail-box .btn-prev {
    left: 0;
    background: url(../images/xq-l.png) no-repeat;
  }
  .thumbnail-box .btn-next {
    right: 0;
    background: url(../images/xq-r.png) no-repeat;
  }
  .thumbnail-box .list {
    overflow: hidden;
    width: 500px;
    margin: 0 auto;
  }
  .thumbnail-box .wrapper {
    width: 100000px;
  }
  .thumbnail-box .list .item {
    float: left;
    margin: 0 10px;
    border: 1px solid #d5d5d5;
    width: 140px;
  }
  .thumbnail-box .list .item img {
    border: 2px solid #fff;
  }
  .thumbnail-box .list .item-cur img {
    border: 2px solid #103fb5;
  }
  .big-box {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 581px;
    top: 0;
    width: 580px;
    height: 435px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
  }
  .big-box img {
    display: block;
    width: auto;
    height: auto;
    max-width: initial !important;
  }
  .pd-detail {
    padding-bottom: 95px;
  }
  .pd-detail .pd-info {
    float: right;
    width: 640px;
  }
  .pd-detail .pd-info .tit {
    margin-top: 35px;
    line-height: 1.2;
  }
  .pd-detail .pd-info .tit p {
    font-size: 40px;
  }
  .pd-detail .pd-info .tit span {
    font-size: 26px;
    color: #505050;

  }
   .pd-detail .pd-info .xh p{
	  font-size:26px;
	  color:#505050;
	  margin-bottom:15px;

	  }
  .pd-detail .pd-info .jj {
    margin-top: 40px;
    font-size: 18px;
    line-height: 30px;
    color: #54595f;
    padding: 15px 0;
    font-family: 'MR';
    margin-bottom: 50px;
  }
  .pd-detail .pd-info .xh {
    margin-bottom: 40px;
  }
  .pd-detail .pd-info .xh li {
    background-color: #01b77a;
    height: 40px;
    min-width: 106px;
    padding: 0 3px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
  }
  .pd-detail .pd-info .xh li a {
    color: #fff;
  }
  .pd-detail .pd-info .xh li.on {
    background-color: #02509b;
  }
  .pd-detail .pd-info .jj2 {
    font-size: 24px;
    color: #377ffc;
    margin-bottom: 40px;
  }
  .pd-detail .pd-info .jj2 span {
    margin-right: 50px;
  }
  .pd-detail .pd-info .jj3 {
    width: 100%;
  }
  .pd-detail .pd-info .jj3  p{
	  font-size:26px;
	  color:#505050;
	  margin-bottom:15px;
	  }
   .pd-detail .pd-info .jj3 ul {
    width: 100%;
	font-size: 16px;
  }
   .pd-detail .pd-info .jj3 ul li{
    background-color: #f5f5f5;
    height: 40px;
    min-width: 106px;
    padding: 0 3px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
  }
  .pd-detail .pd-info .jj3 ul li.size_on{border:1px solid #377ffc;}
  .pd-detail .pd-info .jj3 table {
    width: 100%;
    font-size: 16px;
  }
  .pd-detail .pd-info .jj3 th {
    color: #fff;
    background: #377ffc;
    line-height: 36px;
    padding-left: 35px;
    font-family: 'ML';
    font-weight: 400;
  }
  .pd-detail .pd-info .jj3 tr {
    border-bottom: 1px solid #e9e9e9;
  }
  .pd-detail .pd-info .jj3 tr td {
    line-height: 36px;
    padding-left: 35px;
    font-family: 'ML';
  }
  .pd-detail .pd-info .jj3 tr:nth-child(2n-1) {
    background: #f9f9f9;
  }
  .pd-list {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f2f2f2;
  }
  .pd-list .tab-left {
    width: 300px;
    float: left;
  }
  .pd-list .tab-left li {
    height: 70px;
    line-height: 70px;
    text-align: center;
    text-decoration: underline;
    background-color: #f8f8f8;
    font-size: 22px;
    margin-bottom: 6px;
  }
  .pd-list .tab-left li a {
    color: #01b77a;
    display: block;
    width: 100%;
    height: 100%;
  }
  .pd-list .tab-left li.on {
    background-color: #01b77a;
  }
  .pd-list .tab-left li.on a {
    color: #fff;
  }
  .pd-list .tab-right {
    /*min-height: 456px;*/
    background-color: #fff;
    padding: 50px 60px;
  }
  .pd-list .tab-right .jj-item {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 50px;
  }
  .pd-list .tab-right .jj-item .jj-tit {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .pd-list .tab-right .jj-item .jj-tit i {
    margin-right: 10px;
  }
  .pd-list .tab-right .jj-item p {
    font-size: 20px;
    line-height: 38px;
  }
  .pd-sw {
    padding-top: 90px;
  }
  .pd-sw .tit {
    font-size: 48px;
    text-align: center;
    position: relative;
    height: 60px;
  }
  .pd-sw .tit i {
    position: absolute;
    display: block;
    width: 42px;
    height: 4px;
    background: url(../images/pro-tit3.jpg) no-repeat center;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
  }
  .pd-sw .nysw {
    padding: 0 30px;
    margin-top: 80px;
    position: relative;
  }
  .pd-sw .nysw .sw-prev1,
  .pd-sw .nysw .sw-next1 {
    background: url(../images/sw-l.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: 35%;
    width: 30px;
    height: 30px;
  }
  .pd-sw .nysw .sw-prev1 {
    background: url(../images/sw-r.png) no-repeat center;
    background-size: contain;
    left: 0;
  }
  .pd-sw .nysw .nysw1 {
    padding-bottom: 80px;
  }
  .pd-sw .nysw .nysw1 .imgk {
    width: 220px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pd-sw .nysw .nysw1 .imgk img {
    max-width: 220px;
    max-height: 200px;
  }
  .pd-sw .nysw .nysw1 .name {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background-color: #c3c5c4;
    margin: 0 10px;
    opacity: 1;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}
/* ny- products */
@media only screen and (max-width: 1260px) {
  .ny-cont {
    padding: 30px 15px;
  }
  .pro-left {
    width: 100%;
  }
  .pro-left .sideMenu {

  }
  .pro-left .sideMenu h3 {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    background: #f7f7f7;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    padding: 0 15px;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
	margin-top:10px;
	border-radius:5px;
  }
  .pro-left .sideMenu h3 i {
    width: 20px;
    background: url(../images/pro-list2.png) no-repeat center;
  }
  .pro-left .sideMenu h3.on {
    background-color: #377ffc;
    color: #fff;
  }
  .pro-left .sideMenu h3.on i {
    background: url(../images/pro-list1.png) no-repeat center;
  }
  .pro-left .sideMenu ul .nLi.on .sub {
    display: block;
  }
  .pro-left .sideMenu ul .nLi .sub {
    padding: 15px 0;
    color: #999;
    display: none;
    background-color: #f7f7f7;
  }
  .pro-left .sideMenu ul .nLi .sub li {
    min-height: 30px;
    line-height: 26px;
    list-style: none;
    margin-bottom: 7px;
  }
  .pro-left .sideMenu ul .nLi .sub li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  .pro-left .sideMenu ul .nLi .sub li a:before {
    content: '';
    position: relative;
    top: 12px;
    left: 15px;
    display: inline-block;
    height: 2px;
    width: 2px;
    background-color: rgba(121,121,121,0.6);
}
  .pro-left .sideMenu ul .nLi .sub li a:hover span {
    color: #103fb5;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li a i {
    display: none;
  }
  .pro-left .sideMenu ul .nLi .sub li a span {
    display: block;
    width: 97%;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a span {
    color: #103fb5;
    text-decoration: underline;
  }
  .pro-left .sideMenu ul .nLi .sub li.on a i {
    display: block;
  }
  .pro-right {
    width: 100%;
  }
  .pro-right .tit {
    margin-top: 30px;
    font-size: 28px;
    min-height: 60px;
    font-weight: 600;
    position: relative;
    background-size: contain;
    background-position: left center;
    padding-bottom: 20px;
  }
  .pro-right .tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0px;
  }
  .pro-right .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .pro-right .pro-detail {
    font-size: 16px;
    margin-top: 30px;
    line-height: 30px;
  }
  .search_list{min-height:450px;}
  .search_list .tit {
    font-size: 36px;
    height: 45px;
    line-height: 45px;
    font-weight: 600;
    position: relative;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 15px;
    color: #103fb5;
    text-transform: uppercase;
}
  .search_list .u1 li {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}

 .search_list .u1 li:nth-child(3n) {
    margin-right: 0;
  }
  .search_list .u1 li .imgk {
    width: 100%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .search_list .u1 li .imgk img {
    max-width: 100%;
    max-height: 100%;
  }
  .search_list .u1 li .name {
    font-size: 18px;
    text-align: center;
  }
  .pro-right .u1 {
    margin-top: 30px;
  }
  .pro-right .u1 li {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 15px;
  }
  .pro-right .u1 li:nth-child(3n) {
    margin-right: 0;
  }
  .pro-right .u1 li .imgk {
    width: 100%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pro-right .u1 li .imgk img {
    max-width: 100%;
    max-height: 100%;
  }
  .pro-right .u1 li .name {
    font-size: 20px;
    text-align: center;
  }
  #magnifier {
    position: relative;
    width: 100%;
    float: left;
  }
   .video_play{cursor: pointer;position:absolute;left:25px;bottom:160px;z-index:111;width:50px;height:50px;background:url(../images/videoplay_icon.png) 0 -2px no-repeat; }
  .videoplay_box{display:none;width:100%; height:73vw;background:#000;position:absolute;left:0; top:0;z-index:222;}
  .videoplay_box video{width:100%;height:auto;overflow:hidden;margin-top:20px;}
  .videoplay_box .video_close{cursor: pointer;width:23px;height:23px;background:url(../images/video_close.png) center center no-repeat;position:absolute;top:20px;right:20px;z-index:33333;}
  .small-box {
    position: relative;
    width: 100%;
    height: 73vw;
    margin-bottom: 20px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .small-box img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
  .small-box .hover {
    display: none !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 340px;
    height: 270px;
    border: 1px solid #aaa;
    background: #0099ff;
    opacity: 0.5;
    cursor: move;
  }
  .thumbnail-box {
    position: relative;
    width: 100%;
  }
  .thumbnail-box .btn {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 32px;
    margin-top: -16px;
  }
  .thumbnail-box .btn-prev {
    left: 0;
    background: url(../images/xq-l.png) no-repeat;
  }
  .thumbnail-box .btn-next {
    right: 0;
    background: url(../images/xq-r.png) no-repeat;
  }
  .thumbnail-box .list {
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
  }
  .thumbnail-box .wrapper {
    width: 100000px;
  }
  .thumbnail-box .list .item {
    float: left;
    margin: 0 10px;
    border: 1px solid #d5d5d5;
    width: 140px;
  }
  .thumbnail-box .list .item img {
    border: 2px solid #fff;
  }
  .thumbnail-box .list .item-cur img {
    border: 2px solid #103fb5;
  }
  .big-box {
    display: none !important;
    overflow: hidden;
    position: absolute;
    left: 681px;
    top: 0;
    width: 600px;
    height: 540px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
  }
  .big-box img {
    display: block;
    width: auto;
    height: auto;
    max-width: initial !important;
  }
  .pd-detail {
    padding-bottom: 30px;
  }
  .pd-detail .pd-info {
    float: right;
    width: 100%;
  }
  .pd-detail .pd-info .tit {
    margin-top: 25px;
  }
  .pd-detail .pd-info .tit a{margin-left:15px;}
  .pd-detail .pd-info .tit p {
    font-size: 30px;
  }
  .pd-detail .pd-info .tit span {
    font-size: 18px;
    color: #505050;
    line-height: 45px;
  }
  .pd-detail .pd-info .jj {
    margin-top: 20px;
    /*border-top: 1px solid #d4d5d7;
    border-bottom: 1px solid #d4d5d7;*/
    font-size: 16px;
    line-height: 28px;
    color: #54595f;
    padding: 15px 0;
    margin-bottom: 30px;
  }
  .pd-detail .pd-info .xh {
    margin-bottom: 20px;
  }
  .pd-detail .pd-info .xh p{
    font-size: 18px;
    color: #505050;
	margin-bottom: 15px;
  }
  .pd-detail .pd-info .xh li {
    background-color: #01b77a;
    height: 40px;
    min-width: 105px;
    padding: 0 3px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
  }
  .pd-detail .pd-info .xh li a {
    color: #fff;
  }
  .pd-detail .pd-info .xh li.on {
    background-color: #02509b;
  }
  .pd-detail .pd-info .jj2 {
    font-size: 20px;
    color: #377ffc;
    margin-bottom: 20px;
  }
  .pd-detail .pd-info .jj2 span {
    margin-right: 20px;
  }
  .pd-detail .pd-info .jj3 {
    width: 100%;
  }
  .pd-detail .pd-info .jj3  p{
	  font-size:18px;
	  color:#505050;
	  margin-bottom:15px;
	  }
   .pd-detail .pd-info .jj3 ul {
    width: 100%;
	font-size: 16px;
  }
   .pd-detail .pd-info .jj3 ul li{
    background-color: #f5f5f5;
    height: 40px;
    min-width: 106px;
    padding: 0 3px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
  }
  .pd-detail .pd-info .jj3 ul li.size_on{border:1px solid #377ffc;}
  .pd-detail .pd-info .jj3 table {
    width: 100%;
    font-size: 16px;
  }
  .pd-detail .pd-info .jj3 th {
    color: #fff;
    background: #377ffc;
    line-height: 36px;
    padding-left: 15px;
    font-family: 'ML';
    font-weight: 400;
  }
  .pd-detail .pd-info .jj3 tr {
    border-bottom: 1px solid #e9e9e9;
  }
  .pd-detail .pd-info .jj3 tr td {
    line-height: 36px;
    padding-left: 15px;
    font-family: 'ML';
  }
  .pd-detail .pd-info .jj3 tr:nth-child(2n-1) {
    background: #f9f9f9;
  }
  .pd-list {
    padding-bottom: 0px;
  }
  .pd-list .tab-left {
    width: 100%;
  }
  .pd-list .tab-left li {
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: underline;
    background-color: #f8f8f8;
    font-size: 16px;
    margin-bottom: 6px;
    width: 48%;
    margin: 5px 1%;
    float: left;
  }
  .pd-list .tab-left li a {
    color: #01b77a;
    display: block;
    width: 100%;
    height: 100%;
  }
  .pd-list .tab-left li.on {
    background-color: #01b77a;
  }
  .pd-list .tab-left li.on a {
    color: #fff;
  }
  .pd-list .tab-right {
    width: 100%;
   /* min-height: 456px;*/
    background-color: #fff;
    padding: 15px;
  }
  .pd-list .tab-right .jj-item {
    width: 100%;
    margin-right: 2%;
    margin-bottom: 30px;
  }
  .pd-list .tab-right .jj-item .jj-tit {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .pd-list .tab-right .jj-item .jj-tit i {
    margin-right: 10px;
  }
  .pd-list .tab-right .jj-item p {
    font-size: 14px;
    line-height: 24px;
  }
  .pd-sw {
    padding-top: 30px;
  }
  .pd-sw .tit {
    font-size: 32px;
    text-align: center;
    position: relative;
    min-height: 60px;
    padding-bottom: 20px;
  }
  .pd-sw .tit i {
    position: absolute;
    display: block;
    width: 42px;
    height: 4px;
    background: url(../images/pro-tit3.jpg) no-repeat center;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
  }
  .pd-sw .nysw {
    padding: 0 30px;
    margin-top: 30px;
    position: relative;
  }
  .pd-sw .nysw .sw-prev1,
  .pd-sw .nysw .sw-next1 {
    background: url(../images/sw-l.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: 35%;
  }
  .pd-sw .nysw .sw-prev1 {
    background: url(../images/sw-r.png) no-repeat center;
    background-size: contain;
    left: 0;
  }
  .pd-sw .nysw .nysw1 {
    padding-bottom: 50px;
  }
  .pd-sw .nysw .nysw1 .imgk {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pd-sw .nysw .nysw1 .imgk img {
    max-width: 100%;
    max-height: 200px;
  }
  .pd-sw .nysw .nysw1 .name {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #c3c5c4;
    margin: 0 10px;
    opacity: 1;
  }
  .pd-sw .nysw .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}
@media only screen and (min-width: 1480px) {
  .app .tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
  }
  .app .tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .app .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .app .jj {
    font-size: 16px;
    margin: 40px 0;
    line-height: 30px;
  }
  .app .img-item li {
    width: 866px;
    height: 650px;
    position: relative;
    margin-bottom: 33px;
    float: left;
  }
  .app .img-item li .imgk {
    width: 100%;
    height: 100%;
  }
  .app .img-item li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .app .img-item li .txt {
    display: none;
    width: 575px;
    height: 166px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 35px 50px;
  }
  .app .img-item li .txt .name {
    color: #103fb5;
    font-weight: 600;
    font-size: 30px;
  }
  .app .img-item li .txt .info {
    margin-top: 15px;
    color: #333;
    font-size: 16px;
  }
  .app .img-item li .txt i {
    position: absolute;
    right: 30px;
    bottom: 30px;
  }
  .app .img-item li:hover .txt {
    display: block;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(2) {
    width: 500px;
    height: 236px;
    margin-left: 33px;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(3) {
    width: 500px;
    height: 380px;
    margin-left: 33px;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(2) .txt,
  .app .img-item:nth-child(2n-1) li:nth-child(3) .txt {
    width: 80%;
  }
  .app .img-item:nth-child(2n) li:nth-child(1) {
    float: right;
  }
  .app .img-item:nth-child(2n) li:nth-child(2) {
    width: 500px;
    height: 236px;
    margin-right: 33px;
  }
  .app .img-item:nth-child(2n) li:nth-child(3) {
    width: 500px;
    height: 380px;
    margin-right: 33px;
  }
  .app .img-item:nth-child(2n) li:nth-child(2) .txt,
  .app .img-item:nth-child(2n) li:nth-child(3) .txt {
    width: 80%;
  }
  .app .tit2 {
    background: none;
  }
  .nysw {
   /* margin-top: 130px;*/
    position: relative;
  }
  .nysw .main {
    position: relative;
  }
  .nysw .sw-prev1,
  .nysw .sw-next1 {
    background: url(../images/sw-r1.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: -250px;
    width: 80px;
    height: 80px;
  }
  .nysw .sw-prev1 {
    background: url(../images/sw-l1.png) no-repeat center;
    background-size: contain;
    left: 0;
  }
  .nysw2 .imgk {
    width: 100%;
    height: 35vw;
  }
  .nysw2 .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .nysw2 .swiper-slide {
    position: relative;
  }
  .nysw2 .swiper-slide .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
  }
  .nysw2 .swiper-slide.swiper-slide-active .mask {
    display: none;
  }
  .sw3 .tit {
    font-size: 48px;
    text-align: center;
    position: relative;
    height: 60px;
    margin-top: 140px;
    line-height: 1;
    background: none;
    margin-bottom: 70px;
  }
  .sw3 .tit i {
    position: absolute;
    display: block;
    width: 42px;
    height: 4px;
    background: url(../images/pro-tit2.jpg) no-repeat center;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
  }
  .nysw3 {
    padding-bottom: 80px;
  }
  .nysw3 .imgk {
    width: 250px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f0f0f0;
	color:#f0f0f0;
    margin: 0 auto;
    cursor: pointer;
  }
  .nysw3 .imgk img {
    max-width: 250px;
    max-height: 200px;
  }
  .nysw3 .name {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background-color: #c3c5c4;
    margin: 0 10px;
    opacity: 1;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .app .tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
  }
  .app .tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .app .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .app .jj {
    font-size: 16px;
    margin: 40px 0;
    line-height: 30px;
  }
  .app .img-item li {
    width: 742px;
    height: 560px;
    position: relative;
    margin-bottom: 33px;
    float: left;
  }
  .app .img-item li .imgk {
    width: 100%;
    height: 100%;
  }
  .app .img-item li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .app .img-item li .txt {
    display: none;
    width: 575px;
    height: 166px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 35px 50px;
  }
  .app .img-item li .txt .name {
    color: #103fb5;
    font-weight: 600;
    font-size: 30px;
  }
  .app .img-item li .txt .info {
    margin-top: 15px;
    color: #333;
    font-size: 16px;
  }
  .app .img-item li .txt i {
    position: absolute;
    right: 30px;
    bottom: 30px;
  }
  .app .img-item li:hover .txt {
    display: block;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(2) {
    width: 428px;
    height: 202px;
    margin-left: 28px;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(3) {
    width: 428px;
    height: 325px;
    margin-left: 28px;
  }
  .app .img-item:nth-child(2n-1) li:nth-child(2) .txt,
  .app .img-item:nth-child(2n-1) li:nth-child(3) .txt {
    width: 90%;
  }
  .app .img-item:nth-child(2n) li:nth-child(1) {
    float: right;
  }
  .app .img-item:nth-child(2n) li:nth-child(2) {
    width: 428px;
    height: 202px;
    margin-right: 28px;
  }
  .app .img-item:nth-child(2n) li:nth-child(3) {
    width: 428px;
    height: 325px;
    margin-right: 28px;
  }
  .app .img-item:nth-child(2n) li:nth-child(2) .txt,
  .app .img-item:nth-child(2n) li:nth-child(3) .txt {
    width: 90%;
  }
  .app .tit2 {
    background: none;
  }
  .nysw {
    margin-top: 130px;
    position: relative;
  }
  .nysw .main {
    position: relative;
  }
  .nysw .sw-prev1,
  .nysw .sw-next1 {
    background: url(../images/sw-r1.png) no-repeat center;
    background-size: contain;
    right: 0;
    top: -250px;
    width: 80px;
    height: 80px;
  }
  .nysw .sw-prev1 {
    background: url(../images/sw-l1.png) no-repeat center;
    background-size: contain;
    left: 0;
  }
  .nysw2 .imgk {
    width: 100%;
    height: 35vw;
  }
  .nysw2 .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .nysw2 .swiper-slide {
    position: relative;
  }
  .nysw2 .swiper-slide .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
  }
  .nysw2 .swiper-slide.swiper-slide-active .mask {
    display: none;
  }
  .sw3 .tit {
    font-size: 48px;
    text-align: center;
    position: relative;
    height: 60px;
    margin-top: 140px;
    line-height: 1;
    background: none;
    margin-bottom: 70px;
  }
  .sw3 .tit i {
    position: absolute;
    display: block;
    width: 42px;
    height: 4px;
    background: url(../images/pro-tit2.jpg) no-repeat center;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
  }
  .nysw3 {
    padding-bottom: 80px;
  }
  .nysw3 .imgk {
    width: 250px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f0f0f0!important;
	color:#f0f0f0;
    margin: 0 auto;
    cursor: pointer;
  }
  .nysw3 .imgk img {
    max-width: 250px;
    max-height: 200px;
  }
  .nysw3 .name {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background-color: #c3c5c4;
    margin: 0 10px;
    opacity: 1;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}
@media only screen and (max-width: 1260px) {
  .app .tit {
    margin-top: 10px;
    font-size: 32px;
    min-height: 100px;
    line-height: 1.2;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
  }
  .app .tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 10px;
  }
  .app .tit i img {
    height: 100%;
    vertical-align: top;
  }
  .app .jj {
    font-size: 16px;
    margin: 20px 0;
    line-height: 28px;
  }
  .app .img-item li {
    width: 100%;
    height: 70vw;
    position: relative;
    margin-bottom: 33px;
  }
  .app .img-item li .imgk {
    width: 100%;
    height: 100%;
  }
  .app .img-item li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .app .img-item li .txt {
    display: block;
    width: 90%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px;
  }
  .app .img-item li .txt .name {
    color: #103fb5;
    font-weight: 600;
    font-size: 20px;
  }
  .app .img-item li .txt .info {
    margin-top: 10px;
    color: #333;
    font-size: 16px;
  }
  .app .img-item li .txt i {
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
  .app .img-item li:hover .txt {
    display: block;
  }
  .app .tit2 {
    background: none;
  }
  .nysw {
    margin-top: 30px;
    position: relative;
  }
  .nysw .main {
    position: relative;
  }
  .nysw .sw-prev1,
  .nysw .sw-next1 {
    background: url(../images/sw-r1.png) no-repeat center;
    background-size: contain;
    right: 10px;
    top: -30vw;
    width: 35px;
    height: 35px;
  }
  .nysw .sw-prev1 {
    background: url(../images/sw-l1.png) no-repeat center;
    background-size: contain;
    left: 10px;
  }
  .nysw2 .imgk {
    width: 100%;
    height: 70vw;
  }
  .nysw2 .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .nysw2 .swiper-slide {
    position: relative;
  }
  .nysw2 .swiper-slide .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
  }
  .nysw2 .swiper-slide.swiper-slide-active .mask {
    display: none;
  }
  .sw3 .tit {
    width: 100%;
    font-size: 32px;
    text-align: center;
    position: relative;
    height: 30px;
    min-height: 60px;
    margin-top: 30px;
    line-height: 1;
    background: none;
    margin-bottom: 30px;
    justify-content: center;
  }
  .sw3 .tit i {
    position: absolute;
    display: block;
    width: 42px;
    height: 4px;
    background: url(../images/pro-tit2.jpg) no-repeat center;
    left: 50%;
    margin-left: -22px;
    bottom: 0;
  }
  .nysw3 {
    padding-bottom: 50px;
  }
  .nysw3 .imgk {
    width: 100%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #f0f0f0;
  }
  .nysw3 .imgk img {
    max-width: 100%;
    max-height: 180px;
  }
  .nysw3 .name {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #c3c5c4;
    margin: 0 10px;
    opacity: 1;
  }
  .nysw3 .sw-p2 .swiper-pagination-bullet-active {
    background: #01b77a;
  }
}
@media only screen and (min-width: 1480px) {
  .vid {
    background-color: #f7f7f7;
  }
  .vid .vid-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .vid .vid-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .vid .vid-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .vid .videolist {
    position: relative;
    float: left;
    color: #040404;
    margin-right: 20px;
    margin-bottom: 25px;
  }
  .vid .videolist:nth-child(3n) {
    margin-right: 0;
  }
  .vid .videolist .imgk {
    position: relative;
    width: 452px;
    height: 254px;
  }
  .vid .videolist .imgk .img-fm {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .vid .videolist .name {
    background-color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 452px;
    height: 113px;
    padding: 30px 55px;
  }
  .vid .videolist .txt {
    background-color: #fff;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 600;
    float: right;
    width: 475px;
    height: 520px;
    padding: 0 50px;
    padding-top: 130px;
  }
  .vid .videolist .txt i {
    display: block;
    margin-bottom: 15px;
  }
  .vid .videolist2 {
    float: unset;
    margin-right: 0;
  }
  .vid .videolist2 .imgk {
    width: 925px;
    height: 520px;
    float: left;
  }
  .vid .videolist:hover {
    cursor: pointer;
  }
  .vid .videoed {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 45%;
    top: 45%;
    z-index: 99;
    border-radius: 100%;
  }
  .vid .mk {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  .vid .videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -225px;
    z-index: 100;
    width: 800px;
    height: 450px;
  }
  .vid #video {
    width: 800px;
    height: 450px;
    object-fit: fill;
  }
  .vid .vclose {
    position: absolute;
    right: -30px;
    top: -30px;
    border-radius: 100%;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .vid {
    background-color: #f7f7f7;
  }
  .vid .vid-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .vid .vid-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .vid .vid-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .vid .videolist {
    position: relative;
    float: left;
    color: #040404;
    margin-right: 17px;
    margin-bottom: 25px;
  }
  .vid .videolist:nth-child(3n) {
    margin-right: 0;
  }
  .vid .videolist .imgk {
    position: relative;
    width: 388px;
    height: 217px;
  }
  .vid .videolist .imgk .img-fm {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .vid .videolist .name {
    background-color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    height: 113px;
    padding: 30px 55px;
    width: 388px;
  }
  .vid .videolist .txt {
    background-color: #fff;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 600;
    float: right;
    width: 407px;
    height: 445px;
    padding: 0 50px;
    padding-top: 60px;
  }
  .vid .videolist .txt i {
    display: block;
    margin-bottom: 15px;
  }
  .vid .videolist2 {
    float: unset;
    margin-right: 0;
  }
  .vid .videolist2 .imgk {
    width: 792px;
    height: 445px;
    float: left;
  }
  .vid .videolist:hover {
    cursor: pointer;
  }
  .vid .videoed {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 99;
    border-radius: 100%;
  }
  .vid .mk {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  .vid .videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -225px;
    z-index: 100;
    width: 800px;
    height: 450px;
  }
  .vid #video {
    width: 800px;
    height: 450px;
    object-fit: fill;
  }
  .vid .vclose {
    position: absolute;
    right: -30px;
    top: -30px;
    border-radius: 100%;
    cursor: pointer;
  }
}
@media only screen and (max-width: 1260px) {
  .vid {
    background-color: #f7f7f7;
  }
  .vid .vid-tit {
    font-size: 36px;
    height: 100px;
    line-height: 100px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 30px;
  }
  .vid .vid-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .vid .vid-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .vid .videolist {
    position: relative;
    float: left;
    color: #040404;
    margin-right: 4%;
    margin-bottom: 15px;
    width: 48%;
  }
  .vid .videolist:nth-child(2n) {
    margin-right: 0;
  }
  .vid .videolist .imgk {
    position: relative;
    width: 100%;
    height: 35vw;
  }
  .vid .videolist .imgk .img-fm {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .vid .videolist .name {
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    height: 100px;
    padding: 15px;
  }
  .vid .videolist .txt {
    background-color: #fff;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
    float: right;
    width: 100%;
    padding: 20px;
  }
  .vid .videolist .txt i {
    display: block;
    margin-bottom: 10px;
  }
  .vid .videolist2 {
    float: unset;
    margin-right: 0;
    width: 100%;
  }
  .vid .videolist2 .imgk {
    width: 100%;
    height: 70vw;
  }
  .vid .videolist:hover {
    cursor: pointer;
  }
  .vid .videoed {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 99;
    border-radius: 100%;
  }
  .vid .mk {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }
  .vid .videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 1%;
    top: 30%;
    z-index: 100;
    width: 98%;
    height: auto;
    max-height: 600px;
  }
  .vid #video {
    width: 100%;
    height: auto;
    object-fit: fill;
  }
  .vid .vclose {
    position: absolute;
    right: 0;
    top: -30px;
    border-radius: 100%;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1480px) {
  .red {
    color: red;
  }
  .sup-ss {
    width: 100%;
    height: 50px;
    position: relative;
    margin-bottom: 60px;
    border: 1px solid #dddddd;
  }
  .sup-ss input {
    font-size: 16px;
    padding: 0 20px;
    padding-right: 60px;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
  }
  .sup-ss i {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
  }
  .sup {
    background-color: #f7f7f7;
  }
  .sup .sup-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .sup .sup-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .sup .sup-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .sup .sup-txt {
    font-size: 16px;
    line-height: 1.5;
  }
  .sup .sup-txt p {
    margin-bottom: 30px;
  }
  .sup .sup-form {
    background-color: #fff;
    padding: 50px 55px;
  }
  .sup .sup-form .form-item {
    width: 620px;
    float: left;
    margin-right: 48px;
    margin-bottom: 60px;
  }
  .sup .sup-form .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .sup .sup-form .form-item .name {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .sup .sup-form .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .sup .sup-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 18px;
    padding: 20px;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .sup .sup-form .form-item .ipt2 {
    height: 135px;
  }
  .sup .sup-form .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .sup .sup-form .form-tip {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .sup .sup-form .form-btn {
    width: 260px;
    height: 60px;
    background-color: #103fb5;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 60px;
    margin: 0 auto;
    cursor: pointer;
  }
  .sup2 {
    background-color: #fff;
  }
  .u2 li {
    margin-bottom: 30px;
    float: left;
    margin-right: 60px;
  }
  .u2 li:nth-child(4n) {
    margin-right: 0;
  }
  .u2 li .imgk {
    width: 304px;
    height: 427px;
  }
  .u2 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .u2 li .name {
    width: 304px;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    text-align: center;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .red {
    color: red;
  }
  .sup-ss {
    width: 100%;
    height: 50px;
    position: relative;
    margin-bottom: 60px;
    border: 1px solid #dddddd;
  }
  .sup-ss input {
    font-size: 16px;
    padding: 0 20px;
    padding-right: 60px;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
  }
  .sup-ss i {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
  }
  .sup {
    background-color: #f7f7f7;
  }
  .sup .sup-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .sup .sup-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .sup .sup-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .sup .sup-txt {
    font-size: 16px;
    line-height: 1.5;
  }
  .sup .sup-txt p {
    margin-bottom: 30px;
  }
  .sup .sup-form {
    background-color: #fff;
    padding: 42px;
  }
  .sup .sup-form .form-item {
    width: 531px;
    float: left;
    margin-right: 48px;
    margin-bottom: 50px;
  }
  .sup .sup-form .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .sup .sup-form .form-item .name {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .sup .sup-form .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .sup .sup-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 18px;
    padding: 20px;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .sup .sup-form .form-item .ipt2 {
    height: 135px;
  }
  .sup .sup-form .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .sup .sup-form .form-tip {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .sup .sup-form .form-btn {
    width: 260px;
    height: 60px;
    background-color: #103fb5;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 60px;
    margin: 0 auto;
    cursor: pointer;
  }
  .sup2 {
    background-color: #fff;
  }
  .u2 li {
    margin-bottom: 30px;
    float: left;
    margin-right: 51px;
  }
  .u2 li:nth-child(4n) {
    margin-right: 0;
  }
  .u2 li .imgk {
    width: 260px;
    height: 366px;
  }
  .u2 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .u2 li .name {
    width: 260px;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    text-align: center;
  }
}
@media only screen and (max-width: 1260px) {
  .sup-ss {
    width: 100%;
    height: 50px;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #dddddd;
  }
  .sup-ss input {
    font-size: 16px;
    padding: 0 15px;
    padding-right: 40px;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
  }
  .sup-ss i {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
  }
  .sup-ss i img {
    width: 20px;
  }
  .sup {
    background-color: #f7f7f7;
  }
  .sup .sup-tit {
    font-size: 36px;
    min-height: 100px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sup .sup-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .sup .sup-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .sup .sup-txt {
    font-size: 16px;
    line-height: 26px;
  }
  .sup .sup-txt p {
    margin-bottom: 20px;
  }
  .sup .red {
    color: red;
  }
  .sup .sup-form {
    background-color: #fff;
    padding: 15px;
  }
  .sup .sup-form .form-item {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  .sup .sup-form .form-item .name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .sup .sup-form .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .sup .sup-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    font-size: 16px;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 16px;
    padding: 20px;
    background: transparent;
  }
  .sup .sup-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .sup .sup-form .form-item .ipt2 {
    height: 135px;
  }
  .sup .sup-form .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .sup .sup-form .form-tip {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .sup .sup-form .form-btn {
    width: 200px;
    height: 50px;
    background-color: #103fb5;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
  }
  .sup2 {
    background-color: #fff;
  }
  .u2 li {
    margin-bottom: 20px;
    float: left;
    margin-right: 4%;
    width: 48%;
  }
  .u2 li:nth-child(2n) {
    margin-right: 0;
  }
  .u2 li .imgk {
    width: 100%;
    height: 62vw;
  }
  .u2 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .u2 li .name {
    font-size: 16px;
    height: 50px;
    padding: 5px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media only screen and (min-width: 1480px) {
  .com {
    background-color: #f7f7f7;
  }
  .com .com-tit2 {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
  }
  .com .com-tit2 i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .com .com-tit2 i img {
    height: 100%;
    vertical-align: top;
  }
  .com .com-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .com .com-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .com .com-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .com.com1 {
    padding-bottom: 0;
  }
  .com .com-about2 {

  }
  .com .com-about2 .com-txt {
   
  }
  .com .com-about2 .com-txt p {
    font-size: 16px;
    line-height:24px;
    margin-bottom: 10px;
	text-align:justify;
  }
  .com .com-about2 .com-txt .imgk {
    float:left;
    margin-right:50px;
    width: 661px;
    height: 425px;
    position: relative;
  }
  .com .com-about2 .com-txt .imgk img {
    position: relative;
    z-index: 2;
    width: 635px;
    height: 405px;
  }
  .com .com-about2 .com-txt .img2 {
    width: 635px;
    height: 405px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #103fb5;
  }
  .com .com-about2 .jj-list {
    margin-top: 50px;
    margin-bottom: 100px;
    display: flex;
    justify-content: space-between;
  }
  .com .com-about2 .jj-list .jj-item {
    width: 280px;
  }
  .com .com-about2 .jj-list .jj-item h1 {
    font-size: 85px;
    color: #103fb5;
    display: flex;
    height: 110px;
	font-family: Verdana, Arial;
  }
  .com .com-about2 .jj-list .jj-item h1 p {
    width: 150px;
    margin-left: 20px;
  }
  .com .com-about2 .jj-list .jj-item h1 i {
    font-size: 38px;
    display: block;
  }
  .com .com-about2 .jj-list .jj-item h1 span {
    display: block;
    font-size: 16px;
  }
  .com .com-about2 .jj-list .txt {
    font-size: 18px;
    margin-top: 15px;
  }
  .com .com-lb {
    padding-top: 80px;
    padding-bottom: 115px;
    min-height: 1080px;
    background: url(../images/images/combg2_02.jpg) #fff no-repeat bottom center;
  }
  .com .com-lb .com-tit2 {
    margin-bottom: 55px;
  }
  .com .com-lb .box-l {
    float: left;
    width: 780px;
    position: relative;
  }
  .com .com-lb .box-l .img {
    margin-top: 47px;
  }
  .com .com-lb .box-l .img2 {
    position: absolute;
    top: 0;
    left: 312.5px;
  }
  .com .com-lb .box-l .com-item {
    position: absolute;
    top: 0;
    left: 312.5px;
  }
  .com .com-lb .box-l .com-item li {
    display: flex;
    align-items: center;
    position: absolute;
    height: 37px;
    cursor: pointer;
  }
  .com .com-lb .box-l .com-item li i {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/com-y4.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li span {
    display: block;
    font-size: 24px;
    color: #b5b5b5;
    margin-left: 20px;
  }
  .com .com-lb .box-l .com-item li.on {
    display: flex;
  }
  .com .com-lb .box-l .com-item li.on i {
    background: url(../images/com-y3.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li.on span {
    font-weight: 600;
    color: #103fb5;
    font-size: 30px;
  }
  .com .com-lb .box-l .com-item li:nth-child(1) {
    left: 102px;
    top: 14px;
  }
  .com .com-lb .box-l .com-item li:nth-child(2) {
    left: 181px;
    top: 52px;
  }
  .com .com-lb .box-l .com-item li:nth-child(3) {
    left: 235px;
    top: 97px;
  }
  .com .com-lb .box-l .com-item li:nth-child(4) {
    left: 279px;
    top: 150px;
  }
  .com .com-lb .box-l .com-item li:nth-child(5) {
    left: 309px;
    top: 207px;
  }
  .com .com-lb .box-l .com-item li:nth-child(6) {
    left: 330px;
    top: 267px;
  }
  .com .com-lb .box-l .com-item li:nth-child(7) {
    left: 338px;
    top: 342px;
  }
  .com .com-lb .box-l .com-item li:nth-child(8) {
    left: 331px;
    top: 407px;
  }
  .com .com-lb .box-l .com-item li:nth-child(9) {
    left: 310px;
    top: 475px;
  }
  .com .com-lb .box-l .com-item li:nth-child(10) {
    left: 281px;
    top: 529px;
  }
  .com .com-lb .box-l .com-item li:nth-child(11) {
    left: 242px;
    top: 584px;
  }
  .com .com-lb .box-l .com-item li:nth-child(12) {
    left: 180px;
    top: 630px;
  }
  .com .com-lb .box-l .com-item li:nth-child(13) {
    left: 108px;
    top: 670px;
  }
  .com .com-lb .box-l .com-item li:nth-child(14) {
    left: 0;
    top: 695px;
  }
  .com .com-lb .box-r {
    float: right;
    width: 558px;
    position: relative;
  }
  .com .com-lb .box-r .info-item {
    height: 600px;
    display: flex;
    align-items: center;
  }
  .com .com-lb .box-r .info-item .info {
    display: none;
  }
  .com .com-lb .box-r .info-item .info .time {
    font-size: 48px;
    font-weight: 600;
    color: #01b77a;
    margin-bottom: 35px;
  }
  .com .com-lb .box-r .info-item .info .txt {
    font-size: 18px;
    line-height: 1.5;
  }
  .com .com-lb .box-r .info-item .info .txt p {
    margin-bottom: 20px;
  }
  .com .com-lb .box-r .info-item .info.on {
    display: block;
  }
  .com .com-lb .box-r .lb {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .com .com-lb .box-r .lb .page {
    margin-right: 50px;
    font-size: 18px;
  }
  .com .com-lb .box-r .lb .page span {
    margin: 0 10px;
  }
  .com .com-lb .box-r .lb .page .sp2 {
    color: #666666;
  }
  .com .com-lb .box-r .lb .lb-btn {
    display: flex;
  }
  .com .com-lb .box-r .lb .lb-btn .prev {
    margin-right: 15px;
    cursor: pointer;
  }
  .com .com-lb .box-r .lb .lb-btn .next {
    cursor: pointer;
  }
  .com .com-our .our-l {
    width: 700px;
    float: left;
  }
  .com .com-our .our-l li {
    width: 700px;
    height: 350px;
    display: flex;
  }
  .com .com-our .our-l li .imgk {
    width: 350px;
    height: 350px;
  }
  .com .com-our .our-l li .txt {
    width: 350px;
    height: 350px;
    padding: 55px 40px;
    background-color: #f8f8f8;
  }
  .com .com-our .our-l li .txt .tit {
    display: flex;
    align-items: center;
    font-size: 24px;
    margin-bottom: 40px;
  }
  .com .com-our .our-l li .txt .tit span {
    margin-left: 30px;
  }
  .com .com-our .our-l li .txt .info {
    line-height: 1.6;
    font-size: 16px;
  }
  .com .com-our .our-r {
    float: right;
    width: 700px;
    height: 700px;
    position: relative;
  }
  .com .com-our .our-r .txt {
    width: 586px;
    height: 474px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(248, 248, 248, 0.9);
    padding: 50px 40px;
  }
  .com .com-our .our-r .txt .tit {
    display: flex;
    align-items: center;
    font-size: 24px;
    margin-bottom: 25px;
  }
  .com .com-our .our-r .txt .tit span {
    margin-left: 30px;
  }
  .com .com-our .our-r .txt .info {
    line-height: 1.6;
    font-size: 16px;
  }
  .com .com-our .our-r .txt .info p {
    display: flex;
  }
  .com .com-our .our-r .txt .info span {
    display: inline-block;
    width: 15px;
    flex: none;
  }
  .com .sw4 {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 50px;
  }
  .com .sw4 .swiper-slide {
    width: auto;
    margin-right: 100px;
  }
  .com .sw4 .swiper-slide a {
    display: block;
    font-size: 18px;
    padding-bottom: 20px;
  }
  .com .sw4 .swiper-slide a.on {
    color: #01b77a;
    border-bottom: 3px solid #01b77a;
  }
  .com .u16 li {
    width: 435px;
    margin-right: 45px;
    margin-bottom: 40px;
    float: left;
  }
  .com .u16 li:nth-child(3n) {
    margin-right: 0;
  }
  .com .u16 li .imgk {
    width: 100%;
    height: 328px;
  }
  .com .u16 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u16 li .txt {
    background-color: #fff;
    text-align: center;
    height: 99px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
  }
  .com .u16 li:hover .txt {
    background: #01b77a;
    color: #fff;
  }
  .com .com-tab-tip {
    font-size: 16px;
    margin-bottom: 50px;
    line-height: 1.8;
  }
  .com .u17 li {
    float: left;
    position: relative;
    width: 448px;
    margin-right: 24px;
    margin-bottom: 28px;
  }
  .com .u17 li:nth-child(3n) {
    margin-right: 0;
  }
  .com .u17 li .imgk {
    width: 100%;
    height: 448px;
  }
  .com .u17 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u17 li .txt {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #01b77a;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 336px;
    height: 70px;
    align-items: center;
    justify-content: center;
  }
  .com .u17 li:hover .txt {
    display: flex;
  }
  .com2 {
    background-color: #fff;
  }
  .com3 {
    background: url(../images/images/combg3_02.jpg) no-repeat center;
  }
  .com3 .org {
    padding-top: 90px;
    text-align: center;
    margin-bottom: 120px;
  }
  .com3 .org .imgk {
    display: none;
  }
  .com3 .org .com-y {
    width: 741px;
    background: url(../images/comimg3.png) no-repeat center;
    background-size: contain;
    height: 490px;
    position: relative;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    margin: 0 auto;
  }
  .com3 .org .com-l {
    position: absolute;
    left: 10px;
    height: 480px;
    text-align: right;
  }
  .com3 .org .com-l li {
    position: absolute;
    line-height: 36px;
    padding-right: 70px;
    word-break: keep-all;
    width: auto;
    white-space: nowrap;
    font-size: 20px;
  }
  .com3 .org .com-l li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-l li:nth-child(1) {
    right: -99px;
    top: 34px;
  }
  .com3 .org .com-l li:nth-child(2) {
    right: -27px;
    top: 133px;
  }
  .com3 .org .com-l li:nth-child(3) {
    right: -11px;
    top: 252px;
  }
  .com3 .org .com-l li:nth-child(4) {
    right: -56px;
    top: 366px;
  }
  .com3 .org .com-l li:nth-child(5) {
    right: -167px;
    top: 453px;
  }
  .com3 .org .com-ct {
    color: #fff;
    font-size: 34px;
    line-height: 60px;
    font-weight: 600;
    width: 280px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -60px;
    margin-left: -140px;
  }
  .com3 .org .com-r {
    position: absolute;
    right: 10px;
    height: 480px;
    text-align: left;
  }
  .com3 .org .com-r li {
    position: absolute;
    line-height: 36px;
    padding-left: 70px;
    word-break: keep-all;
    width: auto;
    white-space: nowrap;
    font-size: 20px;
  }
  .com3 .org .com-r li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-r li:nth-child(1) {
    left: -99px;
    top: 34px;
  }
  .com3 .org .com-r li:nth-child(2) {
    left: -27px;
    top: 133px;
  }
  .com3 .org .com-r li:nth-child(3) {
    left: -11px;
    top: 252px;
  }
  .com3 .org .com-r li:nth-child(4) {
    left: -56px;
    top: 366px;
  }
  .com3 .org .com-r li:nth-child(5) {
    left: -167px;
    top: 453px;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .com {
    background-color: #f7f7f7;
  }
  .com .com-tit2 {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
  }
  .com .com-tit2 i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .com .com-tit2 i img {
    height: 100%;
    vertical-align: top;
  }
  .com .com-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .com .com-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .com .com-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .com.com1 {
    padding-bottom: 0;
  }
  .com .com-about2 {

    background-position: center bottom;
  }
  .com .com-about2 .com-txt {
    margin-top: 20px;
  }
  .com .com-about2 .com-txt p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .com .com-about2 .com-txt .imgk {
    float: left;
    margin-bottom: 33px;
    margin-right: 30px;
    width: 566px;
    height: 425px;
    position: relative;
  }
  .com .com-about2 .com-txt .imgk img {
    position: relative;
    z-index: 2;
    width: 544px;
    height: 405px;
  }
  .com .com-about2 .com-txt .img2 {
    width: 544px;
    height: 405px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #103fb5;
  }
  .com .com-about2 .jj-list {
    margin-top: 80px;
    margin-bottom: 120px;
    display: flex;
    justify-content: space-between;
  }
  .com .com-about2 .jj-list .jj-item {
    width: 280px;
  }
  .com .com-about2 .jj-list .jj-item h1 {
    font-size: 100px;
    color: #103fb5;
    display: flex;
    height: 110px;
  }
  .com .com-about2 .jj-list .jj-item h1 p {
    width: 150px;
    margin-left: 20px;
  }
  .com .com-about2 .jj-list .jj-item h1 i {
    font-size: 48px;
    display: block;
  }
  .com .com-about2 .jj-list .jj-item h1 span {
    display: block;
    font-size: 16px;
  }
  .com .com-about2 .jj-list .txt {
    font-size: 18px;
    margin-top: 15px;
  }
  .com .com-lb {
    padding-top: 80px;
    padding-bottom: 115px;
    min-height: 1080px;
    background: url(../images/images/combg2_02.jpg) #fff no-repeat bottom center;
  }
  .com .com-lb .com-tit2 {
    margin-bottom: 55px;
  }
  .com .com-lb .box-l {
    float: left;
    width: 668px;
    position: relative;
  }
  .com .com-lb .box-l .img {
    margin-top: 47px;
    width: 535px;
  }
  .com .com-lb .box-l .img2 {
    position: absolute;
    top: 5px;
    left: 267px;
    width: 296px;
  }
  .com .com-lb .box-l .com-item {
    position: absolute;
    top: 0;
    left: 267px;
  }
  .com .com-lb .box-l .com-item li {
    display: flex;
    align-items: center;
    position: absolute;
    height: 37px;
    cursor: pointer;
  }
  .com .com-lb .box-l .com-item li i {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/com-y4.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li span {
    display: block;
    font-size: 24px;
    color: #b5b5b5;
    margin-left: 20px;
  }
  .com .com-lb .box-l .com-item li.on i {
    background: url(../images/com-y3.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li.on span {
    font-weight: 600;
    color: #103fb5;
    font-size: 30px;
  }
  .com .com-lb .box-l .com-item li:nth-child(1) {
    left: 93px;
    top: 16px;
  }
  .com .com-lb .box-l .com-item li:nth-child(2) {
    left: 160px;
    top: 52px;
  }
  .com .com-lb .box-l .com-item li:nth-child(3) {
    left: 204px;
    top: 89px;
  }
  .com .com-lb .box-l .com-item li:nth-child(4) {
    left: 241px;
    top: 135px;
  }
  .com .com-lb .box-l .com-item li:nth-child(5) {
    left: 266px;
    top: 185px;
  }
  .com .com-lb .box-l .com-item li:nth-child(6) {
    left: 282px;
    top: 235px;
  }
  .com .com-lb .box-l .com-item li:nth-child(7) {
    left: 286px;
    top: 294px;
  }
  .com .com-lb .box-l .com-item li:nth-child(8) {
    left: 282px;
    top: 351px;
  }
  .com .com-lb .box-l .com-item li:nth-child(9) {
    left: 263px;
    top: 411px;
  }
  .com .com-lb .box-l .com-item li:nth-child(10) {
    left: 236px;
    top: 460px;
  }
  .com .com-lb .box-l .com-item li:nth-child(11) {
    left: 194px;
    top: 509px;
  }
  .com .com-lb .box-l .com-item li:nth-child(12) {
    left: 143px;
    top: 549px;
  }
  .com .com-lb .box-l .com-item li:nth-child(13) {
    left: 81px;
    top: 575px;
  }
  .com .com-lb .box-l .com-item li:nth-child(14) {
    left: 0px;
    top: 598px;
  }
  .com .com-lb .box-r {
    float: right;
    width: 503px;
    position: relative;
  }
  .com .com-lb .box-r .info-item {
    height: 600px;
    display: flex;
    align-items: center;
  }
  .com .com-lb .box-r .info-item .info {
    display: none;
  }
  .com .com-lb .box-r .info-item .info .time {
    font-size: 48px;
    font-weight: 600;
    color: #01b77a;
    margin-bottom: 35px;
  }
  .com .com-lb .box-r .info-item .info .txt {
    font-size: 18px;
    line-height: 1.5;
  }
  .com .com-lb .box-r .info-item .info .txt p {
    margin-bottom: 20px;
  }
  .com .com-lb .box-r .info-item .info.on {
    display: block;
  }
  .com .com-lb .box-r .lb {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .com .com-lb .box-r .lb .page {
    margin-right: 50px;
    font-size: 18px;
  }
  .com .com-lb .box-r .lb .page span {
    margin: 0 10px;
  }
  .com .com-lb .box-r .lb .page .sp2 {
    color: #666666;
  }
  .com .com-lb .box-r .lb .lb-btn {
    display: flex;
  }
  .com .com-lb .box-r .lb .lb-btn .prev {
    margin-right: 15px;
    cursor: pointer;
  }
  .com .com-lb .box-r .lb .lb-btn .next {
    cursor: pointer;
  }
  .com .com-our .our-l {
    width: 700px;
    float: left;
  }
  .com .com-our .our-l li {
    width: 700px;
    height: 350px;
    display: flex;
  }
  .com .com-our .our-l li .imgk {
    width: 350px;
    height: 350px;
  }
  .com .com-our .our-l li .txt {
    width: 350px;
    height: 350px;
    padding: 55px 40px;
    background-color: #f8f8f8;
  }
  .com .com-our .our-l li .txt .tit {
    display: flex;
    align-items: center;
    font-size: 24px;
    margin-bottom: 40px;
  }
  .com .com-our .our-l li .txt .tit span {
    margin-left: 30px;
  }
  .com .com-our .our-l li .txt .info {
    line-height: 1.6;
    font-size: 16px;
  }
  .com .com-our .our-r {
    float: right;
    width: 700px;
    height: 700px;
    position: relative;
  }
  .com .com-our .our-r .txt {
    width: 586px;
    height: 474px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(248, 248, 248, 0.9);
    padding: 50px 40px;
  }
  .com .com-our .our-r .txt .tit {
    display: flex;
    align-items: center;
    font-size: 24px;
    margin-bottom: 25px;
  }
  .com .com-our .our-r .txt .tit span {
    margin-left: 30px;
  }
  .com .com-our .our-r .txt .info {
    line-height: 1.6;
    font-size: 16px;
  }
  .com .com-our .our-r .txt .info p {
    display: flex;
  }
  .com .com-our .our-r .txt .info span {
    display: inline-block;
    width: 15px;
    flex: none;
  }
  .com .sw4 {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 50px;
  }
  .com .sw4 .swiper-slide {
    width: auto;
    margin-right: 100px;
  }
  .com .sw4 .swiper-slide a {
    display: block;
    font-size: 18px;
    padding-bottom: 20px;
  }
  .com .sw4 .swiper-slide a.on {
    color: #01b77a;
    border-bottom: 3px solid #01b77a;
  }
  .com .u16 li {
    width: 372px;
    margin-right: 38px;
    margin-bottom: 40px;
    float: left;
  }
  .com .u16 li:nth-child(3n) {
    margin-right: 0;
  }
  .com .u16 li .imgk {
    width: 100%;
    height: 281px;
  }
  .com .u16 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u16 li .txt {
    background-color: #fff;
    text-align: center;
    height: 99px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
  }
  .com .u16 li:hover .txt {
    background: #01b77a;
    color: #fff;
  }
  .com .com-tab-tip {
    font-size: 16px;
    margin-bottom: 50px;
    line-height: 1.8;
  }
  .com .u17 li {
    float: left;
    position: relative;
    width: 383px;
    margin-right: 20px;
    margin-bottom: 28px;
  }
  .com .u17 li:nth-child(3n) {
    margin-right: 0;
  }
  .com .u17 li .imgk {
    width: 100%;
    height: 383px;
  }
  .com .u17 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u17 li .txt {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #01b77a;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 336px;
    height: 70px;
    align-items: center;
    justify-content: center;
  }
  .com .u17 li:hover .txt {
    display: flex;
  }
  .com2 {
    background-color: #fff;
  }
  .com3 {
    background: url(../images/images/combg3_02.jpg) no-repeat center;
  }
  .com3 .org {
    padding-top: 90px;
    text-align: center;
    margin-bottom: 120px;
  }
  .com3 .org .imgk {
    display: none;
  }
  .com3 .org .com-y {
    width: 741px;
    background: url(../images/comimg3.png) no-repeat center;
    background-size: contain;
    height: 490px;
    position: relative;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    margin: 0 auto;
  }
  .com3 .org .com-l {
    position: absolute;
    left: 10px;
    height: 480px;
    text-align: right;
  }
  .com3 .org .com-l li {
    position: absolute;
    line-height: 36px;
    padding-right: 70px;
    word-break: keep-all;
    width: auto;
    white-space: nowrap;
    font-size: 20px;
  }
  .com3 .org .com-l li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-l li:nth-child(1) {
    right: -99px;
    top: 34px;
  }
  .com3 .org .com-l li:nth-child(2) {
    right: -27px;
    top: 133px;
  }
  .com3 .org .com-l li:nth-child(3) {
    right: -11px;
    top: 252px;
  }
  .com3 .org .com-l li:nth-child(4) {
    right: -56px;
    top: 366px;
  }
  .com3 .org .com-l li:nth-child(5) {
    right: -167px;
    top: 453px;
  }
  .com3 .org .com-ct {
    color: #fff;
    font-size: 34px;
    line-height: 60px;
    font-weight: 600;
    width: 280px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -140px;
    margin-top: -60px;
  }
  .com3 .org .com-r {
    position: absolute;
    right: 10px;
    height: 480px;
    text-align: left;
  }
  .com3 .org .com-r li {
    position: absolute;
    line-height: 36px;
    padding-left: 70px;
    word-break: keep-all;
    width: auto;
    white-space: nowrap;
    font-size: 20px;
  }
  .com3 .org .com-r li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-r li:nth-child(1) {
    left: -99px;
    top: 34px;
  }
  .com3 .org .com-r li:nth-child(2) {
    left: -27px;
    top: 133px;
  }
  .com3 .org .com-r li:nth-child(3) {
    left: -11px;
    top: 252px;
  }
  .com3 .org .com-r li:nth-child(4) {
    left: -56px;
    top: 366px;
  }
  .com3 .org .com-r li:nth-child(5) {
    left: -167px;
    top: 453px;
  }
}
@media only screen and (max-width: 1260px) {
  .com {
    background-color: #f7f7f7;
  }
  .com .com-tit2 {
    font-size: 32px;
    min-height: 100px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    background-position: left center;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
  }
  .com .com-tit2 i {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .com .com-tit2 i img {
    height: 100%;
    vertical-align: top;
  }
  .com .com-tit {
    font-size: 32px;
    min-height: 100px;
    font-weight: 600;
    position: relative;
    background: url(../images/pro-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
    margin-bottom: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
  }
  .com .com-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .com .com-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .com.com1 {
    padding-bottom: 0;
  }
  .com.com1.ny-cont {
    padding: 0;
  }
  .com .com-about2 {
    background: url(../images/images/combg_02.jpg) no-repeat center;
    background-position: center bottom;
    padding: 30px 15px;
  }
  .com .com-about2 .com-txt {
    margin-top: 20px;
  }
  .com .com-about2 .com-txt .txt {
    width: 100%;
  }
  .com .com-about2 .com-txt p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  .com .com-about2 .com-txt .imgk {
    margin-bottom: 20px;
    width: 100%;
    padding-bottom: 20px;
    position: relative;
  }
  .com .com-about2 .com-txt .imgk img {
    position: relative;
    z-index: 2;
    width: 95%;
  }
  .com .com-about2 .com-txt .img2 {
    width: 95%;
    height: 90%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #103fb5;
  }
  .com .com-about2 .jj-list {
    padding: 15px;
    margin-top: 10px;
    justify-content: space-between;
  }
  .com .com-about2 .jj-list .jj-item {
    margin-bottom: 15px;
  }
  .com .com-about2 .jj-list .jj-item h1 {
    font-size: 70px;
    color: #103fb5;
    display: flex;
    height: 70px;
  }
  .com .com-about2 .jj-list .jj-item h1 p {
    width: 180px;
    margin-left: 20px;
  }
  .com .com-about2 .jj-list .jj-item h1 i {
    font-size: 30px;
    display: block;
  }
  .com .com-about2 .jj-list .jj-item h1 span {
    display: block;
    font-size: 16px;
  }
  .com .com-about2 .jj-list .txt {
    font-size: 18px;
    margin-top: 15px;
  }
  .com .com-lb {
    padding: 30px 15px;
    background: url(../images/images/combg2_02.jpg) #fff no-repeat bottom center;
  }
  .com .com-lb .com-tit2 {
    margin-bottom: 10px;
  }
  .com .com-lb .box-l {
    padding-top: 1px;
    width: 100%;
    position: relative;
  }
  .com .com-lb .box-l .img {
    margin-top: 4.5vw;
  }
  .com .com-lb .box-l .img img {
    width: 70%;
  }
  .com .com-lb .box-l .img2 {
    position: absolute;
    top: 0;
    left: 35%;
    width: 38.5%;
  }
  .com .com-lb .box-l .img2 img {
    width: 100%;
  }
  .com .com-lb .box-l .com-item {
    position: absolute;
    width: 65%;
    height: 100%;
    top: 0;
    left: 35%;
  }
  .com .com-lb .box-l .com-item li {
    display: flex;
    align-items: center;
    position: absolute;
    height: 20px;
    cursor: pointer;
  }
  .com .com-lb .box-l .com-item li i {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/com-y4.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li span {
    display: block;
    font-size: 18px;
    color: #b5b5b5;
    margin-left: 10px;
  }
  .com .com-lb .box-l .com-item li.on i {
    background: url(../images/com-y3.png) no-repeat center;
    background-size: contain;
  }
  .com .com-lb .box-l .com-item li.on span {
    font-weight: 600;
    color: #103fb5;
    font-size: 20px;
  }
  .com .com-lb .box-l .com-item li:nth-child(1) {
    left: 12%;
    top: -1%;
  }
  .com .com-lb .box-l .com-item li:nth-child(2) {
    left: 28%;
    top: 5%;
  }
  .com .com-lb .box-l .com-item li:nth-child(3) {
    left: 40%;
    top: 13%;
  }
  .com .com-lb .box-l .com-item li:nth-child(4) {
    left: 47%;
    top: 20%;
  }
  .com .com-lb .box-l .com-item li:nth-child(5) {
    left: 52%;
    top: 27%;
  }
  .com .com-lb .box-l .com-item li:nth-child(6) {
    left: 55%;
    top: 35%;
  }
  .com .com-lb .box-l .com-item li:nth-child(7) {
    left: 57%;
    top: 43%;
  }
  .com .com-lb .box-l .com-item li:nth-child(8) {
    left: 57%;
    top: 50%;
  }
  .com .com-lb .box-l .com-item li:nth-child(9) {
    left: 57%;
    top: 57%;
  }
  .com .com-lb .box-l .com-item li:nth-child(10) {
    left: 54%;
    top: 65%;
  }
  .com .com-lb .box-l .com-item li:nth-child(11) {
    left: 51%;
    top: 72%;
  }
  .com .com-lb .box-l .com-item li:nth-child(12) {
    left: 45%;
    top: 80%;
  }
  .com .com-lb .box-l .com-item li:nth-child(13) {
    left: 37%;
    top: 88%;
  }
  .com .com-lb .box-l .com-item li:nth-child(14) {
    left: 25%;
    top: 95%;
  }
  .com .com-lb .box-r {
    margin-top: 30px;
    width: 100%;
    position: relative;
  }
  .com .com-lb .box-r .info-item {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .com .com-lb .box-r .info-item .info {
    display: none;
  }
  .com .com-lb .box-r .info-item .info .time {
    font-size: 30px;
    font-weight: 600;
    color: #01b77a;
    margin-bottom: 5px;
  }
  .com .com-lb .box-r .info-item .info .txt {
    font-size: 16px;
    line-height: 1.5;
  }
  .com .com-lb .box-r .info-item .info .txt p {
    margin-bottom: 10px;
  }
  .com .com-lb .box-r .info-item .info.on {
    display: block;
  }
  .com .com-lb .box-r .lb {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .com .com-lb .box-r .lb .page {
    margin-right: 30px;
    font-size: 16px;
  }
  .com .com-lb .box-r .lb .page span {
    margin: 0 10px;
  }
  .com .com-lb .box-r .lb .page .sp2 {
    color: #666666;
  }
  .com .com-lb .box-r .lb .lb-btn {
    display: flex;
  }
  .com .com-lb .box-r .lb .lb-btn .prev {
    width: 30px;
    margin-right: 15px;
    cursor: pointer;
  }
  .com .com-lb .box-r .lb .lb-btn .next {
    width: 30px;
    cursor: pointer;
  }
  .com .com-our .our-l {
    width: 100%;
  }
  .com .com-our .our-l li {
    width: 100%;
    display: flex;
  }
  .com .com-our .our-l li .imgk {
    width: 50%;
    height: 46vw;
  }
  .com .com-our .our-l li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .com-our .our-l li .txt {
    width: 50%;
    height: 46vw;
    padding: 15px;
    background-color: #f8f8f8;
  }
  .com .com-our .our-l li .txt .tit {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 10px;
  }
  .com .com-our .our-l li .txt .tit span {
    margin-left: 10px;
  }
  .com .com-our .our-l li .txt .info {
    line-height: 1.6;
    font-size: 14px;
  }
  .com .com-our .our-r {
    float: right;
    width: 100%;
    position: relative;
  }
  .com .com-our .our-r .imgk {
    width: 100%;
  }
  .com .com-our .our-r .imgk img {
    width: 100%;
  }
  .com .com-our .our-r .txt {
    width: 100%;
    background-color: rgba(248, 248, 248, 0.9);
    padding: 10px;
  }
  .com .com-our .our-r .txt .tit {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 5px;
  }
  .com .com-our .our-r .txt .tit span {
    margin-left: 10px;
  }
  .com .com-our .our-r .txt .info {
    line-height: 1.6;
    font-size: 14px;
  }
  .com .com-our .our-r .txt .info p {
    display: flex;
  }
  .com .com-our .our-r .txt .info span {
    display: inline-block;
    width: 15px;
    flex: none;
  }
  .com .sw4 {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
  }
  .com .sw4 .swiper-slide {
    width: auto;
    margin-right: 20px;
  }
  .com .sw4 .swiper-slide a {
    display: block;
    font-size: 16px;
    padding-bottom: 20px;
  }
  .com .sw4 .swiper-slide a.on {
    color: #01b77a;
    border-bottom: 3px solid #01b77a;
  }
  .com .u16 li {
    width: 100%;
    margin-bottom: 20px;
    float: left;
  }
  .com .u16 li .imgk {
    width: 100%;
    height: 70vw;
  }
  .com .u16 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u16 li .txt {
    background-color: #fff;
    text-align: center;
    height: 80px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
  }
  .com .u16 li:hover .txt {
    background: #01b77a;
    color: #fff;
  }
  .com .com-tab-tip {
    font-size: 16px;
    margin-bottom: 50px;
    line-height: 1.8;
  }
  .com .u17 li {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 28px;
  }
  .com .u17 li .imgk {
    width: 100%;
    height: 92vw;
  }
  .com .u17 li .imgk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .com .u17 li .txt {
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #01b77a;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 90%;
    height: 70px;
    align-items: center;
    justify-content: center;
  }
  .com2 {
    background-color: #fff;
  }
  .com3 {
    background: url(../images/images/combg3_02.jpg) no-repeat center;
  }
  .com3 .org {
    padding-top: 30px;
    text-align: center;
    margin-bottom: 30px;
  }
  .com3 .org .imgk {
    display: block;
  }
  .com3 .org .com-y {
    width: 60%;
    background: url(../images/comimg3.png) no-repeat center;
    background-size: contain;
    height: 490px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    display: none;
  }
  .com3 .org .com-l {
    position: absolute;
    left: 10px;
    height: 100%;
    text-align: right;
  }
  .com3 .org .com-l li {
    position: absolute;
    line-height: 36px;
    padding-right: 70px;
    word-break: keep-all;
    width: max-content;
    font-size: 20px;
  }
  .com3 .org .com-l li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-l li:nth-child(1) {
    right: -99px;
    top: 34px;
  }
  .com3 .org .com-l li:nth-child(2) {
    right: -27px;
    top: 133px;
  }
  .com3 .org .com-l li:nth-child(3) {
    right: -11px;
    top: 252px;
  }
  .com3 .org .com-l li:nth-child(4) {
    right: -56px;
    top: 366px;
  }
  .com3 .org .com-l li:nth-child(5) {
    right: -167px;
    top: 453px;
  }
  .com3 .org .com-ct {
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
    width: 30%;
  }
  .com3 .org .com-r {
    position: absolute;
    right: 10px;
    height: 480px;
    text-align: left;
  }
  .com3 .org .com-r li {
    position: absolute;
    line-height: 30px;
    padding-left: 40px;
    word-break: keep-all;
    font-size: 20px;
  }
  .com3 .org .com-r li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    background: url(../images/com-y5.png) no-repeat center;
  }
  .com3 .org .com-r li:nth-child(1) {
    left: -99px;
    top: 34px;
  }
  .com3 .org .com-r li:nth-child(2) {
    left: -27px;
    top: 133px;
  }
  .com3 .org .com-r li:nth-child(3) {
    left: -11px;
    top: 252px;
  }
  .com3 .org .com-r li:nth-child(4) {
    left: -56px;
    top: 366px;
  }
  .com3 .org .com-r li:nth-child(5) {
    left: -167px;
    top: 453px;
  }
}
@media only screen and (min-width: 1480px) {
  .ranking-nav-group div {
    font-size: 32px;
}
	.con .con-tit1 {
    font-size: 28px;
    height: 50px;
    font-weight: 600;
    text-align: left;

  }
  .con .con-tit {
    font-size: 40px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background-size: contain;
    text-align: center;
	margin-top: 20px;

  }
  .con .con-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .con .con-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .con .con-tip {
    text-align: center;
    font-size: 36px;
    margin-bottom: 90px;
  }
  .con .con-left {
    float: left;
    width: 450px;
  }
  .con .con-left .tips_txt{
	 font-size:16px;
	 line-height:26px;
	 margin-bottom:20px;
	 word-spacing:5px; 
	 color:#999;
	  }
  .con .con-left .item {
    display: flex;
    margin-top: 35px;
  }
  .con .con-left .item i img {
    width: 45px;
  }
  .con .con-left .item .txt {
    padding-left: 16px;
    flex: 1;
  }
  .con .con-left .item .txt p {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .con .con-left .item .txt span {
    line-height: 1.8;
    font-size: 16px;
    color: #999999;
  }
  .con .con-right {
    float: right;
    width: 915px;
   
  }
  .con .con-form {
    background-color: #fff;
  }
  .con .con-form .form-item {
    width: 690px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .con .con-form .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .con .con-form .form-item .name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .con .con-form .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
  }
  .con .con-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: transparent;
  }
  .con .con-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 18px;
    padding: 20px;
    background: transparent;
  }
  .con .con-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .con .con-form .form-item .ipt2 {
    height: 135px;
  }
  .con .con-form .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .con .con-form .form-btn {
    width: 260px;
    height: 60px;
    background-color: #103fb5;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 60px;
    margin: 0 auto;
    margin-top: 40px;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1480px) {
  .ranking-nav-group div {
    font-size: 30px;
}
  .con .con-tit {
    font-size: 60px;
    height: 130px;
    line-height: 130px;
    font-weight: 600;
    position: relative;
    background-size: contain;
    text-align: center;
    margin-bottom: 50px;
  }
  .con .con-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .con .con-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .con .con-tip {
    text-align: center;
    font-size: 36px;
    margin-bottom: 90px;
  }
   .con .con-tit1 {
    font-size: 28px;
    height: 50px;
    font-weight: 600;
    text-align: left;
	margin-top:0px;

  }
   .con .con-left .tips_txt{
	 font-size:16px;
	 line-height:26px;
	 margin-bottom:20px;
	 word-spacing:5px; 
	 color:#999;
	  }
  .con .con-left {
    float: left;
    width: 304px;
  }
  .con .con-left .item {
    display: flex;
    margin-bottom: 5px;
  }
  .con .con-left .item i img {
    width: 45px;
  }
  .con .con-left .item .txt {
    padding-left: 16px;
    flex: 1;
  }
  .con .con-left .item .txt p {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .con .con-left .item .txt span {
    line-height: 1.8;
    font-size: 16px;
    color: #999999;
  }
  .con .con-right {
    float: right;
    width: 784px;
    margin-bottom: 120px;
  }
  .con .con-form {
    background-color: #fff;
  }
  .con .con-form .form-item {
    width: 381px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .con .con-form .form-item:nth-child(3n) {
    margin-right: 0;
  }
  .con .con-form .form-item .name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .con .con-form .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
  }
  .con .con-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: transparent;
  }
  .con .con-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 18px;
    padding: 20px;
    background: transparent;
  }
  .con .con-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .con .con-form .form-item .ipt2 {
    height: 135px;
  }
  .con .con-form .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .con .con-form .form-btn {
    width: 260px;
    height: 60px;
    background-color: #103fb5;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 60px;
    margin: 0 auto;
    margin-top: 50px;
    cursor: pointer;
  }
}
@media only screen and (max-width: 1260px) {
  .ranking-nav-group div {
    font-size: 26px;
    height: 65px;
    line-height: 65px;
}
  .ny_ban .sub_tit{
		font-size: 28px;
		height: 100px;
		line-height: 100px;
		font-weight: 600;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		/*margin-left:-90px;
		bottom:65px;*/
		z-index:11;
		background-size: contain;
		text-align: center;
		color: #103fb5;
	
  

	}
	.ny_ban .sub_tit i{
			display: block;
			height: 4px;
			position: absolute;
			left: 50%;
			margin-left: -15px;
			bottom:70px;
		}
  .con .con-tit {
    font-size: 32px;
    min-height: 100px;
    line-height: 100px;
    font-weight: 600;
    position: relative;
    background-size: contain;
    text-align: center;
    margin-bottom: 30px;
  }
  .con .con-tit i {
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
  }
  .con .con-tit i img {
    height: 100%;
    vertical-align: top;
  }
  .con .con-tip {
    text-align: center;
    font-size: 24px;
    margin-bottom: 40px;
  }
  .con .con-left {
    width: 100%;
  }
  .con .con-left .item {
    display: flex;
    margin-bottom: 30px;
  }
  .con .con-left .item i img {
    width: 45px;
  }
  .con .con-left .item .txt {
    padding-left: 16px;
    flex: 1;
  }
  .con .con-tit1 {
    font-size: 24px;
    height: 50px;
    font-weight: 600;
    text-align: left;
	margin-top:30px;

  }
   .con .con-left .tips_txt{
	 font-size:16px;
	 line-height:26px;
	 margin-bottom:20px;
	 word-spacing:5px; 
	 color:#999;
	  }
  .con .con-left .item .txt p {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .con .con-left .item .txt span {
    line-height: 1.8;
    font-size: 16px;
    color: #999999;
  }
  .con .con-right {
    width: 100%;
    margin-bottom: 30px;
  }
  .con .con-form {
    background-color: #fff;
  }
  .con .con-form .form-item {
    width: 100%;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .con .con-form .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .con .con-form .form-item .name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .con .con-form .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
  }
  .con .con-form .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 16px;
    background: transparent;
  }
  .con .con-form .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 18px;
    padding: 20px;
    background: transparent;
  }
  .con .con-form .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .con .con-form .form-item .ipt2 {
    height: 135px;
  }
  .con .con-form .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
  .con .con-form .form-btn {
    width: 260px;
    height: 50px;
    background-color: #103fb5;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
  }
  .red {
    color: red;
}
}
@media only screen and (min-width: 1260px) {
  .u18 {
    width: 100%;
  }
  .u18 li {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  .u18 li a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 60px;
    padding: 15px 20px;
  }
  .u18 li a .txt {
    width: 100%;
    flex: 1;
    font-size: 18px;
  }
  .u18 li a .time {
    margin-left: 30px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 1260px) {
  .u18 {
    width: 100%;
  }
  .u18 li {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  .u18 li a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 60px;
    padding: 15px 20px;
  }
  .u18 li a .txt {
    width: 100%;
    flex: 1;
    font-size: 16px;
  }
  .u18 li a .time {
    margin-left: 20px;
    font-size: 14px;
  }
  .ny_ban img {
    height: 220px;
    object-fit: cover;
	width:100%;
  }
}
@media only screen and (min-width: 1480px) {
  .send {
    margin-top: 50px;
  }
  .send .tit {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .send .tip-1 {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .send .submit-btn {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    font-size: 24px;
    border: 1px solid #01b77a;
    background: rgba(1, 183, 122, 0.15);
    cursor: pointer;
  }
  .send .submit-btn:hover {
    background: #01b77a;
    color: #fff;
  }
  .send .form-item {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 30px;
  }
  .send .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .send .form-item .name {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .send .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .send .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: transparent;
  }
  .send .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 18px;
    padding: 20px;
    background: transparent;
  }
  .send .form-item .ipt select {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 18px;
    background: url(../images/sel-jt.png) no-repeat 95% center transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .send .form-item .ipt2 {
    height: 135px;
  }
  .send .form-item2 {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1260px) {
  .send {
    margin-top: 30px;
  }
  .send .tit {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .send .tip-1 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .send .submit-btn {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 20px;
    border: 1px solid #01b77a;
    background: rgba(1, 183, 122, 0.15);
    cursor: pointer;
  }
  .send .submit-btn:hover {
    background: #01b77a;
    color: #fff;
  }
  .send .form-item {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .send .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .send .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .send .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 16px;
    background: transparent;
  }
  .send .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 16px;
    padding: 20px;
    background: transparent;
  }
  .send .form-item .ipt2 {
    height: 135px;
  }
  .send .form-item2 {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1260px) {
  .send {
    margin-top: 30px;
  }
  .send .tit {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .send .tip-1 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .send .submit-btn {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 20px;
    border: 1px solid #01b77a;
    background: rgba(1, 183, 122, 0.15);
    cursor: pointer;
  }
  .send .submit-btn:hover {
    background: #01b77a;
    color: #fff;
  }
  .send .form-item {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .send .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .send .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .send .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 16px;
    background: transparent;
  }
  .send .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 16px;
    padding: 20px;
    background: transparent;
  }
  .send .form-item .ipt2 {
    height: 135px;
  }
  .send .form-item2 {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .con .con-tit1 {
    font-size: 18px;
}
  .ranking-nav-group div {
    width: 50%;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
}
  .send {
    margin-top: 30px;
  }
  .send .form-item {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  .send .form-item:nth-child(2n) {
    margin-right: 0;
  }
  .send .form-item .ipt {
    width: 100%;
    height: 50px;
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
  }
  .send .form-item .ipt input {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 16px;
    background: transparent;
  }
  .send .form-item .ipt textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 16px;
    padding: 20px;
    background: transparent;
  }
  .send .form-item .ipt2 {
    height: 135px;
  }
  .send .form-item2 {
    width: 100%;
    margin-bottom: 20px;
  }
}