﻿.fullSlide{ width:100%;  position:relative;  height:600px; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:600px; }
.fullSlide .hd{ height:15px; overflow:hidden; position:absolute; left:50%; bottom:5px; z-index:1; }
.fullSlide .hd ul{ overflow:hidden; zoom:1; float:left;  }
.fullSlide .hd ul li{     background: #ffffff;
    width: 10px;height:10px;float:left; 
    line-height: 30px;overflow: hidden;
    border-radius: 50%;
    margin-left: 10px;
    cursor: pointer;
    opacity: 0.5;  color:#fff}
.fullSlide .hd ul li.on{  opacity:1; }
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
        .m_wid{
            width: 1280px;
            margin:0 auto;
        }
        .wid_max{
width: 100%;
        }
        .top_title{
            border-bottom: 1px solid #f1f1f1;
    padding-bottom:10px;
    margin-bottom: 8px;
        }
        .index_box{
            padding:30px 0;
        }
        .top_title p{
            position: relative;
    float: left;
    font-size: 22px;
    line-height: 42px;
   
        }
        .top_title p::after {
    content: '';
    position: absolute;
    top: -12px;
    left: 0;
    width: 117px;
    height: 38px;
    /* background-image: url(/static/images/index_ttbg1.png); */
    background-repeat: no-repeat;
}
.top_title p strong{
    position: relative;
  
    z-index: 2;

}
        .top_title a{
            float: right;
    margin-top: 10px;
    color: #000;
        }
        .top_box{
          padding:20px 0;
            display: flex;
            justify-content:space-between;
           
        }
        .top_l{
            width: 280px;
            height: 480px;
            
        }
        .top_m{
            width: 950px;
        }
        .top_r{
            width: 450px;
        }
        .top_l_list{
           height: 381px;;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between ;
        }
        .top_l_list ul{
            height: 100%;
          
        }
       .top_l_list a{
          
        font-weight: normal;
        font-size: 16px;
        font-family: "Microsoft YaHei";
        line-height: 20px;
        color: #555555;
        display: block;
        background-color: white;
        box-shadow: 0px 0px 24px 0px rgba(12, 52, 90, 0.09);
        width: 127px;
        height: 109px;
        margin-top: 18px;
        text-align: center;
        }
        .top_l_list a span{
            display: block;
    padding-top: 20px;
    margin-bottom: 13px;
    }
        .top_l_listli{
            border-bottom: 1px dashed #e6e6e6;
            padding:15px 20px 10px 20px;
        }
        .top_l_listli img{
            width: 100%;
            box-shadow: 0px 1px 10px 2px #b3aaaa70;
        }
        .top_l_listli p{
          color: #846464;
            text-align: center;
        }
        .top_m_list{
            line-height: 38px;
        }
        .top_m_list ul{
            border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
 
 
    color: #ccc;
        }
        .top_m_list ul li{
            width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
        }
        .m_li_tt{
            margin: 15px 0 10px 0;
    font-size: 20px;
        }
        .m_li_tt a{
            font-weight: bold;
            color: #ff2d41;
        }
        .m_li{
            font-size: 18px;
        }
        .m_li a{
            font-size: 16px;
        }
        .hot {
    margin-top: 34px;
    
}
.top_r_ul{
    box-sizing: border-box;
   
    padding: 20px 16px 0 16px;
    box-shadow: 0 0 8px rgba(221, 221, 221, .7);
    background-color: #fff;
}
.top_r_ul li{
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.top_r_ul img{
    display: none;
    float: left;
    width: 150px;
    height: 116px;
    margin-right: 20px;
}
.top_r_ul li a{
    display: block;
}
.top_r_li_tt{
    max-width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 20px;

}
.top_r_li_msg{
    display: none;
    margin-bottom: 16px;
}
.top_r_li_msg p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    color: #666;
    line-height: 20px;
}
.top_r_li_keys span{
    margin-right: 10px;
    color: #f13b4c;
    font-size: 14px;

}
.top_r_li_tag{
    display: inline-block;
    padding: 6px 8px;
    background-color: #f7f7f7;
    color: #666;
    font-size: 14px;
    margin-right: 5px;
}
.top_r_li_time{
    float: right;
    margin-top: 6px;
    color: #666;
}
.top_r_ul li.active .top_r_li_tt {
    margin-bottom: 12px;
}
.top_r_ul li.active img, .top_r_ul li.active .top_r_li_msg {
    display: block;
}
.top_r_ul li.active .top_r_li_keys span {
    display: none;
}
.top_r_ul li.active .top_r_li_tag {
    background-color: #fee5e4;
    color: #f01c32;
}
/* gonggao begin */
      .gonggao_box{
            position: relative;
            z-index: 99;
            box-shadow: 0px 1px 5px 1px #a9a9a957;
        }
        .gonggao{
            width: 1280px;
            margin:0 auto;
            height: 52px;
            line-height: 52px;
    padding-left: 36px;
    background: url(../image/gonggao.png) no-repeat left;
    box-sizing: border-box;
    overflow: hidden;
        }
        .gonggao i{
	display: inline-block;
	font-style: normal;
	font-weight: 500;
	vertical-align: top;
}
.gonggao .ggbd{
     
    display: inline-block;
	position: relative;
	width: 1074px;
	height: 52px;
	white-space: nowrap;
 
}
.ggbd ul{
    list-style-type:square;
}
.ggbd ul li{
  margin-right: 30px;
   
    list-style-type:square;
    overflow: hidden;
}
      .hui{
      background: #f5f6f9b8;
      }
      .color_box{
          padding-top: 20px;
          margin:0 auto;
          display: flex;
          justify-content: space-between;
          width: 1280px;
      }
      .color_box li{
          
              width: 198px;
 
    height: 100px;
 
    z-index: 1;
      }
      .color_box li .icon1{
      
    background-position: -20px 0;
 
      }
      .color_box li .icon2{
      
    background-position: -1170px 0;
 
      }
        .color_box li .icon3{
      
    background-position: -130px 0;
 
      }
        .color_box li .icon4{
      
 background-position: -520px 0;
 
      }
        .color_box li .icon5{
      
    background-position: -260px 0;
 
      }
        .color_box li .icon6{
      
    background-position: -400px 0;
 
      }
      .color_cont::before{
         
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 168px;
    height: 100px;
    background: url(../images/iconbg.png) no-repeat 0 -100px;

      }
      .color_box li:hover .color_cont{
    height: 218px;
    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 10%);
}
      .color_cont{
              position: relative;
    height: 100px;
    font-size: 14px;
    border-radius: 10px;
    transition: 0.2s;
    overflow: hidden;
      }
      .color_cont .color_top{
              display: block;
    position: relative;
    box-sizing: border-box;
    padding: 22px 0 0 16px;
    border-radius: 10px;
    overflow: hidden;
    height: 100px;
      }
     .color_name{
             position: relative;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 8px;
    z-index: 1;
     }
 
     .color1 .color_top{
             color: #C68686;
     }
     .color1 .color_name{
             color: #5B0000;
     }
     .color1 .color_cont::before {
    background-position: 0 -100px;
}
     .color1 .color_cont{
         background: #FFD4D4;
     }
      .color2 .color_top{
                color: #87BAB5;
     }
      .color2 .color_name{
              color: #0C534D;
     }
       .color2 .color_cont::before {
    background-position: -178px -100px;
}
     .color2 .color_cont{
             background: #C9F1ED;
     }
       .color3 .color_top{
                    color: #8DB7DA;
     }
      .color3 .color_name{
                color: #00529B;
     }
            .color3 .color_cont::before {
        background-position: -356px -100px;
}
     .color3 .color_cont{
         background: #D1E5F7;
     }
       .color4 .color_top{
                       color: #DEBD83;
     }
      .color4 .color_name{
                  color: #844000;
     }
             .color4 .color_cont::before {
           background-position: -534px -100px;
}
     .color4 .color_cont{
             background: #FFECB4;
     }
      .color5 .color_top{
                          color: #D390A7;
     }
      .color5 .color_name{
                color: #840028;
     }
      .color5 .color_cont::before {
              background-position: -712px -100px;
}
     .color5 .color_cont{
             background: #FFE2EF;
     }
      .color6 .color_top{
                   color: #D49D86;
     }
      .color6 .color_name{
                     color: #842100;
     }
      .color6 .color_cont::before {
              background-position: -890px -100px;
}
     .color6 .color_cont{
           background: #FFE2D0;
     }
     .color_dec{
         position: relative;
    z-index: 1;
    text-shadow: 0 0 5px rgb(255 255 255 / 80%);
     }
     .color_cont .color_top{
             display: block;
    position: relative;
    box-sizing: border-box;
    padding: 22px 0 0 16px;
    border-radius: 10px;
    overflow: hidden;
    height: 100px;
     }
     .color_top i{
             right: -20px;
                 position: absolute;
    top: 0;
 
    width: 130px;
    height: 100px;
    background: url(../images/iconbg.png) no-repeat 0 0;
     }
     .color_link{
             text-align: center;
    line-height: 26px;
    font-size: 14px;
     }
     .color_link a {
   color: #666;
    display: inline-block;
    background: rgba(255,255,255,0.50);
    
    height: 26px;
    border-radius: 13px;
        margin: 10px 3px 0;
    width: 84px;
    font-size: 14px;
}
.color_link a:hover {
    background: #fff;
    color: #666;
}
.leftimg li{
        width: 280px;
    height: 120px;
    overflow: hidden;
    background-color: #ccc;
    text-align: center;
    float: left;
    margin-top: 15px;
    border-radius: 10px;
    position: relative;
}

