﻿
.bgl{
	background:url(../img/bgl.png) 0 40px no-repeat;
}


.swiper {

    /* float: left; */

    width: 100%;

    height: 724px;

    min-width: 1400px;

    margin-top: 98px;

}



.swiper .wrap {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

    /* box-shadow: 2px 2px 2px #666; */

}



.swiper .wraps {

    width: 100%;

    height: 100%;

}



.swiper .wraps img {

    width: 100%;

    height: 100%;

    float: left;

    cursor: pointer;

    position: absolute;

    top: 0;

    left: 0;

}



.swiper .page {

    width: 100%;

    position: absolute;

    bottom: 10px;

    text-align: center;

}



.swiper .page span {

    display: inline-block;

    width: 10px;

    height: 5px;

    text-align: center;

    line-height: 20px;

    background: rgba(0, 0, 0, 0.5);

    color: #fff;

    margin-left: 10px;

    cursor: pointer;

}



.swiper .page span.current {

    background: #ffffff;

}



.swiper .btnBox span {

    width: 30px;

    height: 30px;

    display: inline-block;

    background: rgba(0, 0, 0, 0.5);

    color: #fff;

    font-size: 20px;

    text-align: center;

    line-height: 26px;

    cursor: pointer;

    position: absolute;

    top: 50%;

    margin-top: -10px;

    z-index: 3;

}

.swiper #left {

    left: 0;

}



.swiper #right {

    right: 0;

}

.index-goods .goods-title {

    text-align: center;

    height: 230px;

    border: 1px solid #fff;

    clear: both;

}

.index-goods .goods-title p:nth-child(1) {

    font-size: 28px;

    margin-top: 100px;

}

.index-goods .goods-title p:nth-child(2) {

    font-size: 16px;

    margin-top: 21px;

    color: #999;

}

.index-goods .goods-content ul li {

    width: 336px;

    float: left;

    margin-right: 18px;

    padding-bottom: 25px;

    /* height: 247px; */

}

.index-goods .goods-content ul li:nth-child(4n+4) {

    margin-right: 0;

}

.index-goods .goods-content ul li:nth-child(n+5) {

    margin-top: 25px;

}

.index-goods .goods-content ul li a {

    display: block;

    width: 100%;

    height: 100%;

}

.index-goods .goods-content ul li a div:nth-child(1) img {

    width: 336px;

    height: 247px;

}

.index-goods .goods-content ul li a div:nth-child(2) p:nth-child(1) {

    margin-top: 16px;

    font-size: 21px;

}

.index-goods .goods-content ul li a div:nth-child(2) p:nth-child(2) {

    margin-top: 11px;

    font-size: 13px;

    color: #999;

}



.index-pinpai {

    width: 100%;

    /* height: 558px; */

    /* background-image: url(../images/jx4.png); */

    background-size: 100% 100%;

    min-width: 1400px;

}

.index-pinpai .pinpai-text {

    /* width: 850px; */

    color: #fff;

    margin: 0 auto;

    max-width: 1200px;

    margin: 0 auto;

    min-width: 1000px;

    width: 62.5%;

    padding-right: 29%;

    box-sizing: border-box;

}

.index-pinpai .pinpai-text p:nth-child(1) {

    /* font-size: 28px; */

    /* padding-top: 108px; */

    position: relative;

    line-height: 2;

}



.index-pinpai .pinpai-text p:nth-child(1):before {

    content: "";

    position: absolute;

    /* left: 0; */

    width: 79px;

    height: 2px;

    background: #fff;

    bottom: 0;

    left: 0;

}



.index-pinpai .pinpai-text p:nth-child(2) {

    /* font-size: 16px; */

    margin-top: 5%;

    line-height: 1.5;

    position: relative;

}

.index-pinpai .pinpai-text p:nth-child(3) {

    display: inline-block;

    /* font-size: 22px; */

    margin-top: 5%;

    padding: 12px 36px;

    border: 1px solid #fff;

    color: #fff;

    cursor: pointer;

}



.index-fuwu {

    background-color: #f4f4f4;

    padding-bottom: 25px;
	
	

    /* min-width: 1400px; */

}





.index-fuwu .w{

	width: auto;

	min-width: auto;
    
    max-width: 1200px;
}



.index-fuwu .goods-title {

    text-align: center;

    height: 164px;

    border: 1px solid #f4f4f4;

}

