@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);

.m_header{ background:#fc795f}
.bg_k{ background:#4c264d url(img/zt_01.jpg) no-repeat; min-height:1000px; padding-bottom:50px;}
.banner{ }
.bg_zt,.bg_zt a{color: ;}
.bg_zt{  width:1000px; margin:0 auto; }
.bg_k2{ background:url(img/zt_03.jpg) no-repeat}
.chanpin dt,.chanpin dd{ text-align:left; max-width:49%; }
.chanpin dl:nth-of-type(2) dd{ text-align:right}
.chanpin dd img{ max-width:85%;}
.fexfe li h3 img{ height:36px;}
.fexfe li > img{ max-width:50%;}
 @media (min-width:1200px){
	 .fexfe li h3 img{ height:40px;}
	.bg_zt{  width:1170px; margin:0 auto; }	  
	.chanpin dt,.chanpin dd,.chanpin dd img{ max-width:100%; }
	 }
img{ max-width:100%; vertical-align:bottom;}
.m{ display:none;}
.fdii{ background:url(img/fd/br.png) no-repeat; 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;}
	}
	 .fexfe{ text-align: left; padding:80px 40px 0 70px;}
.fexfe li{ color:#4c264d; clear: both; font-size:13px; line-height:18px;}

.fexfe li h3{ position:relative; padding:40px 0 10px 0;}
.fexfe li:nth-of-type(even) h3:after{ content:""; background: url(img/xyc_33.png) no-repeat; height:28px; width:28px; display: inline-block;}
.fexfe li:nth-of-type(odd) h3:before{ content:""; background: url(img/xyc_37.png) no-repeat; height:28px; width:28px; display: inline-block; margin-left:-28px;}
.fexfe li>img{ margin-top:-30px;float:left; margin-right:20px;  margin-left:-30px;}
 @media (min-width:1200px){.fexfe li{  font-size:15px; line-height: 24px}.fexfe li>img{ margin-top:-60px;}}
.fexfe li:nth-of-type(even)>img{ float:right;margin-left:0;}
.fexfe li:nth-of-type(8)>img{ margin-top:-200px;}
.jtt img{margin-top:-100px;}
.jtt{  position:relative; height:100px;}
dt>img{ z-index:1;-webkit-transition: .5s transform; -moz-transition: .5s transform;-ms-transition: .5s transform;-o-transition: .5s transform;transition: .5s transform;}
dt:hover>img{-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.chanpin{ padding:0}
.chanpin dl{ margin-top:15px;}
.chanpin dt,.chanpin dd{  float:left;}
.chanpin dt:after{ border:3px solid #fff; content:""; display:block; width:100%; height:100%; position:absolute; top:0; z-index:100;}
.chanpin dt:before{ border:3px solid #fff; content:""; display:block; width:100%; height:100%; position:absolute; bottom:0; right:0; z-index:100;}
.chanpin dt{ overflow: hidden;  position:relative; }
.chanpin dt div{-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;   padding:10px 0; position:absolute; bottom:-300px; color:#fff; background:rgba(0,0,0,.5); width:100%; text-align: left;  }
.chanpin dl dt:hover div{  bottom:0;}
.chanpin dt div p{padding:0 0 5px 10px;}
.chanpin dl:nth-of-type(2) dt,.chanpin dl:nth-of-type(2) dd{ float:right}
.bg_bai{ background:#fff; padding-bottom:50px;}
.bg_k2{ padding:140px 0}
.i_neirong{ position:relative; border:1px dashed #603366; padding:20px; text-align:left; width:850px; margin:0 auto; font-size:16px; color:#603366}
.i_neirong:before{ content:""; position:absolute; bottom:-50px; right:-50px;background:url(img/xyc_23.png) no-repeat; height:114px; width:114px; display:block;}
.i_neirong p{ position:relative; padding-bottom:7px;}
.i_neirong p:before{ content:"·"; font-weight:bold; display:inline-block; position:absolute; left:-10px;}
.ul_x{ padding: 0 25px;}
.ul_x li{ width:50%; float:left; text-align:center}
.ul_x li img{ border-radius:25px; border:3px solid #fff; max-width:90%;}
@media (max-width:768px){
	.chanpin dt,.chanpin dd{ max-width:100%;}
.banner + img{ width:80%;}
.bg_k{ background-size:210% auto}
.chanpin{ padding:0 10%;}
.i_neirong{ margin: 10px; width:auto}
.jtt{ height:10px;}
.jtt img,.tttx{ width:80%;}
.bg_k2 {
    padding: 100px 10px 10px 10px;
}
.fexfe li h3:before,.fexfe li h3:after{ display:none !important;}
.fexfe{ padding:10px;}
.fexfe li>img,.fexfe li:nth-of-type(8)>img,.chanpin dd img{ margin:0; max-width:100%;}
.chanpin dd{ }
.fexfe li{ font-size:13px; line-height:normal}
.fexfe li h3 img{ height:30px;}
.fexfe li>img{  }

.ul_x li{ width:100%; padding-bottom:20px;}
}