.OutsideDIV 
{
    width:100%;
    min-width:1200px;
}
.Middle
{ height:800px;
  background:#ffffff;
  }
.OutsideDIV .ContentDiv 
{
    width:1200px;   
    margin:auto;
}
.Top  
{
    height:60px; 
    background:rgba(2,87,183,0.8);
 }
#floatTop
{
    position:fixed;top:0px;z-index:2;
    z-index:16;
    }
.Top .ContentDiv 
{
    height:60px;
 }
.Bottom 
{
    height:200px; 
    background:#444957;
    position:relative;
} 
.Bottom .ContentDiv 
{
    height:200px;
}
/*首页导航*/
.IndexLogo 
{
    width:180px; 
    margin:10px 0px;
}
.Logo
{
    width:150px; 
    float:left;
 }
.NavDiv 
{
    float:right; 
    /* width:820px; */ 
    height:60px; 
    position:relative;
    
}
.NavDiv .NavUl 
{
    height:60px; 
    padding:0px; 
    margin:0px; 
    padding-top:5px;
}
.NavDiv .NavUl li 
{
    float:left; 
    list-style:none; 
    margin-left:102px; 
    font-family: 微软雅黑;
    font-size:16px; 
    height:52px; 
    line-height:52px; 
    color:#fff; 
    text-align:center; 
    cursor:pointer;
}
.NavDiv .NavUl li br{
    line-height:0px;
    }
.NavDiv .NavUl li.active span ,.NavDiv .NavUl li:hover span
{
    border-bottom:3px solid #fff; 
    width:10px;
    line-height:0px;
    display:block;
    margin:auto;
}

/*首页轮播*/
#Carousel
{
    height:auto;
    position:relative;
    /* top:-60px; */
    background:none;
    overflow:hidden;
    text-align:center;
    background:#1c60be;
    }
 .bannerDiv
 {
     width:100%;
     max-width:1920px;
     max-height:800px;
     overflow:hidden;
     position:relative;
     margin:auto;
     }
 .banner
 {
     width:100%;
     max-width:1920px;
     max-height:800px;
     margin:auto;
     
     }
@keyframes myfirst
{
         0%  { top:36%; right:23%; width:0px;height:0px;border-radius:100%; border:1px solid rgba(255,255,255,1);}
         100%{ top:-18%; right:-3.5%; width:50%; height:120%; max-height:960px;border-radius:100%; border:1px solid rgba(255,255,255,0.1)}
    }
.BODIV{
           vertical-align:middle;
           position:absolute;
           margin:auto;
           border:1px solid #fff;
           border-radius:25px;
       }   
.BODIV1{
           animation: myfirst 6s linear 0s infinite normal;
           /* Safari 与 Chrome: */
           -webkit-animation: myfirst 6s linear 0s infinite normal;
        }
.BODIV2{
           animation: myfirst 6s linear 2s infinite normal;
           /* Safari 与 Chrome: */
           -webkit-animation: myfirst 6s linear 2s infinite normal;
        }
.BODIV3{
           animation: myfirst 6s linear 4s infinite normal;
            /* Safari 与 Chrome: */
           -webkit-animation: myfirst 6s linear 4s infinite normal;
        }
.BODIV4{
           animation: myfirst 6s linea 6s infinite normal;
           /* Safari 与 Chrome: */
           -webkit-animation: myfirst 6s linear 6s infinite normal;
        }

/* .Carousel, #myCarousel 
{
    height:740px; 
    background:#0257b7;
}
#myCarousel .carousel-indicators .active 
{
    width:30px;
    height: 10px;
    margin: 0;
    background-color: #fff;
}
#myCarousel .carousel-indicators li 
{
    width:10px;
    height: 10px;
    margin: 0;
    background-color: #fff;
}
.carousel-control.left,.carousel-control.right
{
     background:none;
     top:310px;
    } */
/*技术与服务*/
/*标题*/
.TitleDiv 
{
    text-align:center; 
    width:1200px; 
    height:200px;  
    padding-top:100px;
    }
.TitleDiv .Title 
{
    font-family:Hiragino Sans GB W3;
    src:url('../BootstrapSouce/fonts/Hiragino Sans GB W3.ttf');
    font-size:22px;
    color:#0a2f51;
     }
 .TitleDiv .Subtitle
 {
    font-family:ArialMT;
     src:url('../BootstrapSouce/fonts/ArialMT.ttf'); 
     font-size:14px;
     color:#999999;
     }
