@charset "utf-8";
/*css global*/
*{margin:0;padding:0; box-sizing: border-box;}
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
   overflow-y: auto;
  -webkit-overflow-scrolling: touch;
   background:#fff;
  
}
body{
 color: #333;
  background: none;
  font-size: 14px;
  font-family: 'Helvetica', 'Helvetica Neue', 'Verdana', 'sans-serif', 'Arial', 'Ubuntu', 'PingFang SC', 'Microsoft YaHei';
  line-height: 1.8;
  overflow-x: hidden;
}

a{text-decoration: none;}

ul,ol,li{ list-style:none; }
img{border:0;vertical-align: middle;max-width:100%;}
a,a:focus{outline:none;}
a,a:link{cursor: pointer;}
/*a:hover{color:#fff;}*/
.whitebg{background: #fff; }
.greenbg{background:#1779ec;}
.bluebg{background: #08182e;  }
.graybg{ background:#f2f2f2;}
.bluebg .titleheadline{color:#FFF;}
.mgb80{margin-bottom:80px !important;}
.mgtb30{margin-top: 30px;margin-bottom:20px;}
.green{color:#1779ec;}
 /*wrapper*/
.OnlineQQ{width:20%; line-height: 40px;height:40px;background:#1779ec;border-radius:6px; text-align: center; color: #333; font-size: 14px; cursor: pointer; position: absolute; bottom: 5px; left: 50%; margin-left: -45%; border:none;}

.wrapper{max-width:1200px;width:100%;margin:0 auto; position: relative;}
/*top*/
.close-open{display: none;}
.topbar{width:1200px;margin:0 auto;height:75px;padding:8px 15px;position: relative;z-index:5; background: #fff;}
.topbar .nav,.topbar .logo{display: inline-block;position: relative;z-index:2; vertical-align: middle;top:5px;}

.topbar .nav {width:850px;position: absolute;right: 150px;top:20px;}
.topbar .nav a{display: inline-block;width:13%;border-right:1px solid #f2f2f2;text-align:center;font-size:22px;color:#333;line-height:30px;}
.topbar .nav a.on{color:#1779ec;font-weight: bold;}
.topbar .nav a:last-child{border:none;}
.indextop{position: fixed;top:0;left:0;width:100%;background: #fff;z-index: 99;box-shadow: 1px 1px 5px rgba(0,0,0,.1)}


/*重置*/

.banner_index{background: #08182e; }
.banner_index .swiper-slide{width:100%;height:500px;}
.banner_index .swiper-slide .con{width:1200px;margin:0 auto;color:#fff;height:520px;padding:0 50px; text-align: center;}
.banner_index .swiper-pagination-bullet{ background: rgba(255,255,255,.5);opacity:0.5;border-radius: 0;width:20px;height:4px;}
.banner_index .swiper-pagination-bullet-active{background: rgba(255,255,255,1);opacity:1;}
.banner_index .swiper-slide .con h1{font-size:45px;margin-top:80px;margin-bottom:25px; letter-spacing: 5px;color:#60a9ff; font-family: "Inter-Bold", Sans-serif;    background-image: linear-gradient(45deg, #186edf 0%, #5ebcf3 99%);color: transparent;

    -webkit-background-clip: text;}
/*.banner_index .swiper-slide .con h3{font-size:26px;}*/
.banner_index .swiper-slide .con p{font-size:24px;}
.swiper-slide .con p{margin-bottom:10px;}
.banner_index .swiper-slide .con h3 span{display:inline-block;margin-right:40px;}
.banner_index .swiper-slide .con .greenbtn,.swiper-slide .con .whitebtn{margin-right: 30px;margin-top:20px;}
/*slide*/

.banner_01{background:#08182e;padding:50px;}
.banner_01 {background:#08182e url('../images/banner_01.jpg') center center no-repeat;background-size: cover;}
.banner_02{background:#08182e;padding:50px;}
.banner_02 {background:#08182e url('../images/banner_02.jpg') center center no-repeat;background-size:cover;}

/*top*/
a.loginbtn{border:1px solid #fff;background: #fff;color:#8dd40a; padding:5px 70px;border-radius: 3px;margin:0 0;display: inline-block;font-weight: bold;}
a.loginbtn:hover{ background: none;color:#8dd40a;color:#fff;border:1px solid #fff;}
.logo{width:160px;}
.huduntxt{margin-top:40px;margin-bottom:20px;background:rgba(127,192,16,1); }
.huduntxt dd,.huduntxt dt{display: inline-block;vertical-align: top;color:#333;}
.huduntxt dt{width:400px;padding:10px;}
.huduntxt dd{width:795px; padding:0 40px;  color:#fff;}
.huduntxt dd h3{font-size:24px;font-weight: normal;margin-top:40px;margin-bottom:10px;}

.titleheadline{font-size:39px;    font-family: "Inter-Bold", Sans-serif; text-align: center;padding:40px 0 20px 0;font-weight: bold; letter-spacing: 5px;color:#333;position: relative;z-index:10;}
.subtitle{color: #999;position: relative;z-index: 3;text-align: center;margin-bottom:40px;padding: 0 10px;font-size:21px;}

.fxbox{ margin-bottom:50px; }
.fxbox dt,.fxbox dd{display: inline-block; vertical-align: middle;}
.fxbox dt{width:20%;}
.fxbox dd{width:79%;}
.fxbox dl dd{ color: #999;padding:10px 0;padding-left:10px;}
.fxbox dl{background-color: white; padding:20px;box-shadow: 0 0 3px 1px rgba(0,0,0,.1);cursor:pointer;border-radius:2px;display: inline-block;margin-right:1.5%; vertical-align: top;margin-bottom:1.5%;position: relative;min-height: 160px;height: 213px;}
.fxbox dl:nth-child(2n){margin-right:0;}
.fxbox dl{width:49%;}
.fxbox dt span{width:100px;min-height:100px;margin:10px auto;display: block;border-radius: 5px; }
.fxbox .gicon01{background:#08182e0d url('../images/appdun_17.png') center center no-repeat; background-size: 70px auto;}
.fxbox .gicon02{ background:#08182e0d url('../images/appdun_10.png') center center no-repeat;background-size: 70px auto }
.fxbox .gicon03{ background:#08182e0d url('../images/appdun_12.png') center center no-repeat;background-size: 70px auto }
.fxbox .gicon04{ background:#08182e0d url('../images/appdun_14.png') center center no-repeat; background-size: 70px auto}
.fxbox .gicon05{ background:#08182e0d url('../images/appdun_23.png') center center no-repeat; background-size: 70px auto}
.fxbox .gicon06{ background:#08182e0d url('../images/appdun_31.png') center center no-repeat; background-size: 70px auto}
.fxbox .gicon07{ background:#08182e0d url('../images/appdun_28.png') center center no-repeat;background-size: 70px auto }
.fxbox .gicon08{ background:#08182e0d url('../images/appdun_25.png') center center no-repeat;background-size: 70px auto }

/* .fxbox dl dd p{text-indent: 25px;} */
.fxbox dl h3{font-size:25px;color:#08182e;font-weight: bolder;}
.fxbox dl p{font-size:18px;}
.prowrapper{position: relative;padding:0 20px;margin-bottom:30px;}
.prowrapper .titleheadline{color:#fff;}
.prowrapper:before{content:'';position: absolute;left:0;top:0;width:100%; background: #08182e;height:60%;}

.probox{position: relative;z-index:2;}
.probox dl{ background:#fff;border-radius:2px;width:23.9%;display: inline-block;margin-right:1%; vertical-align: top;box-shadow: 0 0 3px 1px rgba(0,0,0,.1);  min-width: 278px;}
.probox dl:nth-child(4n){margin-right:0; }
.cjyy dl:nth-child(3n),.dompro dl:nth-child(3n){margin-right:0; }
.dompro dl{width:32%;margin-right:1.5%; }
.probox dt{ color: #fff;text-align: center;background:#1779ec; }
.probox dt p{padding: 4px;text-align: center; font-size:18px; background: #8dd30a}
.probox dd{padding: 20px 25px ; min-height: 255px;}
.probox dd span{color:#1779ec;margin-right:10px;font-size: 19px;}
.probox h3{display: inline-block; font-size:30px;margin:15px 0 10px 0;font-weight: normal;}
.probox dd p{line-height: 3;font-size:15px;}
.probox dt div{ text-align: left; }
.probox dt div span{ display: inline-block;  background:#e6f0f8;color:#0a76d6;padding:2px 5px;margin-right:10px;margin-bottom:10px;font-size: 17px;}
.deserver dt{background:#1779ec;color:#fff;}
.deserver dl{width:23.5%;}
.deserver dl:nth-child(4n){margin-right:0; }
.deserver dl:nth-child(3){margin-right:1.5%; }
.deserverbox .fxbox .gicon01{ background:#1779ec url('../images/server04.png') center center no-repeat;background-size: 53px auto }
.deserverbox .fxbox .gicon02{ background:#1779ec url('../images/server01.png') center center no-repeat;background-size: 53px auto }
.deserverbox .fxbox .gicon03{ background:#1779ec url('../images/server03.png') center center no-repeat;background-size: 53px auto }
.deserverbox .fxbox .gicon04{ background:#1779ec url('../images/server02.png') center center no-repeat;background-size: 70px auto }
.cjyy{margin-bottom: 70px;}
.cjyy dl{min-height:300px;padding:20px;border-radius:2px;width:32%;display:inline-block;margin-right:1.5%; vertical-align: top;box-shadow: 0 0 3px 1px rgba(0,0,0,.1); height:332px;}
.cjyy h3{position: absolute;top:25px;right:20px;color:#fff;font-size:24px;font-weight: normal; letter-spacing:5px}
.cjyy dt,.cjyy dd{display:block;position: relative; }
.cjyy dt{height:85px;padding:10px;background:#1779ec;border-radius: 5px; margin:20px auto 10px;}
.cjyy dt img{width:20%;}
.cjyy dd{padding:10px 0;margin-left:10px;min-height:100px;}
.cjyy dd p{color:#999;    font-size: 17px;}

@media (max-width: 1216px){
    .probox dl {min-width: 35%;margin-top:20px;}
    .probox {display: flex;flex-wrap: wrap;justify-content: center;}
    .probox dl:nth-child(4n) {margin-right: 1%;}
.prowrapper:before {height: 100%;}
.fxbox dl{height:auto;}
.cjyy dl{height:auto;}
}


.copyright{font-size:12px; text-align: center; background: #f2f2f2;padding:10px 0;color:#999;}
.copyright span{display:inline-block;margin:0 10px;}


.domain_txt li{display: inline-block;width:24%;padding:10px;border-right:1px solid #fff; text-align: center;font-size:22px;}
.domain_txt li:last-child{border-right:0;}
.domainpro .probox dt p{padding:10px; font-size:14px; background:#1779ec;color:#fff;}
.domainpro .probox dd{min-height: 220px;}
.domainpro .probox dt{ background: #08182e;color:white; }

.domainpro .fxbox .gicon01{ background:#1779ec url('../images/dnsjx.png') center center no-repeat;background-size: 53px auto }
.domainpro .fxbox .gicon02{ background:#1779ec url('../images/dnsjc.png') center center no-repeat;background-size: 53px auto }
.domainpro .fxbox .gicon03{ background:#1779ec url('../images/dnswww.png') center center no-repeat;background-size: 53px auto }
.domainpro .fxbox .gicon04{ background:#1779ec url('../images/dnsdata.png') center center no-repeat;background-size: 70px auto }
.domainbanner,.serverbanner{background:#08182e;padding:50px;}
.domainbanner {background:#08182e url('../images/domainbanner.jpg') center center no-repeat;background-size: cover;}
.serverbanner{background:#08182e url('../images/serverbanner.jpg') center center no-repeat;background-size: cover;}
.doicon01,.doicon02,.doicon03,.doicon04{width:40px;height:40px;display: inline-block; vertical-align: middle;margin-right:10px;}
.doicon01{ background: url('../images/icon01.png') center center no-repeat;background-size: 35px auto }
.doicon02{ background: url('../images/icon02.png') center center no-repeat;background-size: 35px auto }
.doicon03{ background: url('../images/icon03.png') center center no-repeat;background-size: 35px auto }
.doicon04{ background: url('../images/icon04.png') center center no-repeat;background-size: 35px auto }
/* contact */
.contactbox,.aboutusbox{font-size:16px;text-align:center;color:#fff;padding:100px;width: 100%;height: 100%;overflow-y:auto; background: url('../images/contact.jpg') repeat fixed  50% ; background-size: cover; }
.contactbox h1,.aboutusbox h1{font-size:40px;margin-bottom:20px;}
/*.contactbox .contactfs{min-height: 456px;margin-top:140px;}*/
.contactbox .contactfs li{    width: 265px;height: 195px;background: #fff;color: #333;padding: 20px;display: inline-block; margin: 50px 20px;border-radius: 5px;font-size: 19px;}
.contactbox .contactfs li h3{color:#1779ec;}
.contactbox .contactfs a{color:#333;}
.icon_telegram,.icon_qqzx,.icon_chart{width:70px;height:70px;display: block; margin:10px auto;border-radius: 50%;}
.icon_telegram{background:#1779ec url('../images/telegram.png') center center no-repeat; background-size:60px auto;}
.icon_qqzx{background:#1779ec url('../images/qqzx.png') center center no-repeat; background-size:50px auto;}
.icon_chart{background:#1779ec url('../images/skype.png') center center no-repeat; background-size:40px auto;}

/* aboutus */
.aboutusbox{ background: url('../images/aboutus.jpg') repeat fixed  50% ; background-size: cover;min-height: 906px; }
.aboutusbox .info{ background: #fff;padding: 50px;border-radius: 5px;margin-top: 50px;color:#333;text-align: left;}
.aboutusbox .info dt,.aboutusbox .info dd{display: inline-block; vertical-align: middle;}
.aboutusbox .info dt{width: 300px;}
.aboutusbox .info dt img{width:100%;border-radius: 5px;}
.aboutusbox .info dd{width: 600px;margin-left:40px;font-size:18px;}
.aboutusbox .info dd p{text-indent: 30px;line-height:2.5;margin-bottom: 20px}

.safe_img{padding-bottom:50px; background:#08182e;}
.safe_img .titleheadline{color:#fff;margin-bottom: 20px;}
.safe_img div.img1{background: url("../images/hudun.png") center center no-repeat; background-size: 70% auto;min-height:500px;height:auto; }
.safe_img div.img2{background: url("../images/server.png") center center no-repeat; background-size: 70% auto;min-height:600px;height:auto;}
.node-map {
  position: relative;
  zoom: 1;
  height: auto;
  overflow: hidden;
  background: #08182e; 
  padding: 20px 0 50px 0;
  margin-bottom: 50px;
  margin-top: 10px;
}

.node-map li {
  float: left;
  width: 50%;
  height: 350px;
  padding: 0 3%;
}
.node-map li:last-child{padding-left:90px;}

 .node-map .bg_foin {
  position: absolute;
  font-size: 24px;
  color: #f2f2f2;
  top: 220px;
  left:45%;
}
 .node-map .bg_foin  i {
  position: absolute;
  width: 122px;
  height: 15px;
  background: url('../images/icon_jiantou.png') no-repeat center;
  top: 43px;
  left: 0px;
}
 .node-map .bg_foin  .i-2 {
  position: absolute;
  width: 122px;
  height: 15px;
  background: url('../images/icon_jiantou.png') no-repeat center;
  top: 43px;
  left: -20px;
}
.node-map h2{color:#FFF;}
.chbox .bg_foin {top: 96px;}
table{ border-collapse: collapse; }
.chbox{clear: both; overflow:hidden;margin-bottom: 0;margin-top:70px;padding-top:50px;padding-bottom:30px;}
.chbox li{height:auto;}
.iplistch{  background: rgba(255,255,255,.2) }

.chbox li .iplistch th{background: #e33838;font-size:17px;}
.chbox li:last-child .iplistch th{background:#1779ec;}
.chbox li:last-child .iplistch{float: right;}
.iplistch td,.iplistch th{text-align: center;padding:5px;border-bottom:1px solid rgba(0,0,0,.5);color:#fff;font-size:16px;}
.iplistch th{background: #fff;color:#fff;font-weight: normal;}
.chbox li p{ text-align: center;clear: both;width: 90%;color: #ccc;font-size: 18px;margin-top: 10px; }
.chbox li:last-child p{float: right;}
.chbox li:last-child{padding-left:0;}
.domaininfotxt{ box-shadow: 0 0 3px 1px rgba(0,0,0,.1); padding: 40px;margin-top:60px;border:1px solid#1779ec;}
.domaininfotxt h2{font-size:30px;}
.domain_text{font-size:18px;color:#666;margin-left:20px;font-weight:normal;}
.domin_server li{width:23%;margin-right:1.5%;display: inline-block;vertical-align: top;color:#666; }
.domin_server li:last-child{margin-right:0;}
.domin_server li h3{font-size:20px;display:inline-block;color:#1779ec;margin:25px 0;padding: 0 10px; position: relative;border-left:2px solid#1779ec ;border-right:2px solid#1779ec ;line-height:1;}
.domin_server li p{font-size:18px;}

/*qq*/
/*咨询*/
.consultation,.right_contact{position: fixed;right:0;bottom:40%; z-index:999;border-radius: 2px 0 0 2px;}
.consultation{right:55px;padding:10px 0 0 0;background: #fff;border-radius: 20px;bottom:34%;box-shadow: 1px 1px 5px rgba(0,0,0,.3);}
.consultation li{padding:5px 15px;}
.consultation li:last-child{padding-bottom:12px;}
.consultation li a{color:#000;}
.consultation li em{margin:0;width:25px;height:25px;background-size:16px  auto;display: inline-block; vertical-align: middle;margin-right:5px;}
.consultation li em.icon_chart{background-size:13px  auto;}
.consultation li span{color:#1779ec;font-weight:bold;}
.qq_con{padding:10px;background:#1779ec;border-radius: 50%;box-shadow: 1px 1px 5px rgba(0,0,0,.3);}
.icon-qq{width:35px;height:35px; background:#1779ec url("../images/lxicon.png") no-repeat; background-size:cover;display:inline-block; vertical-align: middle; }
/*.consultation li.phone{text-align:center;font-size:16px;border-top:1px solid #f2f2f2;padding:10px;margin-top:20px; background:#f2f2f2;color:#333;}
.consultation li .icon-phone{font-size:30px;color:#CC0000;display: block; }*/
.right_contact{cursor: pointer;}
/*.right_contact em.icon-phone,.right_contact em.icon-top{font-size: 30px;}
.right_contact p{border-top:1px solid #e5e5e5;padding:10px;}
.right_contact p:first-child{border-top:0;}*/
/*app*/ 

@media (max-width: 768px){ 
 body{font-size:.85rem;}
.ExpertServices .posi .box h5{font-size:31px !important;}
  .animatedimg{width:250px;margin-top:10px;height:84px;}
  .ExpertServicesB3 .posi .box .button .right ul li {
    width: 144px;
}
.ExpertServices .banner_bt a {

    margin-left: 28px;
}
.adtxt h1 span {font-size:40px !important;}
.wrapper{width:100%;}
.topbar,.banner_index .swiper-slide .con,.wrapper{ width:100%;}
.topbar   {height:48px;z-index:3;}
.topbar .nav {display:none;background: #fff;color:#333;position: absolute;left:0;width:100%;top:52px;margin-left: 0;box-shadow: 1px 1px 10px rgba(0,0,0,.5);overflow-y:auto  }
.topbar .nav a{display: block;font-size:16px;border-bottom:1px solid #f2f2f2;color:#333;width:100%;line-height: 45px;}
.top{padding-bottom:52px;}
.topbar .nav a.on{color:#1779ec;}
.menu_app{display:inline-block;color:#fff;margin-right:10px;}
.menu_app em{font-size:20px;}
#top{position: fixed;top:0;width:100%;left:0;z-index:99999;}
.topbar .nav{top:48px; }
.topbar .logo{width:100px;}
.topbar .close-open{ display: block; top:12px; position: absolute;right:20px; background: #fff;color:#333;}
.close-open .icon-menu,.close-open .icon-close{width:25px;height:25px; background: url("../images/menuapp.png") no-repeat; background-size:contain;display: block; }
.close-open .icon-close{background: url("../images/close.png") no-repeat; background-size:contain;}
.banner_index .swiper-slide .con{padding:0;}
.banner_index .swiper-slide .con h1{font-size:23px;margin-top:5px;margin-bottom: 10px;}
.banner_index .swiper-slide .con p{font-size:14px;margin-bottom: 0}
.banner_index .swiper-slide{height:300px;}

.huduntxt dt{display: none;}
.huduntxt dd{width:100%;padding:20px;padding-top:10px;font-size:12px;}
.huduntxt{margin-top:0;}
.huduntxt dd h3{margin-top:0; text-align: center;font-size:18px;}
.prowrapper{padding: 10px;}
.prowrapper:before{height: 100%;}


.logo{width:150px;}
.titleheadline{font-size:37px;padding:20px 0;}
.fxbox dl,.probox dl,.cjyy dl,.deserver dl{display: block;width:94%;margin:0 3%;margin-bottom:3%;min-height:auto;}
.fxbox,.probox{padding-bottom:3%;margin-bottom: 0;}

.fxbox dl:last-child,.probox dl:last-child{margin-bottom:0;}
.fxbox dl dd{width:78%;}
.fxbox dt{padding-top:10px;}
.fxbox dl h3{font-size:21px;}
.fxbox dt span{width:60px;min-height:60px;margin:10px auto;}
.fxbox dl dd p{font-size:15px;}
.domainpro .fxbox .gicon01,.domainpro .fxbox .gicon02,.domainpro .fxbox .gicon03,.domainpro .fxbox .gicon04{background-size: 43px auto }

.fxbox .gicon01,.fxbox .gicon02,.fxbox .gicon03,.fxbox .gicon04,.fxbox .gicon05,.fxbox .gicon06,.fxbox .gicon07,.fxbox .gicon08{background-size: 43px auto;}

.probox dd p{line-height: 2}
.probox dd span{font-size:12px;margin-right: 5px;}
.domainpro .probox dd{min-height: auto;}
.domain_txt{font-size:12px;}
.domain_txt span{display: block;margin:0 auto;}
.domain_txt li{font-size:12px;}
.cjyy dd{min-height: auto}
.cjyy dt{height:50px;}
.cjyy dt img{width:12%;}
.cjyy dd p{font-size:14px;}
.cjyy dl{padding:5px 20px;}
.cjyy h3{top:12px;font-size:18px;}
.probox dd{min-height: auto;}
.probox h3{margin:10px 0 5px 0;font-weight:normal;font-size:18px;}

.contactbox .contactfs{margin-top:30px;min-height: auto;}
.contactbox, .aboutusbox{padding:20px;font-size:12px;}
.contactbox .contactfs li{margin:20px;height:175px;font-size:17px;}
.contactbox h1, .aboutusbox h1{font-size:24px;margin-top:85px;}
/* .contactbox .contactfs li{width:29%;margin:50px 5px;} */
.icon_telegram, .icon_qqzx, .icon_chart{width: 60px;height: 60px;}
.aboutusbox .info{padding:20px;margin-top:40px;}
.aboutusbox .info dt,.aboutusbox .info dd{width:100%;display: block;margin: 0;font-size:16px;}

.aboutusbox .info dt{margin-bottom: 10px; text-align: center;}
.cjyy{margin-bottom:0;}
.safe_img div.img1{ background-size: 90% auto;min-height: 341px; }
.safe_img div.img2{ background-size: 90% auto;min-height: 250px; }
.mgb80{margin-bottom: 0 !important}
.node-map li{display: block;float:none;width:100%;}
.bg_foin{display: none;}
.node-map li:last-child{padding-left:0;}

.chbox li:last-child .iplistch,.chbox li:last-child p{float:none;}
.chbox li p{width:100%;}
 .iplistch{width: 100%;}
 .chbox li{padding:0;}
.node-map li{ height: 350px;}
 .chbox{padding-bottom:10px;margin-top:0;padding:0;}
 .mgtb30{margin:0;}
 .safe_img .titleheadline{margin-bottom: 0;}
 .domin_server li{width:100%;}
 .domaininfotxt{margin-top:0;}
}


.toolCe{ background: #8bffe8;padding-top:28px; box-shadow: 0 0 3px 3px rgba(0,0,0,.1);position: absolute;right:0;width:100%;bottom:-50px;height:100px; z-index: 99;border-radius: 5px;}
.indextoolce .domainSearch .search h3{border-right:1px solid #ececec;padding-right:20px;font-weight: normal;}
.indextoolce .domainSearch .search .inptext{padding-left:155px;}

.blankbg{ background: #000000;}
.bannerbox{height:420px;background:#000000 url(../images/banner_01.png) right center no-repeat; background-size:450px 393px; position: relative;margin-bottom:20px !important; }
.adtxt h1{font-size:26px;font-weight: normal;letter-spacing: 1px;padding-top:150px;margin-bottom:40px;color:#fff;}
.adtxt h1 span{color:#60a9ff;display: inline-block;margin:0 5px 0 30px;font-size:45px;font-weight:600;    background-image: linear-gradient(45deg, #186edf 0%, #5ebcf3 99%);color: transparent; background-clip: text;-webkit-background-clip: text; font-family: "Inter-Bold", Sans-serif;}
.adtxt p{font-size:18px;color:#fff;}
.adtxt a{color:#60a9ff;}


.dnsceNoData{ min-height:450px;background: url(../images/nopic_03.png) center center no-repeat; background-size: 200px auto; }
.bannerboxce{ background: #000000 }
.bannerboxce .adtxt h1{padding-top:150px;}
.bannerboxce .adtxt p{margin-bottom:40px;}
.bannerboxce .domainSearch .search h3{display: none;}

/* 头部 */
.ExpertServicesB3 {
  margin: auto;
  max-width: 1200px;
  margin-top: 67px;
}
.ExpertServices {
  position: relative;
}
section div {
  max-width: 100%;
}

.ExpertServicesB3>.img img {
  height: auto;
  left: 50%;
  margin-bottom: -715px;
  margin-left: -1500px;
  position: relative;
  top: -51px;
  width: 3000px;
  max-width:none;
}
.ExpertServices .tu {
  position: absolute;
  right: -10%;
  text-align: center;
  top: 3%;
  width: 100%;
}
.ExpertServices .tu img {
  left: 727px;
  top: -60px;
  width: 1408px;
}

/* .ExpertServicesB3>.img img {
  height: auto;
  margin-bottom: -486px;
  margin-left: -1500px;
  position: relative;

} */
.ExpertServices .posi {
  height: 100%;
  left: 0;
  max-width: 100vw;
  overflow-x: clip;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.ExpertServices .posi .box {
  position: relative;
}
@media (min-width: 576px) {
  .container, .container-sm {
      max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
      max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
      max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1140px;
  }
}

@keyframes pulse {
  0% {
    transform: scaleX(1);
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
}
100% {
    transform: scaleX(1);
}
  }
@keyframes slideInUp {
0% {
  opacity: 0;
  transform: translateY(100%);
  visibility: visible;
}
100% {
  opacity: 1;
  transform: translateY(0);
}
}
@media only screen and (max-width: 768px) {
  .ExpertServicesB3>.img img {
      filter: blur(2px);
      margin-left: -1150px;
  }
}
@media only screen and (max-width: 768px) {
  .ExpertServicesB3 {
      height: 450px;
      overflow: hidden;
  }
}
 .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.align-items-end {
  align-items: flex-end !important;
}

.d-flex {
  display: flex !important;
}
section div {
  max-width: 100%;
}
.ExpertServicesB3 .posi .box h5 {
  color: #fff;
  padding-top: 115px;
}

.ExpertServices .posi .box h5 {
  color: #fff;
  font-size: 46px;
  font-weight: bolder;
  letter-spacing: 2px;
  padding-top: 52px;
  line-height: 1.2;
}
.slideInUp {
  animation-name: slideInUp;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.ExpertServicesB3 .posi .box .button {
  margin-top: 25px;
}
.flexStart {
  justify-content: flex-start;
}

.flexBetween, .flexStart {
  display: flex;
  flex-wrap: wrap;
}
.slideInUp {
  animation-name: slideInUp;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.ExpertServicesB3 .posi .box .button .left {
  align-items: center;
  display: flex;
}
.ExpertServicesB3 .posi .box .button .left p {
  color: #fff;
  font-size: 26px;
}
.flexStart {
  justify-content: flex-start;
}
.ExpertServicesB3 .posi .box .button .right ul li {
  margin-left: 30px;
}
.ExpertServicesB3 .posi .box .button .right ul li .le {
  align-items: center;
  border: none;
  border-radius: 9px;
  display: flex;
  height: 56px;
  width: 56px;
}
.ExpertServicesB3 .posi .box .button .right ul li .ri {
  color: #fff;
  font-size: 16px;
  line-height: 54px;
  margin-left: 12px;
}
.ExpertServicesB3 .posi .box .button .right ul li .le img {
  height: 56px;
  margin: auto;
  width: 56px;
}
.ExpertServicesB3 .posi .box .text {
  color: #fff;
  width: 570px;
}
.ExpertServices .posi .box .text {
  color: hsla(0, 0%, 100%, .9);
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
  text-align: justify;
  width: 680px;
}
.ExpertServices .banner_bt a {
  background: hsla(0, 0%, 100%, .1);
  border: 1px solid hsla(0, 0%, 100%, .7);
  border-radius: 6px;
  color: hsla(0, 0%, 100%, .8);
  display: block;
  float: left;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin-right: 16px;
  margin-top: 8px;
  text-align: center;
  transition: .4s;
  width: 136px;
}
.product-cards-g .product-card .y-button {
    width: 80%;
    margin-left: 10%;
}

.y-button-primary:hover {
    background-color: #fff;
    color: #0d6eff;
    border-color: #0d6eff;
    border-width: 2px;
    border-style: solid;  
}
.y-button {
    
    display: inline-flex;
    padding: 12px 44px;
    border-radius: 40px;
    font-size: 16px;
    color: #fff;
    justify-content: center;
    align-items: center;
    transition: .1s;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    line-height: 1;
   background-color: #0d6eff;
    text-decoration: none;
display: grid;
    place-items: center;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    border-width: 2px;
    border-style: solid;
}
@media (max-width: 400px){
    .safe_img div.img1{ background-size: 90% auto;min-height: 200px; }
}