@import url(../../style/css/body.css);
@import url(../../style/css/color_links.css);
@import url(../../style/css/head2015_zt.css);
@import url(../../style/css/m_head2015new.css);
@import url(../../style/js/swiper/swiper.min.css);
.m_header{ background:#df023c}
.bg_zt,.bg_zt a{color: ;}
.bg_zt{  width:1020px; margin:0 auto; }
 
img{ max-width:100%; vertical-align:bottom;}
.m{ display:none;}
.fdii{ background:url(img/fd/br.png); background-size:100% 100%; width:120px; position: fixed; top:50%; margin-top:-142px; z-index:1000;  right:10px;}
.fdii img{ width:100%; height:auto; vertical-align:bottom;}
.gotop{ display:none !important}
 
 
 
@media (max-width:768px){
.pc{ display:none;}
.m{ display: block;}
.bg_zt{ width:100%;}
.fdii{ display:none;}
	}
	

	
.banner{ background:url(img/1.jpg); height:886px;}
.a2{opacity:0;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; opacity:0; position:absolute; top:0; left:0}
.this .a2{ opacity:1}
.a1{-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;}
.this .a1{ opacity:0}.daohangx li{ position:relative}
.daohangx li:hover .a1{ opacity:0}
.daohangx li:hover .a2{ opacity:1}
.daohangx2{ position: fixed; top:0; width:100%; z-index:1000; background:#fff; padding:10px; border-bottom:1px solid #ef90a9 }


.banner li{ cursor: pointer;display:inline-block;  margin:0 28px;}

.zt1{background:url(img/2.jpg); height:1206px;}
.zt2{background:url(img/3.jpg); height:1207px;  }
.zt3{background:url(img/4.jpg);  height:1207px; }
.zt4{background:url(img/5.jpg); height:1207px;  }
.zt5{background:url(img/6.jpg);  height:1207px; }


.yhq{ padding:20px 0 60px 0}
 
	.zz_i{position:relative;border-radius:18px; border:3px dashed #df023c; width:890px; margin:0 auto; background:#fff; padding:15px 20px; color:#df023c; text-align:left;}
	.zz_l p:before{content:""; display:inline-block;background:#df023c; width:6px; height:6px; border-radius:50%; margin:0 5px 0 0;}
	.zz_r{color:#f21750; padding:10px 0 0 0;width:40%; float:left;}
	.zt_41{ position:absolute; right:15px;}
	
	.fexx{ text-decoration:line-through; padding-right:20px;}
 .zz_r .font_21px b{ padding-right:20px; }
  .zz_r .font_21px { padding-bottom:10px;}
 .zz_l{ border-right:2px solid  #df023c;width:50%; float:left;margin-right:5%; }
 
 .swiper-container, .swiper-container a{  width:774px; color:#df023c;}
  .swiper-container .text{ text-align:left; font-size:16px; line-height:26px;}
  
  .ulxx li{ display:inline-block;}
  .titielx{ position:relative; padding-top:40px;}
  .titielx img{ position:absolute; left:-20px; top:0; z-index:100;}
  
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ background:rgba(255,255,255,.7); height:32px; bottom:auto; top:317px;}
  
  .swiper-pagination{display: -webkit-box;    display: -moz-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;     display: table\9;}
  .swiper-pagination span{ border-radius:0;  width:12.5%; color:#fff;  float: left;text-align: center;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;display: table-cell\9;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;  height:32px;  -webkit-box-orient: vertical;overflow: hidden; background:none;}
    .swiper-pagination span{-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;   opacity:0;}
	.swiper-container:hover .swiper-pagination span{  opacity:.5;}
    .swiper-container:hover .swiper-pagination span:hover{  opacity:1;}
	.swiper-pagination-bullet-active{ opacity:1!important;background-color:#f21750!important;}
  .i_1{ background-image:url(img/day/2/1.png) !important}
   .i_2{ background-image:url(img/day/2/2.png) !important}
    .i_3{ background-image:url(img/day/2/3.png) !important}
	 .i_4{ background-image:url(img/day/2/4.png) !important}
	  .i_5{ background-image:url(img/day/2/5.png) !important}
	   .i_6{ background-image:url(img/day/2/6.png) !important}
   .i_7{ background-image:url(img/day/2/7.png) !important}
    .i_8{ background-image:url(img/day/2/8.png) !important}
	.swiper-pagination span{ background-repeat:no-repeat; background-position: center}
	  .swiper-pagination-bullet-active.i_1{  background-image:url(img/day/1/1.png) !important}
   .swiper-pagination-bullet-active.i_2{ background-image:url(img/day/1/2.png) !important}
    .swiper-pagination-bullet-active.i_3{ background-image:url(img/day/1/3.png) !important}
	 .swiper-pagination-bullet-active.i_4{ background-image:url(img/day/1/4.png) !important}
	  .swiper-pagination-bullet-active.i_5{ background-image:url(img/day/1/5.png) !important}
	   .swiper-pagination-bullet-active.i_6{ background-image:url(img/day/1/6.png) !important}
   .swiper-pagination-bullet-active.i_7{ background-image:url(img/day/1/7.png) !important}
    .swiper-pagination-bullet-active.i_8{ background-image:url(img/day/1/8.png) !important}
	
	
	.ulxx li{ position:relative; text-align:center;}
.x2{  position:absolute;  opacity:0;-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out; left:0; top:0;  }
.ulxx li:hover .x2{  z-index:1;opacity:1;}


	@media (max-width:768px){
		.daohangx li img{ height:28px;}
		body{ padding-bottom:40px;}
		.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}
		.yhq{ padding:0 30px;}.yhq img{ margin-bottom:10px;}
		.banner li{ width:20%; margin:0; float:left;}
		.banner{ padding:0 .5%; height:auto; background-size:cover}
		.zt1,.zt2,.zt3,.zt4,.zt5,.zt6,.zt7{padding:20px 10px; height:auto; background-size:cover}
		.zz_i,.zz_r{ width:auto;}
		.zz_i{ padding-right:0;}
		.zz_l{ margin: 0; border:none; width:100%; }	.zz_l  p{padding-right:90px;}
		.zz_r .font_21px{font-size: 19px !important;}
		.daohangx2{   width:100%; padding:0 .5%; left:-.5%; bottom:0; top:auto;}
		.swiper-container, .swiper-container a{ width:100%;}
		.itu{ height:180px;}
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ top:148px;}
		.swiper-pagination span{ background-size:100% auto !important}
 .titielx  img{width:60px;}
.swiper-container .text{ font-size:14px; line-height: 24px;}
	}