.leftimg li img {
    width: 100%;
    height: 100%;
    transition: .5s;
}
.leftimg li:hover img {
    transform: scale(1.08);
}
.leftimg .bg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.20);
    position: absolute;
    left: 0;
    top: 0;
}
.leftimg .title {
    width: 100%;
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    text-shadow: 0 0 10px rgb(0 0 0 / 40%);
    position: absolute;
    left: 0;
    top: 50px;
}
/* 头部结束 */
.tab_h3{
    font: bold 36px/46px 'Microsoft Yahei';
    /* background: url(/static/images/tab_h3bg.png) no-repeat left top; */
    padding-left: 5px;
    color: #333333;
    text-decoration: none;
    letter-spacing: 3px;;
}
.tab_h3 b{
    color:#fc7844;
}
.tab1 b{
    color:#fc7844;
}
.tab2 b{    
    color:#29ca96;
}
.tab3 b{
    color:#3589ff;
}
.tab_h3 span{
    color: #ccc;
    padding-left: 15px;
    font-size: 20px;
    font-weight: normal;
}
.mytab_tt{
display: flex;
justify-content:space-between;
align-items:center;
}
.mytab_tt ul{
    font-size: 16px;
}
.mytab_tt ul li {
    border: solid 1px #E6E6E6;
    border-radius: 5px;
    float: left;
    line-height: 40px;
    padding: 0 15px;
    margin-right: 10px;
    position: relative;
}
.mytab_tt ul li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    position: relative;
    z-index: 2;
  

}
/* .mytab_tt ul li strong{
    position: absolute;
    width: 12px;
    height: 7px;
    left: 50%;
    bottom: -6px;
    background: url(http://statics.offcn.com/offcn/pc/images/ht1124bk09.png) no-repeat;
    margin-left: -6px;
    transition: all 0.2s linear;
    opacity: 0;
    z-index: 3;
} */
.mytab_tt ul  li::after{
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    opacity: 0;
    transition: all 0.2s linear;
    
    background-size: 100%;
    left: 0;
    top: 0;
    border-radius:5px;
   
}
.mytab_tt ul  li.on::after{
    opacity: 1;
}
/* .mytab_tt ul  li.on strong{
    opacity: 1;
} */
.mytab_tt ul li.on{
    /* background: #fd7830; */
    color: #fff;
    border: 0;
    line-height: 40px;
    position: relative;
}
.mytab_tt1 ul  li::after{
    background: url(../img/list_navbg.png) repeat-y;
}
.mytab_tt2 ul  li::after{
    background: url(../img/list_navbg2.png) repeat-y;
}
.mytab_tt3 ul  li::after{
    background: url(../img/list_navbg3.png) repeat-y;
}
.mytab_tt ul .on a{
 

    color: #fff;
}
.mytab_tt1 ul .on a{
    /* color:#fdb509; */
}
.mytab_tt1 ul .on{
    /* border-bottom: 2px solid #fdb509; */
}
.mytab_tt2 ul .on a{
    /* color:#29ca96; */
}
.mytab_tt2 ul .on{
    /* border-bottom: 2px solid #29ca96; */
   
}
.mytab_tt3 ul .on a{
    /* color:#3589ff; */
}
.mytab_tt3 ul .on{
    /* border-bottom: 2px solid #3589ff;; */
 
}
 

