.container{
  width: 1200px;
  margin: 0 auto;
}
.container-fluid{
  width: 100%;
  min-width: 1200px;
	margin: 0 auto;
}
/* header */
.header{
  padding-top: 30px;
  height: 143px;
  overflow: hidden;
}
.header .login {
  width: 1200px;
  height: 30px;
  padding-top: 10px;
}
.header .login_box {
  width: 250px;
  height: 20px;
  float: right;
  text-align: right;
}
.header .login_box a {
  width: 50px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #83868a;
  font-size: 14px;
}
.header .logo{
  width: 245px;
  /* height: 77px; */
  display: inline-block;
  margin-top: 18px;
  margin-right: 12px;
}
.header .logo img{
  width: 100%;
}
.header .logo-tip{
  width: 265px;
  /* height: 17px; */
  margin-top: 43px;
}
.header .info-item .phone{
  width: 169px;
  /* height: 44px; */
  display: inline-block;
  margin-top: 32px;
}
.header .info-item .phoneicon{
  width: 24px;
  /* height: 19px; */
  display: inline-block;
  margin-top: 55px;
  margin-right: 12px;
}
.header .search-item{
  width: 265px;
	height: 35px;
	background-color: #ffffff;
	border-radius: 3px;
  border: solid 1px #d3d3d3;
  box-sizing: border-box;
  margin-right: 13px;
  margin-top: 41px;
}
.header .search-item input{
  width: 197px;
  height: 24px;
  background: none;
  display: inline-block;
  margin: 5px 0 0 13px;
  font-size: 14px;
  color: #595757;
}
.search-item input::-webkit-input-placeholder { /* WebKit browsers */
  color: #d6d6d6;
}
.search-item input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #d6d6d6;
}
.search-item input::-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #d6d6d6;
} 
.header .search-item button{
  width: 33px;
  height: 33px;
  background: none;
  display: inline-block;
  cursor: pointer;
}
.header .search-item button img{
  width: 14px;
  height: 14px;
}

/* nav */
.nav{
  height: 58px;
  background: #00458d;
}
.nav .nav-item{

}
.nav .nav-item .nav-m{
  text-align: center;
  float: left;
  position: relative;
  width: 150px;
}
.nav .nav-item .nav-m h3 a{
  font-size: 16px;
	letter-spacing: 1px;
  color: #ffffff;
  height: 58px;
  line-height: 58px;
  font-weight: bold;
}
.nav .sub{
  position: absolute;
  top: 49px;
  z-index: 999;
  display: none;
}
.nav .sub.sub-about{
  left: 18px;
  width: 113px;
}
.nav .sub.sub-solution{
  left: 0px;
  width: 244px;
}
.nav .sub.sub-product{
  left: -156px;
  width: 957px;
}
.nav .sub > ul{
  padding: 18px 0;
  background: #f0f0f0;
}
.nav .sub > img{
  display: block;
}
.nav .sub ul li a{
  color: #3e3a39;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 28px;
  text-align: center;
  opacity: 0.8;
}
.nav .sub ul li a:hover{
  color: #00458d;
}
.nav .nav-item .nav-line{
  width: 4px;
  margin-top: 1px;
  float: left;
}
.nav-m .nav-m-solution{
  text-align: left; 
  padding-left: 20px!important;
}
/* 产品中心二级菜单 */
.nav .sub .sub-product-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0 0 18px 0;
}
.nav .sub .sub-product-list > li{
  width: 208px;
  margin: 18px 0 0 0;
}
.nav .sub .sub-product-list > li dl{
  width: 100%;
  text-align: left;
}
.nav .sub .sub-product-list > li dt{
  width: 100%;
  height: 34px;
  line-height: 34px;
  border-bottom: 1px solid #dcdddd;
  background: url(../images/prolist-titlebg.png) no-repeat right center;
  margin-bottom: 10px;
}
.nav .sub .sub-product-list > li dt a{
  font-size: 14px;
  letter-spacing: 1px;
	color: #00458d;
  opacity: 0.8;
  font-weight: bold;
}
.nav .sub .sub-product-list > li dd a{
  letter-spacing: 1px;
	color: #000000;
  opacity: 0.8;
  line-height: 18px;
  font-size: 12px!important;
  width: 100%;
  word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display: inline-block;
  text-align: left;
}
.nav .sub .sub-product-list > li dd a:hover{
  color: #00458d;
}
/* foot-nav */
.footnav-item{
  height: 390px;
  background: #00458d;
  margin-top: 35px;
}
.footnav{
  display: flex;
  justify-content: flex-start;
}
.footnavdl{
  margin-top: 40px;
}
.footnavdl dt{
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #fff;
  font-size: 16px;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 15px;
}
.footnavdl dt a{
  color: #fff;
}
.footnavdl dd a{
  width: 100%;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  height: 32px;
  line-height: 32px;
}
.footnavdl dd a:hover{
  text-decoration: underline;
}
.footnavdl.about{
  width: 85px;
}
.footnavdl.product{
  width: 175px;
  margin-left: 35px;
}
.footnavdl.solution{
  width: 185px;
  margin-left: 35px;
}
.footnavdl.service{
  width: 85px;
  margin-left: 35px;
}
.footnavdl.technology{
  width: 85px;
  margin-left: 35px;
}
.footnav .info{
  width: 258px;
  height: 300px;
  margin-left: 60px;
  margin-top: 51px;
}
.footnav .info h2{
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 10px;
}
.footnav .info p{
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  line-height: 27px;
  display: flex;
}
.footnav .info p span{
  display: block;
}
.footnav .info p span:first-child{
  width: 40px;
}

