@keyframes mymove {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.6;
    }
}

@-webkit-keyframes mymove{
    from {
        opacity: 1;
    }
    to {
        opacity: 0.6;
    }
}







.outerFlipster{position:relative;}
.flipster{position:static;}
.Button {position:relative;color:#fff;display: block;cursor: pointer;overflow:hidden;
    -ms-transition: color 300ms ease, background-color 300ms ease;
    -webkit-transition: color 300ms ease, background-color 300ms ease;
    -moz-transition: color 300ms ease, background-color 300ms ease;
    -o-transition: color 300ms ease, background-color 300ms ease;
    transition: color 300ms ease, background-color 300ms ease;
}

.Button p{position:absolute;height:50px;color: #fff; line-height:50px;left:0;bottom:0;width:100%;text-align:center;font-size:18px;background:#133f90;background:rgba(19,63,144,0.7);}
.flip-item img{width:338px;height:472px;}
.flip-current .Button p,.flip-next .Button p,.flipster-carousel .flip-prev .Button p{height: 73px;line-height: 73px; background:rgba(35,75,160,.76);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;}
.flip-current .imgMark{display:none;}
/*.flip-current:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);}*/
.flip-current:hover .Button{box-shadow:0 0 10px rgba(0,0,0,0.3);}
.flipto-prev,.flipto-next{position:absolute;width:25px;height:61px;text-indent:-9999px;top:50%;margin-top:-31px;}
.flipto-prev{left:60px;background:url(../images/lt1.png) no-repeat center;background-size:100% 100%;}
.flipto-next{right:60px;background:url(../images/rt1.png) no-repeat center;background-size:100% 100%;}
.flipto-prev:hover,.flipto-next:hover{opacity:1;}

.min_show{display:none;}








@media (min-width: 1600px) and (max-width: 1799px){
	.flipto-prev{left:50px;}
	.flipto-next{right:50px;}
}

@media (min-width:1400px) and (max-width: 1599px){
	.flipto-prev{left:20px;}
	.flipto-next{right:20px;}


}

@media (min-width: 1200px) and (max-width: 1399px ){
	.flip-items{width:220px!important;height:308px!important;}
	.flip-item img{width:220px;height:308px;}
	.flipto-prev{left:20px;}
	.flipto-next{right:20px;}

	.index_item_01{padding-bottom:100px;}
		.flipster-carousel .flip-future {
  -webkit-transform: translateX(239%) translateZ(0) rotateY(0deg) scale(0.9);
  -moz-transform: translateX(239%) translateZ(0) rotateY(0deg) scale(0.9);
  -o-transform: translateX(239%) translateZ(0) rotateY(0deg) scale(0.9);
  -ms-transform: translateX(239%) translateZ(0) rotateY(0deg) scale(0.9);
  transform: translateX(239%) translateZ(0) rotateY(0deg) scale(0.9);
  width: 217px;
  overflow: hidden;
}
.flipster-carousel .flip-past {
  -webkit-transform: translateX(-233%) translateZ(0) rotateY(0deg) scale(0.9);
  -moz-transform: translateX(-233%) translateZ(0) rotateY(0deg) scale(0.9);
  -o-transform: translateX(-233%) translateZ(0) rotateY(0deg) scale(0.9);
  -ms-transform: translateX(-233%) translateZ(0) rotateY(0deg) scale(0.9);
  transform: translateX(-233%) translateZ(0) rotateY(0deg) scale(0.9);
  width: 217px;
  overflow: hidden;
}
.flipster-carousel .flip-prev .Button p, .flipster-carousel .flip-next .Button p, .flipster-carousel .flip-current .Button p{font-size: 18px;}
}

@media (min-width: 992px ) and (max-width: 1199px ){
	.index_item .container{width:970px;}
	.flipto-prev{left:5px;}
	.flipto-next{right:5px;}
	.index_item_01{padding-bottom:80px;}
			.flipster-carousel .flip-future {
  -webkit-transform: translateX(234%) translateZ(0) rotateY(0deg) scale(0.9);
  -moz-transform: translateX(234%) translateZ(0) rotateY(0deg) scale(0.9);
  -o-transform: translateX(234%) translateZ(0) rotateY(0deg) scale(0.9);
  -ms-transform: translateX(234%) translateZ(0) rotateY(0deg) scale(0.9);
  transform: translateX(234%) translateZ(0) rotateY(0deg) scale(0.9);
  width: auto;
  overflow: hidden;
}
	
	.flipster-carousel .flip-past {
  -webkit-transform: translateX(-232%) translateZ(0) rotateY(0deg) scale(0.9);
  -moz-transform: translateX(-232%) translateZ(0) rotateY(0deg) scale(0.9);
  -o-transform: translateX(-232%) translateZ(0) rotateY(0deg) scale(0.9);
  -ms-transform: translateX(-232%) translateZ(0) rotateY(0deg) scale(0.9);
  transform: translateX(-232%) translateZ(0) rotateY(0deg) scale(0.9);
  width: auto;
  overflow: hidden;
}
.flipster-carousel .flip-prev .Button p, .flipster-carousel .flip-next .Button p, .flipster-carousel .flip-current .Button p{font-size: 18px;height: 50px;line-height: 50px;}
	.flip-items{width:190px!important;height:266px!important;}
	.flip-item img{width:190px;height:266px;}
	.Button p{height:45px;line-height:45px;font-size:16px;}
	
	.choiceReason li{width:216px;margin-right:35px;}
	.choiceReason .li_inner{height:216px;padding:8px;}
	.choiceReason .text{padding-top:140px;}
	.choiceReason .text>div{font-size:23px;}
	.choiceReason .icon{width:38px;height:38px;line-height:38px;right:8px;font-size:28px;bottom:40px;}
	.choiceReason li .p{font-size:15px;}

	.index_case_list p{font-size:15px;}

	.index_item_05 .news{width:63%;}
	.index_item_05 .news .img{height:252px;}
	.index_item_05 .news .img img{height:100%;width:auto;}
}

@media (min-width: 768px ) and (max-width: 991px ){
	.index_item .container{width:750px;}
	.flipto-prev, .flipto-next{width:18px;height:44px;margin-top: -22px;}
	.flipto-prev{left:5px;}
	.flipto-next{right:5px;}
	.index_item_01{padding-bottom:65px;}
	/*左边飘浮窗*/
	.rightFloat{width:110px;height:329px;padding:60px 2px 0 0;}
	.rightFloat li{height:42px;padding-left:8px;}
	.rightFloat li a{line-height:33px;font-size:12px;padding-left:30px;}
	.rightFloat li .icon{width:18px;height:18px;margin-top:-9px;}
	.rightFloat .close{width:26px;height:26px;top:-38px;margin-left:-13px;}
	.rightFloat .open{width:40px;height:50px;background-size:20px 20px;left:-38px;}

	.banner .swiper-pagination{bottom:12px;}
	.banner .swiper-button-prev{left:30px;}
	.banner .swiper-button-next{right:30px;}
	.banner .swiper-button div,.index_case_list .swiper-button{width:20px;height:31px;}
	.banner .swiper-pagination span{width:8px;height:8px;}

	.index_title h2{font-size:26px;}
	.index_title_bg{min-width:450px;}


	.flip-items{width:145px!important;height:203px!important;}
	.flip-item img{width:145px;height:203px;}
	.Button p{height:40px;line-height:40px;font-size:14px;}
				.flipster-carousel .flip-future {
  -webkit-transform: translateX(234%) translateZ(0) rotateY(0deg) scale(0.9);
  -moz-transform: translateX(234%) translateZ(0) rotateY(0deg) scale(0.9);
  -o-transform: translateX(234%) translateZ(0) rotateY(0deg) scale(0.9);
  -ms-transform: translateX(234%) translateZ(0) rotateY(0deg) scale(0.9);
  transform: translateX(234%) translateZ(0) rotateY(0deg) scale(0.9);
  width: auto;
  overflow: hidden;
}
	
	.flipster-carousel .flip-past {
  -webkit-transform: translateX(-232%) translateZ(0) rotateY(0deg) scale(0.9);
  -moz-transform: translateX(-232%) translateZ(0) rotateY(0deg) scale(0.9);
  -o-transform: translateX(-232%) translateZ(0) rotateY(0deg) scale(0.9);
  -ms-transform: translateX(-232%) translateZ(0) rotateY(0deg) scale(0.9);
  transform: translateX(-232%) translateZ(0) rotateY(0deg) scale(0.9);
  width: auto;
  overflow: hidden;
}
.flipster-carousel .flip-prev .Button p, .flipster-carousel .flip-next .Button p, .flipster-carousel .flip-current .Button p{font-size: 14px;height: 50px;line-height: 50px;}
}

@media (min-width: 0px ) and (max-width: 767px ){
	.index_item .container{width:100%;}
	.index_item_01{padding-bottom:35px;}
	

	

	.Button p{height:35px;line-height:35px;font-size:14px;}
	.max_show{display:none;}
	.min_show.outerFlipster{width:90%;min-width:250px;max-width:420px;margin:0 auto;display:block;}
	.outerFlipster .swiper-container{width:100%;max-width:200px;margin:0 auto;overflow:hidden;}
	.outerFlipster .swiper-wrapper{width:9999px;}
	.outerFlipster li{position:relative;float:left;}
	.outerFlipster li a,.outerFlipster li img{width:100%;}
	.outerFlipster .imgMark{background:rgba(0, 0, 0, 0.1);}
	.outerFlipster .swiper-button-prev,.outerFlipster .swiper-button-next{position:absolute;width:18px;height:44px;text-indent:-9999px;top:50%;margin-top:-22px;}
	.outerFlipster .swiper-button-prev{left:10px;background:url(../images/lt1.png) no-repeat center;background-size:100% 100%;}
	.outerFlipster .swiper-button-next{right:10px;background:url(../images/rt1.png) no-repeat center;background-size:100% 100%;}
	.outerFlipster .swiper-button-prev:hover,.outerFlipster .swiper-button-next:hover{opacity:1;}
     .bt1,.he .bt1,.anli .bt1,.xinwen .bt1{background: none;font-size:18px;line-height: 32px;width: 100%;text-align: center;padding: 0;}
	.bt1 span,.he .bt1 span,.anli .bt1 span,.xinwen .bt1 span{font-size:30px;padding: 0;text-align: center;}
	.yst{background: none;}
	.yst dd{font-size: 25px;letter-spacing: 1px;}
	.hbt{font-size: 14px;margin-bottom: 20px;width: 200px;}
	.anli .hbt{font-size: 14px;margin-bottom: 20px;width: 215px;height: 40px;line-height: 40px;margin-top: 2%;}
	.yst dt{padding-top: 5px;font-size: 16px;}
	.slick-arrow{width: 18px;height: 44px;margin-top: -22px;    top: 40%;}
	.slick-prev{left: -10px;}
	.slick-next{right: -10px;}
	.plist2 li{margin: 0 5px;}
	.plist2 li h3 a{font-size: 14px;margin-top: 10px;letter-spacing: 0;overflow:hidden; /*超出的部分隐藏起来。*/ 
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */}

 

.bq{margin-top: 30px;letter-spacing: 0;font-size: 14px;}
.xinwen{margin-top: 40px;}
.anli{margin-top: 6%;}
.yul li{float: left;width: 46%;margin: 0 2% 15px 2%;}

}

@media (min-width: 0px ) and (max-width: 769px ){
 .nbox{display: block;}
.tab1{width: 100%;}
.nright{margin-left: 0;margin-top: 20px;width: 100%;}
}
@media(max-width: 380px ){
    .bt1{font-size:16px;}
	.bt1 span{font-size:26px;padding: 0;text-align: center;}
  
	.ys1{font-size: 16px;}
	.ys1 span{font-size: 12px;line-height: 18px;letter-spacing: 0;margin-top: 5px;}
}