/*******鏂伴椈*******/
.ciic-news{height: 580px;background-image: url(/ciicsh/resource/cms/2019/03/2019031422360170000.jpg); background-repeat: no-repeat; background-position: center center;background-size: cover;}
.container {height:100%;}
.newsCon{position:relative;}
.newsWrap{width:40.67%;position:absolute;right:15px;}
.newsBox{ display: block;position: relative;height: 580px;padding: 190px 60px 0 60px;margin-top: -1px;color: #fff;background-color: rgba(73,98,151,0.8);}
.newsBox h3{ position: absolute;top: 70px;left: -12px; padding: 20px 65px;font-size: 22px; background-color: #d6b980; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
    font-weight: bold; color: #fff;}
.newsBox h3 span {position: absolute;top: 64px; left: 0;}
.newsBox .btn{padding: 6px 12px;font-size: 14px;}
.newsBox .btn-default{color: #fff;font-weight: bold; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; background-color: transparent; border-color: #fff;    margin-top: 30px;}
.newsBox .btn-default i { margin-right: 5px;}
.newsTitle{display:block;margin-top: 20px;margin-bottom: 10px;}
.newsTitle a:hover{color:#fff;}
.newsTitle a{font-size: 22px; line-height: 30px;color:#fff;font-weight: 500;}
.newsCont{   display:block;  color:#fff; margin-bottom: 15px; font-size: 14px; margin-top: 30px; position: relative; max-height: 72px; line-height: 24px; max-height: 144px; display: block; display: -webkit-box;
    -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 6; }

@media (min-width: 992px) {
   .newsWrap{width:40.67%;position:absolute;right:15px;}
}
@media (min-width: 769px) and (max-width: 991px){
    .newsWrap{width:56%;position:absolute;right:15px;}
}
@media (max-width: 768px) {
   .ciic-news{  height: 260px; }
   .newsWrap{width:58.33%;position:absolute;right:0px;}
   .newsBox{ display: block; height: 260px; padding: 65px 20px 0 20px; }
   .newsBox h3{   top: 14px; left: -6px; padding: 10px 15px; font-size: 14px;}
   .newsBox h3 span {top: 34px;left: 0px;}
   .newsBox h3 span img{width:6px;}
   .newsTitle{margin-top: 15px; margin-bottom: 0;overflow: hidden;}
   .newsTitle a{color:#fff; font-size: 14px; }
   .newsCont{color:#fff;font-size: 12px;margin-top: 0px;margin-bottom: 0px;position: relative;line-height: 20px;max-height: 72px;display: block;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;
       overflow: hidden;text-overflow: ellipsis;}
   .newsBox .btn{ margin-top: 10px; padding: 0; font-size: 12px; font-weight: normal; }
}
/*******鏈嶅姟鏍囬*******/ 
.index-bt { width: 90%; max-width: 630px;text-align: center; margin: 0 auto; }
  .index-bt h3 {font-size: 30px; color: #3e63b2; margin-bottom: 15px;margin-top: 0;font-weight: 700;}
  .index-bt .post-meta {text-align: center;font-size: 15px; margin-bottom: 20px;color: #999;position: relative;}
  .index-bt .post-meta:after {content: '';width: 100%;right: 0;position: absolute;top: 50%;height: 1px;background-color: #bdbdbd;z-index: 0; }
  .index-bt .post-meta1 { position: relative; top: -9px; width: 300px; height: 3px;  margin: 0 auto;  overflow: hidden;  z-index: 15; background-color: #bdbdbd;}
  .index-bt .post-meta span { font-weight: 700; font-size: 14px; background-color: #fff; color: #bdbdbd; padding: 0 10px; display: inline-block; position: relative; z-index: 160; }
@media screen and (max-width: 768px){
   .index-bt h3 { font-size: 18px; z-index: 20; letter-spacing: 0; margin-bottom: 5px; }
   .index-bt .post-meta { top: 0;}
   .index-bt .post-meta span { padding: 0 15px; font-weight: 400; font-size: 12px;}
   .index-bt .post-meta1 { top: -8px; width: 250px;}
}
/*******鏈嶅姟*******/ 
    #pcTab{display:block;}
    #mobileTab{display:none;}
    #serverPcConWrap{display:block;}
    .tabWrap li{ float: left; width:50%; text-align: center; }
    .tabWrap li img{ vertical-align: middle; margin-right: 10px; }
    .tabWrap li a{ text-align: center; color: #000; }  
    .cont ul li{ display: none; height: 200px;}
    .qySelected,.qyUnSelected,.grSelected,.grUnSelected{position:relative;}
    #serverTab1 .serv-bg img,#serverTab2 .serv-bg img{ min-height: 100px; display: block;width: 100%;height: auto;cursor:pointer;}
    #serverTab1 .serv-bg img {  -moz-border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; }
    #serverTab2 .serv-bg img { -moz-border-radius: 0 8px 8px 0; -webkit-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; }
    #serverTab1, #serverTab2{position:relative;}
    .serv-text { position: absolute;top: 48%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 21; width: 90%;text-align: center; color: #fff; }
    .serv-text h2 { cursor:pointer; font-size: 34px;font-weight: bold; margin: 0; text-shadow: 0 1px 2px rgba(0,0,0,0.6); color:#fff; }
    .serv-text p { cursor:pointer; color:#fff; font-size: 15px; margin-top: 5px; text-shadow: 0 1px 2px rgba(0,0,0,0.6); }
   .servSelected-text{ cursor:pointer; position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  z-index: 21;  width: 90%; text-align: center; color: #fff;}
   .servSelected-text h2 { color: #fff; font-size: 28px;font-weight: bold;margin-top: 20px; margin-bottom: 10px; }
  .servSelected-text .xian { width: 45px; height: 2px; margin: 18px auto 0 auto; overflow: hidden;background-color: #fff; }
  .servSelected-text h3 { color: #fff; font-size: 16px; margin-top: 18px; line-height: 20px;}
  .servSelected-text p { color: #fff; font-size: 12px;  margin-top: 12px;  margin-bottom: 0; }
  .servMore{position: absolute;bottom: 30px;left: 50%;margin-left: -50px;}
  .servMore .btn-sm { padding: 0 5px;font-size: 12px;}
  .servMore .btn-default { color: #fff; background-color: transparent;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: 22px;    font-weight: bold; }
  .servMore .btn:hover{background:#fff;color:#3E63B2;}
  .servMore .btn:hover .iconCircle{background:#3E63B2 !important;}

@media (min-width: 1025px) and   (max-width: 1460px){
        .tabWrap { width: 1170px;}
}
@media (min-width: 768px) and (max-width: 1024px){
  .servMore{position: absolute;bottom: 14px;left: 50%;margin-left: -50px;}
  .servSelected-text h2{font-size:24px;}
  .servSelected-text .xian{margin: 5px auto 0 auto;}
  .servSelected-text h3{font-size: 16px; margin-top: 5px; line-height: 20px;}
  .servSelected-text p{display:none;}
  .btn{font-size:12px;}
  .servMore .btn-sm{ padding: 4px 6px;} 
}

  .line{width:100%;display:inline-block;}
  .line-huang{width: 100%; padding-top: 20px; margin: 0 auto 18px auto; text-align: center;  border-top: 1px solid #d6b980;}
  .serverCon1 ul li,.serverCon2 ul li{width:25%;float:left;padding: 40px 50px;height: 250px;overflow: hidden;margin: 0 auto 20px auto;text-align: center;-moz-border-radius: 5px; -webkit-border-radius: 5px;
            border-radius: 5px;}
  .wmfu-box h3 {  font-size: 22px; font-weight: 500; color: #000; margin-top: 8px;}
  .wmfu-box h3 a{font-size: 22px; font-weight: 500; color: #000;}
  .jjfa-ico1 h3 { margin-top: -4px;}
  .wmfu-box p { font-size: 16px; color: #797979; line-height: 20px; margin-top: 12px;}
  .wmfu-box .icon{line-height: 56px;}
  .wmfu-box p a{font-size: 16px; color: #797979;}
  .wmfu-box .icon a{ color: #6f91d9;}
  .jjfa-ico1 .icon a{ font-size: 56px;}
  .wmfu-box:hover { background-color: #d6b980;}
  .wmfu-box:hover a{color:#fff;}

@media (min-width: 768px) and (max-width: 991px){
   .serverCon1 ul li,.serverCon2 ul li{width:50%;}
}
@media (max-width: 767px){
  #pcTab{display:none !important;}
  #mobileTab{display:block !important;}
  #serverPcConWrap{display:none;}
  .serverConWrap {padding: 0;}
  .tabWrap li{width:100%;}
  #serverTab1 .serv-bg img,#serverTab2 .serv-bg img{-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
   .servSelected-text h2{font-size: 18px;}
   .servSelected-text .xian{ margin: 3px auto 0 auto;}
   .servSelected-text h3{ font-size: 12px;  margin-top: 4px; line-height: 14px;}
   .servMore{margin-top: 8px; position: absolute; top: 49%; left: 50%; margin-left: -50px;bottom: 0px;}
   .servSelected-text p{display:none;}
   .servMore .btn-sm{ padding: 0 5px;} 
   .servMore .btn{ font-weight:600;font-size:12px;}
   .servMore .btn-default{margin-top:24px;}
   .serverConWrap ul li{width:50% !important;padding: 10px; height: 140px; overflow: hidden; margin: 0 auto; padding-top: 15px;}
  .jjfa-ico1 .icon a{ font-size: 35px;}
  .jjfa-ico1 h3,.jjfa-ico1 h3 a{font-size: 14px; margin-top: 0;}
  .wmfu-box p,.wmfu-box p a{font-size: 12px;line-height: 14px;margin-top: 10px;}
  .jjfa-ico1 { margin-top: -5px;}
  
}
/*******浼佷笟瀹㈡埛*******/ 
  .cases{padding:70px 0;background-color: #424242;}
  .cases .index-bt h3{color: #fff;}
  .cases .index-bt span { background-color: #424242;}
  .qykhWrap ul li{float:left;width:16.667%; min-height: 1px; padding-right: 15px; padding-left: 15px;text-align: center;}
  .qykhWrap .imgItem a img{height: 40px; margin: 20px 0; background: transparent center center no-repeat;background-size: contain; filter: alpha(opacity=45); -moz-opacity: .45;  opacity: .45;}
  .qykhWrap .imgItem a img:hover{color:#fff;filter: alpha(opacity=100); -moz-opacity: 1;  opacity: 1;}
  #mobileQykhWrap{display:none;}
  #pcQykhWrap{display:block;}
  .btn-zhankai {display: none;margin-top: 10px;}
  .btn-zhankai .btn-default{display: block; margin: 0 auto;font-size: 18px; color: #3e63b2; font-weight: 500; background-color: #fff; border-color: transparent;height: 40px;-moz-border-radius: 17px;
            -webkit-border-radius: 17px; border-radius: 17px;outline:none !important;}
  .btn-zhankai .btn-default i{ margin: 0 30px 0 28px;}
  .btn-zhankai .btn-default:hover{background:#3e63b2;color:#fff;outline:none !important;border:none;}
  .btn-zhankai .btn-default:hover icon-dot{color:#fff;}
@media screen and (max-width: 1460px) and (min-width: 1025px){
  .qykhWrap{width:1170px;}
}
@media (min-width: 768px) and (max-width: 991px){
  .qykhWrap ul li{float:left;width:25%; min-height: 1px; padding-right: 15px; padding-left: 15px;text-align: center;}
}
@media (max-width: 767px){
  .cases{padding:30px 10px;}
  #mobileQykhWrap{display:block !important;}
  #pcQykhWrap{display:none !important;}
  .qykhWrap ul li{float:left;width:50%; min-height: 1px; padding-right: 15px; padding-left: 15px;text-align: center;}
  .btn-zhankai {display: block;}
}