.index-fuwu .goods-title p:nth-child(1) {

    font-size: 28px;

    margin-top: 79px;

}

.index-fuwu .goods-title p:nth-child(2) {

    font-size: 16px;

    margin-top: 21px;

    color: #999;

}



.index-pinpai .pinpai-text p:nth-child(3) a {/* font-size: 16px; */color: white;}





.index-fuwu .goods-content ul li {

    width: 33%;

    float: left;

    /* margin-right: 31px; */

    height: 338px;

    /* background-color: #fff; */

    text-align: center;

    padding: 23px;

    box-sizing: border-box;

    padding: 0 !important;


}



.index-fuwu .goods-content ul li:nth-last-child(1){

	margin-right:0;

}





.index-fuwu .goods-content ul li:last-child {

    margin-right: 0;

}





.index-fuwu .goods-content ul li a {

    display: block;

    width: 100%;

    height: 100%;

    background-color: #fffbfb;

    box-sizing: border-box;

    padding: 26px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    position: relative;

}

.index-fuwu .goods-content ul li a div:nth-child(1) img {

    width: 63px;

    height: 63px;

    /* margin-top: 29px; */

    margin-bottom: 32px;

}

.index-fuwu .goods-content ul li a div:nth-child(2) p:nth-child(1) {

    font-size: 24px;

    line-height: 2.5;

}





.ieClass{

 width: 70% !important;

  word-wrap: break-word;

    word-break: break-word;

    white-space: pre-wrap; 

   

}







.index-fuwu .goods-content ul li a div:nth-child(2) p:nth-child(2) {

    color: #9A9999;

    font-size: 14px;

    width: 100%;

    margin: 0 auto;

    /* margin-top: 30px; */

    /* line-height: 30px; */

    word-break: break-word;

    /* white-space: pre-wrap; */

    word-wrap: break-word;

}









  .top {

            position: fixed;

            left: 0;

            top: 0;

            right: 0;

        }

        .index-pinpai {

            width: 100%;

            background-size: 100% 100%;

            min-width: auto;

            display: flex;

            align-items: center;

        }



.pro-center ul{

    max-width: 1200px;

    margin:0 auto;

    width: 62.5%;

    min-width: 1000px;

}



.pro-center ul li{

	width: 25%;

	box-sizing: border-box;

	padding: 10px;

	float: left;

		-webkit-transition: all .15s;

	-o-transition: all .15s;

	-moz-transition: all .15s;

	transition: all .15s;

}



.pro-center ul li a{

	overflow: hidden;



	padding: 16px;

	box-sizing: border-box;

}



.pro-center ul li:hover {

    -webkit-transform: translateY(-14px);

    -moz-transform: translateY(-14px);

    -ms-transform: translateY(-14px);

    -o-transform: translateY(-14px);

    transform: translateY(-14px);

    background: #fff;

    -webkit-box-shadow: 0 2px 18px 0 rgba(0,0,0,.18);

    box-shadow: 0 2px 18px 0 rgba(0,0,0,.18);

    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.18) \9;

    box-shadow: 0 2px 5px 0 rgba(0,0,0,.18) \9;

}





.pro-center ul li img{

	width: 100%;

	height: auto;

}

.pro-center ul li .title{

	/* font-size: 16px; */

	/* margin-top: 16px; */

	line-height: 2;

}

.pro-center ul li .label{

	/* font-size: 14px; */

	/* margin-top: 11px; */

	line-height: 1.8;

	color: #999999;

}
.gotobox{display: flex;justify-content: center;margin-bottom:30px}
.pop2{
	width:760px;position:relative; 
}
.goods1{width: 50%;height:300px}
.goods1 img{width:590px;height:300px;position:absolute;}
.pop1{
	float: right;width: 380px;padding-top:70px;font-size:17px;line-height: 36px; 
}
.pop1 h5{
	font-size:21px;color:#333;margin:0;padding:10px 0;
}
.goto1{	
	width:32%;margin-left:1.3%;
}
#p2{
	margin-left: 10px;
}
		/* å®½åº¦å°äºŽipadçš„å°ºå¯¸ï¼š */

		@media screen and (max-width: 767px) {

			.pro-center ul{

			width:92%;

			min-width: auto;

			}
.goto1{	
	width:100%;margin-left:0;
}
.goods1{width: 100%;height:auto;}
.goods1 img{width: 100%;height:auto;position:static}
.gotobox{display:block;margin-bottom:0}
.pop2{
	width:100%; position:static;
}
#p2{
	margin-left: 0;
}
#d1 .nrbox,#d2 .nrbox{
	display:none;
}
.pop1{
	width: 90%; float: none;padding:5%;font-size:15px;
}
			.pro-center ul li{

				width: 50%;

			}

