﻿.m-science2{overflow:hidden;
  /*border-bottom: 1px solid var(--primary-border);
  padding-bottom: 5rem;
  margin-bottom: 0.2rem;*/
}
  @media screen and (max-width: 960px) {
  .m-science2 {
    display: block;
    /*padding-bottom: 0.1rem;
	margin-bottom: 0.3rem;*/
  }
}
  


.g-cone1{display:block;overflow:hidden}
.g-cone1 .pic{position:relative;overflow:hidden;/*padding-top:30%;border-radius:8px;*/margin-bottom:20px}
.g-cone1 .pic img{/*position:absolute;*/top:0;left:0;bottom:0;right:0;display:block;width:100%;object-fit:cover;transition:.5s}
/*.g-cone1:hover .pic img{transform:scale(1.0)}
.ul-liste3 .g-cone1 .pic{padding-top:71.7%}*/
.ul-liste3 .g-cone1 .g-tite1{font-weight:bold;color: var(--primary-color);/*font-family: 'OPPOSans';*/margin-bottom:14px;line-height:1.5;height:auto;font-size:28px}
.ul-liste3 .g-cone1 .g-desce1{font-size: .22rem;line-height: 1.8;/*text-align: justify;*/margin-bottom: 0rem;
    /*max-width: 6.5rem; */color: #85888F;}
.ul-liste3 li{margin-bottom:36px}
.g-science{padding:48px 0 63px}
.g-science .g-tite2{margin-bottom:27px}
.g-science .soe1{width:500px;height:76px;background:#fff;border-radius:38px;margin:0 auto;overflow:hidden;padding:0 35px;display:flex;justify-content:center;align-items:center}
.g-science .soe1 input{font-size:18px;color:#333;width:400px}
.g-science .soe1 .submit{display:block;width:21px;height: 21px;font-size: 0;border: none;background-size: 100% auto;background-repeat: no-repeat;background-position: center;background-color: transparent; }

@media only screen and (min-width:1199px){
.m-science2{/*padding:3.229vw 0 .677vw*/}
.m-science2 .g-tite2{margin-bottom:1.875vw}
.g-cone1 .pic{/*border-radius:.416vw*/;margin-bottom:1.041vw}
.g-cone1 .pic img{top:0;left:0;bottom:0;right:0;object-fit:cover;transition:.5s}
/*.g-cone1:hover .pic img{transform:scale(1.08)}*/
.m-science2 .inner .r{width:47.46vw}
.m-science2 .inner .l{width:20.6vw}
/*.ul-liste3 .g-cone1 .pic{padding-top:71.7%}*/
.ul-liste3 .g-cone1 .g-tite1{margin-bottom:1.729vw;line-height:1.5;height:auto;font-size:2.5vw}
.ul-liste3 .g-cone1 .g-desce1{font-size:1.1vw;margin-bottom:2.239vw}
.ul-liste3 li{margin-bottom:1.875vw}
.g-science{padding:2.5vw 0 3.281vw}
.g-science .g-tite2{margin-bottom:1.406vw}
.g-science .soe1{width:26.04vw;height:3.958vw;background:#fff;border-radius:1.979vw;margin:0 auto;padding:0 1.822vw;justify-content:center;align-items:center}
.g-science .soe1 input{font-size:.937vw;width:20.83vw}
.g-science .soe1 img{width:1.093vw;margin-right:1.145vw}
.g-science .soe1 .submit{width:1.093vw;height: 1.093vw;font-size: 0;border: none;background-size: 100% auto;background-repeat: no-repeat;}
.m-submite1{margin-right: 1.041vw;}
}

@media only screen and (max-width:1199px){
.m-science2 .inner .r{/* display:none; */float: none;margin-bottom: 20px;width: 100%;}
.ul-liste4 a {padding-bottom: 14px;}
.m-science2 .inner .l{float:none;width:auto}
.ul-liste3 .g-cone1 .g-tite1{margin-bottom:.729vw;line-height:1.5;height:auto;font-size:4.562vw}
.ul-liste3 .g-cone1 .g-desce1{font-size:2.541vw;margin-bottom:2.239vw}
.g-desce1{font-size:20px}
.g-science{padding:30px 0}
}
@media only screen and (max-width:1000px){
.m-science1 .pic{width:100%;height:auto;border-radius:8px;overflow:hidden;margin-bottom:20px}
.m-science1 .con{display:block}
.g-desce1{margin-bottom:30px}
.m-science1 .txt{margin-right:0}
.g-moree1{width:150px;height:50px;font-size:14px;margin:0 auto}
.g-moree1 img{width:16px;margin-right:8px}
}
@media only screen and (max-width:950px){
.m-idx7 .item2:hover{width:64.1%;position: static;right:auto; z-index: 5;}
.m-idx7 .item1:hover{width:64.1%;position: static;left: auto; z-index: 5;}
.ul-idxe1 .con .bg{top:-55px;width:45px;height:54px}
.swiper-e2 .g-cone1{height:450px;padding:15px 15px 20px}
.ul-idxtab .con1{font-size:16px;padding:0 20px}
.g-titidx{font-size:25px}
.row-idx4 .g-titidx{margin-bottom:19px}
.ul-idxtab{padding-bottom:10px;overflow:hidden;white-space:nowrap;overflow-x:auto;margin-bottom:0}
.ul-idxe4{margin:0 -15px}
.ul-idxe4 .con{margin:0 15px}
.ul-idxe4 .pic{height:90px;margin-bottom:15px}
.swiper-e1 .tit{font-size:30px;margin-bottom:38px}
.swiper-e2 .swiper-horizontal>.swiper-pagination-progressbar,.swiper-e2 .swiper-pagination-progressbar.swiper-pagination-horizontal{width:70%!important}
.g-tite2{font-size:20px}
.g-tite1{font-size:18px}
.g-desce1{margin-bottom:30px;font-size:16px}
.g-science .soe1 input{font-size:16px;width: 100%;}
.g-science .soe1 img{display:inline-block;width:17px;margin-right:15px}
.g-science{padding-bottom:30px}
.ul-liste3 .g-cone1 .g-tite1{/*margin-bottom:.729vw;*/margin-bottom:18px;line-height:1.5;height:auto;font-size:6.562vw}
.ul-liste3 .g-cone1 .g-desce1{font-size: .26rem;max-width: none;margin-bottom: .5rem;}
}
@media only screen and (max-width:767px){
.m-science2{padding:40px 0 13px}
.g-science .g-tite2{margin-bottom:10px}
.g-science .soe1{width:95%;margin:0 auto;height:56px;justify-content: start;}
.ul-liste3 .g-cone1 .g-tite1{/*margin-bottom:.729vw;*/margin-bottom:18px;line-height:1.5;height:auto;font-size:6.562vw}
.ul-liste3 .g-cone1 .g-desce1{font-size: .26rem;max-width: none;margin-bottom: .5rem;}
  .m-science2 {
    display: block;
    padding-bottom: 0;
	/*margin-bottom: 0.3rem;*/
  }
}











/*!客户服务v2*/
.ul-imgtxtq4{margin:76px -21px 0}
.ul-imgtxtq4:after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0}
.ul-imgtxtq4 li{float:left;width:33.33%;padding:0 25px;margin-bottom:39px}
.ul-imgtxtq4 li:nth-child(3n+1){clear: both;}
.ul-imgtxtq4 .con{display:block;border:5px solid #02A2E9;background-color:#ffffff;border-radius:8px;padding:20px 54px 20px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-imgtxtq4 a:hover{background-color:#fff;-webkit-box-shadow:0 6px 29px rgba(0,18,33,.06);-moz-box-shadow:0 6px 29px rgba(0,18,33,.06);-ms-box-shadow:0 6px 29px rgba(0,18,33,.06);-o-box-shadow:0 6px 29px rgba(0,18,33,.06);box-shadow:0 6px 29px rgba(0,18,33,.06)}
.ul-imgtxtq4 .pic{width:90px;height:90px;margin:0 auto 16px;overflow:hidden}
.ul-imgtxtq4 .pic img{display:block;width:100%;height:100%}
.ul-imgtxtq4 h3{font-size:32px;color:#02A2E9;line-height:1.5em;font-weight:400;text-align:center;margin-bottom:8px;overflow:hidden}


@media only screen and (min-width:1200px){
.ul-imgtxtq4{margin:3.958vw -1.093vw 0}
.ul-imgtxtq4 li{padding:0 1.093vw;margin-bottom:2.031vw}
.ul-imgtxtq4 .con{border-radius:.416vw;padding:1.456vw 2.812vw 1.147vw}
.ul-imgtxtq4 a:hover{-webkit-box-shadow:0 .312vw 1.51vw rgba(0,18,33,.06);-moz-box-shadow:0 .312vw 1.51vw rgba(0,18,33,.06);-ms-box-shadow:0 .312vw 1.51vw rgba(0,18,33,.06);-o-box-shadow:0 .312vw 1.51vw rgba(0,18,33,.06);box-shadow:0 .312vw 1.51vw rgba(0,18,33,.06)}
.ul-imgtxtq4 .pic{width:4.945vw;height:4.945vw;margin:0 auto .833vw}
.ul-imgtxtq4 h3{font-size:1.65vw;margin-bottom:.416vw}
}


@media only screen and (max-width:1199px){
.ul-imgtxtq4{margin:20px -10px 0}
.ul-imgtxtq4 li{padding:0 10px;margin-bottom:20px}
.ul-imgtxtq4 .con{padding:20px 10px}
.ul-imgtxtq4 .pic{width:50px;height:50px;margin-bottom:10px}
.ul-imgtxtq4 h3{font-size:18px}
}

@media only screen and (max-width:479px){
.ul-imgtxtq4 .con{border:3px solid #02A2E9;border-radius:5px;padding:10px 10px 0px 10px}
.ul-imgtxtq4{margin:20px 0 0}
.ul-imgtxtq4 li{width:50%;}
.ul-imgtxtq4 li:nth-child(3n+1){clear: none;}
.ul-imgtxtq4 li:nth-child(2n+1){clear: both;}
}