


.gallery h3{
	color:#000;
	font-size:35px;
	margin-bottom:50px;
	background:url('../images/underline.png') no-repeat 522px 50px;
	padding-bottom:30px;
}

/*-- //Gallery--*/
.gallery{
	
}
.ggrids{
	padding:0;
}
.gallery-grids{
}
/*--agileits--*/
.gallery-grid-left1{
	position:relative;
	overflow: hidden;
}
.gallery-grid-left1 img{width:100%}
.gallery-grid-left1 .p-mask, .row .product .vm-product-media-container .p-mask {
    opacity: 0;
    visibility: hidden;
    background:rgba(0, 0, 0, 0.5);
    bottom: 0%;
    position: absolute;
    padding:1em;
    width: 100%;
    -webkit-transform: translate3d( 0px, 100%, 0px );
    -moz-transform: translate3d( 0px, 100%, 0px );
    -ms-transform: translate3d( 0px, 100%, 0px );
    -o-transform: translate3d( 0px, 100%, 0px );
    transform: translate3d( 0px, 100%, 0px );
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    text-align: left;
}
.gallery-grid-left1 .p-mask .p-desc{
    color: #a3a3a3;
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 1em;
}
.gallery-grid-left1:hover .p-mask, .row .product:hover .p-mask {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d( 0px, 0px, 0px );
    -moz-transform: translate3d( 0px, 0px, 0px );
    -ms-transform: translate3d( 0px, 0px, 0px );
    -o-transform: translate3d( 0px, 0px, 0px );
    transform: translate3d( 0px, 0px, 0px );
}


.gallery-grid-left1 .p-mask {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d( 0px, 0px, 0px );
    -moz-transform: translate3d( 0px, 0px, 0px );
    -ms-transform: translate3d( 0px, 0px, 0px );
    -o-transform: translate3d( 0px, 0px, 0px );
    transform: translate3d( 0px, 0px, 0px );
}


.p-mask1{
	color:#fff;
	font-size:20px;
	text-align:center;
	text-decoration:none;
	line-height:1.8em;
	width:100%
}
.p-mask p{
	margin: 0;
   color: #E4E4E4;
    line-height: 1.8em;
    font-size: 14px;
	text-align:center;
}
.gallery-grids1{
}
.gallery-grid-left{
	float:left;
	width:16.66%;
}
.gallery-grids2-left{
	float:left;
	width:33.33%;
}
.gallery-grid-left1:hover {
    opacity: .8;
}
/*-- //Gallery --*/



/*-- Responsive --*/
@media(max-width:1440px){

}
@media(max-width:1366px){
}
@media(max-width:1280px){
}
@media(max-width:1080px){
.gallery h3 {
		background: url('../images/underline.png') no-repeat 422px 50px;
	}
	.p-mask h4 {
		font-size: 1.4em;
	}
	.p-mask p {
		line-height: 22px;
		font-size: 13px;
	}

}
@media(max-width:1024px){
}
@media(max-width:991px){
.gallery h3 {
		background: url('../images/underline.png') no-repeat 312px 50px;
	}
}

@media(max-width:900px){
}
@media(max-width:800px){

}
@media(max-width:768px){

}
@media(max-width:736px){
.gallery h3,{
		background: url('../images/underline.png') no-repeat 297px 50px;
	}
	.gallery{
		padding:50px 0px;
	}
	.sg1,.sg2,.sg3,.sg4,.sg5,.sg6{
		width:33.33%;
		float:left;
	}
}
@media(max-width:667px){
	.gallery{
		padding:35px 0px;
	}
	.gallery h3 {
		background: url('../images/underline.png') no-repeat 264px 50px;
		font-size:30px;
		padding-bottom:34px;
	}
}
@media(max-width:640px){
.gallery h3{
		background: url('../images/underline.png') no-repeat 249px 50px;
	}
	
	
}
@media(max-width:600px){
.gallery h3 {
		background: url('../images/underline.png') no-repeat 228px 50px;
	}
	
}
@media(max-width:568px){
.gallery h3,  {
		background: url('../images/underline.png') no-repeat 212px 50px;
	}
	.sg1, .sg2, .sg3, .sg4, .sg5, .sg6 {
		width: 50%;
		
	}
}
@media(max-width:480px){
.gallery h3{
		background: url('../images/underline.png') no-repeat 165px 50px;
	}
}
@media(max-width:414px){
.gallery h3{
		background: url('../images/underline.png') no-repeat 137px 50px;
	}
	.sg1,.sg2,.sg3,.sg4,.sg5,.sg6{
		width:100%;
		padding-bottom:20px;
	}
	.gallery-grid-left {
		width: 50%;
	}
}
@media(max-width:375px){
.gallery h3{
		background: url('../images/underline.png') no-repeat 120px 50px;
		margin-bottom: 30px;
	}
}
@media(max-width:320px){
.gallery h3,{
		background: url('../images/underline.png') no-repeat 90px 50px;
	}
	.modal-body p {
		margin-top: 10px;
		font-size: 13px;
		line-height: 26px;
	}
	.gallery-grid-left {
		width: 50%;
	}
	.p-mask h4 {
		font-size: 1.2em;
	}
}