.hhh:nth-child(1){

    /* margin-top:20px; */

    padding: 30px 0 30px;

}

			

.index-pinpai .pinpai-text p:nth-child(1):before {

    content: "";

    position: absolute;

    /* left: 0; */

    width: 50px;

    height: 1px;

    background: #fff;

    bottom: -12px;

    left: 0;

}

			

		    .swiper-container {

		        margin-top:-20px;

		    }

		    .index-goods .goods-title{

		        height:auto;

		    }

		    .index-goods .goods-title p:nth-child(1){

		        font-size: 19px;

		        margin-top: 30px;

		    }

		    .index-goods .goods-title p:nth-child(2){

		            margin-top: 15px;

		            margin-bottom:15px;

		     }

		    .index-pinpai{

		        width:100%;

		        height: 240px;

		        /* margin-bottom: 66px; */

		        background-size: cover;

		        justify-content: center;

		        overflow: hidden;

		       

		        background-position: center;

		        background-size: cover;

		    }

			



.index-pinpai img{

	height:240px;

	width: 100%;

}



		    .index-pinpai .w{

			    display:flex;

			    align-items:center;

			   }

		    .index-pinpai .pinpai-text {

		        transform: translateX(0) !important;

		        padding: 0 25px;

		        box-sizing:border-box;

		        width:auto;

		        /* background-color: white; */

		        min-width: inherit;

		    }

		   .index-fuwu .goods-title {

		       height: 64px;

		       display: flex;

		       justify-content: center;

		       align-items: center;

		       flex-direction: column;

		       margin-top: 67px;

		       padding-top: 15px;

		   }

		    .index-pinpai .pinpai-text p:nth-child(1){

		            padding-top: 25px;

		            font-size: 18px;

		            /* font-size: 26px; */

		            /* margin-top: 30px; */

		    }

		    .index-pinpai .pinpai-text p:nth-child(2) {

		        font-size: 13px;

		        margin-top: 18px;

		        line-height: 22px;

		        display: -webkit-box;

		        overflow: hidden;

		        text-overflow: ellipsis;

		        word-wrap: break-word;

		        white-space: normal !important;

		        -webkit-line-clamp: 3;

		        -webkit-box-orient: vertical;

		    }

		    .index-pinpai .pinpai-text p:nth-child(3){

		        margin: 25px auto;

		        display: block;

		        text-align: center;

		        border: 1px solid #fff;

		        font-size: 15px;

		        padding: 12px 0px;

		        width: 60%;

		        background-color: white;

		        outline: none;

		    }

			.index-pinpai .pinpai-text p:nth-child(3) a {

			    font-size: 14px;

			    color: #000000;

			}

		

		     .index-fuwu{

		        width:100%;

		        min-width:auto;

				    padding-bottom: 26px;

		    }

		    .index-fuwu .goods-content .clearfix{

		        display:flex;

		        flex-direction: column;

		        width: 92%;

		        min-width: inherit;

		    }

		    .index-fuwu .goods-content ul li {

		        width: 92%;

		        margin-right: 0;

		        margin: 10px auto !important;

		        height: 90px;

		        text-align: left;

		    }

			 .index-fuwu .goods-content ul li a{

				 display: flex;

				 align-items: center;

				 flex-direction: row;

				}

			



