*{padding: 0;margin: 0px;}
p{margin: 0 !important;}
ul,li{list-style: none; margin: 0;}
a{text-decoration: none; color: inherit;}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none; /*指鼠标在链接*/ color:inherit;}
a:active{text-decoration:none;/* 指正在点的链接*/ }
li:hover{cursor:pointer;/* 触碰时变成小手*/}
.clr::after{content: "";display: block;clear: both;}
html,body{font-size: 14px; font-family: MicrosoftYaHei;}
input[class="my_text"]{border: none;outline: none;/*去掉默认input焦点边框*/}


.icon-triangle-right{
    font-size: 6px !important;
	color: #bbbbbb;
}
.sction-main{
     width: 100%;
      background-color:#fcfbfa;
      padding:10px 0 40px 0;
}
.my_centered{
    width: 59.9%;
    margin:  0 auto;
    /*共用宽度*/
}
@media (max-width:1441px){
    .my_centered{width: 70%;} 
}
@media (max-width: 1025px){
    .my_centered{width: 80%;}
}
@media (max-width: 751px){
    .my_centered{
        width: 92%;
    }
}

header{
    background-image: linear-gradient(90deg, 
		#033666 0%, 
		#086fc6 48%, 
		#1485e5 71%, 
		#0166b4 100%);
    background-size: contain;
    z-index: -1;
    height: 140px;
}
.headerbg{
    z-index: 2;
    background: url(../img/headerbg.png) no-repeat;
    background-size: cover;
    height: 100%;
}
header>.headerbg>.h-main{
    display: flex;
    align-items: center;
    height: 140px;
    position: relative;
}


header>.headerbg>.h-main>.logo{
    padding-right: 18px;
}
header>.headerbg>.h-main>.logo>img{
    width: 100%;
}
header>.headerbg>.h-main>.h-m-wenzi{
    text-align: center;
    font-family: TRENDS;
    font-size: 40px;
	line-height: 45px;
	letter-spacing: 4px;
    color: #ffffff;
    padding-left: 18px;
    border-left: 2px rgba(255, 255, 255, 0.2) solid;
}
header>.headerbg>.h-main>.h-m-sousuo{
    position: absolute;
    right: 0;
    width: 28%;
    border: #fff 5px solid;
    background: #e4e4e4;
}
header>.headerbg>.h-main>.h-m-sousuo>.h-m-ss-left{
    float: left;
}
/* 搜索框*/
header>.headerbg>.h-main>.h-m-sousuo>.h-m-ss-left{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
   header>.headerbg>.h-main>.h-m-sousuo>.h-m-ss-left  > div{
   width:90%;
   overflow: hidden;
}
.wp_search>table{
  width:100%;
}
.wp_search>tbody{
  width:100%;
}
.wp_search>table>tbody>tr>td:nth-child(1){
  width:calc(100% - 80px);
}

.wp_search>table>tbody>tr>td:nth-child(2){
  width: 80px;
}
.wp_search>table>tbody>tr>td:nth-child(2)>input{
  width:100%;
}
header>.headerbg>.h-main>.h-m-sousuo>.h-m-ss-left> * {
    float: left;
}


header>.headerbg>.h-main>.h-m-sousuo>.h-m-ss-left>img {
    margin: 0 10px;
}

::-webkit-input-placeholder { color: #999;font-size: 0.8rem; }
::-moz-placeholder { color: #999;font-size: 0.8rem; } /* firefox 19+ */
:-ms-input-placeholder { color: #999;font-size: 0.8rem; } /* ie */
input:-moz-placeholder { color: #999;font-size: 0.8rem; }

header>.headerbg>.h-main>.h-m-sousuo>.h-m-ss-left> input[type="text"]{
    width: calc(100% - 40px);
    border: none;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #e4e4e4;
}
header>.headerbg>.h-main>.h-m-sousuo>button{
    width: 25%;
    margin: 0;
    padding: 0;
    border:none; 
    outline: none;      
    color: #fff;
    background-color: #4184dd;
    height: 35px;
    box-sizing: border-box;
}
.lantiao{
    height: 5px;
    background-color: #2db0fb;
}

.wp_search .keyword{
    border: none;
    height: 35px;
    margin: 0;
    padding: 0;
    background: #e4e4e4;
    width: 100% !important;
    color:#666;
}
.wp_search .search{
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    color: #fff;
    background: #4184dd;
    height: 35px;
    box-sizing: border-box;
}
/* 当前位置*/

.possplit{
  background-image: url(../img/sj-article_03.png);
    background-repeat: no-repeat; 
   text-indent: 22px;
    background-position: center;
    width: 8px;
    display: inline-block;
    border: 0px solid red;
    margin: 0 6px;
    background-size: 8px 10px;
}

/* a的悬停颜色*/
.xw-main-right>ul>li>div a:hover{
     color: #4184dd;
}
.xw-main-right>ul>li>div>span:nth-child(2):hover{
    color: #4184dd;
}
ul>li>span>a:hover{
      color: #4184dd;
}



@media (max-width:1485px){
    header>.headerbg>.h-main>.h-m-wenzi {font-size: 2.8rem;}
}
@media (max-width:1452px){
    header>.headerbg>.h-main>.h-m-wenzi {padding-left: 14px;}
    header>.headerbg>.h-main>.logo {padding-right: 14px;}
}
@media (max-width: 1227px){
    header>.headerbg>.h-main>.logo {padding-right: 7px;}
    header>.headerbg>.h-main>.h-m-wenzi {padding-left: 7px;letter-spacing: 0;}
}
@media (max-width: 1165px){
    header>.headerbg>.h-main>.logo {
        width: 300px;
    }
}
@media (max-width: 1150px){
    header>.headerbg>.h-main>.logo {
        width: 280px;
    }
}





/* 导航条 */
.nav{
    background-color: #f8f8f8;
    width: 100%;
    border-bottom: #ddd 1px solid;
}
.nav .wp_nav{
    width: 59.9%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
}
.nav ul>li{
    float: left;
    width: calc(100% / 9);
    line-height: 40px;
    color: #666666;
    position: relative;
    box-sizing: border-box;
}
.nav ul li span{
    display: none;
 }
.nav ul li:hover{
    background-color: #4184dd !important;
    color: #fff !important;
}
.wp_nav .nav-item:hover>a {
    color:#fff;
}
.wp_nav .sub-nav .nav-item a {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.wp_nav .sub-nav .nav-item:hover>a{
     background-color: #4184dd !important;
}
.wp_nav .sub-nav .nav-item:hover>a>span{
    color:#fff;
}
/* 二级菜单 */
.nav ul li ul{
    display: none;
    width: 100%;
    box-sizing: border-box;
}
.nav ul li:hover ul{
    z-index: 1000;
    display:block;
    position: absolute;
}
.nav ul li ul li{
    width: 100%;
    text-align: center;
}
.nav ul li ul li a{
    display: block;
    color: #666666;
    background: #ffffff;
    border-bottom: #e7e7e7 1px solid;
    width: 100%;
}
.nav u >li ul li:hover a{
    display: block;
    background-color: #4184dd;
    color: #ffffff;
}
nav ul li ul li a:last-child{border: none}
.my-icon{
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-15px);
    color: #fff;
    font-size: 30px;
}

@media (max-width:1441px){
    nav ul{width: 70% !important;}
}
@media (max-width: 1025px){
    nav ul{width: 80% !important;}
}

@media(max-width:751px){
    .nav ul li span{display: block;}
    .h-m-sousuo{display: none;}
    .nav{display: none;}
    .my-icon{display: block !important;}
    
    .nav{
        position: absolute;
        z-index: 10;
        margin: 0 auto;
    }
    .nav .wp_nav{
        background-color: #4184dd;
        width: 100% !important;
        padding: 0 28px;
        padding-top: 18px;
    }
    .nav .wp_nav li{
        width: 100%;
        color: #fff;
        text-align: left ;
        line-height: 55px;
        position: static !important;
    }
    .wp_nav>.nav-item{
       border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
     }
    .nav ul li ul{
        display: none !important;
        position: static !important;
        width:100% !important;
    }
     .nav ul li:hover ul{
        display: block !important;
        position: static !important;
    }
    .nav ul li ul li a{
        display: block;
        color: #666666;
        background: #ffffff;
        border-bottom: #e7e7e7 1px solid;
        text-align: left !important;
        padding-left: 32px;
        line-height: 35px;
        box-sizing: border-box;
    }
    .nav ul li ul li:hover a{
        display: block;
        color: #ffffff;
    }

 /* 手机端头部 */


}


/* 二级菜单 end*/
/* 导航条 end*/




footer{
    margin-top: 60px;
    background: #4184dd;
}
footer>.fbg{
    background: url("../img/footerbg.png")
}
footer>.fbg>.f_main{
    color: #fff;
    padding: 30px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

footer>.fbg>.f_main>div,footer>.fbg>.f_main>ul {
    float: left;
    box-sizing: border-box;
}
footer>.fbg>.f_main>.f_m_left{
    width: 75%;
}
footer>.fbg>.f_main>.f_m_left>.f-h{
    display: flex;
    align-items: center;
}
footer>.fbg>.f_main>.f_m_left>.f-h>.f-h-logo{
    padding-right: 18px;
    box-sizing: border-box;
}
footer>.fbg>.f_main>.f_m_left>.f-h>.f-h-logo>img{
    width: 30vw;
}
footer>.fbg>.f_main>.f_m_left>.f-h>.f-h-wenzi{
    font-size: 2.2rem;
    font-family: TRENDS;
    color: #ffffff;
    padding-left: 9px;
    border-left: 2px rgba(255, 255, 255, 0.2) solid;
}
footer>.fbg>.f_main>.f_m_left>div{
   margin-bottom: 20px;
}
footer>.fbg>.f_main>.f_m_left>span{
    display: inline-block;
    line-height: 30px;
    margin-right: 8px;
}
footer>.fbg>.f_main>.f_m_right{
    width: 25%;
    margin-bottom: 0;
    
}
footer>.fbg>.f_main>.f_m_right>li{
    float: left;
    text-align: center;
}
footer>.fbg>.f_main>.f_m_right>li:first-child{
   padding-right:15px;
}
footer>.fbg>.f_main>.f_m_right>li>span{
    display: block;
    padding-top: 6px;
    white-space:nowrap;
     font-size:12px ;
}
/* 1589  微信图破 */

.f_bottom{
    line-height: 35px;
    background:rgba(6, 62, 117, 0.5);
    text-align: center;
    color: #fff;
    color:#a9bad6;
    font-size:12px ;

}
.sj{
    display: none;
    line-height: 35px;
    background:rgba(6, 62, 117, 0.5);
    text-align: center;
    color: #fff;
}
.sj>span{
    display: inline-block;
    padding: 0 6px;
    box-sizing: border-box;
   color:#a9bad6;
}




@media (max-width: 1190px){
    footer>.fbg>.f_main>.f_m_left {
        width: 70%;
    }
    footer>.fbg>.f_main>.f_m_right {
        width: 30%;
    }
}
@media (max-width:890px){
    header>.headerbg>.h-main>.logo {
        width: 200px;
    }
}
@media(max-width:750px){
    header>.headerbg>.h-main>.logo{
      width:45%
}
     header>.headerbg>.h-main>.h-m-wenzi{
      font-size: 2.4rem;
      padding-left:23px;
      margin-left:20px;
}
     header{
     height:80px;
}
    header>.headerbg>.h-main{
    height:80px;
}

}
@media(max-width:620px){
      header>.headerbg>.h-main>.h-m-wenzi{
      font-size: 2rem;
      padding-left:23px;
      margin-left:20px;
}
header{
     height:80px;
}
header>.headerbg>.h-main{
    height:80px;
}
.my-icon{
   top: 50%;
    transform: translateY(-52%);
   font-size: 25px;
}

}


@media (max-width: 871px){
    footer>.fbg>.f_main>.f_m_left>.f-h {
        display: flex;
        align-items: center;
        justify-content:center;
    }
    footer>.fbg>.f_main>.f_m_left {
        width: 100%;
        text-align: center;
    }
    footer>.fbg>.f_main>.f_m_right {
        display: none;
    }
    .f_bottom{
        display: none;
    }
    .sj{
        padding: 10px 0;
        display: block;
        line-height: 25px;
    }

}
@media(min-width:584px) and(max-width:590px){
      footer>.fbg>.f_main>.f_m_left>.f-h>.f-h-wenzi{
      font-size: 2.2rem;
     font-family: TRENDS;
     color: #ffffff;
     padding-left: 9px;
     border-left: 2px rgba(255, 255, 255, 0.2) solid;
}

}
@media (max-width: 584px){
    footer>.fbg>.f_main>.f_m_left>.f-h>.f-h-logo {
        float: left;
        line-height: 40px;
        padding-right: 6px;
        width: 50%;
    }
    footer>.fbg>.f_main>.f_m_left>.f-h>.f-h-wenzi {
        display: block;
        width: 50%;
        float: left;
        line-height: 35px;
        top: 50%;
        transform: translateY(18%);
        font-size: 2rem;
        font-family: TRENDS;
        color: #ffffff;
        padding-left: 9px;
        border-left: 2px rgba(255, 255, 255, 0.2) solid;
    }
    footer>.fbg>.f_main>.f_m_left{
        text-align: left;
    }
    footer>.fbg>.f_main>.f_m_left>.f-h {
        display: block;
    }
}

@media (max-width: 333px){
    footer>.fbg>.f_main>.f_m_left{
        text-align: left;
    }
    footer>.fbg>.f_main>.f_m_left>.f-h {
        display: block;
    }
 }

/* 底部图片文字 比例 */
@media(max-width:540px){
     footer>.fbg>.f_main>.f_m_left>.f-h>.f-h-logo{
     width:50%;
    
   line-height:40px;
  }
    footer>.fbg>.f_main>.f_m_left>.f-h>.f-h-wenzi{
    width:40%;
   font-size: 1.5rem;
  }
}

@media(max-width:320px){

 footer>.fbg>.f_main>.f_m_left>.f-h>.f-h-logo{
     width:50%;
    
   line-height:30px;
}
  footer>.fbg>.f_main>.f_m_left>.f-h>.f-h-wenzi{
    width:40%;
   font-size: 1.2rem;
   line-height:30px;
   white-space:nowrap
  }

}


@media(max-width:751px){  
    .sj>span{
         color:#a9bad6;
     }
    .sj>span:nth-child(1){
         width:100%;
         display: inline-block;
         padding: 0 6px;
         box-sizing: border-box;  
     }
     footer>.fbg>.f_main>.f_m_left>span:nth-last-child(2){
          display:none !important
     }
     footer>.fbg>.f_main>.f_m_left>span:last-child{
          display:none !important
     }

}
@media(max-width:750px){
     footer>.fbg>.f_main {
    color: #fff;
    padding: 25px 0 20px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.dtjs .title{
   padding-top:20px;
}
.kslj   .title{
  padding-top:20px;
}
}





@media(max-width:600px){
    .logo{
        width: 280px ;
    }
}

@media(max-width:510px){
    header>.headerbg>.h-main>.h-m-wenzi{
           font-size: 1.8rem;
          padding-left: 18px;
          margin-left: 15px;
          line-height: 35px;
      }
     header{
         height:80px;
     }
    header>.headerbg>.h-main{
         height:80px;
    }
}
@media(max-width:460px){
      header>.headerbg>.h-main>.h-m-wenzi{
          font-size: 1.3rem;
          padding-left: 15px;
          margin-left: 13px;
          line-height: 25px;
      }
}
 @media(max-width:360px){
      header{
          height:70px;
      }
      header>.headerbg>.h-main{
       height:70px;
      }
}
@media(max-width:340px){
    header>.headerbg>.h-main>.h-m-wenzi{
         font-size: 1.3rem;
         padding-left:10px;
         margin-left:7px;
    }
}



.my-icon{
    display: none
}

@media (max-width: 420px){
     footer>.fbg>.f_main>.f_m_left>.f-h>.f-h-wenzi {
         width: 40%;
         font-size: 1.3rem;
         line-height:25px;
         top: 50%;
         transform: translateY(36%);
    }
}




/*以下全是  list  artilcle  共用样式*/


.top-bg{
    width: 100%;
    height: 300px;
    background: url("../img/l-abg.png") no-repeat;
    background-position:50% 22% ;
    background-size: 100%;
}

@media (max-width:1440px){
    .top-bg{
        background-position:50% 22% ;
        background-size: 110%;
    }
}
@media (max-width:1105px){
    .top-bg{
        background-position:50% 22% ;
        background-size: 120%;
    }
}
@media (max-width:1024px){
    .top-bg{
        background-position:50% 22% ;
        background-size: 130%;
    }
}
@media (max-width:955px){
    .top-bg{
        background-position:50% 22% ;
        background-size: 150%;
    }
}
@media (max-width:830px){
    .top-bg{
        background-position:50% 10% ;
        background-size: 170%;
    }
}
@media (max-width:751px){
    .top-bg{
        background-position:70% 50% ;
        background-size: 120% 100%;
    }
}
@media (max-width:600px){
    .top-bg{
        background-position:90% 50% ;
        background-size: 150% 100%;
    }
}
@media (max-width:500px){
    .top-bg{
       height: 260px;
    }
}
@media (max-width:426px){
    .top-bg{
       height: 220px;
    }
}
@media (max-width:375px){
    .top-bg{
       height: 180px;
    }
}

.list-header{
    line-height: 45px;
    border-bottom: #ddd 1px solid;
    color: #666666;
}
.list-header>a{
    margin: 0 6px;
}
.list-header>a:hover{
    color: #0d7bd1;
}
.list-main{
    margin-top: 18px;
}
.list-main>.l-m-right,.list-main>.l-m-left{
    float: left;
    box-sizing: border-box;
}
.iconfont {
    font-size: 18px;
}


/*左边栏 开始*/
.list-main>.l-m-left{
    width: 25%;
    padding-right: 20px;
    
}
.list-main .l-m-left .l-m-left-top .l-m-l-biaoti{
    display: block;
    width: 100%;
    background-color: #4184dd;
    line-height: 55px;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
}
.list-main .l-m-left .l-m-left-top .l-m-l-biaoti .btn-bg{
    background: url("../img/btnbg.png") no-repeat right;
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
}
.list-main .l-m-left .l-m-left-top .xiaobiaoti{
    display: block;
    margin: 9px 0;
    line-height: 40px;
    background-color: #f5f6fa;
    text-align: center;
    color: #666666;
}

.list-main .l-m-left .l-m-left-bottom .l-m-l-biaoti{
    display: block;
    width: 100%;
    background-color: #4184dd;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.list-main .l-m-left .l-m-left-bottom .l-m-l-biaoti .btn-bg{
    background: url("../img/list_08.png") no-repeat  right; 
    font-family: MicrosoftYaHei-Bold;
    font-size: 20px;
}
.list-main .l-m-left .l-m-left-bottom  li{
    border-bottom:  #dcdcdc 1px solid;
    padding: 8px 0;
}
.list-main .l-m-left .l-m-left-bottom  li a{
    line-height: 24px;
    color: #333333;
    display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    overflow: hidden;
}
.list-main .l-m-left .l-m-left-bottom  li:hover a{
    color: #4184dd;
}
/*左边栏 结束*/

/*结束*/
.list-pagein{
    line-height: 50px;
}
.list-header .icon-dizhi{
    font-size: 20px !important;
    vertical-align: middle;
}
.l-m-left .wp_pop_column_list .list_item {
    width: 100%;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px dashed #ccc;
    vertical-align: top;
    margin: 14px 0;
}