@charset "utf-8";
/* CSS Document */
/*品牌介绍*/
.ATLAS_content{padding:0 3%;}

.introduce_produpng{top: 223px;}
.introduce_patr1{margin-top:40px; }
.introduce_patr1 .img_l{float: left; position: relative;width: 60%;}
.introduce_patr1 .img_l>img{width: 100%;}
.introduce_patr1 .img_l{
	position: relative;
	left: -100px;
	opacity: 0;
}
.introduce_patr1 .img_l p{
	position: absolute;
	bottom: 12%;
	width: 100%;
	text-align: center;
	color: #fff;
}
.introduce_patr1 .img_l span{position: absolute; left:50%; margin-left: 350px; bottom: 0;}
.introduce_patr1 .img_r{float: left;width: 40%;}
.introduce_patr1 .img_r{
	position: relative;
	right: -100px;
	opacity: 0;
}
.introduce_patr1 .img_r>a>img{width: 100%;}
.introduce_patr1 .img_r p{
	position: absolute;
	bottom: 36%;
	width: 100%;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
}
.introduce_patr1 .img_r em{
	width: 0;
	height: 0;
	display:inline-block;
	margin-left: -18px;
	border:18px solid #fff;
	border-left-width: 34px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-left-color: #fff;
	position: absolute;
	top: 37%;
	left: 50%;
}
.details_patr3 .pic_r a{position: relative;display: block;}
.details_patr3 .pic_r em{
	width: 0;
	height: 0;
	display:inline-block;
	margin-left: -18px;
	border:18px solid #fff;
	border-left-width: 34px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-left-color: #fff;
	position: absolute;
	top: 42%;
	left: 50%;
}
.introduce_patr2{position: relative; margin-top: 40px;}
.introduce_patr2{
	position: relative;
	left: -100px;
	opacity: 0;
}
.introduce_patr2 p{
	color: #fff;
	position: absolute;
	bottom: 5%;
	right: 4%;

}
.introduce_patr2 span{position: absolute; left: 195px; bottom: -100px;}
.introduce_patr3 {margin-top: 60px;}
.introduce_patr3{
	position: relative;
	left: -100px;
	opacity: 0;
}
.introduce_patr3 a{ float: right; margin: 160px 150px 0 0;}

