@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0;  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; font: 14px microsoft yahei;  color:#585858; background: #fafafa;}
ul{ margin:0; padding:0; list-style-type:none;}
 a{ text-decoration:none;color: #585858;}
 a:hover{color: #2443ab;text-decoration: none;}
img{border:0px;}
.clear{ clear:both;}
h1,h2,h3,h4,p{ margin:0; padding:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/* 以下字体可根据情况 */
@font-face
{
	font-family:myFont;
	src: url('../images/PingFang Regular.ttf')
		,url('../images/PingFang Regular.eot')
		,url('../images/PingFang Regular.svg');
    font-display:swap;
}
@font-face
{
font-family:myFont1;
src: url('../images/FZTCGHJW.TTF')
  ,url('../images/FZTCGHJW.eot')
  ,url('../images/FZTCGHJW.svg');
  font-display: swap;
}
.tzgg_title,nav > ul > li>a,.xyxw_more,.xyxw_title,.yqlj_body,.zcl_title,.zcl_list,.list_bodyRight ul li,.cont_body,section {font-family: myFont;}
/*****header********/
header{ width:100%;clear:both;height: 114px; background:url(../images/header.png) top repeat;}

.head{ width:100%;max-width:1200px; margin:auto; height:auto;}
.logo{ width:34%; float:left;}
.logo img{width: 100%; max-width:353px;padding:12px 0;}
.search{ width:18%; min-width: 216px; float:right; height:36px;line-height: 34px; background-color:#efeff0; position: relative; margin-top: 48px;}
.search_Text{    width: 79%;max-width:174px;border:0px;background-color: transparent;outline:none; text-indent:18px;}
.sure{ background: #4e5e8a url(../images/search.png) 14px 10px no-repeat;
    outline: none;
    position: absolute;
    height: 38px;
 top: -1px;
    right: 0;
    z-index: 5;
    width: 20%;
    border: 0;cursor: pointer;}
  .xyxw_more{ text-align:center;  }
  .xyxw_more a{ display: inline-block; padding:7px 35px; background-color: #716ac6;
    color: white; transition: 0.5s; margin: 15px 0 25px 0;}
  .xyxw_more a:hover{ border-radius:18px; }
/***bannar****/
.bannar_wrap{ width:100%;height:45px;background: #92a5d4;}
nav{ width:100%;height:auto; clear: both;margin: auto; max-width: 1200px; }
nav > ul{ height:auto;display: flex;}
nav > ul > li{float: left; width: 11%;height: 35px;line-height: 35px; position: relative; margin-left: 7%;}
nav > ul > li:first-child{ margin-left: 0px; }
.raoquan{display: none}
.btn {
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height:24px;
  margin: 0 auto 2em;
  max-width: 160px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%; margin-top: 2px;}

.btn-1 svg {
  height: 35px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.btn-1 rect {
  fill: none;
  stroke: #fff;
  stroke-width: 0;
  stroke-dasharray: 422, 0;
}

.btn-1:hover {
  background: rgba(225, 51, 45, 0);
  font-weight: 900;letter-spacing: 5px;
  letter-spacing: 1px;color: #fff;
}
.btn-1:hover rect {
  stroke-width: 5;
  stroke-dasharray: 73, 210;
  stroke-dashoffset: 136;
  -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
nav > ul > li.select .btn-1{
    background: rgba(225, 51, 45, 0);
  font-weight: 900;letter-spacing: 5px;
  letter-spacing: 1px;color: #fff;
}
nav > ul > li.select .btn-1 rect{
    stroke-width: 5;
  stroke-dasharray: 73, 167;
  stroke-dashoffset: 93;
  -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
/*主体*/
.tzgg_body{ padding:0 0 14px;background: white;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.tzgg_body .alert-info {color: #666;background-color:transparent;border-color: transparent;width: 100%;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.tzgg_body .alert-info:hover{color: #716ac6; background: none;}
.tzgg_body .alert{ margin-bottom: 0px; }
.tzgg_body li a {position: relative;display: block;padding: 7px 15px;}
.tzgg_body1 li a:before{ position: absolute;
    left: 0;
    top: 9px;
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #bfbfbf;}
.badge { padding: 3px 0 3px 10px;color: #999;text-align: center;background-color: transparent;border-radius: 10px; font-weight: normal;}
.xyxw_title{ width: 100%;height: auto;  margin:auto;clear: both; min-height:55px;text-align: center; background: white; }
.xyxw_title a{ display: inline-block;max-width: 130px;  font-size: 125%;line-height:34px;color: #333;font-weight: 700;
  padding: 15px  21px 0 16px;position: relative;white-space: nowrap;transition:0.5s;}
.xyxw_title a:hover{ font-size: 135%;}
.tzgg_body p{ line-height: 24px; font-size: 15px;padding: 6px 15px;text-indent: 2em;}
.tzgg_body1 p{padding: 10px 0;}
.xwzx_wrap{background: white;padding-bottom: 15px;border-radius: 6px;box-shadow: 1px 5px 10px #f1ecec; transition:0.5s;}
.xwzx_wrap:hover{box-shadow: 1px 5px 10px #ccc;}
.xyxw_titleBack{background: url(../images/header0.png);min-height: auto; text-align: left;margin: 15px 0 0px -10px;}
.xyxw_titleBack a{max-width: 200px; padding: 5px 10px;color: #183171;}
.xyxw_titleBack a span{color: #afadad;}
.jstd_wrap{width: 100%;max-width: 1145px;margin: 0 auto;}
.xyxw_titleBack1{background: url(../images/header1.png); margin: 0;}


.yqlj_title{position: absolute;left: 2%;z-index: 1;top: 50%;font-size: 200%;
  margin-top: -15px; font-style: italic;color: #526ba8;font-family:myFont1;}
.yqlj_body{width:100%;max-width: 1200px; margin: auto;font-size: 14px;
   padding:40px; position: relative;text-align: center;}
.yqlj_body select{ width: 22%; margin-left: 4%;}

@media(min-width:992px){.dqpp1{ width:61.6244%;}.dqpp2{ width: 38.1%;}}

.tp_show{ width: 100%; height: 200px;overflow: hidden;position: relative;}
.tp_show img{ width: 100%; height: auto;transition:0.3s;}
.tp_show p{ position: absolute; left: 0; width: 100%; height: 30px;line-height: 30px;text-indent: 20px; bottom:-30px; transition:0.5s;background: url(../images/dotted.png);color: white;}
.tp_show:hover p{bottom:0;}
.tp_show:hover img{margin-top: -20px;}
.rollBox{width:1144px;overflow:hidden;  }
.rollBox .LeftBotton{height:52px;width:50px;overflow:hidden;float:left;display:inline;margin:65px 0;cursor:pointer;}   
.rollBox .RightBotton{height:52px;width:50px;overflow:hidden;float:left;display:inline;margin:65px 0;cursor:pointer;}   
.rollBox .Cont{width:calc(100% - 100px);overflow:hidden;float:left;}   
.rollBox .ScrCont{width:200%;}   
.rollBox .Cont .pic{width:187px;float:left;text-align:center; margin-right:20px;position: relative;overflow: hidden;} 
.rollBox .Cont .pic:before{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); z-index: 2;}


  .rollBox .Cont .pic:hover:before{
-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}


.rollBox .Cont .pic p{ padding: 10px 5px;}
.icon{fill:#888;}
.icon:hover{fill:#2443ab;}
/***tail*****/
footer{ width:100%; height:auto; margin-top:2vh; clear: both;background: #7c7c7c;
    min-height: 156px;color: #fff;}
.foot{max-width:1200px;width: 100%;height:140px; text-align:center; margin:auto; position:relative;}
.sydw{position: absolute;z-index: 1;top: 19px;left:15px;text-align: left;line-height: 2.5;}
.foot_2{font-size: 13px;
    height: 15px;
    line-height: 35px;
    /* margin-left: 0px; */
    text-align: center;
    /* margin-right: 64px; */
    background: #6c6c6c;}
/*sydt*/

.sydt_wap{ width: 100%;height: auto; max-height: 670px; background:#f5f5f7; clear: both; position: relative;}
  .swiper-container {width: 100%;height: auto; position: relative;max-height: 670px;}
    .swiper-slide {text-align: center;font-size: 18px;max-height: 362px; }

.swiper-pagination-bullet {width:24px;height: 10px;text-align: center;line-height: 20px;font-size: 12px;color:#fff;opacity: 1;
       overflow:hidden; background-color: transparent; text-indent: 3em;background-color:#fff; border-radius: 30px; }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size: 27px;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: 27px;}
    .swiper-pagination-bullet-active { width: 10px; background: #526ba8;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{    margin: 0 5px;}
     .caption {display: block;position: absolute;z-index: 2;font-size: 16px;color: #fff;left: -28px;bottom:11px;margin: 0;width: 100%; max-width: 1200px;z-index: 2; left: 50%;margin-left: -600px;text-align: left;}
     .caption1{ width: 100%;height: 40px; background: black; opacity: 0.5; bottom:-1px;z-index: 1;max-width: 100%;}
      .caption2{ margin-left: 0; height: 30px; bottom: -31px; transition:0.5s;}
       .caption3{width: 100%;text-align: left;font-size: 14px;bottom: -30px;transition: 0.5s;left: 0;margin: 0;text-indent: 1em;}
        .xiaotu:hover .caption2{bottom:-1px;}
        .xiaotu:hover .caption3{bottom:6px;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{right: 0;width:25%;left: auto;bottom: 6px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ color:#716ac6;    color: #716ac6;
    padding: 26px;background: #fff;left: 50%;box-shadow: 1px 2px 22px #ccc; transition: 0.5s;opacity: 0.3; }

.swiper-button-prev{ margin-left: -676px;}
.swiper-button-next{ margin-left:623px; }
.swiper-button-prev:hover,.swiper-button-next:hover{box-shadow: 1px 2px 15px #333;opacity: 1; }


/*******list*******/
.contain_wraper2{ width: 100%; height:auto;clear: both;}
.list_body{width: 100%;max-width: 1200px; margin: auto;min-height:761px;}
.zcl_wrapper{ width: 20%; height: auto; float: left;}
.list_bodyLeft{float: left;width: 240px;}
.list_bodyRight{float: left;width:calc(100% - 270px); margin-left: 30px; }
.local{width: 100%;height: 33px;line-height: 14px;
  border-bottom: 1px dashed #2443ab; text-align: right;}
.zcl_title{ width:100%; height:80px; line-height: 80px; text-align: center; overflow: hidden;  border-top-left-radius: 5px; border-top-right-radius: 5px;
color: #ffffff; font-size:28px; letter-spacing: 4px; background-color:#92a5d4;font-weight: 700;position: relative;}
.zcl_title:before{position: absolute;
    z-index: 1;
    border: 2px solid #f4f5febb;
    content: '';
    bottom: -1px;
    right: 14px;
    width: 14px;
    height: 14px;
    border-radius: 50%;}
    .zcl_title:after{
       position: absolute;
    z-index: 1;
    border: 22px solid #f4f5febb;
    content: '';
    bottom: -72px;
    left: -20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;}

.zcl_list{ width: 100%;height: ato; min-height: 208px; background-color: white;  border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.zcl_list ul{ padding: 15px 0; }
.zcl_list ul li{ font-size: 18px;height: 52px;}
.zcl_list ul li a{display: block; width: 100%; height: 52px;line-height: 52px; text-align: center; }
.zcl_list ul li a:hover{color: #8d88d1; background-color: #eae9f6;}
.zcl_list ul li a.active{color: #8d88d1; background-color: #eae9f6;}

.list_bodyRight ul{ background: white;padding: 20px 0 30px;}
.list_bodyRight ul li{font-size: 16px;height: 35px;
    line-height: 35px;
    margin-top: 5px;}
.list_bodyRight ul li:hover{background-color: #fafafa;}
.list_bodyRight ul li a{display: block; overflow: hidden;white-space: nowrap;width:calc(100% - 155px);text-overflow: ellipsis;padding-left: 20px;}
.list_bodyRight ul li span.date{float: right; color: #999;font-size: 14px; padding-right:23px;}
.list_bodyRight ul li span.date strong{font-size: 20px;font-weight: normal;}


.page{ width: 100%; height: 54px; text-align: center;line-height: 54px;padding:10px 0px;}

.cont_body{width: 100%;height: auto; background-color: white; margin: 30px 0;}
.xw_title{font-size: 24px; line-height:38px;font-weight: 700;color: #333;padding: 30px 30px 10px 30px;text-align: center;}
.xw_time{ text-align: right; padding: 0 45px 0px 45px ; text-align: center;}
.fry{ font-size: 16px;line-height: 30px; padding: 5px 35px 35px 35px;}
.fry p{ padding-top: 15px; }
.fry table{border-collapse: collapse;min-width:1100px;}
.pc{display: block;}
.sj{display: none;}
@media(max-width: 468px){
 .rollBox {width: 100%;}
 .foot{height: 166px;}
.sydw:nth-child(2){display: none;}
.sydw:nth-child(3){display: none;}
.logo{width: 100%;}
.logo img{padding: 12px 15px;}
.search{display: none;}
.pc,.list_bodyLeft{display: none;}
.sj{display: block;}
.list_bodyRight {width: calc(100% - 30px); margin-left: 15px;}
.local{text-align: left;text-indent: 15px;}

}