.footnav .ewm{
  width: 133px;
  height: 133px;
  margin-top: 102px;
}
/* footer */
.footer{
  height: 70px;
  background: #242424;
}
.fooer-main{
  width: 700px;
  height: 70px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #595757;
  font-size: 14px;
  letter-spacing: 1px;
}
.fooer-main a{
  color: #595757;
}
.fooer-main a:hover{
  text-decoration: underline;
}
.pages{
  text-align: center;
}
.pagelist{
  overflow: hidden;
  display:inline-block;
}
.pagelist li{
  float: left;
  height: 39px;
  line-height: 39px;
  background-color: #fff;
  border: 1px solid #dcdddd;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 8px;
  color: #3e3a39;
  padding: 0 15px;
  margin-right: 10px;
}
.pagelist li a{
  color: #3e3a39;
}
.pagelist li.thisclass{
  background-color: #00458d;
  color: #fff;
  border: 0;
  line-height: 39px;
}
.pagelist select{
  background: none;
}
/* download box */
.download {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: #00000047;
}
.download_box {
  width: 440px;
  height: 454px;
  padding: 20px;
  background: #ffffff;
  margin: 160px auto;
  border-radius: 10px;

}
.d_box_title {
  position: relative;
  height: 35px;
  font-size: 20px;
  color: #000000;
  text-align: center;
  border-bottom: 1px solid #dadada;
  margin-bottom: 10px;
}
.d_box_close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.d_box_message {
  line-height: 20px;
  min-height: 20px;
  font-size: 12px;
  margin-bottom: 10px;
  color: #e04a4a;
}
.d_box_info {
  height: 30px;
  margin-bottom: 20px;
}
.d_b_info_desc {
  float: left;
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: right;
  color: #000000;
  font-size: 16px;
}
.d_b_info_desc span {
  color: #df0b08;
}

.d_b_info_text {
  float: left;
  width: 285px;
  height: 36px;
  padding: 5px 10px;
  border: 1px solid #dadada;
  border-radius: 6px;
  margin-left: 15px;
}

.d_b_info_text input {
  width: 260px;
  height: 20px;
  font-size: 16px;
}

.phone_code {
  width: 164px;
}

.phone_code input{
  width: 70px;
}

#vdimgck {
  float: right;
}

.send_button {
  float: right;
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #0a85df;
  color: #ffffff;
  border-radius: 20px;
  cursor: pointer;
}

.d_box_submit {
  position: relative;
  width: 400px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  background: #0a85df;
  cursor: pointer;
}

.d_b_submit_img {
  display: none;
  position: absolute;
  top: 8px;
  left: 125px;
  width: 25px;
  height: 25px;
}

.d_b_s_img_rotate {
  -webkit-animation:fa-spin 1s infinite linear;
  animation:fa-spin 1s infinite linear
}

@keyframes fa-spin{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }

  100%{
    -webkit-transform:rotate(359deg);
    transform:rotate(359deg)
  }
}

/* message box */
.tips_message {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.tips_message_box {
  width: 200px;
  min-height: 30px;
  line-height: 20px;
  height: auto;
  margin: 300px auto;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  background: #000000b0;
  font-size: 14px;
}