@charset "utf-8";
/* =====================内页样式======================== */
.pro_list{}
.pro_list ul{
	padding: 35px 0;
}
.pro_list ul li{
	width: calc( (100% - 7px) / 8);
	margin-right: 1px;
	text-align: center;
	background-color: #efefef;
	float: left;
}
.pro_list ul li:nth-child(8n){
	margin-right: 0;
}
.pro_list ul li a{
	display: block;
	font-size: 12px;
	padding: 15px 0;
}
.pro_list ul li.active,.pro_list ul li:hover{
	background-color: #fbc71c;
}

.pro_container{}
.pro_container .w14{
	position: absolute;
	top: 0;
	height: 100%;
}

/* .pro_container[class*="con"]{
	display: none;
} */
/* .pro_container[class*="con"].active{
	display: block;
} */

.pro_container[class*="con"] .info h3{
	font-size: 38px;
}
.pro_container[class*="con"] .info p{
	margin-top: 20px;
	font-size: 18px;
	line-height: 30px;
	color: #dfdfdf;
}
.pro_container [class*="con"] [class*="box"]{
	position: relative;
	color: white;
}


.pro_container .con .box1 .img{}
.pro_container .con .box1 .info{
	position: absolute;
	top: 40%;
	right: 0;
	text-align: left;
}
.pro_container .con .box2 .img{}
.pro_container .con .box2 .info{
	position: absolute;
	top: 41%;
	left: 0;
	text-align: left;
}
.pro_container .con .box3 .img{}
.pro_container .con .box3 .info{
	position: absolute;
	top: 39%;
	right: 0;
	text-align: left;
}




.pro_container .con2 .box1 .img{}
.pro_container .con2 .box1 .info{
	position: absolute;
	top: 36%;
	right: 0;
	text-align: left;
}
.pro_container .con2 .box2 .img{}
.pro_container .con2 .box2 .info{
	position: absolute;
	top: 42%;
	left: 0;
	text-align: left;
}
.pro_container .con2 .box2 .info h3{
	color: black;
}
.pro_container .con2 .box2 .info p{
	color: #525252;
}
.pro_container .con2 .box3 .img{}
.pro_container .con2 .box3 .info{
	position: absolute;
	top: 45.5%;
	right: 4.5%;
	text-align: left;
}


.pro_container .con3 .box1 .img{}
.pro_container .con3 .box1 .info{
	position: absolute;
	top: 22.5%;
	right: 0;
	text-align: left;
}
.pro_container .con3 .box2 .img{}
.pro_container .con3 .box2 .info{
	position: absolute;
	top: 40%;
	left: 0;
	text-align: left;
}
.pro_container .con3 .box2 .info h3{
	color: black;
}
.pro_container .con3 .box2 .info p{
	color: #525252;
}
.pro_container .con3 .box3 .img{}
.pro_container .con3 .box3 .info{
	position: absolute;
	top: 45.5%;
	right: 4.5%;
	text-align: left;
}


.pro_container .con4 .box1 .img{}
.pro_container .con4 .box1 .info{
	position: absolute;
	top: 59.5%;
	left: 0;
	text-align: left;
}
.pro_container .con4 .box2 .img{}
.pro_container .con4 .box2 .info{
	position: absolute;
	top: 24%;
	right: 0;
	text-align: left;
}
.pro_container .con4 .box2 .info h3{
	color: black;
}
.pro_container .con4 .box2 .info p{
	color: #525252;
}
.pro_container .con4 .box3 .img{}
.pro_container .con4 .box3 .info{
	position: absolute;
	top: 46%;
	left: 3.5%;
	text-align: left;
}


.pro_container .con5 .box1 .img{}
.pro_container .con5 .box1 .info{
	position: absolute;
	top: 34.5%;
	right: 0;
	text-align: left;
}
.pro_container .con5 .box2 .img{}
.pro_container .con5 .box2 .info{
	position: absolute;
	top: 40%;
	left: 0;
	text-align: left;
}
.pro_container .con5 .box2 .info h3{
	color: black;
}
.pro_container .con5 .box2 .info p{
	color: #525252;
}
.pro_container .con5 .box3 .img{}
.pro_container .con5 .box3 .info{
	position: absolute;
	top: 47.5%;
	right: 0;
	text-align: left;
}


