/*HomeTit*/
.homeTitBox{
  font-size:0px;
  margin:0 auto;
  padding:0px;
  text-align:center;
  position:relative;
}
.homeTit {
  position: relative;
  width: auto;
  text-align: center;
  margin-bottom:60px;
}
.homeTitEn {
  font-size: 48px;
  color: #616161;
  opacity: 0.1;
  font-weight: 700;
  text-transform: uppercase;
}
.homeTitMain{
  font-size: 32px;
  color: #1a233f;
  margin-top: -32px;
  padding-bottom: 8px;
}
.homeTitMain:after {
  content: '';
  position: absolute;
  width: 54px;
  height: 2px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-image: linear-gradient(83deg, 
    rgba(80, 192, 253, 0.74) 0%, 
    rgba(53, 124, 241, 0.74) 100%);
}
.homeTitSum{
  font-size:16px;
  color:#555;
  margin-top:20px;
}
/*maxwidth*/
.hMaxwidth{
  max-width:1620px;
  padding:0 15px;
  margin:0 auto;
}
/*transition*/
.hTransition{
  transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  /* Firefox 4 */
  -webkit-transition:all 0.5s ease;
  /* Safari and Chrome */
  -o-transition:all 0.5s ease;
  /* Opera */
}
.h_transition *{
  transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  /* Firefox 4 */
  -webkit-transition:all 0.5s ease;
  /* Safari and Chrome */
  -o-transition:all 0.5s ease;
  /* Opera */
}
/*flex*/
.h_flexBox{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
/*footerNav*/
.footerCateTit{
  font-size: 18px;
  color:#fff;
  margin-bottom: 26px;
  border-top: 1px solid #696969;
  padding-top: 26px;
}
.footerCateLink {
  display: block;
  font-size: 13px;
  color: #afafaf;
  line-height: 30px;
  transition: all 0.5s ease;
}
.footerCateLink  a{
  font-size: 13px;
  color: #afafaf;
  transition: all 0.5s ease;
}
a.footerCateLink:hover {
  color: #366bf6;
}
.footerCateLink a:hover{
  color: #0a408a;
}
/*neiTit*/
.p_stylebox .stylebox_top{
  background-color:rgba(0, 0, 0, 0);
  background-image: url(/img/line.jpg);
  background-repeat:no-repeat;
  background-position:center left;
}
.yjLink::before{
  background-color: #366bf6 !important;
}
.p_stylebox .stylebox_title{
  background-color:rgba(0, 0, 0, 0);
}
.p_stylebox .title_main{
  font-family:Microsoft YaHei;
  font-size:16px;
  font-weight:bold;
  color: rgb(53, 105, 246);
  width: 100%;
}
.p_stylebox .stylebox_content{
  border:none;
}
.p_stylebox .stylebox_bottom_line{
  display:none;
}
/*button*/
.h_btnMore{
  display:block;
  width: 232px;
  height: 48px;
  background-image: linear-gradient(83deg, 
    rgba(80, 192, 253, 1) 0%, 
    rgba(53, 124, 241, 1) 100%);
  color:#fff;
  font-size:16px;
  text-align:center;
  line-height: 48px;
  transition:all 0.5s ease;
}
/*cateButton*/
.btn-primary {
  background-color: #3a3a3a !important;
  border-color: #3a3a3a !important;
}
.btn-primary:hover {
  background-color: #555 !important;
  border-color: #555 !important;
}
/*page*/
.p_page .pageNum.active,
.p_page .pageNum:hover,
.p_page .next:hover,
.p_page .pre:hover,
.p_pagebox .next,
.p_pagebox .pre {
  background-color: #0a408a !important;
  color: #fff;
  border-color: #3567f5 !important;
  border-radius: 0px;
}
.p_page .pageNum,
.p_page .pre,
.p_page .next {
  border-radius: 0px;
}
.p_pagebox .js_pageBtnDisable,
.p_pagebox .js_pageBtnDisable:hover,
.p_pagebox .js_pageBtnDisable:active {
  background: #f5f5f5 !important;
  border-color: #d9d9d9 !important;
  color: #bfbfbf !important;
}
/* input */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #ccc !important;
  font-size: 14px !important;
  font-family: MicrosoftYaHei;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #ccc !important;
  font-size: 14px !important;
  font-family: MicrosoftYaHei;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #ccc !important;
  font-size: 14px !important;
  font-family: MicrosoftYaHei;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #ccc !important;
  font-size: 14px !important;
  font-family: MicrosoftYaHei;
}
/* Grid Start */
.listCol_1 {
  display: inline-block;
  width: 100%;
}
.listCol_2 {
  display: inline-block;
  width: 50%;
}
.listCol_3 {
  display: inline-block;
  width: 33.333%;
}
.listCol_4 {
  display: inline-block;
  width: 25%;
}
.listCol_5 {
  display: inline-block;
  width: 20%;
}
.listCol_6 {
  display: inline-block;
  width: 16.667%;
}
.listCol_7 {
  display: inline-block;
  width: 14.29%;
}
.listCol_8 {
  display: inline-block;
  width: 12.5%;
}
.listCol_9 {
  display: inline-block;
  width: 11.111%;
}
@media only screen and (max-width: 768px){
  div[class*="listCol_"]{
    width: 100%;
  }
  span[style*="font-size:32px"]{
    font-size:20px !important;
  }
   span[style*="font-size:36px"]{
    font-size:24px !important;
  }
  .h_flexBox {
    flex-flow: column !important;
  }
  .homeTit{
    margin-bottom:30px;
  }
  .homeTitEn {
    font-size: 32px;
  }
  .homeTitMain {
    font-size: 20px;
    margin-top: -20px;
  }
}
/* Grid End */

/*delighter animate */ 
.delighter {
  overflow: hidden;
  position: relative;
  transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
}
.h_UpShow.delighter:before {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateY(0%);
  display: block;
  background: #fff;
  z-index: 10;
  content: "";
  transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
}
.h_UpShow.started.delighter:before {
  transform: translateY(100%);
}
.h_LeftShow.delighter:before {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateX(100%);
  display: block;
  background: #fff;
  z-index: 10;
  content: "";
  /*transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;*/
}
.h_LeftShow.started.delighter:before {
  transform: translateX(100%);
}
.h_RightShow.delighter:before {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateX(0%);
  display: block;
  background: #fff;
  z-index: 10;
  content: "";
  transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
}
.h_RightShow.started.delighter:before {
  transform: translateX(-100%);
}
.h_DownShow.delighter:before {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateX(0%);
  display: block;
  background: #fff;
  z-index: 10;
  content: "";
  transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
}
.h_DownShow.started.delighter:before {
  transform: translateY(-100%);
}
/*侧边滑块*/
::-webkit-scrollbar{
  width:5px;
  height:3px;
}
/*指滚动条整体部分，它的属性有width,height,background等*/
::-webkit-scrollbar-track{
  background-color:#eee;
}
/*指外层轨道部分，当不需要时可以用display:none将其隐藏，也可以添加你想要的颜色*/
::-webkit-scrollbar-thumb{
  background-color:#3369be;
}
/*指滚动条里面可以拖动的部分，也就是滑块*/