/*menu*/
.menu_a{ color:#555;}
.menu_a:hover{ color:#0094da;}
.menu_a p{ line-height:1.2rem;height:1.2rem; overflow:hidden; margin-top:5px;}
.nav-item img.menu-weixin{ margin-top:0.6rem;}
@media (max-width: 576px) {
.nav-item img.menu-weixin{ margin-left:1rem;}
}
.pro_d{ background:#dfe4ea url(../img/menu-p-nav.png) 4rem center no-repeat; height:96px; width:100%;  text-align:left; padding-left:7rem; padding-top:25px; display:block; font-size:0.9rem; line-height:1.5rem; font-weight:500;}
@media (max-width: 576px) {
.pro_d{ background:#dfe4ea; height:96px; width:100%; padding-left:0%; text-align:center; padding-top:25px; display:block; font-size:0.9rem; line-height:1.5rem; font-weight:500;}
.pro_d:hover{ background:#024d70; color:#fff;display:block; }
.pro_d a:hover{ color:#fff; width:100%;display:block; height:100%;}
}
.training-d a,.service-d a,.pro_d a{ color:#024d70;}
.training-d a:hover,.service-d a:hover,.pro_d a:hover{ text-decoration:underline;}
.training-d,.service-d{ background:#dfe4ea url(../img/menu-s-nav.png) center 2rem no-repeat; width:100%; height:180px; text-align:center; padding-top:95px; font-size:1rem; margin-top:0.5rem;}
.training-d{background:#dfe4ea;padding-top:1rem; height:260px;}
.training-d h5{ font-weight:500; border-bottom:1px solid #024d70;}
.training-d p{ color:#024d70;}
.training-d span{ font-size:0.9rem; color:#555;}
.training-d img{ max-width:80%; margin:0.5rem 0;}
.training-d a.training-more{ background:#024d70; color:#fff; width:100px; height:40px; text-align:center; line-height:40px; font-size:0.9rem; border-radius:6px; margin:0;}
.case-d{ height:auto; padding:0.6rem 0;}
.case-d img{ border:0px solid #ccc; border-radius:3px;}
@media (max-width: 1024px) {
.training-d{height:280px;}
}

/*index*/
.home-carousel .banner-1{background:url(../img/banner1.jpg) center  center no-repeat;background-size:cover}
.home-carousel .banner-2{background:url(../img/banner1.jpg) center  center no-repeat;background-size:cover}
.home-carousel .banner-3{background:url(../img/banner1.jpg) center  center no-repeat;background-size:cover}
.home-carousel .banner-4{background:url(../img/banner-2.jpg) center center no-repeat;background-size:100% 100%;}
.banner-more{ width:100px; height:2rem; line-height:2rem; text-align:center; color:#fff; background:#0086b8; border-radius:5px; font-size:1rem; margin-top:2rem;}
.banner-more:hover{ background:#024d70; color:#fff; }
.home-carousel .list-unstyled li{ font-size:1.5rem; line-height:2rem;}
@media (max-width: 1199px) {
.home-carousel .banner-1{background:url(../img/banner1.jpg) center  center no-repeat;background-size:cover}
.home-carousel .banner-2{background:url(../img/banner1.jpg) center  center no-repeat;background-size:cover}
.home-carousel .banner-3{background:url(../img/banner1.jpg) center  center no-repeat;background-size:cover}
.home-carousel .banner-4{background:url(../img/banner-2.jpg) center  center no-repeat;background-size:100% 100%;}
}
@media (max-width: 1024px) {
.home-carousel .banner-1{background:url(../img/banner1.jpg) center  center no-repeat;background-size:cover}
.home-carousel .banner-2{background:url(../img/banner1.jpg) center  center no-repeat;background-size:cover}
.home-carousel .banner-3{background:url(../img/banner1.jpg) center  center no-repeat;background-size:cover}
.home-carousel .banner-4{background:url(../img/banner-2.jpg) center  center no-repeat;background-size:100% 100%;}
}
@media (max-width: 768px) {
.home-carousel .banner-1{background:url(../img/banner1.jpg) center  center no-repeat;background-size:cover}
.home-carousel .banner-2{background:url(../img/banner1.jpg) center  center no-repeat;background-size:cover}
.home-carousel .banner-3{background:url(../img/banner1.jpg) center  center no-repeat;background-size:cover}
.home-carousel .banner-4{background:url(../img/banner-2.jpg) center  center no-repeat;background-size:100% 100%;}

}

@media (max-width: 576px) {
.home-carousel .banner-1{background:url(../img/banner1.jpg) top center no-repeat; background-size:cover}
.home-carousel .banner-2{background:url(../img/banner1.jpg) top center no-repeat; background-size:cover}
.home-carousel .banner-3{background:url(../img/banner1.jpg) top center no-repeat; background-size:cover}
.home-carousel .banner-4{background:url(../img/banner-2.jpg) top center no-repeat; background-size:100% 100%;}
.home-carousel .banner-more{ margin:1rem auto 0 }
.home-carousel .list-unstyled li{ font-size:0.9rem; line-height:1.5rem;}
}


.index-about h2:after{
  content: " ";
  display: block;
  width: 100px;
  height: 7px;
  margin-top: .6rem;
  background: url(../img/index-t-b.png) no-repeat center bottom;
}
.index-about .col-4:nth-child(1),.index-about .col-4:nth-child(2),.index-about .col-4:nth-child(3){ margin-bottom:3rem;}
.index-about-nav{ width:95%; line-height:1.5rem; text-align:justify;color:#555;}
.index-about-nav span{ font-weight:700; font-size:1rem; color:#333;}
@media (max-width:768px) {
.index-about .col-4:nth-child(1),.index-about .col-4:nth-child(2),.index-about .col-4:nth-child(3){ margin-bottom:1rem;}
.index-about img{ margin-bottom:1rem;}	
.index-about-nav{margin-left:0;}
}
@media (max-width: 576px) {
.index-about .lead{font-size:0.8rem;}
.index-about .col-4:nth-child(1),.index-about .col-4:nth-child(2),.index-about .col-4:nth-child(3){ margin-bottom:1rem;}
.index-about-nav{font-size:0.8rem; text-indent:0; padding:0; text-align:left; margin-left:0;}
.index-about-nav span{font-size:0.9rem;}
}

.bg-index-p{ background:url(../img/index_41.jpg) top center no-repeat; background-size:100% 442px; min-height:442px; height:auto; margin-bottom:-4rem;}

.index-newslist{ }
.index-newslist img{ margin-bottom:1rem; width:100%; height:188px;}
.index-newslist h4{ line-height:1.5rem; font-size:0.9rem; color:#333; margin-bottom:0.5rem;}
.index-newslist p{ color:#555;}
@media (max-width:768px) {
.index-newslist img{ margin-bottom:0.5rem; width:100%; height:auto; min-height:140px;}
.index-newslist p{ display:none;}
}
@media (max-width: 576px) {
.index-newslist img{ margin-bottom:0.5rem; width:100%;  height:auto; min-height:90px;}
.index-newslist h4{ font-size:0.8rem; line-height:1.2rem; }
}
.text-center .banner-more{ color:#fff;}

.bg-blue{ background:#708090;}
.footer-contact{ color:#fff;}
.footer-contact p{ line-height:2rem; margin-top:0.5rem;}
.footer-contact p.text-sm{ line-height:1.5rem; font-size:0.8rem;}
@media (max-width: 576px) {
.footer-contact .col-xs-12{ margin-bottom:1rem;}
.footer-contact .col-xs-12:nth-child(3){ margin-bottom:0;}
.text-center-xs{ text-align: center!important;}
.text-left-xs{ text-align:left!important;}
.footer-contact img{ max-width:100%;}
}
.contact-more{ background:#fff; color:#024d70; width:150px; margin:0;}
.contact-more:hover{background:#024d70; color:#fff;}

.footer-form p{line-height:1.5rem; margin-bottom:0;}
.footer-form input{ border:1px solid #9ea0ad; font-size:0.9rem; background:#f6f8fc; height:3rem; line-height:3rem; border-radius:6px;}
.footer-form button{ border:1px solid #024d70; font-size:0.9rem; width:4rem; height:3rem; line-height:3rem;  text-align:center; color:#fff; background:#024d70; border:0; border-radius:6px;}
.footer-list{ margin:0; padding:0;}
.footer-list .col-4{margin:0; padding:0;}
.footer-list p span{ font-weight:700;} 
.footer-list li{ list-style:none;}
@media (max-width:1024px) {
.footer-form p{line-height:1.5rem; margin:0 auto 1rem;}
.footer-form form{ margin:0 auto; width:auto;}
.main-footer .col-6{ display:none;}
}
@media (max-width: 576px) {
.footer-form form{ height:3rem; overflow: hidden;}
.footer-form p{ font-size:0.8rem;}
.footer-form input{height:2.5rem; line-height:2.5rem;}
.footer-form button{ font-size:0.8rem; width:3.5rem; height:2.5rem; line-height:2.5rem; text-align:center; color:#fff; background:#024d70; border:0; border-radius:6px; }
.footer-list p span{ font-weight:700;} 
}
/*about*/
.subbar{}
.subbar .container{ padding:10px; font-size:0.9rem; color:#024d70;}
@media (max-width: 576px) {
.subbar .container{ font-size:0.8rem;}
}
.banner-about{ background:url(../img/banner-about.jpg) no-repeat center center; height:400px; overflow:hidden; }
.banner-about .text-white{ margin-top:100px;padding:0;}
.banner-recruitment{ background:url(../img/banner-recruitment.jpg) no-repeat center center; height:400px; overflow:hidden;}
.banner-contact{background:url(../img/banner-contact.jpg) no-repeat center center; height:400px; overflow:hidden;}
.banner-akamai{ background:url(../img/banner-akamai.jpg) no-repeat center center; height:400px;}
.banner-akamai-media{ background:url(../img/banner-akamai-media.jpg) no-repeat center center; height:400px;}
.banner-akamai-save{ background:url(../img/banner-akamai-save.jpg) no-repeat center center; height:400px;}
.banner-akamai img{ margin-top:2rem; margin-bottom:3rem;}
.banner-mongodb{ background:url(../img/banner-mongodb.jpg) no-repeat center center; height:400px;}
.banner-mongodb img{ margin-top:4rem; margin-bottom:3rem;}
.banner-vonage{ background:url(../img/banner-vonage.jpg) no-repeat center center; height:400px;}
.banner-vonage .text-white{ margin-top:70px;}
.banner-jinmu{ background:url(../img/banner-jinmu.jpg) no-repeat center center;height:400px;}
.banner-jinmu .text-white{ margin-top:70px;}
.banner-Zendesk{ background:url(../img/banner-Zendesk.jpg) no-repeat center center; height:400px;}
.banner-Zendesk img{ margin-top:4rem; margin-bottom:3rem;}
.banner-Linode{ background:url(../img/banner-Linode.jpg) no-repeat center center; height:400px;}
.banner-Linode img{ margin-top:4rem; margin-bottom:3rem;}
.banner-case{ background:url(../img/banner-case.jpg) no-repeat center center; height:400px;}
.banner-community{background:url(../img/banner-community.jpg) no-repeat center center; height:400px;}
.banner-community li{ line-height:2rem;}
.banner-Splunk{ background:url(../img/banner-Splunk.jpg) no-repeat center center; height:400px; overflow:hidden; }
@media (max-width: 768px) {
.banner-about{ background:url(../img/banner-about.jpg) no-repeat center center; height:260px; }
.banner-about .text-white{ margin-top:40px;padding:0;}
.banner-about .text-white h2{ margin-bottom:1rem;}
.banner-about .text-white li{ line-height:2rem; font-size:0.9rem;}
.banner-recruitment{ background:url(../img/banner-recruitment.jpg) no-repeat center center; height:260px;}
.banner-contact{background:url(../img/banner-contact.jpg) no-repeat center center; height:260px;}
.banner-akamai{ background:url(../img/banner-akamai.jpg) no-repeat center center; height:260px;}
.banner-akamai-media{ background:url(../img/banner-akamai-media.jpg) no-repeat center center; height:260px;}
.banner-akamai-save{ background:url(../img/banner-akamai-save.jpg) no-repeat center center; height:260px;}
.banner-akamai img{ margin-top:2rem; margin-bottom:1rem; width:30%;}
.banner-mongodb{ background:url(../img/banner-mongodb.jpg) no-repeat center center;  height:260px;}
.banner-mongodb img{ margin-top:1rem; margin-bottom:1rem; }
.banner-vonage{ background:url(../img/banner-vonage.jpg) no-repeat center center; height:260px;}
.banner-vonage img{ margin-top:1rem; margin-bottom:1rem; width:40%;}
.banner-vonage .text-white{ margin-top:30px;}
.banner-jinmu{ background:url(../img/banner-jinmu.jpg) no-repeat center center; height:260px;}
.banner-jinmu .text-white{ margin-top:30px;}
.banner-case{ background:url(../img/banner-case.jpg) no-repeat center center; height:260px;}
.banner-community{background:url(../img/banner-community.jpg) no-repeat center center; height:260px;}
}
@media (max-width: 576px) {
.banner-about{ background:url(../img/banner-about.jpg) no-repeat center center; background-size:100% 240px; }
.banner-about .text-white{ margin-top:40px;padding-left:5%;}
.banner-about .text-white h2{ margin-bottom:1rem;font-size:1rem;}
.banner-about .text-white li{ line-height:2rem; font-size:0.8rem;}
.banner-recruitment{ background:url(../img/banner-recruitment.jpg) no-repeat center center; background-size:150% 240px;}
.banner-contact{background:url(../img/banner-contact.jpg) no-repeat center center; background-size:130% 240px;}
.banner-akamai{ background:url(../img/banner-akamai.jpg) no-repeat center center; background-size:cover 240px;}
.banner-akamai-media{ background:url(../img/banner-akamai-media.jpg) no-repeat center center; background-size:150% cover;}
.banner-akamai-save{ background:url(../img/banner-akamai-save.jpg) no-repeat top center; background-size:150% 240px;}
.banner-akamai img{ margin-top:2rem; margin-bottom:1rem; width:30%;}
.banner-akamai h2{ font-size:1.1rem;}
.banner-mongodb{ background:url(../img/banner-mongodb.jpg) no-repeat center center;  background-size:130% 240px;}
.banner-mongodb img{ margin-top:1rem; margin-bottom:1rem; width:60%}
.banner-vonage{ background:url(../img/banner-vonage.jpg) no-repeat center center;  background-size:150% 240px;}
.banner-vonage img{ margin-top:1rem; margin-bottom:1rem; width:50%;}
.banner-vonage .text-white{ margin-top:30px;}
.banner-vonage h2{ font-size:1.1rem;}
.banner-jinmu{ background:url(../img/banner-jinmu.jpg) no-repeat center center; background-size:130% 240px;}
.banner-jinmu .text-white{ margin-top:30px;}
.banner-case{ background:url(../img/banner-case.jpg) no-repeat center center; background-size:100% 240px;}
.banner-community{background:url(../img/banner-community.jpg) no-repeat center center; background-size:120% 240px;}
}

.about h1{ font-size:1.5rem; font-weight:600;}
.about h1:after{
  content: " ";
  display: block;
  width: 100%;
  max-width:1200px;
  height: 7px;
  margin-top: 1rem;
  background: url(../img/index-t-b.png) no-repeat bottom center;
}
.about h3,.about h2{color:#4594c3;font-size:1.2rem; font-weight:700;}
.about h3:after,.about h2:after{
  content: " ";
  display: block;
  width: auto;
  height: 3px;
  margin-top: .6rem;
  background:#024d70; 
}
.about h3{font-size:1rem;}
.about p{ font-weight:500; text-indent:2rem; color:#555;}
.about p strong{color:#4594c3;}
.about p.index-about-nav span{ display:inline-block; padding-right:2rem; padding-left:0; font-weight: normal; color:#555;}
.about p.index-about-nav{ text-indent:0rem;line-height:1.8rem; }
.about p.lead{ line-height:2rem; text-indent:0rem;}
.about-more{ width:140px; height:2.5rem; line-height:2.5rem;font-size:0.9rem; }
.about-pic img{max-width:100%;}

@media (max-width: 576px) {
.about .heading h1{font-size:1.2rem;}
.about h2{font-size:1rem;}
.about p.lead{ line-height:2rem; text-indent:0rem; font-size:0.8rem;}
}
/*recruitment*/
.recruitment p{ text-indent:0; line-height:1.5rem; margin:0;}
.recruitment h4{ color:#024d70;}
.recruitment-content,.recruitment li{
background:#f6f8fc; 
border:1px solid #ccc;  
-webkit-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc;
list-style:none;
padding:1.5rem 2rem;
margin-bottom:3rem;
}
.recruitment-content{padding:3rem;}
.recruitment-content span{ color:#4594c3; font-weight:600;}
.recruitment-content p{ text-indent:0;}
.recruitment .about-more{ width:100px; margin-top:1.5rem;}

/*contact*/

.contact p{ text-indent:0; color:#024d70;}
.contact .form-group p{ color:#555;}
@media (max-width: 576px) {
.contact img{ width:auto; height:40px;}
}
/*prodcuts*/
.target-fix{
position: relative;
top:-95px;度
display: block;
height: 0;
overflow: hidden;}
.product-circular{ width:120px; height:120px; background:#708090; border-radius:50%; line-height:120px; font-size:2rem; color:#fff; margin:0 auto 1rem;}
.product-circular2{background:#074b70;}
.about p.text-blue{ color:#074b70; line-height:2rem; font-size:1.2rem; text-indent:0;}
.product-top-nav{ width:auto; margin:0 auto; text-align:center}
.product-top-nav a{ width:auto; padding:0 1rem; background:#024d70; color:#fff; font-size:0.9rem;  margin:0 1% 1rem 0; border-radius:6px; min-width:6rem; text-align:center; height:2.5rem; line-height:2.5rem;}
.product-top-nav a:hover{ background:#4594c3;}
.product-top-nav:after{ content: " ";display: block; clear:both;}

@media (max-width: 1199x) {
.product-circular{ width:100px; height:100px; background:#708090; border-radius:50%; line-height:100px; font-size:1.5rem; color:#fff; margin:0 auto 1rem;}
.product-circular2{background:#074b70;}
.about p.text-blue{ color:#074b70; line-height:1.6rem; font-size:1rem; text-indent:0;}
.product-top-nav{  margin:0 auto 1rem;}
.product-top-nav a{ font-size:0.8rem; }
}
@media (max-width: 576px) {
.product-circular{ width:50px; height:50px; line-height:50px; font-size:0.9rem; font-weight:700;}
.about p.text-blue{ line-height:1.5rem; font-size:0.8rem;}

}

.product h2{ color:#024d70;}
.product h2:after{ margin-bottom:1rem;}
.product-list h3{ color:#4594c3; font-weight:500; letter-spacing:0; font-size:1.2rem;}
.product-list{ border-bottom:1px solid #ccc; padding-bottom:3rem; margin-bottom:3rem;}
.product-list p{ text-indent:0;line-height:2rem;}
.product-list p span{ color:#000;}
.product-list ul { padding-left:15px; margin:0; list-style:none;}
.product-list ul li{ list-style: url(../img/product-list-nav.png); height:auto; line-height:2rem; font-size:0.9rem; color:#555;}
.product-list img{ max-width:60%;}
.product-list-linode img{ height:60px; margin-bottom:1rem;}
.product-list-linode p{ font-weight:700;}
.product-more{ width:100px; border:1px solid #4594c3; color:#4594c3; height:2rem; line-height:2rem; border-radius:6px; text-align:center; font-size:0.9rem; margin-top:1rem;}
.product-more:hover{ background:#4594c3; color:#fff;}
.product-more2{ float:right; clear:right;}
.product-list-service .col-6{ width:40%; padding-left:10%; }
.product-list-service img{ max-width:100%;}
.product-list-jinmu p{ line-height:2rem; margin:0; padding:0;}
.product-list-jinmu p strong{color:#4594c3; margin-bottom:1rem}
.product-list-jinmu img{max-width:100%; margin-top:3rem}

.jinmu,.mongodb{ border-bottom:0; padding-bottom:0; margin-bottom:0;}
.mongodb .col-6 img{ max-width:80%; }
.vonage .col-6 img{ max-width:60%;}
.Vonage1{ background:#fff; border:1px solid #ec6c93; box-shadow: 5px 5px 0px #ec6c93; min-height:260px; height:auto; border-radius:15px; padding:2rem;}
.Vonage1 h3 { color:#000; font-size:1.2rem;}
.Vonage1 h3 img{ margin-right:1rem;}
.Vonage1 h3:after{
  content: " ";
  display: block;
  width: 0;
}
.Vonage1 .vonage-more{ background:#ec6c93; float:right; clear:right;border:1px solid #ec6c93; color:#fff;}
.Vonage2{ border:1px solid #8281f9; box-shadow: 5px 5px 0px #8281f9;}
.Vonage2 .vonage-more{background:#8281f9; border:1px solid #8281f9;}
.Vonage3{ border:1px solid #b452d4; box-shadow: 5px 5px 0px #b452d4;}
.Vonage3 .vonage-more{background:#b452d4; border:1px solid #b452d4;}
.jinmu img{ max-width:80%;}

@media (max-width: 576px) {
.mongodb .col-6 img{ max-width:100%; }
.product-more{ margin-bottom:2rem}
.product-list{padding-bottom:1rem; margin-bottom:2rem;}
.product-list ul li{ list-style: url(../img/product-list-nav.png); height:auto; line-height:2rem; font-size:0.8rem; color:#555;}
.Vonage1{ margin-bottom:1rem;}
.product-list-service .col-xs-12{padding-left:5%; }
.product-list-service img{ margin-bottom:1rem;}
}

/*case*/
.case-list{background:#fff; border:1px solid #ccc; height:auto; border-radius:8px; padding:2rem 1rem; margin-bottom:1.5rem;}
.case-list img{ margin-bottom:2rem; max-width:100%; height:80px; width:auto;}
.case-list p{ text-indent:0;}
.case-content{}
.case-content strong,.case-content b{ color:#4594c3; font-size:1.2rem;}
@media (max-width: 768px) {
.case-list p{ height:4rem; overflow:hidden;}
.case-content strong,.case-content b{ font-size:1rem;}
}
/*training*/
.training p{ text-indent:0; text-align:justify; width:90%;}
.training-nav{ width:70px; height:70px;line-height:70px; border-radius:50%; text-align:center; color:#024d70; border:2px solid #024d70; font-size:1.2rem; margin-bottom:2rem;}
.training-table{}
.training-table th{ background:#4594c3; border:1px solid #fff; height:2rem; line-height:2rem; text-align:center; color:#fff;}
.training-table td{ background:#eee; border:1px solid #fff; line-height:1.5rem; padding:1.5rem;}
.training-table span{ color:#000;}
@media (max-width: 576px) {
.training-nav{ width:60px; height:60px;line-height:60px;font-size:0.9rem; margin:0 auto 2rem;}	
.training .col-xs-12{ margin-bottom:2rem; padding-bottom:1rem; border-bottom:1px dashed #e5e5e5;}
.training .col-xs-12:nth-child(3){ margin-bottom:0; padding-bottom:0; border-bottom:0;}
.training-table th,.training-table td{ padding:5px;font-size:0.7rem;}
.training-table td p{ line-height:1.5rem; margin-bottom:0; font-size:0.7rem;}
}
/*community*/
.case-list2 img{ width:90px; height:90px;}
.community-list h3{ margin-bottom:1.5rem; font-size:1rem; color:#024d70; font-weight:600;}
.community-list img{ max-width:90%;}
.service .heading h2,.service .heading h1,.community-content .heading h2,.community-content .heading h1{ font-size:1.5rem;}
.service .heading h2:after,.service .heading h1:after,.community-content .heading h2:after,.community-content .heading h1:after{
  content: " ";
  display: block;
  width: 100px;
  height: 5px;
  background: #024d70;
  margin:1rem auto 0;
}
.community-content b,.community-content strong{ color:#4594c3; font-size:1.1rem;}
.community-content img{ max-width:100%;}
.community-year{width:85px; height:85px;line-height:77px; border-radius:50%; text-align:center; color:#024d70; border:4px solid #cbd1e0; font-size:1.2rem; margin-bottom:2rem; margin:2rem auto 0;}
.community-event-list{ background:url(../img/event-line.jpg) repeat-y center center; width:100%; padding-top:50px;}
.community-event-list:after{ content: " ";clear:both; display:block;}
.community-event{ background:url(../img/event-line.jpg) repeat-x center right; width:50%; float:left;}
.community-event:first-child{margin-top:0px;}
.community-event:nth-child(2n){ margin-top:150px;}
.event-list{ padding:1.5rem; border:1px solid #cbd1e0; box-shadow: 0px 3px 5px #cbd1e0; width:90%; background:#fff; margin-right:10%;}
.community-event:nth-child(2n) .event-list{ margin-right:0%; margin-left:10%;}
.event-list h3{font-weight:600; color:#024d70; line-height:1.8rem; margin-bottom:0;}
.event-list p{ width:100%; color:#555; text-align:justify;}
.event-list img.event-list-pic{ width:100%; height:auto;}
@media (max-width:768px) {
.community-list img{ max-width:100%; margin-bottom:1rem;}
.community-list p{ line-height:1.5rem;}
.event-list h3{ font-size:1rem; line-height:1.5rem;}
.event-list p{margin-bottom:0.5rem;}
.event-list .col-12 p{ display:none;}
}
@media (max-width: 576px) {
.service .heading h2,.service .heading h1,.community-content .heading h2,.community-content .heading h1{ font-size:1.1rem;}
.service .heading h2:after,.service .heading h1:after,.community-content .heading h2:after,.community-content .heading h1:after{
  content: " ";
  display: block;
  width: 60px;
  height: 5px;
  background: #024d70;
  margin:1rem auto 0;
}
.community-event{background:none; width:100%;}
.community-event:nth-child(2n){ margin-top:2rem;}
.event-list{ width:100%; margin-right:0;}
.community-event:nth-child(2n) .event-list{ margin-right:0%; margin-left:0;}
.event-list h3{ font-size:0.8rem; line-height:1.3rem;margin-bottom:0.5rem; }
.event-list p{margin-bottom:1rem;}
.event-list .col-12 p{ display:none;}
.event-list .product-more{ margin-bottom:0rem}
}

/*service*/
.service-akamai{}
.service-akamai img{ margin-bottom:1.5rem;}
.service-akamai h3{ color:#4594c3; font-weight:500;}
.service-akamai p{ text-indent:0; margin-bottom:0; font-size:1rem; line-height:2rem;}
.service-list{ margin-bottom:3rem;}
.service-list img{ border:1px solid #ccc; padding:5px; border-radius:50%; width:50%; margin-bottom:1rem;}
.service-list p{ margin-bottom:0; line-height:2rem;}
.service-list b{ font-size:1rem; color:#4594c3;}
.service-tag{ background:#4594c3; border-radius:6px; width:5rem; height:1.5rem; font-size:0.8rem; line-height:1.5rem; text-align:center; color:#fff; margin-top:1rem;}
.service-vonage{ border:1px solid #eee; border-radius:6px; box-shadow: 0px 3px 5px #eee; padding:2.5rem 1.5rem; width:100%; position: relative; -webkit-transition:all .3s;
transition:all .3s; background:#fff; z-index:0;}
.service-vonage-nav{ margin-bottom:3rem; height:29px; }
.service-vonage-nav img{ vertical-align:middle;}
.service-vonage h3{ background:url(../img/service-vonage-8.jpg) no-repeat right center; margin-bottom:0;}
.service-vonage:hover{-webkit-transform:scale(1.2);transform:scale(1.2); z-index:99; cursor:pointer; }
.service-vonage-list{padding-bottom:3rem; border-bottom:1px solid #eee; margin-bottom:5rem;}
.service-vonage-list h3{ font-size:1.5rem; margin-bottom:0;color:#000; font-weight:normal;}
.service-vonage-list img{ margin-right:1rem; }
.service-vonage-list p{ width:90%; text-align:justify;}
.service-vonage-list h4{ color:#333; text-decoration:underline; margin-top:0.7rem;}
.service-vonage-list2{ border:0; margin:0; }
.service-mongodb p{ text-align:justify; width:90%; margin:0 5%;}
.service .heading h2{ color:#024d70; font-weight:500;}
.service .heading h2:after{margin:1rem 0 0;}
.service-mongodb-list{ margin-bottom:3rem; padding-bottom:3rem; border-bottom:1px solid #eee;}
.service-mongodb-list h3{ font-size:1.2rem; color:#4594c3; font-weight:500;}
.service-mongodb-list p strong{ color:#333;}
.service-mongodb-list p{ color:#555;}
.service-mongodb-list2{ border:0; margin:0; padding-bottom:0 }
.bg-green{ background:#12794d;}
.service-mongodb-more{ width:340px; margin:0 auto;}
.service-mongodb-more a{ background:#12794d;width:130px; text-align:center; height:40px; line-height:40px; color:#fff; border:2px solid #fff; border-radius:6px; margin:1rem 20px 0;}
.service-mongodb-more a:hover{ background:#fff; color:#12794d;}
.service-mongodb-table td,.service-mongodb-table th{ background:#4594c3; height:50px; line-height:25px; text-align:center; color:#fff; border:1px solid #fff;}
.service-mongodb-table td{ background:#eee; color:#555;line-height:50px;}
.service-mongodb-table td.service-mongodb-table-td2{ line-height:25px;}
.service-mongodb-table2 td{text-align:left; padding:5px; line-height:1.5rem; font-size:0.9rem;}
@media (max-width: 768px) {
.service-akamai p{ font-size:0.9rem; line-height:1.5rem;}
.service-vonage{ padding:2.5rem 1rem;}
.service-vonage h3{  background:url(../img/service-vonage-8.jpg) no-repeat right top; min-height:21px; font-size:0.9rem;}
}
@media (max-width: 576px) {
.service-akamai img{ width:50px; height:auto;}
.service-akamai .col-xs-12:nth-child(1),.service-akamai .col-xs-12:nth-child(2){ margin-bottom:2rem; border-bottom:1px dashed #e5e5e5; padding-bottom:2rem;}
.service-list b{ font-size:0.8rem; color:#4594c3;}
.service-list img{ width:60%; margin-top:2rem;}
.service .service-vonage{ margin-bottom:2rem;}
.service .service-vonage:nth-child(4){ margin-bottom:0}
.service-vonage h3{ font-size:1rem;}
.service-vonage-list h3{ font-size:1rem; font-weight:700;}
.service-vonage-list h4{ font-size:0.8rem; margin-top:1.5rem;font-weight:700;}
.service-vonage-list img{ height:30px; width:auto;}
.service-mongodb-list h3{ font-size:0.9rem; font-weight:700;}
.service-mongodb-list{ margin-bottom:2rem; padding-bottom:1rem; border-bottom:1px solid #eee;}
.service-mongodb-table{ overflow:scroll;}
.service-mongodb-table td,.service-mongodb-table th{ font-size:0.7rem; line-height:1.5rem;}
.service-mongodb-table2 td,.service-mongodb-table2 th{font-size:0.7rem;}
.mb-5{ margin-bottom:1rem!important}
}

/* 分页 */
.page{ padding-bottom:30px; margin-top:10px;}
.page a{display:block;color:#888;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #888;padding-top:3px;float:left;margin-top:0px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px}
.page span{display:block;color:#888;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #888;padding-top:3px;float:left;margin-top:0px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.page a:hover, .page a.current{color:#11619c;border:1px solid #11619c;} /* 当前链接有激活时 */
.page input{padding:0px;color:#888;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */


/*GoTop*/
.GoTop{
	width: 60px;
	height: 50px;
	position: fixed;
	right: 15px;
	bottom: 100px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 100020;
}
.GoTop.off {
	opacity: 0;
	visibility: hidden
}
.GoTop_pic{
	display: block;
	width: 60px;
	height: 50px;
	background: url(../img/icon_top.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6);
	border-radius: 5px;

	cursor: pointer;
	margin-bottom: 10px
}
.GoTop_pic:hover {
	background-color:#024d70;
}
.GoTop_pic:active {
	background-color:#024d70;
}
@media (max-width: 768px) {
.GoTop{ display:none;}	
}


/*2021.1.14 JMC*/
.jmc-heading span{ margin-left:1rem; font-size:1rem; font-weight:600; color:#666;}
.jmc-list{background:#fff; border:1px solid #f5f5f5; height:auto; border-radius:2px; margin-bottom:3rem; color:#444; text-indent:0; width:95%; position:relative;transition: all .5s ease;}
.jmc-list::after{transition:.5s;}
.jmc-list p{ text-indent:0; text-align:justify; line-height:2rem;}
.jmc-list p.jmc-list-text{ min-height:8rem; height:auto;}
.jmc-list b{ font-size:1.2rem;}
.jmc-list:hover{ background-image:linear-gradient(to bottom right, #01299d, #2178dc);  border:1px solid #2178dc; box-shadow: 0px 24px 40px -24px #2178dc; top:-3px; transform:translateY(-6px);}
.jmc-list:hover p{ color:#fff;}
.jmc-list1{ background:url(../img/jmc-1.png) no-repeat bottom right; width:100%; height:100%; padding:2rem 3rem;}
.jmc-list2{ background:url(../img/jmc-2.png) no-repeat bottom right; width:100%; height:100%; padding:2rem 3rem;}
.jmc-list3{ background:url(../img/jmc-3.png) no-repeat bottom right; width:100%; height:100%; padding:2rem 3rem;}
.jmc-list4{ background:url(../img/jmc-4.png) no-repeat bottom right; width:100%; height:100%; padding:2rem 3rem;}
.jmc-list5{ background:url(../img/jmc-5.png) no-repeat bottom right; width:100%; height:100%; padding:2rem 3rem;}
.jmc-list6{ background:url(../img/jmc-6.png) no-repeat bottom right; width:100%; height:100%; padding:2rem 3rem;}
.form2 label.JMC-FormCheckbox{ line-height:1rem;margin-top:1.2rem; float:left; width:15%;}
.form2 label.JMC-FormCheckbox input{margin-left:0.5rem; }
.form2 label.JMC-FormCheckbox span{margin-left:0.5rem; color:#555;}
.video-text p{ text-indent:0;}

/*2023.3.12 Splunk 导览*/
.slide_point{ width:100%; margin:0 auto; height:64px;background-color:#FFF;}
.slide_point span{ display:inline-block; width:192px; text-align:center; height:54px; color:#FFF; font-size:17px; font-weight:bold; line-height:54px; cursor:pointer;}
.slide_point .cur_point,  .slide_point span:hover{ height:64px;cursor:pointer;}
.slide_point .point1{ background-color:#999;}
.slide_point .point2{ background-color:#999;}
.slide_point .point3{ background-color:#999;}
.slide_point .point4{ background-color:#999;}
.slide_point .point5{ background-color:#999;}
.slide_point .point6{ background-color:#999;}