/*网页的基础设置文件*/

/*图标形文字，从icomoon.io下载，以下是声明文件*/
@font-face {
  font-family: "icomoon";
  src:  url('../fonts/icomoon.eot?ooy5h2');
  src:  url('../fonts/icomoon.eot?ooy5h2#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?ooy5h2') format('truetype'),
    url('../fonts/icomoon.woff?ooy5h2') format('woff'),
    url('../fonts/icomoon.svg?ooy5h2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/*网页字体顺序*/

body{
  font-family:"Microsoft YaHei","SimSun","KaiTi", "Arial", 
"SimHei","LiSu", "icomoon";
}



.clearfix:before,.clearfix:after { 
  content:"";
  display: table;  
}
.clearfix:after {
 clear:both;
}
.clearfix {
  *zoom:1;
}

body{
	background-color: #f5f5f5;
}
li{
	list-style:none;
}
a,s{
  color: #000;
  text-decoration: none;
}
*{
	margin: 0;
	padding: 0;
}
.fl{
  float:left;
}
.fr{
  float:right;
}

/*页面头部开始，含通屏宽底盒子*/
.fullw{
  width: 100%;
  background-color: #f5f5f5;
}

.cw{
  width: 1200px;
  margin: 0 auto;
  background-color: #f5f5f5;
}
.top-new{
	width: 1200px;
  height: 100px;
	margin: 0 auto;
}
.logo{
  width: 300px;
  height:60px;
  float: left;
  margin:20px 20px;
}
.logo h1
{
  margin:0 0;
}
.logo a{
  width: 300px;
  height: 60px;
  display: block;
  background:url(../images/logo.png) no-repeat;
  text-indent: -999px;
  overflow: hidden;
}
.top-new .tel400{
  display: block;
  float:right;
  height: 60px;
  text-align: right;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #F10215;
  margin:40px 20px 0px 0px;

}

/*nav部分开始*/
.nav-new{
  width: 1200px;
  height: 80px;
  margin:0 auto;
  background-color: #fff;
  box-shadow: 0px 1px 12px rgba(0, 0, 0, .4);
  transition: all 0.4s;
}
.nav-new-list{
  width: 100%;
  height:100%;
  padding-left:60px;
}
.nav-new .nav-new-list a{
  display: block;
  cursor:pointer;
  text-align: center;
  width: 115px;
  margin:10px 0px;
  line-height:60px;
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-weight: 550;
  float: left;
  color: #000;
  text-shadow: 0px 0px 5px rgba(0, 0, 0,0.2);
  transition: all linear 0.5s;
}
.nav-new .nav-new-list span{
  display: block;
  text-decoration:none;
  line-height:80px;
  font-size: 18px;
  float:left;
}
.nav-new .nav-new-list a:hover{
  box-shadow: 2px 2px 30px rgba(0, 0, 0,0.3);
  /*color: #F10215;*/
  text-decoration: none;
  background:rgb(189,195,199,1);
  border-radius: 8px;
}

/*banner部分开始*/
.banner-new{
  width: 1190px;
  height: 450px;
  padding: 5px;
  border: 1px solid #ccc;
  position: relative;
}
.inner-banner {
   position: relative;
   width: 1190px;
   height: 450px;
   overflow: hidden;
}
.banul{
  width: 1000%;
  position: absolute;
  top: 0;
  left: 0;
} 
.banul img{
  vertical-align: top;
  float:left;
} 
.banul li {
  list-style: none;
  float: left;
} 
.focusD {
  position: absolute;
  left: 0;
  top: 48%;
  width: 1180px;
  padding: 0 10px;
  height: 30px;
  display: none;
  }
 
.inner-banner ol{
  position: absolute;
  right: 30px;
  bottom: 10px
} 
.inner-banner ol li {
  width: 15px;
  display: inline-block;
  height: 15px;
  margin: 0 3px;
  cursor: pointer;
  line-height: 15px;
  text-align: center;
  background-color: #fff;
}
/*当前的高亮的小圆点*/
.inner-banner ol .current {
  background-color: orange;
  color: #fff;
} 
.focusD span {
  display: inline-block;
  width: 25px;
  font-size: 24px;
  height: 30px;
  color: #ccc;
  line-height: 30px;
  text-align: center;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
} 
.button-left{
  float: left;
}
 
.button-right{
  float: right;
}


/*服务三栏开始*/
.service-new{
  /*height:400px;*/
}
.service-top-list
{
  /*height: 110px;*/
}
.service-top-list a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.service-top-list a dt
{
  display: block;
  width: 100%;
  height: 40px;
  margin-top:25px;
  line-height: 35px;
  font-size: 26px;
}
.service-top-list a dd{
  display:block;
  width: 100%;
  height: 40px;
  font-style:normal;
  font-size: 18px;
  line-height: 30px;
  margin-top:20px;
}
.service-list-bottom{
  margin:0 auto;
  width: 100%;
  height: 240px;
}
.service-list-bottom li{
  width: 380px;
  height: 100%;
  display: block;
  background-color: #fff;
  text-align: center;
  float: left;
  margin:0px 18px 15px 0px;
  transition: all 0.4s;
  overflow: hidden;
}
.service-list-bottom li:hover {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
  transform: translateY(-10px);
}
.service-list-bottom ul{
  width: 100%;
  height: 100%; 
}
.porject-new a{
  width: 100%;
  height: 100%;
  display: block;
}
.porject-new a i{
  font-family: "icomoon";
  font-style:normal;
  font-size: 32px;
  height:60px;
  line-height: 60px;
  display: block;
  margin-top:10px;
}
.porject-new h4{
  height:30px;
  font-size: 20px;
  line-height: 30px;
}
.porject-new p{
  font-size: 24px;
  line-height: 14px;
  margin:15px 0px;
}
.porject-new a hr{
  margin:0px 20px;
  color: #ccc;
}
.porject-new span{
  display: block;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  margin-top:10px;
}
.service-list-bottom li:nth-child(3) {
  margin-right: 0;
}


/*主营业务模块开始*/
.business-new{
/*不要固定行高，用内容撑开，以免破坏布局*/
/*height:1140px;*/
}
.business-top
{
  height: 130px;
}
.business-top a{
  display: block;
  width: 100%;
  height: 100%; 
  text-align: center;
}
.business-top a dt
{
  display: block;
  width: 100%;
  height: 40px;
  margin-top:25px;
  line-height: 35px;
  font-size: 26px;
}
.business-top a dd{
  display:block;
  float: left;
  width: 100%;
  height: 60px;
  font-style:normal;
  font-size: 16px;
  line-height: 30px;
  margin:10px 0px 20px;
}
.business-list li{
  width: 270px;
  height: 320px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 15px;
  text-align: center;
  float: left;
  margin-right: 30px;
  margin-bottom: 15px;
  transition: all 0.4s;
  /*border: 1px solid #ccc;*/
}
.business-list li:hover {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
  transform: translateY(-10px);
}
.business-module ul{
  float:left;
  width: 100%;
  height: 100%; 
}
.business-module a{
  width: 100%;
  height: 100%;
  display: block;
}
.business-module a i{
  font-style:normal;
  font-family: "icomoon";
  font-size: 32px;
  height:60px;
  line-height: 60px;
  display: block;
  margin-top:10px;
}
.business-module .system-img{
  width: 150px;
  height:150px;
  margin:30px auto;
}
.business-module h4{
  height:30px;
  font-size: 20px;
  color: #0c4f88;
  line-height: 30px;
}
.business-module .ico-font{
  height:30px;
  font-size: 20px;
  color: #0c4f88;
  line-height: 30px;
  display: inline-block;
}
.business-module .ico-font b{
  font-family: "icomoon";
  text-decoration: none;
  height:30px;
  font-size: 20px;
  color: #0c4f88;
  line-height: 30px;
  display: inline-block;
}
.business-module a hr{
  margin:0px 20px;
  color: #ccc;
}
.business-module span{
  display: block;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  margin-top:10px;
}
.business-list li:nth-child(4n) {
  margin-right: 0;
}



/*网站底部信息开始*/
.footer-new{
  height: 240px;
  position: relative;
}
.footer-new-left{
  height: 200px;
  width: 25%;
  /*border:1px solid skyblue;*/
}
.footer-new-left a{
  display: block;
  width: 100%;
  height: 60px;
  float: left;
  margin-top:20px;
}
.tel-mobile400 img{
  display: block;
  width: 50px;
  height: 50px;
  padding-left:48px;
  margin-top:30px;
  float: left;
}
.tel-mobile400 ul{
  display: block;
  padding-left: 10px;
  margin-top:20px;
  float:left;
}
.footer-new-left .tel-mobile400  ul li{
  font-size: 18px;
  line-height:24px;
  font-weight: 600;
  display: block;
}
/*去掉的在线客服模块*/
/*.footer-left a span{
  display: block;
  background-color: #f40;
  color: #fff;
  font-size: 14px;
  line-height:36px;
  font-weight: 600;
  text-align: center;
  margin:10px 100px;
  border-radius: 6px;
}*/
.footer-new .footer-middle-new{  
  height: 200px;
  width: 40%;
  position: absolute;
  left:35%;
  top:0;

}
/*下级盒子有内容可以撑开，可以不给高宽*/
/*.footer-middle .f-m-full{
  width: 100%;
  height:100%;
}*/
.footer-middle-new .f-m-full li{
  width: 33.33%;
  height:100%;
  display: block;
  float: left;
}
.f-m-full .f-m-left a{
  width: 100%;
  height:30px;
  display: block;
  float:left;
  height: 30px;
  line-height:30px;
  font-size: 16px;
  font-weight: 700;
  margin:30px 0px 10px 20px;
}
.footer-middle-new .f-m-full s{ 
  width:100%;
  height:24px;
  font-weight: 500;
  display: block;
  float: left;
}
.f-m-full .f-m-left .f-m-list a{
  width: 100%;
  height:24px;
  display: block;
  float:left;
  line-height:24px;
  font-size: 14px;
  font-weight: 500;
  margin:5px 0px 10px 25px;
}
.footer-right-new{
  height: 200px;
  width: 20%;
  position: absolute;
  right:0;
  top:0;
  /*border:1px solid skyblue;*/
}
.footer-bottom-new{
  width:100%;
  height:30px;
  position: absolute;
  left:0;
  bottom: 10px;
  /*border: 1px solid skyblue;*/
}
.footer-bottom-new a{
  width: 80px;
  height: 30px;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 30px;
  text-align: left;
  padding-left: 5px;
}
.footer-bottom-new span{
  width: 80%;
  height: 30px;
  display: block;
  /*float: right;*/
  position:absolute;
  left:-10%;
  font-size: 12px;
  line-height: 30px;
  text-align: right;
  padding-right: 20px;
  /*border: 1px solid skyblue;*/
}
.footer-bottom-new .netbeian{
  width: 80%;
  height: 30px;
  display: block;
  float: right;
  font-size: 12px;
  line-height: 30px;
  text-align: right;
  font-weight: 600;
  padding-right: 30px;
  /*border: 1px solid skyblue;*/
}
.footer-right-new a{
  font-size: 20px;
  height: 30px;
  line-height:30px;
  color: #0c4f88;
  display: block;
  position: absolute;
  right:80px;
  top:25px;
}
.footer-right-new img{
  width: 140px;
  height: 140px;
  display: block;
  position: absolute;
  right: 50px;
  bottom:10px;
}

/*网站底部信息开始*/
.footer{
  height: 240px;
  position: relative;
  border-top: 1px solid #ccc;
}
.footer-left{
  height: 200px;
  width: 25%;
  /*border:1px solid skyblue;*/
}
.footer-left a{
  display: block;
  width: 100%;
  height: 60px;
  float: left;
  margin-top:20px;
}
.tel img{
  display: block;
  width: 50px;
  height: 50px;
  padding-left:48px;
  margin-top:30px;
  float: left;
}
.tel ul{
  display: block;
  padding-left: 10px;
  margin-top:20px;
  float:left;
}
.footer-left  .tel li{
  font-size: 18px;
  line-height:24px;
  font-weight: 600;
  display: block;
}
/*去掉的在线客服模块*/
/*.footer-left a span{
  display: block;
  background-color: #f40;
  color: #fff;
  font-size: 14px;
  line-height:36px;
  font-weight: 600;
  text-align: center;
  margin:10px 100px;
  border-radius: 6px;
}*/
.footer .footer-middle{  
  height: 200px;
  width: 40%;
  position: absolute;
  left:35%;
  top:0;
  /*border:1px solid skyblue;*/
}
/*下级盒子有内容可以撑开，可以不给高宽*/
/*.footer-middle .f-m-full{
  width: 100%;
  height:100%;
}*/
.footer-middle .f-m-full li{
  width: 33.33%;
  height:100%;
  display: block;
  float: left;
}
.f-m-full .f-m-left a{
  width: 100%;
  height:30px;
  display: block;
  float:left;
  height: 30px;
  line-height:30px;
  font-size: 16px;
  font-weight: 700;
  margin:30px 0px 10px 20px;
}
.footer-middle .f-m-full s{ 
  width:100%;
  height:24px;
  font-weight: 500;
  display: block;
  float: left;
}
.f-m-full .f-m-left .f-m-list a{
  width: 100%;
  height:24px;
  display: block;
  float:left;
  line-height:24px;
  font-size: 14px;
  font-weight: 500;
  margin:5px 0px 10px 25px;
}
.footer-right{
  height: 200px;
  width: 20%;
  position: absolute;
  right:0;
  top:0;
  /*border:1px solid skyblue;*/
}
.footer-bottom{
  width:100%;
  height:30px;
  position: absolute;
  left:0;
  bottom: 10px;
  /*border: 1px solid skyblue;*/
}
.footer-bottom a{
  width: 80px;
  height: 30px;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 30px;
  text-align: left;
  padding-left: 5px;
}
.footer-bottom span{
  width: 80%;
  height: 30px;
  display: block;
  float: right;
  font-size: 12px;
  line-height: 30px;
  text-align: right;
  padding-right: 20px;
  /*border: 1px solid skyblue;*/
}
.footer-right a{
  font-size: 20px;
  height: 30px;
  line-height:30px;
  color: #0c4f88;
  display: block;
  position: absolute;
  right:80px;
  top:25px;
}
.footer-right img{
  width: 140px;
  height: 140px;
  display: block;
  position: absolute;
  right: 50px;
  bottom:10px;
}


/*联系我们，下部公司介绍*/

.gongsijianjie{
  width: 85%;
  height:auto;
  margin:0 auto;
}
.gongsijianjie h2{
  text-align: center;
  line-height:60px;
}
.gongsijianjie p{
  font-size: 18px;
  text-indent: 2em;
  line-height: 2.5em;
}
.gongsijianjie .spirit{
  font-size: 20px;
  text-align: center;
  text-indent: 0;
  font-weight:600;  
  color:red;
  line-height: 60px;
}


/*联系我们页面开始*/
/*联系我们，上部联系电话*/
.about-map-info a{
  width: 100%;
  height: 60px;
  font-size: 16px;
  line-height:40px;
}
.base .yaheng{
  padding-left: 5%;
}
.base .about-info-list li
{ 
  height:60px;
  font-size: 20px;
  line-height: 60px;
  font-weight: 60px;
}

/*联系我们，中部横线及单词*/

.centerline{
  position: relative;
}
.centerline hr{
  margin:60px 10%;
  color:#ccc;
}
.centerline span{
  background-color: #f5f5f5;
  display: block;
  position: absolute;
  left:35%;
  top:-38px;
  text-align: center;
  font-size: 55px;
}


/*成功案例部分开始*/
.cases{
/*不要固定行高，用内容撑开，以免破坏布局*/
/*height:1140px;*/
}
.cases-top
{
  height: 130px;
}
.cases-top a{
  display: block;
  width: 100%;
  height: 100%; 
  text-align: center;
}
.cases-top a dt
{
  display: block;
  width: 100%;
  height: 40px;
  margin-top:25px;
  line-height: 35px;
  font-size: 26px;
}
.cases-top a dd{
  display:block;
  float: left;
  width: 100%;
  height: 60px;
  font-style:normal;
  font-size: 16px;
  line-height: 30px;
  margin:10px 0px 20px;
}
.cases-list li{
  width: 380px;
  height: 380px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 15px;
  text-align: center;
  float: left;
  margin-right: 30px;
  margin-bottom: 15px;
  transition: all 0.4s;
  /*border: 1px solid #ccc;*/
}
.cases li:hover {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
  transform: translateY(-10px);
}
.cases-module ul{
  float:left;
  width: 100%;
  height: 100%; 
}
.cases-module a{
  width: 100%;
  height: 100%;
  display: block;
}
.cases-module .cases-img{
  width: 380px;
  height:285px;
  margin:0 auto;
}
.cases-module h4{
  height:25px;
  font-size: 16px;
  color: #0c4f88;
  line-height: 25px;
  margin-top:20px;
}
.cases-module a hr{
  margin:0px 20px;
  color: #ccc;
}
.cases-module span{
  display: block;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  margin-top:5px;
}
.cases-list li:nth-child(3n) {
  margin-right: 0;
}


/*技术文档页样式开始*/
.docu-list{
  width: 1200px;
  margin:0 auto;
  position: relative; 
}
.article-left-top{
  width: 68%;
  height: 30px;
  font-size:14px;
  line-height: 24px;
  background-color: #fff;
}
.article-left-middle{
  width:68%;
  height: 900px;
  line-height: 24px;
  background-color: #fff;
}
.article-left-middle li{
  border-bottom: 1px dashed #ccc; 
  margin-left:20px;
}
.article-left-middle a{
  height: 40px;
  font-size:20px;
  line-height: 40px;
  font-weight: 600;
}
.article-left-middle span{
  text-indent: 2em;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  display:block;
  margin:5px 0;
  color: #777;
}
.article-left-bottom{
  width: 68%;
  height: 30px;
  font-size:14px;
  text-align: center;
  line-height: 30px;
  background-color: #fff;
}
.article-right-top{
  position: absolute;
  right: 0;
  top:0;
  width: 30%;
  height: 48%;
  /*border:1px solid skyblue;*/
  background-color: #fff;
}
.article-right-top li{
  height: 40px;
  line-height: 40px;
  margin-left:20px;
  list-style-type: square;
  border-bottom: 1px dashed #ccc;
}
.article-right-bottom{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30%;
  height: 48%;
  /*border:1px solid skyblue;*/
  background-color: #fff;
}
.article-right-bottom li{
  height: 40px;
  line-height: 40px;
  border-bottom: 1px dashed #ccc;
  margin-left:20px;
  list-style-type: square;
}
.article-right-top h3{
  margin:10px 35%;
}
.article-right-bottom h3{
  margin:10px 35%;
}

/*技术文档内容页样式*/
.technology-artical{
  background-color: #fff;
}
.technology-artical-content{
  margin:10px auto;
  width: 80%;
  line-height: 1.8em;
  text-indent: 2em;

}
.artical-content-back{
  display: block;
  height: 60px;
  width: 60px;
}