.pro_container .con6 .box1 .img{}
.pro_container .con6 .box1 .info{
	position: absolute;
	top: 34.5%;
	right: 0;
	text-align: left;
}
.pro_container .con6 .box2 .img{}
.pro_container .con6 .box2 .info{
	position: absolute;
	top: 40%;
	left: 0;
	text-align: left;
}
.pro_container .con6 .box2 .info h3{
	color: black;
}
.pro_container .con6 .box2 .info p{
	color: #525252;
}
.pro_container .con6 .box3 .img{}
.pro_container .con6 .box3 .info{
	position: absolute;
	top: 48%;
	right: 0;
	text-align: left;
}


.pro_container .con7 .box1 .img{}
.pro_container .con7 .box1 .info{
	position: absolute;
	top: 22.5%;
	right: 0;
	text-align: left;
}
.pro_container .con7 .box2 .img{}
.pro_container .con7 .box2 .info{
	position: absolute;
	top: 40%;
	left: 0;
	text-align: left;
}
.pro_container .con7 .box1 .info h3,.pro_container .con7 .box3 .info h3{
	color: black;
}
.pro_container .con7 .box1 .info p,.pro_container .con7 .box3 .info p{
	color: #525252;
}
.pro_container .con7 .box3 .img{}
.pro_container .con7 .box3 .info{
	position: absolute;
	top: 66%;
	right: 0;
	text-align: left;
}


.pro_container .con8 .box1 .img{}
.pro_container .con8 .box1 .info{
	position: absolute;
	top: 22.5%;
	right: 0;
	text-align: left;
}
.pro_container .con8 .box2 .img{}
.pro_container .con8 .box2 .info{
	position: absolute;
	top: 40%;
	left: 0;
	text-align: left;
}
.pro_container .con8 .box1 .info h3,.pro_container .con8 .box2 .info h3,.pro_container .con8 .box3 .info h3{
	color: black;
}
.pro_container .con8 .box1 .info p,.pro_container .con8 .box2 .info p,.pro_container .con8 .box3 .info p{
	color: #525252;
}
.pro_container .con8 .box3 .img{}
.pro_container .con8 .box3 .info{
	position: absolute;
	top: 20.5%;
	right: 0;
	text-align: left;
}


.pro_container .con9 .box1 .img{}
.pro_container .con9 .box1 .info{
	position: absolute;
	top: 30.85%;
	right: 17.85%;
	text-align: left;
}
.pro_container .con9 .box2 .img{}
.pro_container .con9 .box2 .info{
	position: absolute;
	top: 30.85%;
	left: 14.3%;
	text-align: left;
}
.pro_container .con9 .box3 .img{}
.pro_container .con9 .box3 .info{
	position: absolute;
	top: 24.7%;
	right: 12.15%;
	text-align: left;
}


.pro_container .con10 .box1 .img{}
.pro_container .con10 .box1 .info{
	position: absolute;
	top: 19.75%;
	right: 8.93%;
	text-align: left;
}
.pro_container .con10 .box2 .img{}
.pro_container .con10 .box2 .info{
	position: absolute;
	top: 26%;
	left: 0%;
	text-align: left;
}
.pro_container .con10 .box1 .info h3,.pro_container .con10 .box2 .info h3,.pro_container .con10 .box3 .info h3{
	color: black;
}
.pro_container .con10 .box1 .info p,.pro_container .con10 .box2 .info p,.pro_container .con10 .box3 .info p{
	color: #525252;
}
.pro_container .con10 .box3 .img{}
.pro_container .con10 .box3 .info{
	position: absolute;
	top: 24.7%;
	right: 0;
	text-align: left;
}