/*内容*/
.TandS_Contents
{
     margin-left:-50px;
     width:1250px;
     height:540px;
     margin-top:60px;
    }
.TandS_Contents .TandS_Content
{
    float:left;
    height:400px; 
    width:200px;
    margin-left:50px;
    cursor:pointer;
   }

.TandS_Content .TandS_Img 
{
    width:200px;
    height:240px;
    padding-top:15px;
    }
 .TandS_Content  .TandS_TitleDiv  
{
     width:200px;
     height:160px;
     text-align:center; 
}  
.TandS_TitleDiv .TandS_Title
{
     font-family:Hiragino Sans GB W3;
     src:url('../BootstrapSouce/fonts/Hiragino Sans GB W3.ttf');
     font-size:20px;
     color:#333333; 
     padding-top: 30px; 
     display:block;
    }
.TandS_TitleDiv .TandS_Subtitle
{
    font-family:Hiragino Sans GB W3;
    src:url('../BootstrapSouce/fonts/Hiragino Sans GB W3.ttf');
    color:#999999;
    font-size:16px;
    display:block;
}
.TandS_Content:hover .TandS_Img
{
    border:2px solid #e7f4fd ;
    }
.TandS_Content:hover .TandS_TitleDiv
{
    background:#0257b7;
    }
.TandS_Content:hover .TandS_Title,.TandS_Content:hover .TandS_Subtitle
{
    color:#fff;
    }
/*行业应用*/
.IndApp{ 
	background:url(../image/行业应用bac.png) no-repeat;
	background-size:cover;
	background-position:center;
	}
.IndApp_Contents a
{
     text-decoration:none}
.IndApp_Contents{
  font-family: "Ruthie";
  width: 745px;
  height: 745px;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transform: rotate(-45deg) translate(110px, -80px);
  -moz-transform: rotate(-45deg) translate(110px, -80px);
  transform: rotate(-45deg) translate(110px, -80px); }


.diamond {
  display: block;
  float: left;
  color: #fff;
  font-family: "Londrina Solid";
  font-size: 2em;
  text-decoration: none;
  background: #5c3e52;
  width: 175px;
  height: 175px;
  border: #fff solid 2px;
  margin-top:5px; margin-right:5px;
  }

.thumb {
  position: relative;
  overflow: hidden;
  cursor:pointer;

   }

.thumb:after {
  content: "";
  position: absolute;
  top: -36px;
  left: -36px;
  width: 250px;
  height: 250px;
  background: inherit;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 1; 
  box-shadow: inset 10px 10px 300px #000
  }

.break0 {
  clear: left; margin-left:5px}
.break1 {
  clear: left;
  margin-left: 185px;
    }
.break2 {
  clear: left;
  margin-left: 365px;
   }
.diamond p {
  position: relative;
  height:175px; 
  height:175px;
  z-index: 1;
  -webkit-transform: rotate(45deg) translate(0px, 60px);
  -moz-transform: rotate(45deg) translate(0px,60px);
  transform: rotate(45deg) translate(0px, 60px);
  text-align:center;
   }

.thumb p {
  visibility: visible;
  color:#fff;
  font-size:22px;
   }
.diamond p span  
{
    margin-top:20px;
    border-top:2px solid #fff; 
    width:20px;
    display:inline-block
}
#yggch {
  background-image:url(../image/IndApp/遥感工程化.png)}
#hb {
  background-image:url(../image/IndApp/环保.png)}
#gt {
  background-image:url(../image/IndApp/国土.png)}
#hy {
  background-image:url(../image/IndApp/海洋.png)}
#qx {
  background-image:url(../image/IndApp/气象.png)}
#dz {
  background-image:url(../image/IndApp/地质.png)}
#fp {
  background-image:url(../image/IndApp/扶贫.png)}
#ny {
  background-image:url(../image/IndApp/农业.png)}

.thumb:hover p
{
    font-size:24px;
     color: #fff;
    }
.thumb:hover p span 
{
    width:20px;
    border-top:2px solid #fff; 
}

