@charset "utf-8";
/*全局初始化样式*/
html,body{overflow-x: hidden;}
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143;
 font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #454545;
 width: 100%; min-width: 320px; zoom:1;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ApplyInfo{
	/*控制文本可选性*/
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.dl,.dl dd,.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666;font-family: '微软雅黑';}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{color:#328dff;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}





.container,.w1200{margin:0 auto; max-width: 1200px;padding: 0 15px;}
.w1540{margin:0 auto; max-width: 1540px;padding: 0 15px;}
.w1458{margin:0 auto; max-width: 1458px;padding: 0 15px;}
.w1440{margin:0 auto; max-width: 1440px;padding: 0 15px;}
.w1740{margin:0 auto; max-width: 1740px;padding: 0 15px;}
.w1024{margin:0 auto; max-width: 1024px;padding: 0 15px;}
.w1320{margin:0 auto; max-width: 1320px;padding: 0 15px;}


@media screen and (min-width:1024px ){
  .container,.w1200{margin:0 auto;width: 88%; /*padding: 0 40px;*/}
  .w1540{margin:0 auto;width: 88%; /*padding: 0 40px;*/}
  .w1458{margin:0 auto;width: 88%; /*padding: 0 40px;*/}
  .w1440{margin:0 auto;width: 88%; /*padding: 0 40px;*/}
  .w1740{margin:0 auto;width: 88%; /*padding: 0 40px;*/}
  .w1024{margin:0 auto;width: 88%; /*padding: 0 40px;*/}
  .w1320{margin:0 auto;width: 88%; /*padding: 0 40px;*/}
}
@media screen and (min-width:1200px ){
  .w1024{margin:0 auto;width: 88%; /*padding:0px;*/}
}

@media screen and (min-width:1330px ){
  .w1320{margin:0 auto;width: 88%; /*padding:0px;*/}
}

@media screen and (min-width:1600px ){
  .w1540{margin:0 auto;width: 88%; /*padding:0px;*/}
  .w1458{margin:0 auto;width: 88%; /*padding:0px;*/}
  .w1440{margin:0 auto;width: 88%;/* padding:0px;*/}
}
@media screen and (min-width:1900px ){
  .w1740{margin:0 auto;width: 88%; */padding: 0 40px;*/}
}


/*全局样式*/




/*页面框架结构*/
.contain{} /*页面主体内容*/
.slidebar{} /*边侧菜单*/
.maincontent{} /*主要内容*/
.content{} /*内容*/
.txtBoxCenter,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
.current{ /*当前位置*/}


/*分页*/
.pages{}
/*分页*/


/*头部*/
.top{}
.mainnav{}
/*头部*/


/*底部*/
.bottom{}
/*底部*/


/*页面二级/左侧/右侧菜单*/
.slidebar{}
/*页面二级/左侧/右侧菜单*/









/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}

.z_search_Content .on {
   background: linear-gradient(to right, #868dff 0%, #328dff 50%, #23e9fd 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}




.Speakers .z_list .z_listWap ul li{
	min-height:284px;
}







.zydownbg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  background: rgba(0,0,0,0.5);
  display: none;
}
.zydownbox{
  width: 95%;
  max-width: 700px;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #fff;
  display: none;
  z-index: 999;
  padding: 20px;
  height: 630px;
  max-height: 80%;
  overflow: hidden;
}
.zydownbox .sale{
  height: 500px;
  max-height: 80%;
  overflow-y: scroll;
}
.zydownbox .sale .z_form{
  padding-top: 15px;
}
.zydownbox .sale::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .zydownbox .sale::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color: #ccc;
  background-image: -webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
  }
  .zydownbox .sale::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 10px;
  }

  .zybps{
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 19px;
    color: #002767;
  }
  .zybps2{
    font-size: 13px;
    margin-bottom: 15px;
    text-align: center;
  }
  .zyclosea{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    background: url(/en/images/open_img1.png)no-repeat center;
    background-size: 10px;
    border-radius: 50%;
    border: 1px solid #ccc;
  }

  .title_h1{display: none;}

/*20210126*/
.MaskProgressBar .Maskbox {
    margin-top: 0  !important;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}


@media(max-width:768px){
  .z_text img {
    height: auto;
  }
}

.HomeBan.scale150 .List .BanItemBox .txtbox .w1120 {
    max-width: 1050px;
}

.HomeBan.scale150 .List .BanItemBox .txtbox .w1120 h2 {
    font-size: 28.79px;
}

.HomeBan.scale150 .List .BanItemBox .txtbox .w1120 p {
    font-size: 16.19px;
    line-height: 28.8px;
}

.HomeBan.scale150 .List .BanItemBox a.zy_btna {
    font-size: 16.19px;
    line-height: 36.67px;
    height: 36.67px  !important;
    width: 110px  !important;
}

.scale150 .mainnav .navA {
    font-size: 14px;
}
.HomeBan .List .BanItemBox .txtbox .w1120 .h2{
  font-size: 43.19px;
  color: #000;
  font-weight: normal;
  line-height: 1.67;
  margin: 34px 0 13px;
  font-family: '思源黑体 CN';
}
.HomeBan .List .BanItemBox .txtbox .w1120 h2{
  font-size: 43.19px;
  color: #000;
  font-weight: normal;
  line-height: 1.67;
  margin: 34px 0 13px;
  font-family: '思源黑体 CN';
}
.HomeBan .List .BanItemBox .txtbox .w1120 p{
  font-size: 24.29px;
  font-family: '思源黑体 CN';
  line-height: 43.19px;
  color: #333;
  
}