/*产品详情*/
.details_patr1{margin-top: 40px;}
.details_patr1 .con_l{ float: left; width: 450px;}
.details_patr1 .con_l .txt1{display: block; color: #fff; font-family: "Arial"; text-transform: uppercase; font-size: 50px; padding: 80px 0 20px 0;}
.details_patr1 .con_l .tet{display: block; color: #fff;}
.details_patr1 .con_l .tct{ background: #e6003e; display:block;  width: 80px;  height:2px; margin: 40px 0 90px 0;}
.details_patr1 .con_l ul{ margin: 0 -11px; width: 100%;}
.details_patr1 .con_l li{ float: left; box-sizing: border-box; padding: 11px 11px 0 11px; width: 25%;}
.details_patr1 .con_l dl{ border: 1px solid #676767;}
.details_patr1 .con_l dt{background:url(../images/details_block.jpg) no-repeat; background-size:cover;}
.details_patr1 .con_l td {  text-align: center; height: 73px; }
.details_patr1 .con_l dd{ color: #fff; text-align: center; padding: 5px 0; background: #1e1e1e;}
.details_patr1 .con_r{width: 730px; float: right;}
.details_patr1 .con_r td{ text-align:center; height: 700px;}
.details_patr1 .con_r .owl-carousel { margin:0 0px;  width:auto;}
.details_patr1 .con_r .owl-buttons div{ position: absolute; top: 50%; margin-top: -32px; width: 65px; height: 65px;  background: url(../images/owl-buttons.png) no-repeat; font-size: 0;}
.details_patr1 .con_r .owl-buttons .owl-prev{ left:0px;}
.details_patr1 .con_r .owl-buttons .owl-next{ right:0px; background-position: -65px 0 ;}
.details_patr1 .con_r .owl-buttons .owl-prev:hover{background-position: 0 -65px;}
.details_patr1 .con_r .owl-buttons .owl-next:hover{background-position: -65px -65px;}

.details_patr1 .con_r .owl-buttons .owl-prev.disabled:hover{background-position: 0 0px;}
.details_patr1 .con_r .owl-buttons .owl-next.disabled:hover{background-position:-65px 0px;}

.details_patr2 {margin-top:40px;}
.details_patr2 img{width: 100%;}
.details_patr3 .pic_l,.details_patr3 .pic_r{width: 50%; float: left;}
.details_patr3 .pic_r .edit_con_original{color:#fff;line-height: 1.71;}
.details_patr3 .pic_l img,.details_patr3 .pic_r img{width: 100%; }
.details_patr3 .pic_l{box-shadow:0 4px 5px rgba(0, 0, 0, 0.5);}
.details_patr3 dl{ padding:  40px 90px 45px 45px; }
.details_patr3 dt{  color: #e6003e; padding-bottom: 40px;}
.details_patr3 dd{  color: #fff; line-height: 1.7em;}
.details_patr4 h2{color:#fff; font-size: 36px; font-weight: normal; padding: 90px 0 30px 0; text-transform:uppercase;}
.details_patr4 td{color: #fff; text-align: center; padding: 12px 0; position: relative;}
.details_patr4 thead{border: 1px solid #676767; background: rgba(0,0,0,0.5);}
.details_patr4 thead td{font-size: 16px; }
.details_patr4 tbody{border-left: 1px solid #676767; border-right: 1px solid #676767;}
.details_patr4 tbody tr{border-bottom: 1px solid #676767;}
.details_patr4 tbody .tr{background: rgba(225,225,225,0.1);}
.introduce_patr3 .video_button{position: relative;}
.introduce_patr3 .video_button p{
	position: absolute;
	bottom: 40%;
	width: 100%;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
}
.introduce_patr3 .video_button em{
	width: 0;
	height: 0;
	display:inline-block;
	margin-left: -18px;
	border:18px solid #fff;
	border-left-width: 34px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-left-color: #fff;
	position: absolute;
	top: 37%;
	left: 50%;
}


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

	/*品牌介绍*/
	.introduce_produpng{top: 10%;}
	.introduce_patr1{margin-top:20px; }
	.introduce_patr1 .img_l{ width: 60%}
	.introduce_patr1 .img_l img{width: 100%;}
	.introduce_patr1 .img_l span{ width: 35%; margin: 0; left: 97%;}
	.introduce_patr1 .img_r{ width: 40%}
	.introduce_patr1 .img_r img{ width: 100%}
	.introduce_patr2{margin-top:20px; }
	.introduce_patr2 img{width: 100%;}
	.introduce_patr2 span{width: 25%; left: 15%; bottom:-20%;}
	.introduce_patr3 {margin-top:30px; }
	.introduce_patr3 a {width:50%; margin: 10% 10% 0 0;}
	.introduce_patr3 a img{width:100%;}
	
	/*产品详情*/
	.details_patr1 .con_l{width:50%;}
	.details_patr1 .con_l .box{padding-right:50px; }
	.details_patr1 .con_r{width: 50%;}
	.details_patr1 .con_r td{ height:auto; }
	.details_patr1 .con_r img{width: 100%;}
	.details_patr1 .con_r .owl-buttons .owl-prev:hover{background-position: 0 0;}
	.details_patr1 .con_r .owl-buttons .owl-next:hover{background-position: -65px 0;}
	.details_patr3 dl{padding: 30px;}
	.details_patr3 dt{padding-bottom:20px;}
	

}

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

	/*产品详情*/
	.details_patr1 .con_l .txt1{font-size: 30px; padding: 0 0 20px 0;}
	.details_patr1 .con_l .box{padding-right:20px; }
	.details_patr1 .con_l .txt1 img{width: 100%;}
	.details_patr1 .con_l .tct{margin:20px 0 40px 0; }
	.details_patr1 .con_l ul{ width:auto; margin: 0 -5px;}
	.details_patr1 .con_l ul li{ padding: 5px 5px 0 5px;}
	.details_patr1 .con_r .owl-buttons div{ width:40px; height: 40px; background-size: 80px; margin-top:-20px;}
	.details_patr1 .con_r .owl-buttons .owl-next{background-position: -40px 0;}
	.details_patr1 .con_r .owl-buttons .owl-next:hover{background-position: -40px 0;}
	.details_patr1 .con_r .owl-buttons .owl-next.disabled:hover{background-position:-40px 0px;}
	.details_patr3 dl{padding:20px;}
	.details_patr4 h2{font-size: 25px; padding: 0 0 10px 0;}
	.introduce_patr1 .img_r p{bottom: 26%;}
	.introduce_patr3 .video_button p{bottom: 26%;}
	
}

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

	/*品牌介绍*/
	.introduce_produpng{display: none;}
	.introduce_patr1{margin-top:20px; }
	.introduce_patr1 .img_l{width: 100%;}
	.introduce_patr1 .img_l span{display: none;}
	.introduce_patr1 .img_r{width: 100%; margin-top: 10px;}	
	.introduce_patr2{margin-top:10px; }
	.introduce_patr2 span{ left: 0; bottom: 0; margin: 10px;}
	.introduce_patr3{margin-top:10px; }
	.introduce_patr3 a{width: 100%; margin: 0;}
	
	/*产品详情*/
	.details_patr1 .con_l{width:100%; float: none;}	
	.details_patr1 .con_l .txt1{ font-size: 25px; padding-bottom: 10px;}
	.details_patr1 .con_l .tct{margin: 10px 0 20px 0;}
	.details_patr1 .con_l .box{padding:0;}
	.details_patr1 .con_r{width:100%; float: none; margin-top: 20px;}	
	.details_patr1 .con_r td{padding: 0 20%;}
	.details_patr3 .pic_l, .details_patr3 .pic_r{float: none; width: 100%;}
	.details_patr3 dl{padding: 20px 0 30px 0;}
	.details_patr3 dd{line-height: 1.5em;}
	.details_patr4 h2{font-size: 18px;}
	.details_patr4 thead{display: none;}
	.details_patr4 tbody tr{border: 0;}
	.details_patr4 td{display: block; text-align: left; border-top: 1px solid #676767; padding-left: 77px;}
	.details_patr4 td:before{content: attr(data-title); position: absolute; left: 0; top: 0; padding: 10px;}
	.details_patr4 tbody{border-bottom: 1px solid #676767;}

}
@media screen and (max-width:380px){
	.details_patr1 .con_l li{
		width: 33.33%;
	}
}