.tabbox{
    padding-top:20px;
}
.show_box{
    padding:30px 0;
}
.show_box .l1{
    position: relative;
    margin-right: 30px;
    border-radius: 10px;
}
.show_box .l1 img{
    border: 1px solid #f1e8e8;
    overflow: hidden;
    border-radius: 10px;
}
.show_box .l1  span:first-of-type {
    letter-spacing: 2px;
    position: absolute;
    left: 14px;
    top: 26px;
    font-size: 24px;
    color: #FFFFFF;
}.show_box .l1  span:last-of-type {
    letter-spacing: 2px;
    position: absolute;
    left: 14px;
    top: 60px;
    font-size: 16px;
    color: #FFFFFF;
}
.show_m1{
    /* box-shadow: -1px 0px 20px 2px #9a9a9a40; */
    width: 630px;
       border: 1px solid #eee;
    overflow: hidden;
    padding: 20px 25px;
    background: #FFFFFF;
    border-radius: 10px;
}
.show_m1:hover{
    box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
}
.zx_title{
   padding-bottom:10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 26px;
    border-bottom: 1px solid #e8e8e891;
}
.zx_title p{
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: bold;
}
.zx_title p span{
    color: #ff2b2b;
}
 
.zx_title a{
    letter-spacing: 2px;
    font-size: 12px;
}
.show_zx{
   
    display: flex;
    justify-content: space-between;
 
}
.show_zx_r{
    width: 48%;
}
.show_zx_l{
    width: 100%;
}
.show_zx_l .bt1,.show_down .bt2{
    line-height: 50px;
 
    height: 50px;
 
    border-radius: 14px;
    padding: 0 10px;
    font-size: 22px;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}