.HomeBan .List .BanItemBox .txtbox .w1120 .banwap h2{
  font-size: 24px;
}
.HomeBan .List .BanItemBox .txtbox .w1120 .banwap .h2{
  font-size: 24px;
}
.HomeBan .List .BanItemBox .txtbox .w1120 .banwap p{
  font-size: 16px;
  line-height: 25px;
}
.HomeBan .List .BanItemBox a.zy_btna{
  display: none;
  position: relative !important;
  margin-top: 35px;
  width: 164px !important;
  height: 55px !important;;
  background: linear-gradient(to right, #868dff 0%, #328dff 50%, #23e9fd 100%);
  color: #fff;
  text-align: center;
  line-height: 55px;
  border-radius: 15px;
  font-size: 24.29px;
  font-family: '思源黑体 CN';
}
.HomeBan li{ position:relative;}
.HomeBan li.slick-slide video{position:absolute; z-index:10; left:0; top:0; height: 100%; width:100%; object-fit:cover;}



@media screen and (min-width: 1024px){
  .HomeBan .List .BanItemBox a.zy_btna{
      display: none !important; 
      margin-left: 2%;
  }
  .HomeBan .List .BanItemBox a.zy_btna.show{
      display: block !important; 
  }
}
@media screen and (max-width: 1150px){
  .HomeBan .List .BanItemBox .txtbox .w1120{
    max-width:930px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 h2{
    margin: -3px 0 0px !important;
    font-size: 32px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 .h2{
    margin: -3px 0 0px !important;
    font-size: 32px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 p{
    font-size: 18px !important;
    line-height: 30px !important;
  }
  
  .HomeBan .List .BanItemBox a.zy_btna{
    width: 120px !important;
    height: 40px !important;
    line-height: 40px;
    font-size: 18px;
  }
}

@media screen and (max-width:1024px){
.HomeBan li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.3) url(../images/play-icon.png) no-repeat center center;background-size: auto 50px; z-index: 20;}
.HomeBan li.video-show .open-video{left:-100%;opacity:0; transform: translateX(-100%);}
}

@media screen and (min-width: 1366px){
  .HomeBan .List .BanItemBox .txtbox .w1120{
    max-width:930px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 h2{
    margin: -3px 0 0px !important;
    font-size: 32px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 .h2{
    margin: -3px 0 0px !important;
    font-size: 32px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 p{
    font-size: 18px !important;
    line-height: 30px !important;
  }
  
  .HomeBan .List .BanItemBox a.zy_btna{
    width: 120px !important;
    height: 40px !important;
    line-height: 40px;
    font-size: 18px;
  }
}


@media screen and (min-width: 1400px){
  .HomeBan .List .BanItemBox .txtbox .w1120{
    max-width: 1120px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 h2{
    margin: 52px 0 0px !important;
    font-size: 36px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 .h2{
    margin: 52px 0 0px !important;
    font-size: 36px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 p{
    font-size: 20px !important;
    line-height: 40px !important;
  }
  
  .HomeBan .List .BanItemBox a.zy_btna{
    width: 150px !important;
    height: 50px !important;
    line-height: 50px;
    font-size: 20px;
  }
}

@media screen and (min-width: 1440px){
  .HomeBan .List .BanItemBox .txtbox .w1120{
    max-width: 980px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 h2{
    margin: 34px 0 0px !important;
    font-size: 33px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 .h2{
    margin: 34px 0 0px !important;
    font-size: 33px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 p{
    font-size: 18px !important;
    line-height: 32px !important;
  }
  
  .HomeBan .List .BanItemBox a.zy_btna{
    width: 120px !important;
    height: 40px !important;
    line-height: 40px;
    font-size: 18px;
  }
}

@media screen and (min-width: 1600px){
  .HomeBan .List .BanItemBox .txtbox .w1120{
    max-width: 1090px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 h2{
    margin: 10px 0 10px !important;
    font-size: 37px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 .h2{
    margin: 10px 0 10px !important;
    font-size: 37px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 p{
    font-size: 20px !important;
    line-height: 36px !important;
  }
  .HomeBan .List .BanItemBox a.zy_btna{
  
    width: 150px !important;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 20px !important;
  }
}
@media screen and (min-width: 1680px){
  .HomeBan .List .BanItemBox .txtbox .w1120{
    max-width: 1120px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 h2{
    margin: 45px 0 10px !important;
    font-size: 40px !important;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 p{
    font-size: 22px !important;
    line-height: 39px !important;
  }
  .HomeBan .List .BanItemBox a.zy_btna{
    width: 164px !important;
    height: 55px !important;
    line-height: 55px !important;
    font-size: 24px !important;
  }
}

@media screen and (min-width: 1920px){
  .HomeBan .List .BanItemBox .txtbox .w1120{
    max-width: 1120px !important;
  }

  .HomeBan .List .BanItemBox .txtbox .w1120 h2{
    font-size: 43.19px !important;;
    margin: 34px 0 13px !important;;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 .h2{
    font-size: 43.19px !important;;
    margin: 34px 0 13px !important;;
  }
  .HomeBan .List .BanItemBox .txtbox .w1120 p{
    font-size: 24.29px !important;;
    font-family: '思源黑体 CN';
    line-height: 43.19px !important;;
    color: #333;
  }

  
  .HomeBan .List .BanItemBox a.zy_btna{
    position: relative !important;
    margin-top: 35px;
    width: 164px !important;
    height: 55px !important;;
    background: linear-gradient(to right, #868dff 0%, #328dff 50%, #23e9fd 100%);
    color: #fff;
    text-align: center;
    line-height: 55px;
    border-radius: 15px;
    font-size: 24.29px;
    font-family: '思源黑体 CN';
  }
}


.scale150 .mainnav .navA {
    font-size: 14px;
}

.MaskProgressBar .Maskbox {
    margin-top: 0 !important;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

@media(max-width:768px){
	.z_text img {
    height: auto;
  }
}



/* 2023.9.15 */

.hbanner{
    position: relative;
    padding-bottom: 21.05%;
}
.hbanner img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.NewsInfo1 .MainF{
    padding: 40px 0;
}
@media(max-width:768px) {
    .NewsInfo1 .MainF{
        padding: 20px 0;
    }
    .hbanner{
        position: relative;
        padding-bottom:200px;
    }
}

/*2023.9.15*/
.popup{position:fixed;max-width:700px;left:50%;top:50%;width:100%;padding:40px;box-shadow:0 0 18px rgba(0,0,0,.2);background-color:#fff;border:1px solid #000;z-index:300;box-sizing:border-box;transform:translate(-50%,-50%);}
.popup .close{position:absolute;right:10px;top:10px;z-index:3;}
.popup .close:before{display:block;content:'';width:40px;height:40px;background-position:center;background-size:50%;background-image:url('/en/images/close.svg');background-repeat:no-repeat;cursor:pointer;}
.popup .text{color:#696969;font-size:12px;line-height:1.5;}
.popup .text a{color:#696969;}
.popup .btn{margin-top:10px;display:flex;justify-content:end}
.popup .btn .more{margin-left:15px;width:145px;height:40px;text-align:center;font-size:14px;color:#fff;border:0;background-color:#3991ff;border-radius:5px;cursor:pointer;}
.popup .btn .reject{width:145px;height:40px;text-align:center;font-size:14px;color:#fff;border:0;background-color:#3991ff;border-radius:5px;cursor:pointer;}
.popup .btn .main-close{margin-left:15px;width:145px;height:40px;text-align:center;font-size:14px;color:#fff;border:0;background-color:#3991ff;cursor:pointer;}
.popup2{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:500;}
.popup2 .popup-box{position:absolute;left:50%;top:50%;max-width:600px;width:100%;padding:40px 40px 20px 40px;background-color:#fff;transform:translate(-50%,-50%);z-index:3;box-sizing:border-box;}
.popup2 .popup-box .close{position:absolute;right:10px;top:10px;z-index:3;}
.popup2 .popup-box .close:before{display:block;content:'';width:40px;height:40px;background-position:center;background-size:50%;background-image:url('/en/images/close.svg');background-repeat:no-repeat;cursor:pointer;}
.popup2 .popup-box .title{display:none;font-size:24px;color:#3860be;padding-bottom:10px;border-bottom:1px solid #e9e9e9;}
.popup2 .popup-box .roll{max-height:70vh;overflow-x:hidden;}
.popup2 .popup-box h3{margin:10px 0;font-size:20px;color:#696969;}
.popup2 .popup-box .text p{font-size:14px;color:#696969;line-height:1.5;}
.popup2 .popup-box .text p a{color:#696969;}
.popup2 .popup-box .list{margin-top:10px;}
.popup2 .popup-box .list ul li{border:1px solid #d8d8d8;}
.popup2 .popup-box .list ul li .top-box{display:flex;justify-content:space-between;align-items:center;height:47px;padding:0 20px;background-color:#fff;}
.popup2 .popup-box .list ul li .top-box .name{display:flex;align-items:center;font-size:14px;color:#696969;}
.popup2 .popup-box .list ul li .top-box .name:before{display:block;width:10px;text-align:center;content:'+';margin-right:10px;font-size:14px;color:#696969;font-weight:bold;}
.popup2 .popup-box .list ul li .top-box .tips{font-size:14px;color:#3991ff;}
.popup2 .popup-box .list ul li .top-box .radio{position:relative;}
.popup2 .popup-box .list ul li .top-box .radio input{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;opacity:0;cursor:pointer;}
.popup2 .popup-box .list ul li .top-box .radio input + label{display:block;width:45px;height:25px;background-color:#cddcf2;border:1px solid #ddd;border-radius:25px;box-sizing:border-box;}
.popup2 .popup-box .list ul li .top-box .radio input + label:before{position:absolute;display:block;content:'';top:1px;left:1px;width:23px;height:23px;background-color:#7d7d7d;border-radius:23px;z-index:3;}
.popup2 .popup-box .list ul li .top-box .radio input:checked + label{background-color:#cddcf2;border:1px solid #008de6;}
.popup2 .popup-box .list ul li .top-box .radio input:checked + label:before{right:1px;left:auto;background-color:#3991ff;}
.popup2 .popup-box .list ul li .textarea{display:none;padding:20px;background-color:#f5f5f5;font-size:14px;color:#696969;line-height:1.5;}
.popup2 .popup-box .list ul li.on .textarea{display:block;}
.popup2 .popup-box .list ul li.on{border:1px solid #27455c;}
.popup2 .popup-box .list ul li.on .top-box .name:before{content:'—';}
.popup2 .popup-box .btn{display:flex;align-items:center;justify-content:end;margin-top:10px;padding:20px 0;border-top:1px solid #d8d8d8;}
.popup2 .popup-box .btn .main-close{display:block;width:200px;height:40px;text-align:center;font-size:14px;color:#fff;border:0;background-color:#3991ff;border-radius:5px;cursor:pointer;}
.popup2 .popup-box .btn .reject{display:block;width:200px;margin-right:15px;height:40px;text-align:center;font-size:14px;color:#fff;border:0;background-color:#3991ff;border-radius:5px;cursor:pointer;}
@media(max-width:768px){.popup .btn{display:block;}
.popup .btn input{width:100% !important;margin:0 !important;margin-bottom:15px !important;}
.popup2 .popup-box .btn{display:block;}
.popup2 .popup-box .btn input{width:100% !important;margin:0 !important;margin-bottom:15px !important;}
}
/* 20230906 */
.popup{border:none;box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:15px;}
.popup .btn{justify-content:flex-start;margin-top:30px;}
.popup .btn input{position:relative;transition:.3s;top:0;}
.popup .btn input:hover{top:-5px;}
/* */
.pbt.popup{top:auto;bottom:0;left:0;transform:none;width:100%;max-width:100%;border-radius:0;padding:20px 40px;}
.pbt.popup .close{top:0;}
.pbt.popup .close:before{width:20px;}
.pbt.popup .btn{margin-top:10px;justify-content:flex-end;}
.pbt.popup .btn input{width:auto;padding:0 10px;min-width:125px;font-size:12px;height:30px;}
@media(max-width:768px){.pbt.popup{padding:20px;}
.pbt.popup .btn input{margin-bottom:10px !important;}
}


/* 2023.9.7 */
.popup .btn .reject,
.popup2 .popup-box .btn .reject,
.popup .btn .more{
    border: 2px solid #838383;
    border-radius: 10px;
    padding: 0 20px;
    transition: 0.3s;
    background-color: transparent;
    color: #333;
}
.popup .btn .reject:hover,
.popup2 .popup-box .btn .reject:hover,
.popup .btn .more:hover{
    color: #3991ff;
}
.popup2 .popup-box .btn .main-close{
    border-radius: 10px;
    transition: 0.3s;
}
.popup2 .popup-box .btn .reject:hover,
.popup2 .popup-box .btn .main-close:hover{
    transform: translate(0,-5px);
    -webkit-transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    -o-transform: translate(0,-5px);
}
.popup .btn input{
    border-radius: 10px; 
}


.pbt.popup .btn input:hover,
.popup2 .popup-box .btn input:hover{
    background-color: #008de6;
    color: #fff !important;
    border:2px solid #3991ff;
}
.pbt.popup .btn input:hover ~ input,
.popup2 .popup-box .btn input:hover ~ input{
    background-color: transparent !important;
    border:2px solid #838383 !important;
    color: #333;
}

@media(max-width:640px){
    .popup2 .popup-box {
        padding: 15px;
    }
    .popup2 .popup-box {
        padding: 15px;
    }
    .popup2 .popup-box .btn .main-close,.popup2 .popup-box .btn .reject {
        height: 35px;
    }
    .popup2 .popup-box .list ul li .top-box {
        height: 40px;
    }
    .popup2 .popup-box h3 {
        font-size: 18px;
    }
    .popup2 .popup-box .btn {
        border-top: unset;
        padding: 5px 0;
    }
}




#yfContent {height: 1px !important; overflow: auto; background: none;line-height: 30px;}
#yfContent::-webkit-scrollbar {width: 15px;background-color:#fff;}/* 缺省样式 */
#yfContent::-webkit-scrollbar-track {background-color:#fff;}/* 滚动条的滑轨背景颜色 */
#yfContent::-webkit-scrollbar-thumb {background-color:#fff;} /* 滑块颜色 */
#yfContent::-webkit-scrollbar-button {background-color:#fff;} /* 滑轨两头的监听按钮颜色 */
#yfContent::-webkit-scrollbar-corner {background-color:#fff;} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
/*position fix*/
#yfContent *{position:relative !important;}
/*#yfContent *:first-child {padding-top: 30px;}*/ 



/*flex布局*/
[class*=flex-]{display: flex;}
[class*=-aic]{align-items: center;}
[class*=-aife]{align-items: flex-end;}
[class*=-aifs]{align-items: flex-start;}
[class*=-jcc]{justify-content: center;}
[class*=-jcsb]{justify-content: space-between;}
[class*=-jcfe]{justify-content: flex-end;}
[class*=-jcfs]{justify-content: flex-start;}
[class*=-row]{flex-wrap: wrap;}
[class*=-col]{flex-direction: column;}


/* 产品综合页-banner */
.inside-ban{ position:relative;}
.inside-ban .pic img{ width:100%;}
.inside-ban .center{ width:100%;}
.inside-ban .center .wtd48{ width:48%;}
.inside-ban .text{color:#fff; position:absolute; left:0; top:0; width:100%; height:100%; display:-webkit-flex; display:flex; align-items:center;}
.inside-ban .text .tit-en{ font-size:40px; font-weight:bold;}
.inside-ban .text .des{ line-height:1.7; margin:10px 0 40px; max-width:86%; font-size:16px;}
.inside-ban .text .more a{ display:inline-block; background:#fff; padding:10px 30px; border-radius:10px; transition:all .5s;}
.inside-ban .text .more a:hover{ color:#fff; -webkit-text-fill-color:#fff; background-image:linear-gradient(to right, #868dff 0%, #328dff 50%,#23e9fd 100%);}
@media(max-width:1366px){
.inside-ban .text .tit-en{ font-size:32px; font-weight:bold;}
}
@media(max-width:1024px){
.inside-ban .text{ position:relative; padding:50px 0; z-index:5;}
.inside-ban .pic{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
.inside-ban .pic img{ width:100%; height:100%; object-fit:cover;}
}
@media(max-width:768px){
.inside-ban .center .wtd48{ width:65%;}
.inside-ban .text .tit-en{ font-size:26px;}
.inside-ban .text .des{ margin:10px 0 20px;}
}
@media(max-width:640px){
.inside-ban .center .wtd48{width:100%;}
.inside-ban .text .des{ max-width:100%;}
}


/* 内页菜单 */
.inside-menu{ background:#f8f9fb;}
.inside-menu li{ margin-right:30px;}
.inside-menu li a{ font-size:18px; color:#666666; display:block; padding:26px 0; position:relative;}
.inside-menu li::after{ content:''; display:block; width:100%; height:4px; opacity:0;}
.inside-menu li.on::after{ background-image:linear-gradient(to left,#4fc0e2,#338cff,#8d8dff); opacity:1;}
.inside-menu li:last-child{ margin-right:0;}

@media(max-width:640px){
.inside-menu li{ margin-right:15px;}
.inside-menu li a{ font-size:16px;}
}



/* 产品综合页 */
.comprehensive-one{ padding:100px 0 130px;}
.comprehensive-one .tit-box{ text-align:center; margin-bottom:50px;}
.comprehensive-one .tit-box .tit{ font-size:44px; color:#333333;}
.comprehensive-one .tit-box .tit-des{ font-size:21px; color:#666666;}
.comprehensive-one .list-box{ display:-webkit-flex; display:flex; flex-wrap:wrap;}
.comprehensive-one .list-box .item{ font-size:18px; width:32.45555%; margin-right:1.3%; margin-bottom:1.3%;}
.comprehensive-one .list-box .item a{ display:block; background:#f8f9fb; padding:60px; height:100%; border-radius:10px; overflow:hidden; transition:all .5s;}
.comprehensive-one .list-box .item .text{ color:#000;}
.comprehensive-one .list-box .item .text .tit{ margin:25px 0 5px; font-size:30px; font-weight:bold;}
.comprehensive-one .list-box .item .text .des{ margin-bottom:10px; line-height:1.5; height:3em; font-size:18px;}
.comprehensive-one .list-box .item .pic img{ height:163px;}
.comprehensive-one .list-box .item .oil{ margin-bottom:20px; display:-webkit-flex; display:flex; align-items:center;flex-wrap:wrap;}
.comprehensive-one .list-box .item .oil .io{ margin-right:5px; padding:5px 10px; line-height:1; min-width:60px; text-align:center; color:#fff;background:#8197b2;font-size:14px;margin-bottom:5px;flex:0 0 auto;}
/* .comprehensive-one .list-box .item .oil .purple-bg{ background:#918cff;} */
/* .comprehensive-one .list-box .item .oil .cyan-bg{ background:#21d9fc;} */
/* .comprehensive-one .list-box .item .oil .blue-bg{ background:#005cab;} */
/* .comprehensive-one .list-box .item .oil .yellow-bg{ background:#fcd100;} */
.comprehensive-one .list-box .item .oil .io:last-child{ margin-right:0;}
.comprehensive-one .list-box .item .itw{ margin-bottom:10px; line-height:1; display:-webkit-flex; display:flex; align-items:center;}
.comprehensive-one .list-box .item .itw:last-child{ margin-bottom:0;}
.comprehensive-one .list-box .item .itw.purple-txt{ color:#918cff;}
.comprehensive-one .list-box .item .itw.purple-txt path{ fill:#918cff}
.comprehensive-one .list-box .item .itw.cyan-txt{ color:#21d9fc;}
.comprehensive-one .list-box .item .itw.cyan-txt path{ fill:#21d9fc}
.comprehensive-one .list-box .item .itw.blue-txt{ color:#005cab;}
.comprehensive-one .list-box .item .itw.blue-txt path{ fill:#005cab}
.comprehensive-one .list-box .item .itw.yellow-txt{ color:#fcd100;}
.comprehensive-one .list-box .item .itw.yellow-txt path{ fill:#fcd100}
.comprehensive-one .list-box .item .itw .arrow{ margin-left:15px; font-size:0;}
.comprehensive-one .list-box .item .itw .arrow svg{ width:21px;}
.comprehensive-one .list-box .item:nth-child(3n){ margin-right:0;}
.comprehensive-one .list-box .item:hover a{ background:#fff; transform:translateY(-15px); box-shadow:0 0 15px rgba(0,0,0,.2);}

.comprehensive-bg{background:#f8f9fb;}
.comprehensive-bg .list-box{ position: relative;}
.comprehensive-bg .list-box .swiper{ padding:30px 15px;}
.comprehensive-bg .list-box .item{ width:100%;}
.comprehensive-bg .list-box .item a{ background:#fff;}

.comprehensive-bg .list-box .swiper-but::after{ font-size:16px; font-weight:bold; background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);
background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;}
.comprehensive-bg .list-box .swiper-button-prev{ left:-40px;}
.comprehensive-bg .list-box .swiper-button-next{ right:-40px;}


.comprehensive-two{ background:#d7e0e7; padding:100px 0;}
.comprehensive-two .tit-box{ margin-bottom:55px; text-align:center; font-size:44px; color:#333333;}
.comprehensive-two .list-box{ display:-webkit-flex; display:flex; flex-wrap:wrap;}
.comprehensive-two .list-box .item{ padding:40px 50px 35px; width:23.5%; margin-right:2%; margin-bottom:2%; border-radius:10px; overflow: hidden; background:#fff; position:relative; font-size:18px; color:#000; transition:all .5s;}
.comprehensive-two .list-box .item::before{ content:''; display:block; width:100%; height:8px; background-image:linear-gradient(to left,#4fc0e2,#338cff,#8d8dff); position:absolute; left:0; top:0;}
.comprehensive-two .list-box .item .tit{ margin-bottom:10px; font-size:30px; font-weight:bold;}
.comprehensive-two .list-box .item .des{ line-height:1.7; color:#666666;}
.comprehensive-two .list-box .item:nth-child(4n),
.comprehensive-two .list-box .item:last-child{ margin-right:0;}
.comprehensive-two .list-box .item:hover{background:#fff;transform:translateY(-15px); box-shadow:0 0 15px rgba(0,0,0,.2);}

.comprehensive-three{ position:relative; padding:100px 0;}
.comprehensive-three .tit-box{ margin-bottom:80px;}
.comprehensive-three .tit-box .tit{ text-align:center; font-size:40px;}

.module-selection{ display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between;}
.module-selection .left-box{ width:210px;}
.module-selection .left-box .chis{ color:#000; font-size:22px;}
.module-selection .left-box .select-ol{ margin-top:10px;}
.module-selection .left-box .select-ol select{ width:160px; border:solid 1px #7b7778; padding:4px 10px; border-radius:5px; overflow: hidden;}
.module-selection .left-box .menu-ulw{ margin-top:25px;}
.module-selection .left-box .menu-ulw .ul{ margin-bottom:25px;}
.module-selection .left-box .menu-ulw .ul:last-child{ margin-bottom:0;}
.module-selection .left-box .menu-ulw ol{ margin-bottom:10px; color:#000; font-size:22px; padding:0;}
.module-selection .left-box .menu-ulw ol span{ cursor:pointer; position:relative; padding-right:30px;}
.module-selection .left-box .menu-ulw ol span::after{ content:''; display:block; width:14px; height:14px; background-image:url(/en/images/jiantou.png); background-repeat:no-repeat; background-size:contain; background-position:center; position:absolute; top:6px; right:0; transform:rotate(-90deg);transition: 0.5s}
.module-selection .left-box .menu-ulw li{display:-webkit-flex;display:flex; margin-bottom:2px; position:relative;}
.module-selection .left-box .menu-ulw li i{ width:15px; height:15px; display:block; position:absolute;left:0;top:3px;border:solid 1px #7b7778; border-radius:2px; overflow:hidden; cursor:pointer;}
.module-selection .left-box .menu-ulw li .xti{ cursor:pointer; padding-left:30px;}
.module-selection .left-box .menu-ulw li.on i{ background-image:url(/en/images/duiicon02.png); background-repeat:no-repeat; background-size:10px; background-position:center;}
.module-selection .left-box .menu-ulw .ul.active ol span::after{ transform:rotate(90deg);}
.module-selection .left-box .menu-ulw .ul.li_hide ol span::after{ transform:rotate(-90deg);}
.module-selection .list-box{ display:-webkit-flex; display:flex; flex-wrap:wrap;}
.module-selection .list-box .item{ width:24%; margin-right:1.33333%; margin-bottom:1.33333%;}
.module-selection .list-box .item a{display:block; height:100%; background:#f8f9fb; padding:35px; border-radius:10px; transition:all .5s;}
.module-selection .list-box .item:nth-child(4n){ margin-right:0;}
.module-selection .list-box .item .tit{ font-size:20px; color:#333333;}
.module-selection .list-box .item .icon-lxt{ display:-webkit-flex;display:flex;flex-wrap:wrap;}
.module-selection .list-box .item .icon-lxt .iac{ margin-right:8px;}
.module-selection .list-box .item .icon-lxt .iac:last-child{ margin-right:0;}
.module-selection .list-box .item .state-oi{ margin:10px 0; display:-webkit-flex;display:flex;flex-wrap:wrap;}
.module-selection .list-box .item .state-oi .ir{ margin-right:5px; margin-bottom:5px; font-size:12px; color:#fff; padding:2px 5px;}
.module-selection .list-box .item .state-oi .ir:last-child{ margin-right:0;}
.module-selection .list-box .item .state-oi .color_bg1{ background:#328dff;}
.module-selection .list-box .item .state-oi .color_bg2{ background:#55c5cf;}
.module-selection .list-box .item .state-oi .color_bg3{ background:#672c7e;}
.module-selection .list-box .item .state-oi .color_bg4{ background:#f68220;}
.module-selection .list-box .item .state-oi .color_bg5{ background:#1367d7;}
.module-selection .list-box .item .state-oi .color_bg6{ background:#6191e3;}
.module-selection .list-box .item .pic{ margin:40px 0;}
.module-selection .list-box .item .pic img{ width:115px; height:67px; object-fit:contain;}
.module-selection .list-box .item .awtx{ color:#333; font-size:13.5px;}
.module-selection .list-box .item .awtx .ita{ margin-bottom:5px;}
.module-selection .list-box .item .awtx .ita:last-child{ margin-bottom:0;}
.module-selection .list-box .item:hover a{ background:#fff;-webkit-text-fill-color:#333; color:#333; transform:translateY(-10px); box-shadow:0 0 15px rgba(0,0,0,.2);}
.module-selection .list-box .item:hover .state-oi .ir{-webkit-text-fill-color:#fff; color:#fff;}

.module-selection .more{ margin-top:50px; text-align:center;}
.module-selection .more .oiw{ display:inline-block; width:250px; font-size:20px; text-align:center; padding:10px 30px; border-radius:10px; color:#000; border:solid 1px #000; cursor:pointer; transition:all .5s;}
.module-selection .more .oiw:hover{ background:#328dff; border-color:#328dff; color:#fff;}
.module-selection .righ-box{ width:calc(100% - 220px);}
.module-selection .menu-itx{display:none;}
.module-selection .web-io{ margin-left:10px; display:block;height:35px;width:35px; overflow:hidden; position:relative; cursor:pointer;}
.module-selection .web-io i{display:block;width:80%;height:3px;background:#333;border-radius: 4px; position:absolute;left:10%; transition: all .3s;}
.module-selection .web-io i:nth-child(1){top:65%;}
.module-selection .web-io i:nth-child(2){top:50%;margin-top:-1.5px;}
.module-selection .web-io i:nth-child(3){bottom:65%;}
.module-selection .web-io.on i:nth-child(1){ transform: rotate(-45deg); top:50%;}
.module-selection .web-io.on i:nth-child(2){ background-color:transparent;}
.module-selection .web-io.on i:nth-child(3){ transform: rotate(45deg); top:50%;}

.comprehensive-four{ position:relative; padding:90px 0;}
.comprehensive-four .bg-img{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.comprehensive-four .w1540{ position:relative; z-index:10; color:#fff;}
.comprehensive-four .tit{ margin-bottom:15px; font-size:40px;}
.comprehensive-four .des{ font-size:16px;}
.comprehensive-four .more{ margin-top:60px;}
.comprehensive-four .more a{ display:inline-block; background:#fff; padding:10px 30px; border-radius:10px; transition:all .5s;}
.comprehensive-four .more a:hover{ color:#fff; -webkit-text-fill-color:#fff; background-image:linear-gradient(to right, #868dff 0%, #328dff 50%,#23e9fd 100%);}

@media(max-width:1366px){
.comprehensive-one{ padding:80px 0 100px;}
.comprehensive-one .tit-box .tit{ font-size:36px;}
.comprehensive-one .tit-box .tit-des{ font-size:18px;}
.comprehensive-one .list-box .item{font-size:16px;}
.comprehensive-one .list-box .item a{ padding:40px;}
.comprehensive-one .list-box .item .pic img{ height:140px;}
.comprehensive-one .list-box .item .text .tit{ font-size:26px;}
.comprehensive-one .list-box .item .text .des{ font-size:16px;}

.comprehensive-two{ padding:80px 0;}
.comprehensive-two .tit-box{ font-size:36px;}
.comprehensive-two .list-box .item{ padding:30px; font-size:16px;}
.comprehensive-two .list-box .item .tit{ font-size:24px;}

.comprehensive-three{ padding:80px 0;}
.comprehensive-three .tit-box{ margin-bottom:60px;}
.comprehensive-three .tit-box .tit{ font-size:36px;}

.comprehensive-four .tit{ font-size:36px;}

.module-selection .list-box .item{ padding:25px;}
.module-selection .list-box .item .pic{ margin:20px 0;}
.module-selection .list-box .item .icon-lxt .iac img{ width:20px;}
.module-selection .left-box .chis,
.module-selection .left-box .menu-ulw ol{ font-size:18px;}
.module-selection .left-box .menu-ulw ol span::after{ top:3px;}
.module-selection .left-box .menu-ulw li .xti{ padding-left:25px;}

.module-selection .more{ margin-top:30px;}
.module-selection .more .oiw{ font-size:18px;}
}

@media(max-width:1024px){
.comprehensive-one{ padding:50px 0;}
.comprehensive-one .tit-box{ margin-bottom:30px;}
.comprehensive-one .list-box .item{ font-size:14px; padding:0;}
.comprehensive-one .list-box .item .pic img{height:120px;}
.comprehensive-one .list-box .item .text .tit{ font-size:20px;}
.comprehensive-one .list-box .item a{ padding:25px;}
.comprehensive-one .list-box .item .oil{ margin-bottom:5px;}
.comprehensive-one .list-box .item .oil .io{ min-width:40px; padding:5px 10px;}
.comprehensive-one .list-box .item .itw{ margin-bottom:0;}
.comprehensive-one .list-box .item .itw .arrow{ margin-left:10px;}
.comprehensive-one .list-box .item .itw .arrow svg{ width:16px;}

.comprehensive-two{ padding:50px 0;}
.comprehensive-two .list-box .item{ font-size:14px; padding:30px 20px 20px;}
.comprehensive-two .list-box .item .tit{ font-size:20px;}

.comprehensive-three{ padding:50px 0;}
.comprehensive-three .tit-box{ margin-bottom:30px;}

.module-selection .list-box .item:nth-child(4n),
.module-selection .list-box .item{ width:32%; margin-right:2%;}
.module-selection .list-box .item:nth-child(3n){ margin-right:0;}
.module-selection .list-box .item .icon-lxt .iac img{ width:18px;}
}

@media(max-width:1024px){
.module-selection .left-box{ width:170px;}
.module-selection .righ-box{ width:calc(100% - 190px);}
.module-selection .list-box .item .tit{ font-size:18px;}
}

@media(max-width:768px){
.module-selection .righ-box{ width:100%;}
.module-selection .left-box{ width:100%; position:relative;}
.module-selection .menu-itx{ padding:10px 0; font-size:16px; display:-webkit-flex; display:flex; align-items:center;}
.module-selection .web-menu{ position:absolute; left:0; top:100%; background:#fff; width:100%; padding:20px; border-radius:10px; overflow: hidden; box-shadow:0 0 10px rgba(0,0,0,0.1); display:none; z-index: 10}
.module-selection .overflow{ width:100%; max-height:60vh; overflow:auto;}
}

@media(max-width:640px){
.comprehensive-one .tit-box .tit{font-size:22px;}
.comprehensive-one .tit-box .tit-des{ font-size:16px;}
.comprehensive-one .list-box .item:nth-child(3n),
.comprehensive-one .list-box .item{ width:49%; margin-right:2%;}
.comprehensive-one .list-box .item a{ padding:15px;}
.comprehensive-one .list-box .item .pic img{ height:90px;}
.comprehensive-one .list-box .item .text .des{ font-size:14px;}
.comprehensive-one .list-box .item .text .tit{ margin:10px 0 5px; font-size:16px;}
.comprehensive-one .list-box .item .oil .io{ padding:5px;}
.comprehensive-one .list-box .item:nth-child(2n){ margin-right:0;}

.comprehensive-bg .list-box .swiper{ padding:30px 0;}
.comprehensive-bg .list-box .item{ width:100%;}
.comprehensive-bg .list-box .item .oil{ flex-wrap:wrap;}
.comprehensive-bg .list-box .item .oil .io{ margin-bottom:5px;}
.comprehensive-bg .list-box .item a{ background:#fff;}
.comprehensive-bg .list-box .swiper-button-prev{ left:0;}
.comprehensive-bg .list-box .swiper-button-next{ right:0;}

.comprehensive-two .tit-box{ font-size:22px; margin-bottom:20px;}
.comprehensive-two .list-box .item{ width:100%; margin-right:0; margin-bottom:4%;}
.comprehensive-three .tit-box .tit{ font-size:22px;}
.comprehensive-four{ padding:50px 0;}
.comprehensive-four .tit{ font-size:22px;}
.comprehensive-four .des{ font-size:15px;}
.comprehensive-four .more{ margin-top:30px;}
.module-selection .list-box .item:nth-child(4n),
.module-selection .list-box .item:nth-child(3n),
.module-selection .list-box .item{ padding:15px; width:49%; margin-right:2%; margin-bottom:2%;}
.module-selection .list-box .item:nth-child(2n){ margin-right:0;}
.module-selection .more .oiw{ font-size:16px; width:auto;}
}



/* 开发套件 */
.development-one{ padding:110px 0 80px;}
.development-one .search-box{ background:#f8f9fb;}
.development-one .search-box .input-txt{ padding:10px 20px; width:calc(100% - 60px);}
.development-one .search-box .input-txt input{ line-height:2.5; width:100%;}
.development-one .search-box .input-but{ width:60px; background-image:linear-gradient(to left,#4fc0e2,#338cff,#8d8dff);}
.development-one .search-box .input-but::after{ content:''; display:block; width:100%; height:100%; background-image:url(/en/images/fangdajing2.png); background-repeat:no-repeat; background-position:center; background-size:20px;}

.development-one .develop-list{ margin-top:25px;}
.development-one .develop-list .result-txt{ font-size:22px; color:#000; padding:20px 0;}
.development-one .pull-down{ margin-bottom:50px;}
.development-one .pull-down .select-box{width:170px;font-size:16px;margin-right:15px;border:solid 1px #7c7879;border-radius:5px; position:relative;}
.development-one .pull-down .select-box select{color:#000; cursor:pointer; font-size:16px; width:100%; padding:8px 15px; -webkit-appearance:none;-moz-appearance:none;appearance:none; padding-right:30px;}
.development-one .pull-down .select-box::after{content:'';position:absolute;right:12px;top:50%;margin-top:-6px;width:12px; height:12px; background-image:url(/en/images/cursor.png); display:block; background-position:center; background-repeat:no-repeat;}
.development-one .pull-down .select-box:last-child{ margin-right:0;}

.develop-list li{ width:24.25%; background:#f8f9fb; margin-right:1%; margin-bottom:1%; transition:all .5s; border-radius:10px; overflow:hidden;}
.develop-list li a{ padding:40px; display:block;}
.develop-list li .pic{ margin-bottom:40px; text-align:center;}
.develop-list li .pic img{ height:151px; object-fit:contain; transition:all .5s;}
.develop-list li:nth-child(4n){ margin-right:0;}
.develop-list li .text .tit{ font-size:20px;}
.develop-list li .text .des{ margin-top:8px; font-size:14px; line-height:1.7;}
.develop-list li:hover{ background:#fff; transform:translateY(-8px); box-shadow:0 0 15px rgba(0,0,0,.1);}
.develop-list li:hover .text .tit span{color:#328dff;background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.develop-list li:hover .text .des span{color:#328dff;background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.develop-list .more{ margin-top:50px; text-align:center;}
.develop-list .more .but{ display:inline-block; width:250px; font-size:20px; text-align:center; padding:10px 30px; border-radius:10px; color:#000; border:solid 1px #000; cursor:pointer; transition:all .5s;}
.develop-list .more .but:hover{ color:#fff; -webkit-text-fill-color:#fff; background-image:linear-gradient(to right, #868dff 0%, #328dff 50%,#23e9fd 100%); border-color:#fff;}

.development-two{ background:#f8f9fb; padding:100px 0;}
.development-two .tit-box{ text-align:center; margin-bottom:50px;}
.development-two .tit-box .tit{ font-size:44px; color:#333333;}
.development-two .list-box .item a{ display:block; background:#fff;}
.development-two .list-box .item .pic{ text-align:center; padding:50px; background:#d7e0e7;}
.development-two .list-box .item .pic img{ width:315px; object-fit:cover; transition:all .5s;}
.development-two .list-box .item .pic .iov{overflow:hidden;}
.development-two .list-box .item .oil{ margin:15px 0; display:-webkit-flex; display:flex; align-items:center;}
.development-two .list-box .item .oil .io{ margin-right:10px; padding:5px; line-height:1; text-align:center; color:#fff;}
.development-two .list-box .item .oil .color_bg1{ background:#328dff;}
.development-two .list-box .item .oil .color_bg2{ background:#55c5cf;}
.development-two .list-box .item .oil .color_bg3{ background:#672c7e;}
.development-two .list-box .item .oil .color_bg4{ background:#f68220;}
.development-two .list-box .item .oil .color_bg5{ background:#1367d7;}
.development-two .list-box .item .oil .color_bg6{ background:#6191e3;}
.development-two .list-box .item .text{ padding:35px;}
.development-two .list-box .item .text .tit{ font-size:20px; color:#333333;}
.development-two .list-box .item .icon-lxt .iac{ margin-right:8px;}
.development-two .list-box .item .icon-lxt .iac:last-child{ margin-right:0;}
.development-two .list-box .item .ails{line-height:1.85; display:block; font-size:13px; background-image:url(/en/images/jiantou.png); background-repeat:no-repeat; background-position:center right; padding-right:16px; background-size:7px;}
.development-two .list-box .item:hover .ails{background-image:url(/en/images/jiantou2.png);}
.development-two .list-box .item:hover .ails span{color:#328dff;background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.development-two .list-box .item:hover .pic img{ transform:scale(1.05);}
.development-two .list-box .item:hover .tit span{color:#328dff;background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.development-two .swiper-scrollbar{ height:8px!important; max-width:500px; width:90%; position:static!important; margin:35px auto 0; border-radius:100px; overflow:hidden; background:#fff;}
.development-two .swiper-scrollbar-drag{background-image:linear-gradient(to left,#4fc0e2,#338cff,#8d8dff); border-radius:100px; overflow:hidden; cursor:pointer;}

@media(max-width:1024px){
.develop-list li a{ padding:20px;}
.develop-list li .pic{ margin-bottom:20px;}
.develop-list li .pic img{ height:110px;}
.develop-list .more{ margin-top:30px;}
.develop-list .more .but{ font-size:18px;}
.development-two{ padding:80px 0;}
.development-two .tit-box .tit{ font-size:36px;}
.development-two .list-box .item .oil .io{ margin-right:5px; margin-bottom:5px;}

}

@media(max-width:768px){
.development-one{ padding:80px 0 60px;}
.development-one .pull-down .select-box{ width:160px;}
.develop-list li:nth-child(4n),
.develop-list li{width:32%; margin-right:2%; margin-bottom:2%;}
.develop-list li:nth-child(3n){ margin-right:0;}
.develop-list li .text .tit{ font-size:18px;}
}

@media(max-width:640px){
.development-one .pull-down .select-box{ width:49%; margin-right:2%; margin-bottom:2%;}
.development-one .pull-down .select-box:nth-child(2n){ margin-right:0;}

.develop-list li:nth-child(3n),
.develop-list li:nth-child(4n),
.develop-list li{ width:49%; margin-right:2%; margin-bottom:2%;}
.develop-list li .pic img{ height:80px;}
.develop-list li:nth-child(2n){ margin-right:0;}
.development-two .tit-box{ margin-bottom:30px;}
}




/* 宽带模组系列 */
.pro-intro{ padding:95px 0;}
.pro-intro .tit-box{ text-align:center; margin-bottom:70px; font-size:21px; color:#666;}
.pro-intro .tit-box .tit-cn{ font-size:44px; color:#000; margin-bottom:10px;}
.pro-intro li{ width:23%; margin:1%;  background:#f8f9fb; padding:50px; border-radius:15px;flex:1 1 auto;}
.pro-intro li .pic img{ width:101px;}
.pro-intro li .text{line-height:1.8;}
.pro-intro li .text .tit{ margin-top:20px; color:#000; font-size:30px; font-weight:bold;}
.pro-intro li .text .des{ font-size:16px; color:#666;}
.pro-intro li .text .tit a:hover,
.pro-intro li:hover .text .tit span{color:#328dff;background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}

.pro-advan{ position:relative; padding:6% 0;}
.pro-advan .bg-img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-repeat:no-repeat; background-position:center; background-size:cover;}
.pro-advan .tit-box{ text-align:center; margin-bottom:70px; font-size:21px; color:#fff;}
.pro-advan .tit-box .tit-cn{ font-size:44px; margin-bottom:10px;}
.pro-advan .w1540{position:relative; z-index:5; color:#fff;}
.pro-advan .list-box{ margin-top:15%; position:relative; z-index:5;}
.pro-advan .list-box li{ width:48%; margin:30px 0;}
.pro-advan .list-box li .icon{ width:101px;}
.pro-advan .list-box li .text{ padding-left:25px; width:calc(100% - 101px); color:#fff;}
.pro-advan .list-box li .text .tit{ margin-bottom:5px; line-height:1.2; font-size:30px; font-weight:bold;}
.pro-advan .list-box li .text .des{ line-height:1.5; font-size:16px;}

.advan-two{ background:#fff; padding:100px 0;}
.advan-two .tit-box{ text-align:center; margin-bottom:75px;}
.advan-two .tit-box .tit{ font-size:44px; color:#333333;}
.advan-two .list-box{ position:relative;}
.advan-two .list-box .item a{ display:block; background:#f8f9fb;}
.advan-two .list-box .item .pic{ text-align:center; padding:50px; background:#d7e0e7; overflow:hidden;}
.advan-two .list-box .item .pic figure{ padding-bottom:44.75%; background-repeat:no-repeat; background-position:center; background-size:contain; transition:.5s;}
.advan-two .list-box .item .pic .iov{overflow:hidden;}
.advan-two .list-box .item .oil{ margin:15px 0; display:-webkit-flex; display:flex; align-items:center;}
.advan-two .list-box .item .oil .io{ margin-right:5px; margin-bottom:5px; padding:5px; line-height:1; text-align:center; color:#fff;}
.advan-two .list-box .item .oil .color_bg1{ background:#328dff;}
.advan-two .list-box .item .oil .color_bg2{ background:#55c5cf;}
.advan-two .list-box .item .oil .color_bg3{ background:#672c7e;}
.advan-two .list-box .item .oil .color_bg4{ background:#f68220;}
.advan-two .list-box .item .oil .color_bg5{ background:#1367d7;}
.advan-two .list-box .item .oil .color_bg6{ background:#6191e3;}
.advan-two .list-box .item .text{ padding:35px;}
.advan-two .list-box .item .text .tit{ font-size:20px; color:#333333;}
.advan-two .list-box .item .icon-lxt .iac{ margin-right:8px;}
.advan-two .list-box .item .icon-lxt .iac:last-child{ margin-right:0;}
.advan-two .list-box .item .ails{line-height:1.85; display:block; font-size:13px; background-image:url(/en/images/jiantou.png); background-repeat:no-repeat; background-position:center right; padding-right:16px; background-size:7px;}
.advan-two .list-box .item:hover .ails{background-image:url(/en/images/jiantou2.png);}
.advan-two .list-box .item:hover .ails span{color:#328dff;background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.advan-two .list-box .item:hover .pic figure,
.advan-two .list-box .item:hover .pic img{ transform:scale(1.05);}
.advan-two .list-box .item:hover .tit span{color:#328dff;background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.advan-two .list-box .swiper-but::after{ font-size:16px; font-weight:bold; background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.advan-two .list-box .swiper-button-prev{ left:-40px;}
.advan-two .list-box .swiper-button-next{ right:-40px;}

.advan-three{ background:#f8f9fb; padding:100px 0;}
.advan-three .tit-box{ text-align:center; margin-bottom:50px;}
.advan-three .tit-box .tit{ font-size:44px; color:#333333;}
.advan-three .list{ position:relative;}
.advan-three .list .item a{background:#fff; display:block;}
.advan-three .list .item .pic{ text-align:center; padding:50px; background:#b9c6d6; overflow:hidden;}
.advan-three .list .item .pic figure{ padding-bottom:46.5%; background-repeat:no-repeat; background-position:center; background-size:contain; transition:.5s;}
.advan-three .list .item .text{ padding:30px;}
.advan-three .list .item .text .tit{ font-size:20px;}
.advan-three .list .item .text .more{ font-size:13px; padding-right:20px; background-image:url(/en/images/jiantou.png); background-repeat:no-repeat; background-position:center right; background-size:6px;}
.advan-three .list .item .text .more span{ line-height:2; padding-right:0; background-image:none;}
.advan-three .list .item:hover .pic figure{ transform:scale(1.05);}
.advan-three .list .item:hover .text .tit{color:#328dff;background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.advan-three .list .item:hover .text .more{background-image:url(/en/images/jiantou2.png);}
.advan-three .list .item:hover .text .more span{color:#328dff;background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent; line-height:1.7;}
.advan-three .list .swiper-but::after{ font-size:16px; font-weight:bold; background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);
background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;}
.advan-three .list .swiper-button-prev{ left:-40px;}
.advan-three .list .swiper-button-next{ right:-40px;}


.advan-four{ background:#fff; padding:100px 0 150px;}
.advan-four .tit-menu{ margin-bottom:80px;}
.advan-four .tit-menu .iote{ line-height:1; font-size:44px; cursor:pointer; color:#333;}
.advan-four .tit-menu .iote .wtx{ padding:20px 0; margin:0 30px; position:relative;}
.advan-four .tit-menu .iote .wtx::after{ content:''; display:block; width:100%; height:4px; position:absolute; bottom:0; left:0;}
.advan-four .tit-menu .iote i{ display:block; width:4px; height:1em; background:#333333;}
.advan-four .tit-menu .iote:last-child i{ display:none;}
.advan-four .tit-menu .iote.active .wtx::after{background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);}
.advan-four .iol-box{ display:none;}
.advan-four .list{ position: relative;}
.advan-four .item{ height:100%; background:#f8f9fb; border-radius:20px; overflow:hidden;}
.advan-four .item .pic{overflow:hidden;}
.advan-four .item .pic .img-bg{ width:100%; padding-bottom:64.8%; background-size:cover; background-repeat:no-repeat; background-position:center right; transition:all .5s;}
.advan-four .item .text{padding:35px 30px;}
.advan-four .item .text .tit{ font-size:24px;}
.advan-four .item .text .tag{line-height:38px;margin:0;font-size:18px;}
.advan-four .item .text .more{ margin-top:20px;}
.advan-four .item .text .more span{ padding-right:20px; background-image:url(/en/images/jiantou.png); background-repeat:no-repeat; background-position:center right; background-size:6px;}
.advan-four .item:hover .text{background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.advan-four .item:hover .pic .img-bg{ transform:scale(1.05);}
.advan-four .item:hover .text .more span{ background-image:url(/en/images/jiantou2.png);}
.advan-four .list .swiper-slide{ height:auto;}
.advan-four .list .swiper-but::after{ font-size:16px; font-weight:bold; background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);
background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;}
.advan-four .list .swiper-button-prev{ left:-40px;}
.advan-four .list .swiper-button-next{ right:-40px;}

@media(max-width:1024px){
.pro-intro .tit-box{ font-size:16px;}
.pro-intro .tit-box .tit-cn{ font-size:36px;}
.pro-intro li{ padding:25px;width:48%;}
.pro-intro li .pic img{ width:80px;}
.pro-intro li .text .tit{ font-size:26px;}
.pro-intro li .text .des{ font-size:16px;}
.pro-advan .tit-box{ font-size:16px;}
.pro-advan .tit-box .tit-cn{ font-size:36px;}
.pro-advan .list-box{ margin-top:10%;}
.pro-advan .list-box li{ margin:15px 0;}
.pro-advan .list-box li .icon{ width:80px;}
.pro-advan .list-box li .text{width:calc(100% - 80px);}
.pro-advan .list-box li .text .tit{ font-size:26px;}
.pro-advan .list-box li .text .des{ font-size:16px;}
.advan-two .tit-box{ margin-bottom:40px;}
.advan-two .tit-box .tit{ font-size:36px;}
.advan-two .list-box .item .text{ padding:25px;}
.advan-three{ padding:50px 0;}
.advan-three .tit-box{ margin-bottom:30px;}
.advan-three .tit-box .tit{ font-size:36px;}
.advan-three .list .item .pic{ padding:30px 0;}
.advan-three .list .item .pic img{ width:130px;}
.advan-three .list .item .text{ padding:25px;}
.advan-three .list .item .text .tit{ font-size:16px;}
.advan-four .tit-menu{ margin-bottom:50px;}
.advan-four .tit-menu .iote{ font-size:36px;}
.advan-four .item .text{ padding:25px;}
.advan-four .item .text .tit{ font-size:18px;}
}
@media(max-width:640px){
.pro-intro{ padding:50px 0;}
.pro-intro .tit-box{ margin-bottom:30px;}
.pro-intro .tit-box .tit-cn{ font-size:30px;}
/* .pro-intro .list{ overflow:auto;} */
/* .pro-intro .list .ul{ width:max-content;}
.pro-intro .list .ul li{ max-width:300px;} */
.pro-intro li{ margin-right: 0;width:100%;}
.pro-intro li .pic img{ width:60px;}
.pro-intro li .text .tit{ line-height:1.5; margin-top:15px;}
.pro-advan .tit-box .tit-cn{ font-size:28px;}
.pro-advan .list-box li{ width:100%; margin:10px 0; align-items:flex-start;}
.pro-advan .list-box li .icon{ width:60px;}
.pro-advan .list-box li .text{ width:calc(100% - 60px); padding-left:20px;}
.pro-advan .list-box li .text .des{ font-size:14px;}
.pro-advan .list-box li .text .tit{ font-size:22px;}
.advan-two{ padding:50px 0;}
.advan-two .tit-box .tit{ font-size:28px;}
.advan-three .tit-box .tit{ font-size:30px;}
.advan-four{ padding:50px 0;}
.advan-four .tit-menu .iote i{ width:3px;}
.advan-four .tit-menu .iote{ font-size:28px;}
}



/* 产品-宽带模组系列2 */
.pro-module{ padding:110px 0 80px;}
.pro-module .search-box{ background:#f8f9fb;}
.pro-module .search-box .input-txt{ padding:10px 20px; width:calc(100% - 60px);}
.pro-module .search-box .input-txt input{ line-height:2.5; width:100%;}
.pro-module .search-box .input-but{ width:60px; background-image:linear-gradient(to left,#4fc0e2,#338cff,#8d8dff);}
.pro-module .search-box .input-but::after{ content:''; display:block; width:100%; height:100%; background-image:url(/en/images/fangdajing2.png); background-repeat:no-repeat; background-position:center; background-size:20px;}
.pro-module .module-box{ margin-top:25px;}
.pro-module .module-box .result-txt{ font-size:22px; color:#000; padding:20px 0;}
.pro-module .pull-down{ margin-bottom:50px;}
.pro-module .pull-down .select-box{width:170px;font-size:16px; margin:2px 0; margin-right:15px;border:solid 1px #7c7879;border-radius:5px; position:relative;}
.pro-module .pull-down .select-box::after{content:'';position:absolute;right:12px;top:50%;margin-top:-6px;width:12px; height:12px; background-image:url(/en/images/cursor.png); display:block; background-position:center; background-repeat:no-repeat; background-size:11px;}
.pro-module .pull-down .select-box .sele-txt{color:#000; cursor:pointer; font-size:16px; width:100%; padding:8px 15px; -webkit-appearance:none;-moz-appearance:none;appearance:none; padding-right:30px;}
.pro-module .pull-down .select-box .dow-list{ position:absolute; width:100%; left:0; top:100%; padding-top:2px; display:none;}
.pro-module .pull-down .select-box .dow-list .ul{ background:#fff; border-radius:5px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,.1); max-height:200px; overflow:auto;}
.pro-module .pull-down .select-box .dow-list .ul::-webkit-scrollbar{width:4px;background-color:#eee}
.pro-module .pull-down .select-box .dow-list .ul::-webkit-scrollbar-thumb{ width:3px; border-radius:4px; background-image:linear-gradient(to top,#4fc0e2,#338cff,#8d8dff);}
.pro-module .pull-down .select-box .dow-list li{ padding:8px 15px; border-bottom:solid 1px #eee; cursor:pointer;}
.pro-module .pull-down .select-box .dow-list li.on,
.pro-module .pull-down .select-box .dow-list li:hover{color:#fff; background-image:linear-gradient(to left,#4fc0e2,#338cff,#8d8dff);}
.pro-module .pull-down .select-box:last-child{ margin-right:0;}

.pro-module .module-box .list{ margin-bottom:30px;}
.pro-module .module-box table{ text-align:left; width:100%;border-collapse:collapse; color:#000;}
.pro-module .module-box th{ padding:20px 0; background:#d7e0e7;}
.pro-module .module-box td{ padding:20px 0; border-bottom:1px solid #d7e0e7;}
.pro-module .module-box th:nth-child(1){ width:20%;}
.pro-module .module-box th:nth-child(2){ width:30%;}
.pro-module .module-box th:nth-child(3){ width:20%;}
.pro-module .module-box th:nth-child(4){ width:10%;}
.pro-module .module-box th:nth-child(5){ width:10%;}
.pro-module .module-box th:nth-child(6){ width:10%;}
.pro-module .module-box td ul{ margin-left:1.5em; width:70%; line-height:1.8;}
.pro-module .module-box td ul li{ list-style:disc;}
.pro-module .module-box td .icheck{ background-color:#d7e0e7; width:18px; height:18px; margin:0 auto; cursor:pointer; border-radius:2px;}
.pro-module .module-box td .icheck.on{ background-image:url(/en/images/duiicon02.png); background-position:center; background-repeat:no-repeat; background-size:11px;}
.pro-module .module-box .pic{ padding:0 19%;}
.pro-module .module-box .center-txt{ text-align:center;}
@media(max-width:640px){
.pro-module{ padding:50px 0 70px;}
.pro-module .pull-down{ margin-bottom:30px;}
.pro-module .list{ overflow:auto;}
.pro-module .list table{ width:1280px;}
.pro-module .module-box td ul{ width:80%;}
}


/* 产品-模组落地页 */
.module-one{ padding:130px 0;}
.module-one .img-box{ width:42%; background:#f8f9fb; min-height:390px; text-align:center; border-radius:20px;}
.module-one .img-box img{ max-width:200px; max-height:200px;}
.module-one .text{ width:55%;}
.module-one .text .tit{ line-height:1.2; font-size:45px; padding-bottom:40px; border-bottom:solid 1px rgba(0,0,0,.1);}
.module-one .text .des{ padding:40px 0; font-size:18px; line-height:2;}
.module-one .text .des p{margin:0;}
.module-one .text .more a{ display:block; font-size:18px; color:#000; line-height:2.8; padding:0 30px; border:solid 1px #000; border-radius:10px; overflow:hidden;}
.module-one .text .more a:hover{ border-color:transparent; background: linear-gradient(to right, #868dff 0%, #328dff 50%, #23e9fd 100%); color:#fff;}
.module-two{ color:#000; padding:0 0 85px;}
.module-two .tab-iolt{ border-bottom:solid 1px rgba(0,0,0,.1);}
.module-two .tab-iolt .iow{ margin-bottom:-1px; margin-right:70px; font-size:40px; padding:30px 0; cursor:pointer; position:relative;}
.module-two .tab-iolt .iow::after{ content:''; display:block; height:4px; width:100%; background-image:linear-gradient(to left,#4fc0e2,#338cff,#8d8dff); position:absolute; bottom:0; left:0; opacity:0;}
.module-two .tab-iolt .iow:last-child{ margin-right:0;}
.module-two .tab-iolt .iow.on::after{ opacity:1;}
.module-two .tab-con{ padding:50px 0; font-size:22px; line-height:2;}
.module-two .tab-con .con-bx{ display:none;}
.module-four{ background:#fff; padding:100px 0 150px;}
.module-four .tit-menu{ margin-bottom:80px;}
.module-four .tit-menu .iote{ line-height:1; font-size:44px; cursor:pointer;}
.module-four .tit-menu .iote .wtx{ padding:20px 0; margin:0 30px; position:relative;}
.module-four .swiper-slide{height: auto}
.module-four .item{height: 100%; background:#f8f9fb; border-radius:20px; overflow:hidden;}
.module-four .item .pic{overflow:hidden;}
.module-four .item .pic .img-bg{ width:100%; padding-bottom:67%; background-size:cover; background-repeat:no-repeat; background-position:center right; transition:all .5s;}
.module-four .item .text{padding:35px 30px;}
.module-four .item .text .tit{ font-size:24px;}
.module-four .item .text .tiem{ margin-bottom:10px; color:#333333; font-weight:bold; font-size:16px;}
.module-four .item .text .more{ margin-top:20px;}
.module-four .item .text .more span{ padding-right:20px; background-image:url(/en/images/jiantou.png); background-repeat:no-repeat; background-position:center right; background-size:6px;}
.module-four .item:hover .pic .img-bg{ transform:scale(1.05);}
.module-four .item:hover .text .more span{ background-image:url(/en/images/jiantou2.png);}
.module-four .item:hover .text .tit span{color:#328dff;background:-webkit-linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.module-four .swiper-but{width:50px;height:50px;font-size:0;border:none; cursor:pointer; transition: .3s;background:#fff; border-radius:50%;padding:0;top:42%;}
.module-four .swiper-but:after{ font-size:14px;}
.module-four .swiper-but:hover{background:linear-gradient(to right,#868dff 0%, #328dff 50%, #23e9fd 100%);}
.module-four .swiper-but:hover:after{ color:#fff;}
.module-four .swiper-button-prev{left:1%;}
.module-four .swiper-button-next{right:1%;}

.module-two .table_box{ margin-bottom:40px; font-size:16px;}
.module-two .table_box .bit{ margin-bottom:15px; color:#333333; font-size:28px; align-items: normal;}
.module-two .table_box .bit i{ cursor: pointer;display:flex; align-items: center; justify-content:flex-end; width:56px;}
.module-two .table_box .bit i:before{ content: ''; width: 12px; height: 12px; background:url(/en/images/jiantou2.png) no-repeat center center; transform: rotate(90deg); transition: 0.5s;}
.module-two .table_box.box_hide .bit i:before{ background:url(/en/images/cursor.png) no-repeat center center; transform:rotate(180deg);}
.module-two .table_box .overflow_box{ overflow:auto;}
.module-two .table_box table{ color:#666666; text-align:left; width:100%;border-collapse:collapse;}
.module-two .table_box table th{padding:15px; border:1px solid #e5e5e5;color:#333;word-break: break-all;}
.module-two .table_box table td{padding:15px; border:1px solid #e5e5e5;word-break: break-all;}
.module-two .table_box table td:first-child{width: 30%;}
.module-two .table_box table th:nth-child(2n),
.module-two .table_box table td:nth-child(2n){ background:#fafafa;}
.module-two .table_box:last-child{ margin-bottom:0;}

@media(max-width:1024px){
.module-one{ padding:60px 0;}
.module-one .text .des{ padding:25px 0; font-size:16px;}
.module-one .text .more a{ line-height:2.5; padding:0 20px;}
.module-one .text .tit{ padding-bottom:20px; font-size:36px;}
.module-two .tab-con{ font-size:18px;}
.module-two .tab-iolt .iow{ font-size:30px; padding:25px 0;}
.module-four{ padding:60px 0;}
.module-four .tit-menu{ margin-bottom:50px;}
.module-four .item .text{ padding:20px;}
.module-four .item .text .tit{ font-size:18px;}
}
@media(max-width:640px){
.module-one .img-box{ width:100%; min-height:auto; padding:50px;}
.module-one .text{ padding-top:30px; width:100%;}
.module-one .text .more a{ font-size:16px;}
.module-two .tab-iolt .iow{ margin-right:30px; font-size:26px;}
.module-two .table_box table{ width:max-content; max-width:1000px;}
.module-two .tab-con{ font-size:16px; padding:30px 0 0;}
.module-four .tit-menu .iote{ font-size:36px;}
.module-four .tit-menu .iote .wtx{ padding:0; margin:0 auto;}
.module-two .table_box table th,
.module-two .table_box table td{min-width:140px;}
}


/* 解决方案 */
.solution-one{ padding:85px 0;}
.solution-one .tit-box{ margin-bottom:55px; text-align:center;}
.solution-one .tit-box .tit{ margin-bottom:10px; font-size:44px; color:#333333;}
.solution-one .tit-box .tit-des{ font-size:21px; color:#666666;}
.solution-one .list li{ width:23.5%; margin-right:2%; margin-bottom:2%;}
.solution-one .list li:nth-child(4n){ margin-right:0;}
.solution-one .list li .pic{ border-radius:20px; overflow: hidden;}
.solution-one .list li .pic figure{ padding-bottom:85%; background-repeat:no-repeat; background-position:center; background-size:cover; transition: all .5s;}
.solution-one .list li .text{ padding:30px 0; color:#666;}
.solution-one .list li .text .tit{ margin-bottom:10px; font-size:30px; font-weight:bold; color:#000;}
.solution-one .list li .text .des{ font-size:18px; line-height:1.7;}
.solution-one .list li:hover .pic figure{transform:scale(1.05);}
.solution-two{ padding:100px 0 120px; background:#d7e0e7;}
.solution-two .tit-box{ margin-bottom:55px; text-align:center;}
.solution-two .tit-box .tit{ margin-bottom:10px; font-size:44px; color:#333333;}
.solution-two .tit-box .tit-des{ font-size:21px; color:#666666;}
.solution-three{ padding:100px 0;}
.solution-three .tit-box{ margin-bottom:30px; text-align:center;}
.solution-three .tit-box .tit{ font-size:44px; color:#333333;}
.solution-three li{ padding-left:45px; margin:50px 0; width:46%; position:relative;}
.solution-three li::after{ content:''; display:block; width:8px; height:100%; position:absolute; left:0; top:0; background:#b9c6d6; border-radius:50px; overflow:hidden;}
.solution-three li .tit{ margin-bottom:10px; color:#000; font-weight:bold; font-size:30px;}
.solution-three li .des{ line-height:1.8; font-size:18px; letter-spacing:2px;}
.solution-four{ padding:150px 0; background:#d7e0e7;}
.solution-four .tit-box{ margin-bottom:75px; text-align:center; font-size:44px; color:#333333;}
.solution-four li{ background:#fff; width:31.5%; margin-right:2.725555%; margin-right:2.725555%; border-radius:15px;overflow:hidden;}
.solution-four li:nth-child(3n){ margin-right:0;}
.solution-four li .pic{ overflow:hidden;}
.solution-four li .pic figure{ padding-bottom:67%; background-repeat:no-repeat; background-position:center; background-size:cover; transition: all .5s;}
.solution-four li .text{ color:#000; padding:45px 55px;}
.solution-four li .text .tit{ font-weight:bold; margin-bottom:10px; font-size:30px;}
.solution-four li .text .des{ letter-spacing:2px; line-height:1.7; font-size:18px; color:#666666;}
.solution-four li:hover .pic figure{ transform:scale(1.05);}
.solution-five{ background:#f8f9fb; padding:100px 0 135px;}
.solution-five .item .text .more span{ padding-right:20px; background-image:url(/en/images/jiantou.png); background-repeat:no-repeat; background-position:center right; background-size:6px;}
.solution-five .item:hover .pic .img-bg{ transform:scale(1.05);}
.solution-five .item:hover .text .more span{ background-image:url(/en/images/jiantou2.png);}
@media(max-width:1024px){
.solution-one .tit-box{ font-size:36px;}
.solution-one .list li .text{ padding:20px 0;}
.solution-one .list li .text .des{ font-size:15px;}
.solution-one .list li .text .tit{ font-size:22px;}
.solution-two{ padding:80px 0;}
.solution-two .tit-box .tit{ font-size:36px;}
.solution-two .tit-box .tit-des{ font-size:16px;}
.solution-three{ padding:80px 0;}
.solution-three .tit-box .tit{ font-size:36px;}
.solution-three li{ margin:25px 0;}
.solution-three li .tit{ font-size:22px;}
.solution-three li .des{ font-size:16px; letter-spacing:1px;}
.solution-three li::after{ width:6px;}
.solution-four{ padding:80px 0;}
.solution-four .tit-box{ margin-bottom:30px; font-size:36px;}
.solution-four li .text{ padding:20px;}
.solution-four li .text .tit{ font-size:20px;}
.solution-four li .text .des{ font-size:16px; letter-spacing:1px;}
.solution-five{ padding:80px 0;}
}
@media(max-width:640px){
.solution-one{ padding:50px 0;}
.solution-one .tit-box{ margin-bottom:30px;}
.solution-one .tit-box .tit-des{ font-size:16px;}
.solution-one .list li{ width:49%; margin-right:10px!important;}
.solution-one .list li:nth-child(2n){ margin-right:10px;}
.solution-two{ padding:50px 0;}
.solution-two .tit-box{ margin-bottom:30px;}
.solution-three{ padding:50px 0;}
.solution-three .tit-box{ margin-bottom:10px;}
.solution-three li{ width:100%;}
.solution-four{ padding:50px 0;}
.solution-four li{ width:100%; margin-right:10px; margin-bottom:5%;}
.solution-five{ padding:50px 0;}
}
/*20251105*/
.solution-one .list li {
    flex: 1 1 23.5%;
    padding: 30px;
    background: #f8f9fb;
    border-radius: 10px;
}
.solution-one .list li .pic figure {
    padding-bottom: 0;
    width: 360px;
	max-width:100%;
}

.solution-one .list li .pic figure:before {
    content: "";
    display: block;
    padding-bottom: 75%;
}
.solution-two .con-box img {
    margin: auto;
    display: block;
}
.solution-four li{
	flex:1 1 31.3%;
}
.ChangeloginBox ul li .imgcode {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
@media(max-width:560px){
	.solution-one .list ul{justify-content:space-between;display:block;}
	.solution-one .list li{flex:0 0 auto;width:100%;margin:0 0 3%;}
	.solution-four li{flex:0 0 auto;width:100%;margin:0 0 3%;}
}

@media(max-width:560px){
	.solution-one .list ul{justify-content:space-between;display:block;}
	.solution-one .list li{flex:0 0 auto;width:100%;margin:0 0 3%;}
	.solution-four li{flex:0 0 auto;width:100%;margin:0 0 3%;}
}

<!--0.00014495849609375-->