@charset "utf-8";
body{padding:0; margin:0; font-family:Microsoft Yahei; font-size:16px; font-size:.9375em; color:#333; text-align:left; background:#f7f7f7; -webkit-text-size-adjust:none;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, select, form, fieldset, input, button, textarea, blockquote, table{padding:0;margin:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
i{font-style:normal; vertical-align:top; display:inline-block; background-repeat:no-repeat;}


table{border-collapse:collapse;border-spacing:0;margin:auto;}
th,td{padding:0}
img,a img{border:0;margin:0;padding:0; vertical-align:middle;}
img, table, object, embed, video{max-width:100%;}

button,input,select,textarea{vertical-align:middle; font-family:Microsoft Yahei; font-size:1em; box-sizing:border-box;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type=image],input[type="submit"]{-webkit-appearance:button;cursor:pointer;border:none;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none; border:1px solid #e5e5e5; border-radius:3px;}
input[type="text"],input[type="password"]{height:30px; line-height:30px;}

/*button*/
.commonBtn{height:32px; padding:0 12px;}
.commonMinbtn{height:32px; padding:0 12px;}
.commonBtn,
.commonMinbtn{font-size:14px; color:#fff; font-weight:700; border-radius:3px; border:0;}

.btn_orange{background-color:#ff5f11;}
.btn_blue{background-color:#0b6dd0;}

a{outline-style:none;text-decoration:none;color:#333;}
a:focus{outline:none;-moz-outline:none; noline:expression(this.onFocus=this.blur());}
a:hover{color:#1a56a8; text-decoration:none !important;}

.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

.clearfix {
  *zoom: 1;
}
body{
  background: url(../images/ztzl/cfxd_banner.jpg) no-repeat center top #dbeef2;
}
.container{
  width: 1200px;
  margin: 0 auto;
}
.banner{
  width: 100%;
  height: 640px;
  background: url(../images/ztzl/cfxd_logo.png) no-repeat top center transparent;
}
.com-tit{
  height: 110px;
  background: url(../images/ztzl/cfxd_tit_bg.png) center top no-repeat transparent;
  /* font-family: "宋体";*/
  font-size: 55px;
  text-align: center;
  color: #2B9367 ;
  line-height: 110px;
}
.com-tit a{color:#2B9736 ;}
.fatab .tabs{
  width: 760px ;
  margin: 0 auto;
}
.fatab .tabs >a {
  display: inline-block;
  width: 48%;
  height: 70px;
  text-align: center;
  background: url(../images/ztzl/cfxd_tab.png) center center no-repeat transparent;
  line-height: 65px;
  font-size: 40px;
   color:#135f40 ;
   transition: all 0.4s ease-out;
}

.fatab .tabs >a.active{
  background-image: url(../images/ztzl/cfxd_tab_on.png);
  color: #fff;
}
.fatab .swiper-container{
  width: 100%;
  height: 100px;
}
.fatab .swiper-slide{
  width: 100%;
}

.list-box{
  width: 100%;
}
.list-box li{
  line-height: 50px ;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding-right: 50px;
}
.list-box li::before{
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #79c6b1;
  vertical-align: middle;
  margin: 0 10px;
}
.list-box li span{
  position: absolute;
  right: 0;

}

.dongtai .l-pic{
   width: 550px;
   height: 412px;
   float: left;
   position: relative;
}
.dongtai .l-pic .swiper-container{
  height: 390px;
}

.l-pic .content-slide .mask{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  padding-right: 130px;
  background-color: rgba(0, 0, 0, .6);
}

.l-pic .content-slide p{
  color: #fff;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.l-pic .picpage{
  position: absolute;  
  bottom: 5px ;
  right: 0;
  z-index: 1;
  padding: 4px;
}

.l-pic .picpage .swiper-pagination-switch{
  display: inline-block;
  width: 12px ;
  height: 12px;
  border-radius: 50px;
  margin:0 3px;
  background-color: #dcdcdc;
  cursor: pointer;
}
.l-pic .picpage .swiper-active-switch{
  background-color:#dd6111 ;
}
.l-pic .content-slide {
  display: block;
  position: relative;
  height: 100%;
}
.l-pic .content-slide img {
  width: 100%;
  height: 100%;
}


 .r-list{
  width: 650px;
  height: 412px;
  float: left;
}

.r-list .bt-more {
  text-align: right;
  padding: 20px 10px;
}



.featured{
  height: 363px;
}
.featured .swiper-slide{
  height: 363px;
  position: relative;
  display: block;
  background-size:100% 100%;
}



.featured .swiper-slide >div{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0,0,0,.6);
  padding: 10px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.video-list  .swiper-wrapper{
  height: 330px;
  overflow: hidden;
}

.video-list  .v-item{
  display: block;
  position: relative;
  overflow: hidden;
}

.video-list  .v-item img{
  width: 100%;
  height: 331px;
}
.video-list .v-item::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/ztzl/cfxd_v_icon.png) no-repeat center center rgba(9, 9, 9, .3);
  transition: all .3s ease-in-out;
}
.video-list .v-item:hover::after{
  opacity: 0;
  transform: scale(1.5);
}
.video-list .vpages{
  text-align: center;
}
.video-list .vpages .swiper-pagination-switch{
  display: inline-block;
  width: 29px;
  height: 8px;
  background-color: #bbbbbb ;
  margin: 0 10px;
}
.video-list .vpages .swiper-visible-switch{
  background-color: #26a077 ;
  
}

@media (max-width:768px) {
  .container,.fatab .tabs,.r-list,.dongtai .l-pic{
    width: 100%;
  }
  .banner{
    background-size: 100%;
    height: 150px;
  }
  .dongtai .l-pic{
    height: auto;
  }
  .dongtai .l-pic .swiper-container{
    height: auto;
  }
}
@media screen and (max-width: 768px) {
.bottom_wzbs{width:32%;}
.bottom_txt{padding-left:35%;}
}

/* xs mobile*/
@media (max-width:768px) {
.bottom{padding-top:25px; padding-bottom:25px;}
.bottom_txt{padding-left:0%;}
.bottom_nav,
.bottom_copyright{text-align:center;}
.bottom_wzbs{position:static; width:100%; margin-top:5px; text-align:center;}

}
@media (max-width:480px) {
.bottom{padding-top:20px; padding-bottom:20px;}
}
@media (max-width: 360px){
.bottom_wzbs img{height:30px;}
.bottom_wzbs img#imgConac{height:45px;}
}

/* footer  --end */