.show_zx_l .bt1{
    background: #EFF5FF;
}
.show_zx_l .bt1 a{
    color: #3C69D1;
}
.show_down .bt2{
    background: #FDF7ED;
}
.show_down .bt2 a{
    color: #EC7900;
}
.show_zx_l .bt1 span,.show_down .bt2 span{
    color: #fff;
    display: inline-block;
    padding: 0 8px;
    line-height: 30px;
  
    margin-right: 10px;
    border-radius: 4px;
    font-size: 18px;
}
.show_zx_l .bt1 span{
    background: -webkit-linear-gradient(to right,#689DE2,#4C77DB);
    background: -o-linear-gradient(to right,#689DE2,#4C77DB);
    background: -moz-linear-gradient(to right,#689DE2,#4C77DB);
    background: linear-gradient(to right,#689DE2,#4C77DB);
}
.show_down .bt2 span{
    background: -webkit-linear-gradient(to right,#F6A14C,#F27C07);
    background: -o-linear-gradient(to right,#F6A14C,#F27C07);
    background: -moz-linear-gradient(to right,#F6A14C,#F27C07);
    background: linear-gradient(to right,#F6A14C,#F27C07);
}
.zx_news{
 
     
    padding-top: 5px;
    padding-bottom: 5px;
}
.zx_news li{
     
    font-size: 16px;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 
.bd1{
    display: inline-block;
    
}

.right-list-box{

width: 230px;

height: 370px;

overflow: hidden;

margin-top: 13px;

margin-left: 7px;

line-height: 40px;

}
.right-list-box-b{

height: 250px;
}



.right-time{

width: 100%;

margin-top: 13px;

text-align: center;

}

.r1{
    width: 280px;
  background: #fff;
    float: right;
    display: flex;
    border-radius: 10px;
    justify-content: space-between;
    border: 1px dashed #6f66662e;
    flex-wrap: wrap;
}
.r1 a{
    display: inline-block;
}
.r1_list{
    background: #fff;
    cursor: pointer;
    border: 1px solid #e2e2e2;
   text-align: center;
    width: 160px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
}
.r1_list:hover{
    box-shadow: 3px 5px 18px 2px rgba(210, 210, 210, 0.5);
   
}
.r1_list span{
    font-size: 16px;
    font-weight: bold;
  
    margin-top: 20px;
}
.allbox{
 
    width: 100%;
    
}
.hui{
    width: 100%;
     
}
.r1 .r1_list:nth-of-type(1) span{
    color: #3c8df2;
}
.r1 .r1_list:nth-of-type(2) span{
    color: #ffad18;
}
.r1 .r1_list:nth-of-type(3) span{
    color: #3cc51f;
}
.r1 .r1_list:nth-of-type(4) span{
    color: #ed6e56;
}
.content-title{

width: 100%;

height: 20px;

line-height: 20px;

font-size: 18px;

margin: 20px 0;

}
.content-right {
margin:0 auto;
width: 240px;
overflow: hidden;
}
.mr-13 {
  margin-right: 13px;
}
.title-line {
width: 3px;
height: 20px;
}
.title-line-bg1{
    background: #fdb509;


}
.title-line-bg2{

background: #29ca96;

}
.title-line-bg3{

background: #3589ff;
}
.picMarquee1{ width:220px; height:400px; margin-top:5px; overflow:hidden; position:relative;     border-top: 1px solid #f0f0f0;}
 
.picMarquee1 .bd ul{ overflow:hidden; zoom:1; width:220px;  }
.picMarquee1 .bd ul li{ width:220px; height:auto; overflow:hidden; padding:10px 0; border-bottom:1px dashed #CCC; }
 
.picMarquee1 .bd ul li .img{ position:relative; float:left; width:54px; height:54px; overflow:hidden;}
.picMarquee1 .bd ul li .img img{width:54px; height:54px;border-radius:30px;}
 
.picMarquee1 .bd ul li .zhaiyao{ float:right; width:152px; overflow:hidden; font-size:12px; line-height:20px; color:#000;  } 

.picMarquee4{ width:220px; height:400px; margin-top:5px; overflow:hidden; position:relative; }
 
.picMarquee4 .bd ul{ overflow:hidden; zoom:1; }
.picMarquee4 .bd ul li{ width:220px; height:auto; overflow:auto; padding:10px 0; border-bottom:1px dashed #CCC; }
.picMarquee4 .bd ul li div{ float:left; width:54px; height:80px; }
.picMarquee4 .bd ul li div img{ width:54px; }
.picMarquee4 .bd ul li p{ float:left; margin-left:10px; width: 140px; font-size:12px; line-height:20px; color:#000; height:auto;} 
.picMarquee4 .bd ul li p span{ display:block; width:100%; color:#999;}
.picMarquee4 .bd ul li p i{display:block; width:100%;  color:#000;}
.picMarquee4 .bd ul li p b{ color:#C40000;}
.home7_content{
    border-bottom: 1px solid #f3f3f3;
   padding:10px 0;
}
.home7_content img{
    vertical-align: middle;
}
.home7_content .home7_left{
    float: left;
    width:130px;
}
.home7_content .home7_left p{
    font-size: 30px;
    font-family: "苹方";
    color: #000;
    font-weight: lighter;
    height:50px;
}
.home7_center{
    float: left;
    width:650px;
    overflow: hidden;
}
.home7_center p:nth-of-type(1){
    font-size: 22px;
    font-family: "苹方";
    color: #000;
}
.home7_center p:nth-of-type(2){
    font-size: 14px;
    color: #666;
    font-weight: lighter;
    line-height: 30px;
}
.home7_center p:nth-of-type(3){
   margin:0 0 10px;
    font-size: 16px;
    color: #666;
    font-weight: lighter;

}
.home7_center p:nth-of-type(3) span a{
    color: #fc7844;
    cursor: pointer;
}
.home7_center p:nth-of-type(3) span a:hover{
    text-decoration: none;
}
.home7_right{
    overflow: hidden;
 width: 150px;
 float: right;
 height: 100%;
    display: flex;
    align-items: center;
}
.home7_right img{
    width: 100%;
}

.youshi_bar{
    display: flex;
    width: 1280px;
    margin: 0 auto;
}
.youshi_bar li{
    width: 16.6666666%;
font-size: 18px;
font-weight: bold;
line-height: 78px;
text-align: center;
}
.youshi_bar li a{
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items:center;
width: 100%;
height: 100%;
transition: all 0.1s;
color: rgba(0, 0, 0, 0.65);
}
.youshi_bar li a img{
    width: 45px;margin-right: 15px;
}
.four_img{
    width: 1280px;
    margin: 0 auto;
    padding:20px 0;
    display: flex;
    justify-content: space-between;
}
.four_img a:hover img{
    transform: translateY(-4px);
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-moz-transform: translateY(-4px);
 
}
.exam6{ width:1280px;  margin:0 auto; overflow:hidden;}
.line_h3{
    width: 3px;
    
    height: 30px;
    margin-right: 20px;
}
  .exam6 h3{letter-spacing: 2px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    height: 68px;
    line-height: 68px;
    font-size: 28px;
    color: #333;
    font-family: 'Microsoft Yahei';
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;}
 
.exam6 ul{ margin:20px 0 0 0; width:100%;   display: flex;justify-content: space-between;}
.exam6 ul li{   width:225px;   overflow:hidden;  }
.exam6 ul li img{ width:225px;  cursor: pointer; transition: all 0.6s; }
.exam6 ul li img:hover{ transform: scale(1.2); }

