/*产品列表页*/
.productdxt{margin-bottom: 15px; padding-left:4%;padding-right:4%; display: block; overflow: hidden; margin-top: 15px;}

.product{margin-bottom: 45px; padding-left:4%;padding-right:4%; display: block; overflow: hidden; margin-top: 40px;}
.product ul{width: 100%; zoom: 1; overflow: hidden;}
.product ul li{width: 30%; margin-right: 5%; float: left; margin-bottom: 30px; overflow: hidden;}
.product ul li:nth-child(3n){margin-right: 0;}
.product ul li .imgs{width: 100%; height: auto; overflow: hidden;}
.product ul li .imgs img{max-width: 100%; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.product ul li .imgs img:hover{transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);
-webkit-transform:scale(1.04);}
.product ul li .txts{width: auto;height: auto;padding: 13px 10px;background: #f5f5f5}
.product ul li .case_txt { margin-top: 10px;font-size: 14px;color: #666666;min-height: 35px; }
.product ul li .case_txt .case-left {float:left;}
.product ul li .case_txt .case-right{float:right;}

@media (max-width: 1300px){
.product ul li .case_txt{text-align: left;}
.product ul li .case_txt .case-left {float:none;margin-bottom: 10px;}
.product ul li .case_txt .case-right{float:none;}	
	
	
	
}
@media (max-width: 1060px){
.product ul li{width: 47%; margin-right: 6%; float: left; margin-bottom: 30px; overflow: hidden;}
.product ul li:nth-child(3n){margin-right: 6%;}	
.product ul li:nth-child(2n){margin-right: 0%;}	

}




@media (max-width: 450px){
.product ul li{width: 100%; margin: 0; float: left; margin-bottom: 30px; overflow: hidden;}

}






.hover-shadow {
  display: inline-block;
  position: relative;
  -o-transition: .8s, box-shadow .4s linear;
  -moz-transition: .8s, box-shadow .4s linear, -moz-box-shadow .4s linear;
  transition: .8s, box-shadow .4s linear;
  transition: .8s, box-shadow .4s linear, -moz-box-shadow .4s linear;
}
.hover-shadow:hover {
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
    -o-transform: translate(0);
       transform: translate(0);
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
       animation-duration: 1.5s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
       animation-delay: .3s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
       animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
       animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
       animation-direction: alternate;
   -moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.35);
        box-shadow: 0px 6px 10px rgba(0,0,0,0.35);

}

/*产品列表页*/




/*产品列表页*/
.productdxt{margin-bottom: 15px; padding-left:4%;padding-right:4%; display: block; overflow: hidden; margin-top: 15px;}

.productex{margin-bottom: 45px; padding-left:4%;padding-right:4%; display: block; overflow: hidden; margin-top: 40px;}
.productex ul{width: 100%; zoom: 1; overflow: hidden;}
.productex ul li{width: 30%; margin-right: 5%; float: left; margin-bottom: 30px; overflow: hidden;}
.productex ul li:nth-child(3n){margin-right: 0;}
.productex ul li .imgs{width: 100%; height: auto; overflow: hidden;}
.productex ul li .imgs img{max-width: 100%; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.productex ul li .imgs img:hover{transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);
-webkit-transform:scale(1.04);}
.productex ul li .txts{width: auto;height: auto;padding: 13px 10px;background: #f5f5f5}
.productex ul li .case_txt { margin-top: 3px;font-size: 16px;color: #666666;min-height: 35px; text-align: left; }
.productex ul li .case_txt .case-left {width: 100%; font-size: 22px; margin-bottom: 10px;}
.productex ul li .case_txt .case-right{width: 100%;}

@media (max-width: 1300px){
.productex ul li .case_txt{text-align: left;}
.productex ul li .case_txt .case-left {margin-bottom: 10px;font-size: 18px;}
.productex ul li .case_txt .case-right{}	
	
	
	
}
@media (max-width: 1060px){
.productex ul li{width: 47%; margin-right: 6%; float: left; margin-bottom: 30px; overflow: hidden;}
.productex ul li:nth-child(3n){margin-right: 6%;}	
.productex ul li:nth-child(2n){margin-right: 0%;}	

}




@media (max-width: 450px){
.productex ul li{width: 100%; margin: 0; float: left; margin-bottom: 30px; overflow: hidden;}

}






.hover-shadow {
  display: inline-block;
  position: relative;
  -o-transition: .8s, box-shadow .4s linear;
  -moz-transition: .8s, box-shadow .4s linear, -moz-box-shadow .4s linear;
  transition: .8s, box-shadow .4s linear;
  transition: .8s, box-shadow .4s linear, -moz-box-shadow .4s linear;
}
.hover-shadow:hover {
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
    -o-transform: translate(0);
       transform: translate(0);
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
       animation-duration: 1.5s;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
       animation-delay: .3s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
       animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
       animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
       animation-direction: alternate;
   -moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.35);
        box-shadow: 0px 6px 10px rgba(0,0,0,0.35);

}

/*产品列表页*/












/*产品详情页*/
.qxyimg{height: auto; width: 100%; overflow: hidden;position: relative;}
.qxyimg img {
  width: 100%;
    -webkit-animation: banner_inside 20s ease 1 forwards;
       -moz-animation: banner_inside 20s ease 1 forwards;
         -o-animation: banner_inside 20s ease 1 forwards;
            animation: banner_inside 20s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}





@media (max-width: 450px){
.qxyimg{margin-top: 74px;}

}

.productqxy{margin-bottom: 45px; padding-left:8%;padding-right:8%; display: block; overflow: hidden; margin-top: 160px;}
.txsndr{width: 100%;text-align: center; overflow: hidden; position: relative;}
.txsndr .cptitle{margin-bottom: 28px;line-height: 30px;font-size: 34px;}
.txsndr .cpmstitle{margin-bottom: 30px;line-height: 20px;font-size: 20px;}
.txsndr .desc{width: 50%; margin: auto; }
.txsndr .desc p{line-height: 30px;font-size: 14px;color: #999;display: inline-block;}

.pcshow{position:relative;width:783px;height:625px;margin:0 auto; background: url(../images/pc-bg.jpg)no-repeat; margin-top: 40px;overflow: hidden; margin-bottom: 30px; background-size: 100%;}
.pcshow .img{width:723px;height: 395px; margin: auto; z-index:99;overflow: hidden; margin: 31px 30px 216px 30px;}
.pcshow .img img{width:723px;height: 395px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; }
.pcshow .img img:hover{transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);}

.imgsone{width: 100%; margin: auto; height: auto; margin-top: 40px; overflow: hidden; position: relative; text-align: center;}
.imgsone img{max-width: 100%; margin: auto; text-align: center;}

.imgsshowm{width: 100%; margin: auto; height: auto; margin-top: 140px; overflow: hidden; position: relative; margin-bottom: 40px;}

.ipapin{ width: 500px; height: 684px;  position:relative ;display: inline-block;vertical-align: top;}
.ipapin .ipimg{width: 500px;height: 684px;background: url(../images/ipimg.png)no-repeat;overflow: hidden;float: left;}
.ipapin .ipimg .img{width:436px;height: 616px; margin: auto; z-index:99;overflow: hidden; margin: 34px 32px 34px 32px;}
.ipapin .ipimg .img img{width:436px;height: 616px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; }
.ipapin .ipimg .img img:hover{transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);}
.ipapin .showtitle{ top: 40px;left: calc(100% + 60px);  position: absolute; display: table; width: 150px;}
.ipapin .showtitle h3 {margin: 0;margin-bottom: 10px;line-height: 22px;font-size: 22px;font-family: gothicb;color: #333;}
.ipapin .showtitle p.desc {margin: 0;line-height: 16px;font-size: 16px;color: #000;}
.ipapin .showtitle::after {content: '';position: absolute;left: 0;bottom: -35px; width: 28px; height: 3px;background: #d61a32;}


.wappin{margin-top: 310px; margin-left: 160px;width: 239px; height: 500px; display: inline-block; position: relative; vertical-align: top;}
.wappin .wapimg{width: 239px;height: 500px;background: url(../images/wapimg.png)no-repeat;overflow: hidden;float: left;}
.wappin .wapimg .img{width:219px;height:393px; margin: auto; z-index:99;overflow: hidden; margin: 54px 10px 53px 10px;}
.wappin .wapimg .img img{width:219px;height: 393px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; }
.wappin .wapimg .img img:hover{transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);}
.wappin .showtitle{ top: 40px;left: calc(100% + 60px);  position: absolute; display: table; width: 180px;}
.wappin .showtitle h3 {margin: 0;margin-bottom: 10px;line-height: 22px;font-size: 22px;font-family: gothicb;color: #333;}
.wappin .showtitle p.desc {margin: 0;line-height: 16px;font-size: 16px;color: #000;}
.wappin .showtitle::after {content: '';position: absolute;left: 0;bottom: -35px; width: 28px; height: 3px;background: #d61a32;}



.doretext{background: url(../images/case-common.jpg) center center no-repeat;  height: 200px; width: 100%; overflow: hidden; padding-top: 50px; margin-top: 30px; margin-bottom: 40px; }
.doretext p{ line-height: 40px; color: #fff; text-align: center; font-size: 20px;}
.doretext p .ointer{padding-right: 10px;}

@media  (max-width: 479px) {
.productqxy{margin-top:94px;}
}



@media (min-width: 480px) and (max-width: 639px) {
.productqxy{margin-top:104px;}
}


@media (min-width: 640px) and (max-width:1023px ) {
.productqxy{margin-top:104px;}
}




@media (min-width: 1440px) and (max-width:1920px ) {
.productqxy{margin-top:102px;}

}





@media (max-width: 1300px){
.productqxy{ padding-left:4%;padding-right:4%; }

}


@media (max-width: 1200px){
.txsndr .desc{width: 100%;}

}

@media (max-width: 1050px){
.ipapin{ width: 500px; height: 684px;  position:relative ;display:block;}
.wappin{margin-top: 40px; margin-left: 0;width: 239px; height: 500px; display:block; position: relative; vertical-align: top;}
}

@media (max-width: 867px){
.pcshow{width: 100%; height: auto;}
.pcshow .img{width: auto; height: auto; margin: 3.2% 3.9% 180px 3.9%; background: #000;}
.pcshow .img img{width: 100%; height: auto; max-height: 400px;}
}
@media (max-width: 800px){

.pcshow .img img{ max-height: 350px;}
}



@media (max-width: 720px){
.txsndr .cptitle{margin-bottom: 10px;line-height: 30px;font-size:24px;}
.txsndr .cpmstitle{margin-bottom: 10px;line-height: 20px;font-size: 18px;}
.doretext{height: 100px; padding-top: 20px;}
.imgsshowm{display: none;}
.pcshow .img img{ max-height: 300px;}
}
@media (max-width: 640px){

.pcshow .img img{ max-height: 250px;}
}

@media (max-width: 450px){
.pcshow{width: 100%; height: auto;}
.pcshow .img{width: auto; height: auto; margin: 3.2% 3.9% 100px 3.9%; background: #000;}
.pcshow .img img{width: 100%; height: auto; max-height: 170px;}
}
/*产品详情页*/


.productttp{margin-bottom: 45px; padding-left:8%;padding-right:8%; display: block; overflow: hidden; margin-top: 40px;}
.productcdxx{margin-bottom: 45px; padding-left:8%;padding-right:8%; display: block; overflow: hidden; margin-top: 130px;}
.w1200{width: 1200px; margin: auto;}

.productcdxx .titles{margin-bottom: 28px;line-height: 30px;font-size: 28px;color: #999;}
.productcdxx .cptitle{margin-bottom: 28px;line-height: 30px;font-size: 24px;color: #999;}
.productcdxx .cptitle span{color: #333; margin-right: 10px; }

.productcdxx .txtitle{margin-bottom: 10px;line-height: 20px;font-size: 20px;margin-top: 30px;}

.productcdxx .cpmstitle{margin-bottom: 10px;line-height: 20px;font-size: 20px; margin-top: 30px;}
.productcdxx .desc{width: 100%; margin: auto; }
.productcdxx .desc p{line-height: 30px;font-size: 14px;color: #999;display: inline-block;}

.productcdxx .imgpx{width: 100%; margin: auto; height: auto; margin-top: 40px; overflow: hidden; position: relative; text-align: center;}
.productcdxx .imgpx img{max-width: 100%; margin: auto; text-align: center;}



.newsdetailB-ctrl { margin-top: 20px; max-width:1200px ; margin: auto; }

.newsdetailB-ctrl .page-ctrl { margin-bottom: 10px; }

.newsdetailB-ctrl .page-ctrl a { display: block; font-size: 16px; line-height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #666666; }

.newsdetailB-ctrl .return { display: block; width: 120px; height: 40px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 40px; color: #ffffff; background-color: #78B41E; }

@media (min-width: 1024px) {
  .newsdetailB-ctrl { position: relative; margin-top: 50px; }
  .newsdetailB-ctrl .page-ctrl { margin-bottom: 0; }
  .newsdetailB-ctrl .page-ctrl a:hover { color: #78B41E; }
  .newsdetailB-ctrl .return { position: absolute; right: 0; top: 5px; z-index: 3; width: 145px; height: 50px; line-height: 50px; }
}

@media (max-width: 1300px){
.productttp{ padding-left:4%;padding-right:4%; }
.productcdxx{ padding-left:4%;padding-right:4%; }

}



@media  (max-width: 1350px) {
.w1200{width: 100%}
}


@media  (max-width: 720px) {
.productcdxx .titles{margin-bottom: 10px;font-size: 18px;}
.productcdxx .cptitle{font-size: 18px; margin-bottom: 10px;}
.productcdxx .txtitle{font-size:16px;}
.productcdxx .cpmstitle{font-size: 16px; }


}








@media  (max-width: 479px) {
.productcdxx{margin-top:94px;}
}






@media (min-width: 1440px) and (max-width:1920px ) {
.productcdxx{margin-top:112px;}

}