.pro_container .con11 .box1 .img{}
.pro_container .con11 .box1 .info{
	position: absolute;
	top: 33.33%;
	right: 9%;
	text-align: left;
}
.pro_container .con11 .box2 .img{}
.pro_container .con11 .box2 .info{
	position: absolute;
	top: 41.7%;
	left: 1%;
	text-align: left;
}
.pro_container .con11 .box1 .info h3,.pro_container .con11 .box2 .info h3,.pro_container .con11 .box3 .info h3{
	color: black;
}
.pro_container .con11 .box1 .info p,.pro_container .con11 .box2 .info p,.pro_container .con11 .box3 .info p{
	color: #525252;
}
.pro_container .con11 .box3 .img{}
.pro_container .con11 .box3 .info{
	position: absolute;
	top: 40.74%;
	right: 8%;
	text-align: left;
}

.pro_container .con12 .box1 .img{}
.pro_container .con12 .box1 .info{
	position: absolute;
	top: 29.3%;
	right: 6.78%;
	text-align: left;
}
.pro_container .con12 .box2 .img{}
.pro_container .con12 .box2 .info{
	position: absolute;
	top: 32.1%;
	left: 7.5%;
	text-align: left;
}
.pro_container .con12 .box1 .info h3,.pro_container .con12 .box2 .info h3,.pro_container .con12 .box3 .info h3{
	color: black;
}
.pro_container .con12 .box1 .info p,.pro_container .con12 .box2 .info p,.pro_container .con12 .box3 .info p{
	color: #525252;
}
.pro_container .con12 .box3 .img{}
.pro_container .con12 .box3 .info{
	position: absolute;
	top: 39.26%;
	right: 2.86%;
	text-align: left;
}

.pro_container .con13 .box1 .img{}
.pro_container .con13 .box1 .info{
	position: absolute;
	top: 40.74%;
	right: 2.5%;
	text-align: left;
}
.pro_container .con13 .box2 .img{}
.pro_container .con13 .box2 .info{
	position: absolute;
	top: 30.85%;
	left: 2.14%;
	text-align: left;
}
.pro_container .con13 .box1 .info h3,.pro_container .con13 .box2 .info h3,.pro_container .con13 .box3 .info h3{
	color: black;
}
.pro_container .con13 .box1 .info p,.pro_container .con13 .box2 .info p,.pro_container .con13 .box3 .info p{
	color: #525252;
}
.pro_container .con13 .box3 .img{}
.pro_container .con13 .box3 .info{
	position: absolute;
	top: 58.02%;
	right: 5%;
	text-align: left;
}

.pro_container .con14 .box1 .img{}
.pro_container .con14 .box1 .info{
	position: absolute;
	top: 33.33%;
	right: 4.64%;
	text-align: left;
}
.pro_container .con14 .box2 .img{}
.pro_container .con14 .box2 .info{
	position: absolute;
	top: 33.33%;
	left: 7.14%;
	text-align: left;
}
.pro_container .con14 .box1 .info h3,.pro_container .con14 .box2 .info h3,.pro_container .con14 .box3 .info h3{
	color: black;
}
.pro_container .con14 .box1 .info p,.pro_container .con14 .box2 .info p,.pro_container .con14 .box3 .info p{
	color: #525252;
}
.pro_container .con14 .box3 .img{}
.pro_container .con14 .box3 .info{
	position: absolute;
	top: 25%;
	right: 0%;
	text-align: left;
}


.pro_container .con15 .box1 .img{}
.pro_container .con15 .box1 .info{
	position: absolute;
	top: 31.5%;
	right: 1%;
	text-align: left;
}
.pro_container .con15 .box2 .img{}
.pro_container .con15 .box2 .info{
	position: absolute;
	top: 40.74%;
	left: 3.6%;
	text-align: left;
}
.pro_container .con15 .box1 .info h3,.pro_container .con15 .box2 .info h3,.pro_container .con15 .box3 .info h3{
	color: black;
}
.pro_container .con15 .box1 .info p,.pro_container .con15 .box2 .info p,.pro_container .con15 .box3 .info p{
	color: #525252;
}
.pro_container .con15 .box3 .img{}
.pro_container .con15 .box3 .info{
	position: absolute;
	top: 41.36%;
	right: 1.78%;
	text-align: left;
}