.thumb:hover:after {
  box-shadow: inset 10px 10px 200px #000 }

.diamond:hover p {
  visibility: visible; }
/*公司新闻*/
.News_left
{
     float:left;
     width:580px;
     height:600px;
    }
/*企业新闻左侧轮播*/
#CarouseNews
{
    width:580px;
    height:300px
    }
#CarouseNews .carousel-indicators .active 
{
    width:30px;
    height: 10px;
    margin: 0;
    background-color: #fff;
}
.carousel-indicators li
{
    background:#fff;
    }
/*左侧第一条新闻*/
.News_left .News_FirstNew
{
    width:580px;
    height:300px;
    padding:50px 0px;
    display:none;
}
.News_left .News_FirstNew a{
	text-decoration:none;
}
.News_left .News_FirstNew h3
{
    margin-top:20px;
    margin-bottom:20px;
    font-family: Hiragino Sans GB W6;
    src:url(../BootstrapSouce/fonts/Hiragino Sans GB W6.otf);
    font-size:18px;
    color:#333333;
     cursor:pointer;
    }
.News_left .News_FirstNew p
{
    font-family:Hiragino Sans GB W3;
    src:url(../BootstrapSouce/fonts/Hiragino Sans GB W3.otf);
    font-size:14px;
    color:#999999;
    line-height:30px;
    text-indent:2em;
    height:160px;
    overflow:hidden;
    }
.News_left .News_FirstNew.active
{
    display:block;
 }
/*右侧新闻列表*/
.News_Right
{
    float:left;
    width:600px;
    height:600px;
    margin-left:20px;
    overflow:hidden;
    }  
.News_List
{
    width:600px;
    height:120px;
    padding:10px 20px;
    cursor:pointer;
    }
.News_List .News_List_num 
{
    float:left;
    width:90px;
    height:100px;
    padding-left:10px;
    padding-top:20px;
    }    
.News_List .News_List_new
{
    float:right;
    width:470px;
    height:100px;
    }
.News_List .News_List_new h3
{
    display:inline-block;
    font-family:Hiragino Sans GB W6;
    src:url('../BootstrapSouce/fonts/Hiragino Sans GB W6.ttf');
    font-size:18px;
    color:#333333;
     margin-bottom:15px;
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
     width:390px;
    }
.News_List .News_List_new span
{
    float:right;
    color:#cdcdcd;
     margin:16px 0px 10px;
    }
.News_List .News_List_new p
{
    display:block;
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
    font-family:Hiragino Sans GB W3;
    src:url('../BootstrapSouce/fonts/Hiragino Sans GB W3.ttf');
    font-size:16px;
    color:#999999;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden; */
    }
 
.News_List:hover
{
     background:#0257b7;
    }
.News_List:hover .News_List_new h3
{
    color:#ffffff;
    }
.News_List:hover .News_List_new span
{
    color:#a9d5f6;
    }
.News_List:hover .News_List_new p
{
    color:#a9d5f6;
    }
/*合作伙伴*/
.Partners
{
     background:url(../image/合作伙伴bac.png) no-repeat;
     background-size:cover;
     background-position:center;
      }
.Partners_Contents
{
    width:1200px;
    }
.Partners_Contents .Partners_List
 {
      float:left;
      margin-left:50px;
      margin-bottom:20px;
      width:250px;
      height:105px;
     }
 
.Partners_Contents .Partners_List span
{
    display:inline-block;
    width:150px;
    text-align:center;
    font-family:Microsoft YaHei UI ;
    font-size:24px;
    font-weight:bold;
    color:#024681;
    vertical-align:middle;
    }
.Partners_Contents .Partners_List span.longtext
{
     font-size:16px;
     line-height:30px;
     }
/*底部*/
.Bottom_Contents
{
    padding-top:80px;
   text-align:center;
    }
   .Bottom_Contents ul 
   {
       display:block;
       width:550px;
       height:50px;
      margin:auto;
       }  
 .Bottom_Contents ul li
 {
      float:left;
      padding:10px 0px;
      color:#ffffff;
      font-family:Hiragino Sans GB W6;
      src:url('../BootstrapSouce/fonts/Hiragino Sans GB W6.ttf');
      list-style:none;
      font-size:18px;
      cursor:pointer
      }
 .Bottom_Contents ul li span
      {
          float:right;
          -webkit-margin:8px 30px;
          -moz-margin:10px 30px;
           margin:7px 30px;
          display:inline-block;
          height:12px;
          border-right:#ffffff solid 2px;
          }
.Bottom_copyright
 {
     position:absolute;
     width:1200px;
     bottom:20px;
     text-align: center;
      color:#a9d5f6;
      font-size:14px;}