.index-fuwu .goods-content ul li a div:nth-child(1),.index-fuwu .goods-content ul li a div:nth-child(2){



	position:static !important;

	transform:inherit !important;

}



		    .index-fuwu .goods-title p:nth-child(1) {

		           font-size: 19px;

		           margin-top: 10px;

		           margin-left: 13px;

		    }

		    .index-fuwu .goods-title p:nth-child(2) {

		        font-size: 16px;

		        margin-top: 15px;

		        color: #999;

		        margin-bottom: 15px;

		    }

		   .index-fuwu .goods-content ul li a div:nth-child(1) img {

		       width: 40px;

		       height: 40px;

		       margin-top: 0;

		       margin-bottom: 0;

		       margin-left: 0;

		       margin-right: 10px;

		   }

		    .index-fuwu .goods-content ul li a div:nth-child(2) p:nth-child(1) {

				    font-size: 16px;

				    /* margin-top: 10px; */

				    margin-left: 13px;

				    line-height: 2;

				  }

		    .index-fuwu .goods-content ul li a div:nth-child(2) p:nth-child(2){

				color: #9A9999;

				font-size: 13px;

				width: 92%;

				margin: 0 auto;

				margin-top: 10px;

				line-height: 20px;

				display: -webkit-box;

				overflow: hidden;

				text-overflow: ellipsis;

				word-wrap: break-word;

				white-space: normal !important;

				-webkit-line-clamp:2;

				-webkit-box-orient: vertical;

			}

			

			 .index-fuwu .goods-content ul li a div:nth-child(2){

				 flex:1

			 }

			.index-fuwu .goods-content ul li {

			    width: 100%;

			    margin-right: 0;

			    margin: 10px auto;

			    height: 120px;

			    text-align: left;

			    padding: 0;

			}

		}







	

	.goods-content ul{

	    max-width: 1200px;

	    /* margin: 0 auto; min-width: 1000px;*/

	    width: 62.5%;

	    

	}



@media screen and (min-width:768px) and (max-width: 1366px) {

	

		.pro-center ul{

			max-width: 900px;

		}

		

		.goods-content ul {

			/* max-width: 980px; */

		}



		.index-pinpai .pinpai-text{

			max-width: 1000px;

		}

		.index-fuwu .goods-content ul li {

	 height: 293px;

	 padding: 19px;

	 }

	

	.index-fuwu .goods-content ul li a{

	    padding: 9px;

	}

	

	.index-fuwu .goods-content ul li a div:nth-child(2) p:nth-child(1) {

        /* font-size: 22px; */

    }

    .index-fuwu .goods-content ul li a div:nth-child(2) p:nth-child(2) {

        font-size: 14px;

        width: 100%;

        margin: 0 auto;

        /* margin-top: 20px; */

        /* line-height: 21px; */

    }



	

}





.index-pinpai{

	position:relative;

}



.index-pinpai .w{

		    position: absolute;

			left: 0;

			top: 50%;

			-webkit-transform:translateY(-50%) ;

			-moz-transform:translateY(-50%) ;

			-ms-transform:translateY(-50%) ;

			-o-transform: translateY(-50%);

			transform: translateY(-50%);

	}

.index-pinpai img{

		    width:100%;

		    /* height: 240px; */

	}



@media screen and (max-width: 1280px) and (min-width: 768px) {

	.top .w .top-nav>ul>li{

		font-size: 15px;

	}

    .top .w .top-nav>ul>li>a {

        margin: 0 20px;

    }

	.w,.index-pinpai,.index-fuwu{

		min-width: auto;

	}







	.index-pinpai .pinpai-text{

		/* max-width: 950px; */

		padding-right: 115px;

	}



	.goods-content ul {

		/* max-width: 880px; */

	}

	

	/* æœåŠ¡ä¸­å¿ƒ */

	

	.index-fuwu .goods-content ul li a div:nth-child(2) p:nth-child(1) {

        /* font-size: 22px; */

    }

    .index-fuwu .goods-content ul li a div:nth-child(2) p:nth-child(2) {

        /* font-size: 14px; */

        /* width: 100%; */

        margin: 0 auto;

        /* margin-top: 20px; */

        line-height: 1.5;

        white-space: pre-wrap;

    }



    .index-pinpai .pinpai-text p:nth-child(3) a {

		/* font-size: 14px; */

		color: white;

	}



	.index-pinpai .pinpai-text p:nth-child(2) {

		/* font-size: 14px; */

		/* margin-top: 65px; */

		/* line-height: 24px; */

		padding-right: 257px;

	}

	



	.index-goods .goods-title p:nth-child(1),.index-fuwu .goods-title p:nth-child(1) {

    font-size: 24px;

    margin-top: 100px;

}

.index-goods .goods-title p:nth-child(2),.index-fuwu .goods-title p:nth-child(2)  {

    font-size: 13px;

    margin-top: 15px;

    color: #999;

}





	



}

.index-fuwu .goods-content ul li a div:nth-child(1){

	position: absolute;

	top: 20%;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

}



.index-fuwu .goods-content ul li a div:nth-child(2){

	position: absolute;

	top:52%;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	    width: 80%;

}