.pro_container .con16 .box1 .img{}
.pro_container .con16 .box1 .info{
	position: absolute;
	top: 39.87%;
	right: 8.93%;
	text-align: left;
}
.pro_container .con16 .box2 .img{}
.pro_container .con16 .box2 .info{
	position: absolute;
	top: 50%;
	left: 7.35%;
	text-align: left;
}
/* .pro_container .con16 .box1 .info h3,.pro_container .con16 .box2 .info h3,.pro_container .con16 .box3 .info h3{
	color: black;
}
.pro_container .con16 .box1 .info p,.pro_container .con16 .box2 .info p,.pro_container .con16 .box3 .info p{
	color: #525252;
} */
.pro_container .con16 .box3 .img{}
.pro_container .con16 .box3 .info{
	position: absolute;
	top: 34.07%;
	right: 10%;
	text-align: left;
}


.pro_container .con17 .box1 .img{}
.pro_container .con17 .box1 .info{
	position: absolute;
	top: 43.2%;
	right: 4.14%;
	text-align: left;
}
.pro_container .con17 .box2 .img{}
.pro_container .con17 .box2 .info{
	position: absolute;
	top: 50%;
	left: 0%;
	text-align: left;
}
.pro_container .con17 .box2 .info h3{
	color: black;
}
.pro_container .con17 .box2 .info p{
	color: #525252;
}
.pro_container .con17 .box3 .img{}
.pro_container .con17 .box3 .info{
	position: absolute;
	top: 50.6%;
	right: 12.5%;
	text-align: left;
}


.pro_container .con18 .box1 .img{}
.pro_container .con18 .box1 .info{
	position: absolute;
	top: 47.28%;
	right: 14.43%;
	text-align: left;
}
.pro_container .con18 .box2 .img{}
.pro_container .con18 .box2 .info{
	position: absolute;
	top: 42.3%;
	left: 12.5%;
	text-align: left;
}
.pro_container .con18 .box1 .info h3,.pro_container .con18 .box2 .info h3,.pro_container .con18 .box3 .info h3{
	color: black;
}
.pro_container .con18 .box1 .info p,.pro_container .con18 .box2 .info p,.pro_container .con18 .box3 .info p{
	color: #525252;
}
.pro_container .con18 .box3 .img{}
.pro_container .con18 .box3 .info{
	position: absolute;
	top: 32.7%;
	right: 7.14%;
	text-align: left;
}

.pro_container .con19 .box1 .img{}
.pro_container .con19 .box1 .info{
	position: absolute;
	top: 47.53%;
	right: 11.07%;
	text-align: left;
}
.pro_container .con19 .box2 .img{}
.pro_container .con19 .box2 .info{
	position: absolute;
	top: 46.91%;
	left: 12.5%;
	text-align: left;
}
.pro_container .con19 .box1 .info h3,.pro_container .con19 .box2 .info h3,.pro_container .con19 .box3 .info h3{
	color: black;
}
.pro_container .con19 .box1 .info p,.pro_container .con19 .box2 .info p,.pro_container .con19 .box3 .info p{
	color: #525252;
}
.pro_container .con19 .box3 .img{}
.pro_container .con19 .box3 .info{
	position: absolute;
	top: 39.5%;
	right: 12.5%;
	text-align: left;
}



.pro_pics{
	position: relative;
	padding: 70px 5% 80px;
}
.pro_pics ul{}
.pro_pics ul li{
	float: left;
}
 .pro_pics ul li a{}
.pro_pics ul li a img{}
.pro_pics .pics_prev,.pro_pics .pics_next{
	position: absolute;
	width: 38px;
	height: 38px;
	cursor: pointer;
}
.pro_pics .pics_prev{
	background: url(../images/pro_prev.png) no-repeat center;
	left: 0;
	top: 50%;
	margin-top: -19px;
}
.pro_pics .pics_next{
	background: url(../images/pro_next.png) no-repeat center;
	right: 0;
	top: 50%;
	margin-top: -19px;
}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}