@import url(../body.css);
@import url(../color_links.css);
@import url(../head2015new_1500.css);
@import url(../head2015_zt.css);
@import url(../m_head2015new.css?2016162);
@import url(../swiper.min.css);
img{ max-width:100%;}
.m_header{ background: none; width:50%; text-align:left; padding-left:40px;}
.fanhui{ background:url(../../images/zt/yiguoshendu/fanhui.png?210) no-repeat center;background-size:24px 24px}
.bg_zt,.bg_zt a{color:#000;}
.bg_zt{  width:1200px; margin:0 auto; }.bg_zt img{  vertical-align:bottom;}
   .jt{ background:url(../../images/zt/yiguoshendu/jiantou.png) no-repeat; height:49px; width:83px; position:absolute; bottom:60px; margin:0 0 0 -41px; left:50%;}
   html, body {
        position: relative;
        height: 100%; overflow:hidden
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.swiper-slide{ background-position:center; background-repeat:repeat; background-size:cover}
	.k1{ background-image:url(../../images/zt/yiguoshendu/1/1.jpg)}
	.k2{ background-image:url(../../images/zt/yiguoshendu/2/1.jpg)}
	.k3{ background-image:url(../../images/zt/yiguoshendu/3/1.jpg)}
	.k4{ background-image:url(../../images/zt/yiguoshendu/4/1.jpg)}
	.k5{ background-image:url(../../images/zt/yiguoshendu/5/1.jpg)}
	.k6{ background-image:url(../../images/zt/yiguoshendu/6/1.jpg)}
	.k7{ background-image:url(../../images/zt/yiguoshendu/7/1.jpg)}
	.m_header{ position: fixed; top:0; z-index:10000;  }
	
	.swiper-container{ opacity:0}
	.n_header{ z-index:10;position: fixed;width:100%; left:100px;   left:0; border:none; background:rgba(255,255,255,.8)}
	.t_header{position: fixed;width:100%;   }
	.t_header_nav{ position: fixed;   width:100%;}
	.nlogo,.ntiaoti{ top:-5px}
	
 
	.swiper-container-vertical>.swiper-pagination-bullets{ width:100%;-webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); right:0; top:auto; bottom:0;}
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ background-color:inherit;  float:left; margin:0; width:16.66666666666667%; height:50px;border-radius:0; opacity:1; background-repeat: repeat-x; background-position:0 0;}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:after{ content:""; display:block; width:100%; height:100%;  background-repeat:no-repeat; background-image:url(../../images/zt/yiguoshendu/tittle.png) ; }
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(2){ background-image:url(../../images/zt/yiguoshendu/nav/1.png);}
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(2):after{ background-position:center 0 }
		.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(3){ background-image:url(../../images/zt/yiguoshendu/nav/2.png);}
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(3):after{ background-position:center -50px }
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(4){ background-image:url(../../images/zt/yiguoshendu/nav/3.png);}
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(4):after{ background-position:center -100px }
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(5){ background-image:url(../../images/zt/yiguoshendu/nav/4.png);}
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(5):after{ background-position:center -150px }
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(6){ background-image:url(../../images/zt/yiguoshendu/nav/5.png);}
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(6):after{ background-position:center -200px }
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(7){ background-image:url(../../images/zt/yiguoshendu/nav/6.png);}
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(7):after{ background-position:center -250px }
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1){ display:none; }
  
	.divx{  right:10px;  position:absolute; top:9.5%; height:100%;}
	.divx dl dt,.divx dl dd .w .i,.neirong{ background:rgba(0,0,0,.5); width:100%;}
	.divx dl img{ vertical-align: bottom; }
	.divx dl>a>img { float:left;height:100%; min-height:100%; max-width:none; width:auto;}
	.divx dl{box-shadow: 0 5px 5px rgba(0,36,86,.5);text-align:left; float:left; clear:both; max-height:360px; border-radius:10px; -webkit-border-radius:10px; overflow: hidden;    position:relative; margin-top:3%}	.k6 .divx dl{box-shadow: 0 5px 5px rgba(77,16,0,.5);}.k7 .divx dl{box-shadow: 0 5px 5px rgba(37,48,2,.5);}
	.divx dl dt{   -webkit-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out; opacity:1; position:absolute; bottom:0; width:95%; max-width:95%; padding-left:5%;}
	.divx dl dd{display: inline-table; left:0; -webkit-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;  opacity:0;position:absolute; width:100%;max-width:100%; top:0; height:100%;  color:#fff; font-size:13px; }
 .divx dl dd .w{display: table-cell;vertical-align: middle;}
	.divx dl dd p{ padding-left:24px;}
	img.t { }
	img.p{ }
	.title{     width:100%; text-align:center; width:100%; position:absolute; left:0;  } 
	.title img{ height:100%; width:auto;}
	
	.divx dl>a>img{-webkit-transition:all .5s; 
-moz-transition:all .5s; 
-o-transition:all .5s; 
}
.divx dl:hover>a>img{-webkit-transform:scale(1.2) ; 
-moz-transform:scale(1.2) ; 
-o-transform:scale(1.2) ; 
}
	
	
	
	.i_logo{ position:absolute; top:5%; left:0; width:100%; height:12%;}.i_logo img{ height:100%; width:auto; }
	.divx dl:hover dt{ opacity:0;}
	.divx dl:hover dd{ opacity:1;}
	.morex{   text-align:right; display:block; clear:both; padding-right:5%;} 
	.fh_top{ background: url(../../images/zt/yiguoshendu/nav/top.png) no-repeat; width:117px; height:23px; cursor:pointer; position: absolute; top:70px; left:70px; z-index:1000;}
	.i{ padding:10px 0}
	/*pc 产品图片高度*/
	.divx dl{height:38.2%;}
	.k4 .divx{ top:30%;}
	.k7 .divx dl{height:26.3%;}
	/*标题高度 位置*/
	.k1 .title{ top:18.4%;  height:64.8%;   }
	.k2 .title{top:6%; height:40%;}
	.k3 .title{top:15%; height:55.3%;}
	.k4 .title{top:11.8%; height:55.3%;}
	.k5 .title{top:21.6%; height:46.8%;}
	.k6 .title{top:8.4%; height:55.3%;}
	.k7 .title{top:7%; height:70%;}
	
	
	
		/*右侧动画*/
		 .divx{ -webkit-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out; 
		 -webkit-transform: translate3d(50%,0,0);
    transform: translate3d(50%,0,0); 
		 
		 }
	.divx:hover{  -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); }
	
	
	
	 @media (min-width:1300px){
			.divx{   -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); }
		 
	 }
	
	
 @media (max-width:789px){
	.bg_zt{ width:100%;}
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ height:40px;}
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:after{  background-image:url(../../images/zt/yiguoshendu/tittle2.png?210); background-size:170px auto}
	
	
	.k1{ background-image:url(../../images/zt/yiguoshendu/a/1.jpg?21)}
	.k2{ background-image:url(../../images/zt/yiguoshendu/a/2.jpg)}
	.k3{ background-image:url(../../images/zt/yiguoshendu/a/3.jpg)}
	.k4{ background-image:url(../../images/zt/yiguoshendu/a/4.jpg)}
	.k5{ background-image:url(../../images/zt/yiguoshendu/a/5.jpg)}
	.k6{ background-image:url(../../images/zt/yiguoshendu/a/6.jpg)}
	.k7{ background-image:url(../../images/zt/yiguoshendu/a/7.jpg)}
	.title img{ height:auto}
	.divx dl>a>img{ height:auto !important; min-width: 100px; max-height:150px; width:100%;}
	.divx dl{ max-height: 150px;height: auto!important; width:48%; margin:5px 1%; float:left; clear:none;}
	.divx,.k4 .divx { width:100%; left:0; top:auto; bottom:80px; height:auto; right:0;
  
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}.divx dl:hover dd{ opacity:0;}
.divx dl:hover dt{ opacity:1;}
.divx dl img.p{ width:50%; float:left;}
.divx dl .morex{ padding-right:0; position:absolute; right:0; bottom:0}
.divx dl .morex img{ width:50%;}
	.title:hover .neirong {
		
    display: none !important;}
	.k4 .divx dl{ margin-left:24% }
	.k7 .divx dl:nth-of-type(1){ margin-right:48% }
	.k7 .divx dl{ max-height: 120px;height: auto!important; }
	.k7 .divx dl>a>img{ height:120px;}
	
	.k2 .title,.k6 .title{ top:15%;}
	.k5 .title img{margin-left:0;}
	.fh_top{ left:auto; right:10px; top:10px;}
	
	.title img{ width:120%; max-width:120%; margin-left:-10%;}
	.k1 .title img{ width:100%; max-width:100%; margin-left:0;}
	.k2 .title img{ width:140%; max-width:140%; margin-left:-20%;}
	.k3 .title img{margin-left:0;}
}

.neirong{ position: absolute; left:50%; margin-left:-400px; top:45%;z-index:10000; background:rgba(0,0,0,.8); border-radius:10px; display: none; color:#fff; width:800px;   text-align: left; height: ; overflow: auto;
}.neirongi{ padding:32px; font-size:14px;}.neirong strong{ font-size:24px;}.k2 .neirong{ top:80%;}
.title:hover .neirong{ display: block;
}.title:hover{ }