@import url(../body.css);
@import url(../color_links.css);
@import url(../head2015new_1500.css);
@import url(../head2015_zt.css);
@import url(../m_head2015new.css);
table, html body{font-family:Arial,"幼圆",Microsoft YaHei,'微软雅黑'}
.m_header{ background:#0c93c3}
.bg_zt,.bg_zt a{color:#000;}
.bg_zt{  width:1020px; margin:0 auto;   }.bg_zt img,.banner img{ vertical-align:bottom;}
.banner{ position:relative; height:602px;}.banner img{ position:absolute; left:50%; margin-left:-960px;}
  .zt_br{ background:url(../../images/zt/zt_huahuashijie2017/br.jpg) repeat}
 .banner{  }
.title{ background-position: center;background-repeat:no-repeat; height:164px;    }.title img{ margin:0 auto;}
.title1{ background-image:url(../../images/zt/zt_huahuashijie2017/t/1.png);}
.title2{ background-image:url(../../images/zt/zt_huahuashijie2017/t/2.png);}
.title3{ background-image:url(../../images/zt/zt_huahuashijie2017/t/3.png);}
.title4{ background-image:url(../../images/zt/zt_huahuashijie2017/t/4.png);}
.title5{ background-image:url(../../images/zt/zt_huahuashijie2017/t/5.png);} 
  
.titlex{ font-size:24px; line-height:38px;}
 
/* 列表1 */
   .zt_br1{ background:url(../../images/zt/zt_huahuashijie2017/br2_02.jpg) no-repeat center 0; height:981px;  }
   
   .zt_br2{ background:url(../../images/zt/zt_huahuashijie2017/br_03.jpg) no-repeat center 0;  height:1025px;}
   
   .zt_br3{ background:url(../../images/zt/zt_huahuashijie2017/br_04.jpg) no-repeat center 0;  height:973px; }
   
   .zt_br4{ background:url(../../images/zt/zt_huahuashijie2017/br_05.jpg) no-repeat center 0; height:1162px; }
   
   .zt_br5{ background:url(../../images/zt/zt_huahuashijie2017/br_06.jpg) no-repeat center 0;  height:573px; }
   .t1{ width:397px; float:left;}.t1 b{ font-size:18px; font-weight:bold;  }
.t1,.t2{ text-align:left; line-height:27px; color:#2a463a;}
table, html body{font-size:14px;}
.shipin{ left:305px; top:455px; position:absolute; z-index:1}.shipin iframe{ width:691px; height:388px; }
.shipin img{ position:absolute; z-index:20; right:0; top:-93px;}


.sinax{ position:relative;}.sinax a{ -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;position:absolute; width:188px; height:54px; text-indent:20px; text-align:left; border-radius:50px;  line-height:54px; display:block; background:#cdaa78 url(../../images/zt/zt_huahuashijie2017/sina.png) no-repeat 124px center; left:50%; margin-left:-94px; margin-top:10px;  }.sinax a:hover{ background-color:#F30}


.huayu ul{ width:25%; float:left;}.huayu ul li{ padding-top:30px; text-align:left; line-height:21px;}
.huayu ul li img{ margin-bottom:5px;}
.huayu ul.ul{ padding-top:60px;}

.zt_br2 .titlex{ margin-top:-30px;} 
.titlex2{ line-height:20px; width:509px; margin:0 auto 10px auto;}
.biaotxx{ padding-bottom:15px;}
.biaotxx span{-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out; cursor:pointer; font-weight:bold; display:inline-block; width:188px; height:54px; font-size:24px;border-radius:50px;  line-height:54px; margin:0 60px;border:1px solid #cdaa78; color:#cdaa78 }
.biaotxx span.this,.biaotxx span.this hover{background:#cdaa78; border:1px solid #cdaa78; color:#fff;}
.youx img{ cursor: pointer}
.xxx{ line-height:25px; padding-top:30px; width:50%; float:left; text-align:left;}
.xxx a{ text-decoration:underline}
.xxxw{ background:#fbf8f5; background:rgba(255,255,255,.7); padding:20px 0 20px 10px;}


.xxs dl{ margin:6px 6px 0 0; position:relative; overflow:hidden;  height:250px; float:left} 
.xxs dl dt,.xxs dl dd{-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;color:#fff; position:absolute; width:80%; height:100%; padding:0 10%;  left:0; display:inline-table;text-transform: uppercase;
	text-shadow: 0 0 5px #000; }
 .xxs dl dt{z-index:1; font-size:24px;top:0;} 
 .xxs dl dd{ line-height:24px;  z-index:2; text-align:left; opacity:0; background-color:#000;background-color: rgba(0,0,0,.5);top:100%; }
.xxs dl dt span,.xxs dl dd span {      display: table-cell;vertical-align:middle;}
.xxs dl:hover dt{ top:-100%;opacity:0;}.xxs dl:hover dd{ top:0; opacity:1;}


.dl_list dl img{ width:96%; margin-left:2%; height:auto; margin-top:4px; }.dl_list dl:hover img{  }
.dl_list dl{margin-top:10px; float:left; width:25%; text-align:left;}
.dl_list dl dd,.dl_list dl dt{  position:relative;margin:0 2%; }
.dl_list dl dd{  padding:10px 10px 5px 10px; }
.dl_list h2{ font-size:16px; padding-bottom:5px; line-height:16px; min-height:34px; }
.dl_list p{ color:#999999; padding:0;}
.dl_list p b{ color:#da2522; font-size:24px;}.dl_list p b em{ font-size:14px; font-style:normal;}
.miaosha{border-radius:50px; float:right; padding:0 5px; font-size:12px;-webkit-transition:all 0.6s ease-in-out; transition: all 0.6s ease-in-out;background:#f20000; color:#fff;display:block; margin:0 auto;  text-align:center;overflow: hidden}


.dl_list1 h2{height:35px; padding:0;}
.dl_list1 dl dt{ background:#fff;border:4px solid #f26f02; border-bottom:none;}
.dl_list1 dl dd{ background:#fff;border:4px solid #f26f02; border-top:none;}
.dl_list1{ padding:0 20px;}
.dl_list1 .miaosha{  height:20px; line-height:20px;  margin-top:5px;  }
.dl_list dl:hover .miaosha{ background:#ff9933; }
.dl_list1 dl:hover dd,.dl_list dl:hover dt{ border-color:#ff9933}
.disable{ background-color:#bebebe}
.dl_list1 dl:hover .disable{ background:#bebebe;}
.dl_list1{ padding-bottom:18px;}

.dl_list dl dd{ border-bottom:2px solid #cdaa78; padding-bottom:10px; padding-top:5px;}
.dl_list2 dl{ -webkit-transition:all 0.6s ease-in-out; transition: all 0.6s ease-in-out;background: ; width:25%;  height:290px;}
.dl_list2 .miaosha{ font-size:15px; height:30px; line-height:29px; padding:0 10px; font-weight:bold;}
.dl_list dl img{ height:194px; width:100%;}
.miaoshax{  position:absolute; right:0; bottom:5px; height:52px; overflow:hidden; }
.dl_list p.jjx{ color:#000; height:18px; line-height:18px; overflow:hidden; margin-bottom:15px; font-size:12px; display:none;}.dl_list p.jjx2 { text-decoration: line-through;} 
.miaoshax em{ margin-top:4px; background-color:#cdaa78; display:block; width:80px; height:24px; text-align:center; font-style:normal; line-height:24px;}
.miaoshax em, .miaoshax em a{color:#fff; }.miaoshax em a{ display:block; display:block;}.miaoshax em a:hover{ background-color:#C30}
 dl:hover .miaoshax{ height:auto}
/*.dl_list2 dl:hover{ background: url(../../images/zt/zt_huahuashijie2017/baolin_85_1.png)  no-repeat center 0;}
*/ 
.dl_list3 dl{-webkit-transition:all 0.6s ease-in-out; transition: all 0.6s ease-in-out; background:#ccc; width:23%; margin:0 1%; height:180px;}
.dl_list3 .miaosha{ font-size:12px; height:21px; line-height:21px; padding:0 10px; font-weight:bold;}
/*.dl_list3 dl:hover{ background: url(../../images/zt/zt_huahuashijie2017/baolin_104_1.png) no-repeat center 0;}
*/.dl_list3 h2{ font-size:13px;}
.dl_list3 dl dd {
    padding: 3px 5px 5px 5px;
}

.dl_list4 dl{ width:20%;}
 
  .kkx_w{}.kkx_br{ cursor:pointer; z-index:9; left:0; top:0;width:100%; right:0; bottom:0; height:100%; background:#000; background:rgba(0,0,0,.01); position: fixed;}
 .kkx{ vertical-align:middle; display:inline-table; background:url(../../images/zt/zt_huahuashijie2017/zt_35.png) no-repeat; width:425px; height:521px; margin:-260px 0 0 -225px; position: fixed; z-index:10; left:50%; top:50%;}
  .kkx_in{ font-weight:bold; font-size:15px;vertical-align:middle;  display: table-cell; padding:0 50px; }
 .kkx_in h2{ padding:10px 0;font-weight:bold; font-size:24px;}
 .kkx_in p{text-align:left; line-height:24px; line-height:36px;}
 .kkx2 .kkx_in p{ line-height:30px;}
 .kkx2 .kkx_in{ padding:0 40px;}
 .kkx_in .color_hongse{ color:#e10707;}
 
/* 广告链接 */
.gglist{ padding:30px 0 80px 0; }
.gglist li{ float:left; width:48%; margin:0 1%; }.gglist li img{ margin:0 auto; width:100%; height:auto}
 
.gglist li{ position:relative; padding:0;}
.gglist li span{ position:absolute; background:url(../../images/zt/zt_huahuashijie2017/zt_k_03.png) no-repeat; background-size:100% 100%; left:0; top:0; width:100%; height:100%; display:block;}

	@-webkit-keyframes ialert_in{from{ -webkit-transform: translate3d(0,0,0) scale(1.185);opacity: 0;
    transform: translate3d(0,0,0) scale(0.5);}to{ opacity:1;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}}
	@keyframes ialert_in{from{ -webkit-transform: translate3d(0,0,0) scale(1.185);opacity: 0;
    transform: translate3d(0,0,0) scale(0.5);}to{ opacity:1;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}}
	
.ialert_in {
	
	-webkit-animation:ialert_in .3s forwards;animation:ialert_in .3s forwards; 
	
  }
 
.ialert_out {
   -webkit-animation:ialert_out .3s forwards;animation:ialert_out .3s forwards; 
}

	.huayu ul li img,.dl_list dl img{  -webkit-transition: .5s transform; -moz-transition: .5s transform;-ms-transition: .5s transform;-o-transition: .5s transform;transition: .5s transform;}
	.dl_list dl dt{ overflow:hidden;}
	  .huayu ul li:hover img,.dl_list dl:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
 

@media (max-width:789px){
 html,body{ min-width:100%;}
 html body,.sinax{ font-size:12px;} 
	.dl_list1 dl img{ width:100%; margin:0;}
  	.imgx{ margin-top:60px;}
 	 .bg_zt,.bg{ width:100%;}
	 img{ max-width:100%;}
	 .banner{  background-size:auto 200px; background-position:center 0; height:200px; overflow: hidden; width:100%; position:relative;}.banner img{ height:200px; width:638px; max-width:638px; position:absolute; left:50%; margin-left:-319px; }
	 .title{ height:80px; margin:0; background-size: auto 70px}
	 .titlex{ font-size:16px; line-height:normal} 
	 .tt_t{ padding:0;}.tt_t li{ height:50px;}.tt_t li span{background-size: 90% 40px}
 	  .t1, .t2{ width:94%; padding: 0 3%; float: none; font-size:12px; line-height:21px;} 
	 .shipin{ position:inherit;top:auto; left:auto; padding:0 3%; }
	 .shipin iframe{ width:100%; height:200px; }.shipin img{ display:none;}
	 .zt_br1{ background-image:url(../../images/zt/zt_huahuashijie2017/br.jpg)}
	  .zt_br1, .zt_br2, .zt_br3, .zt_br4, .zt_br5{ height:auto; padding-bottom:10px; background-size:auto 100%}
	  .zt_br2 .titlex{ margin:0;}
	  .youx img{ width:25%; float:left;}
	  
	  .sinax a {
    position: inherit; left:auto; margin:0 auto; text-align:center;
    width: 130px;
    height: 34px; line-height:34px; font-size:14px; background-position:18px 6px; background-size:25px auto; margin-top:5px;}
	
		  .zt_br2{ padding:0 3%;}.huayu ul{ width:100%;}
	.huayu ul li,.huayu ul.ul{ padding-top:0;}
	.huayu ul li img{ width:48px; height:48px; float:left; margin-right:5px;margin-left:5px; }
	
     
	
	.zt_br2{ padding-bottom: ;}
	.huayu ul li { height:50px; overflow:hidden; }
	.huayu ul li:nth-of-type(even){ text-align:right;color:#630}
.huayu ul li:nth-of-type(even) img{ float:right}
	 .dl_list1 dl dt{  border:1px solid #f26f02; border-bottom:none;}
.dl_list1 dl dd{  border:1px solid #f26f02; border-top:none;}
.biaotxx span{ width:40%; margin:0 4%; font-size:18px; height:44px; line-height:44px;}
.biaotxx { padding:0;}
.dl_list4 dl{ width:49%;}
 	 
 	 
	 .dl_list1 dl { width:50%;}
 	 .dt dl dd{ padding:5px 0 0 10px;color:#666;}
	 .kk_tb .dt{ padding:0;}.kk_tb .dt dl.dl_tb{ padding:0 10px 0 10px;}
	 .dl_list h2,.dl_list2 .chang h2{ margin:0; padding:0; height:30px; overflow:hidden; font-size:13px; font-weight:normal;}
	 .dl_list1{ padding:0 5px 10px 5px;}
	 .dl_list2,.dl_list3{  }
	 .dl_list2 dl,.dl_list3 dl { width:48%; padding:0; margin:5px 1% 0 1%; background-size:100% 100% ; height:auto; padding-bottom:5px;}
	 .dl_list2 dl.good{ width:100%; padding-bottom:10px;} .dl_list3 .miaosha {font-weight:normal;}
	 .dl_list2 .miaosha {
    height: 20px;
    line-height: 20px;
    margin-top: 5px; font-size:12px; font-weight:normal;
}.dl_list2 dl.good .miaosha {  height: 30px;
    line-height:30px;
    margin-top: 0; font-size:13px; font-weight:normal;}.dl_list2 dl.good h2{ height:auto}
  
	 .dl_list2 dl, .dl_list3 dl{ margin:5px 0 0 1%}
	 .dl_list dl img{ height:100px;}
	.gglist{ padding:0 10px;} 
	
	.gglist li img{ width:95%; margin:0 auto;}
	
	.xxs dl{ width:98%; margin-right:1%; height:140px;}.xxs dl img{ width:100%;}
	.xxx{ width:100%; padding-top:0;}.titlex2{ width:auto; text-align:left; padding-top:10px;}
	.xxxw{ background:none;}
	.gglist{ padding-bottom:30px;}
	.gglist li{ width:98%}.gglist li img{ width:100%;}
	
	.kkx{ width:90%; left:5%; height:80%; top:10%; margin-top:0; bottom:10%; overflow:auto; margin-left:0; background-size:100% 100%;} 
 
 .kkx_in{ padding: 0 10%; font-size:13px;}
 
 .kkx2 .kkx_in{ padding:0 7%;}
 .kkx_in p,.kkx2 .kkx_in p{ line-height:21px;}
 
/* .dl_list4 .miaoshax{ display:none;} */
	}
 