a:hover{text-decoration:none;}


/*首页img修改*/
/*.phone-banner .swiper-container{width:100%; display:none;}
.phone-banner .swiper-container img{display:block; width:100%; height:auto;}*/
.phone-banner .swiper-container{width:100%; display:none;}
.phone-banner .swiper-container .img1{display:block; width:100%; height:auto;}
.phone-banner .swiper-container .swiper-slide{position:relative;}
.phone-banner .swiper-container .swiper-slide .img2{position:absolute; height:20%; width:auto; top:20%; left:10%; z-index:9}

.idx-slide .swiper-container{width:100%;}
.idx-slide .swiper-container .swiper-slide{width:100%; position:relative;}
.idx-slide .swiper-container .swiper-slide img{ display:block; width:100%; height:auto;}
.idx-slide .swiper-container .swiper-slide span{height:30px; line-height:30px; color:#fff; padding:0px 10px; background:rgba(0,0,0,0.5); position:absolute; left:0px; bottom:0px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.idx-slide .swiper-container .swiper-button-prev{width:22px; height:40px; background:url(../images/focus_btn.png) no-repeat; left:0px;}
.idx-slide .swiper-container .swiper-button-next{width:22px; height:40px; background:url(../images/focus_btn.png) no-repeat -23px 0px; right:0px;}

.idx-tab .hd{height:46px; border-bottom:1px solid #ccc; line-height:45px; margin-bottom:5px;}
.idx-tab .hd ul li{ text-align:center; height:45px; width:50%; max-width:150px; background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed)); float:left; font-size:20px; color:#404040; border:1px solid #ccc; border-left:none; border-bottom:none;}
.idx-tab .hd ul li.on{background:#fff;}
.idx-tab .bd ul li{height:24px; line-height:24px; margin:7px 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; padding-left:15px; background:url(../images/img-sp.png) left center no-repeat}
.idx-tab .bd ul li a{color:#707070;}
.idx-tab .bd ul li span{color:#999; font-size:12px;}
.idx-aimg img{display:block; margin:20px 0px;}

.img-contfr{width:100%; height:100%; position:fixed; top:0px; left:0px; display:none; z-index:99999; text-align:center;}
.img-cont{display:table-cell; vertical-align:middle; color:#fff;}
.img-cont .img-cc{background:#000; width:100%; max-width:880px; display:inline-block; padding:40px; position:relative;}
.img-cont .img-cc img{margin:20px 0px; width:100%; height:auto;}
.img-cont .img-cc .t1{font-size:18px;}
.img-cont .img-cc .t1 a{color:#fff;}
.img-cont .img-cc .img-close{ width:30px; height:30px; position:absolute; top:20px; right:20px; background:url(../img/ico_116.png) no-repeat; background-size:30px 30px; cursor:pointer;}
@media(max-width:1000px){
 .phone-banner .swiper-container{width:100%; display:block;}
}
@media(max-width:1000px){
 
}
@media(max-width:768px){
 .img-cont .img-cc{padding:15px;}
 .gallery-grid-left{width:33.33%;}
 .main-box .index-about .play-box{width:100%;}
 .main-box .index-about .about-text{width:100%;}
 .main-box .index-about .qt{width:100%;}
 .idx-aimg img{display:inline-block; margin:0px 10px; height:60px; width:auto;}
}