@charset "UTF-8";
html, body {
  position: relative;
  font-size: 14px;
  color: #333333;
  font-family: "SourceHanSansCN-Regular";
  background-color: #ffffff !important;
  margin:0 auto;
}
.min-max-width{
  width: 1200px;
  margin:0 auto;
}
.main-color{
  color: #377DDE !important;
}
input[type=text]:focus{ outline: 1px solid #377DDE;}
p{
  margin:0;
  padding: 0;
}
.text-center{
  text-align: center;
}
.fs12{
  font-size:12px;}

.fs14{
  font-size:14px;}

.fs16{
  font-size:16px;}
  

.bgcolor{
  background-color: #ffffff;
}

.dpn{
  display: none
}

.row{
  margin: 0 auto!important;
}

/*去除input number类型的默认样式*/

/* google、safari */
input::-webkit-outer-spin-button,  
input::-webkit-inner-spin-button{  
  -webkit-appearance: none !important;  
  margin: 0;  
}
/* 火狐 */
input[type="number"]{
    -moz-appearance: textfield;
}
/*隐藏滚动条*/
.element::-webkit-scrollbar {display:none}


/*滚动条整体样式*/
.modal-dialog::-webkit-scrollbar {
    width: 5px;
    height: 1px;
}

/*滚动区域背景*/     
.modal-dialog::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 10px;
    background: #ccc;
}
 /*滚动条滑块*/
.modal-dialog::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #5B8CFF;
}

/* header nav banner */

.self-header{
  height: 86px;
  padding:30px 0;
  background: #ffffff;
}
.self-header header{
  width: 1200px;
  padding:0 15px;
  margin:0 auto;
  box-sizing: border-box;
}
.self-header header>div:first-child{
  float: left;
}
.self-header header>div:last-child{
  float: right;
  margin-top:10px;
}
.self-header header>div p.header-title{
  font-size: 36px;
  font-weight: 700;
}
.self-header header>div p.header-desc{
  font-size: 24px;
  color: #666666;
}
.self-header header>div p.self-platform{
  font-size: 26px;
}
.self-header header>div p.self-tel{
  font-size: 30px;
  color: #FF4436;
}
.self-nav{
  height: 50px;
  background: #262B31;
}
.self-nav ul{
  width: 1200px;
  margin: 0 auto;
}
.self-nav ul li {
  display: inline-block;
  
}
.self-nav ul li a{
  display:inline-block;
  width: 146px;
  color: #ffffff;
  text-align: center;
  height: 49px;
  line-height: 49px;
}
.self-banner a{display: block;background-color: #F6F7FF;}
.self-banner a img{width: 100%;}