/*移动端*/
@media only screen and (min-width: 240px) and (max-width: 812px) {
#div_box{
	width:100%;
	padding-top: 20px;
}
.wrap{
	width: 100%;
}
.smallImg img{
	width: 100%;
}
.bigImg{
	display: none;
	top: 0;
	width: 100%;
}
#div_box-bottom{
	width: 100%;
}
#div_box-bottom-left div{
	margin-left: 1%;
	float: left;
	width: 17%;
	margin-right: 0.5%;
	border: 1px solid #ffffff;
	display:flex;
	justify-content: center;
	align-items: center;
}
#div_box-bottom img{
	width: 100%;
	float: left;
}
#shadow{
    position: absolute;
    display: none;
	left: 0;
	top: 0;
    width: 100px;
    height: 100px;
    background-color: rgba(0, 0, 0, .2);
}
table{
	border-collapse: collapse;
}

/*第一屏右侧开始*/
#div_box-right{
	width:95%;
}

#miaoshu h1{
	margin-bottom: 20px;
	font-size: 32px;
}
#miaoshu b{
	font-size: 18px;
	color: #333333;
}
#miaoshu p{
	color: #999999;
	overflow:hidden; 
	text-overflow:ellipsis;
    display:-webkit-box;
	-webkit-box-orient:vertical;
	/*-webkit-line-clamp:4;*/ 
}
#miaoshu li{
	background-color:white;
	/*width: 30%;*/
	font-size: 14px;
	border:2px solid #CCCCCC;
	float: left;
	padding: 5px 5px 5px 5px;
	color: #333333;
	border-radius: 5px;
	margin-right: 2%;
	margin-top: 10px;
	cursor: pointer;
}
#miaoshu img{
	width: 36px;
	float: left;
}
#miaoshu h3{
	color: rgb(36,140,202);
	line-height: 36px;
	float: left;
}
.qiehuanlan {
	margin-top: 100px;
	width: 100%;
	background-color: #999999;/*rgba(224,224,224,.97)*/
}
#xqybj{
	background-color: rgb(240,240,240);
}
.qiehuanlan li a {
	display: block;
	padding: 17px 10px;
	text-decoration: none;
	color: white;
}
.qiehuanlan li{
	/*width: 25%;*/
}
.description{
	margin-left: 2%;
	margin-top: 20px;
	font-size: 16px;
}
.description h3, .cpcs_d h3{
	background-color: #333333;
	border-radius: 8px;
	color: white;
	padding: 10px;
	float: left;
	margin-bottom: 15px;
}
.application{
	margin-top: 20px;
}
.cpcs_d ul{
	clear: both;
	font-size: 15px;
}
.description p{
	clear: both;
	line-height: 30px;
}

/*灯带关联*/
.guanlian{position: absolute;width: 100%;}
.guanlian_xh a, .guanlian_xh2 a, .guanlian_xh3 a{
	background-color: #999999;
	color: white;
	padding: 1px;
	font-size: 6px;
	border-radius: 2px;
}
.gaunlian22{
	margin-top: 23vw;
}
/*铝型材*/
#al_lvxing{
	width: 40% !important;
	float: left;
}
#al_lvxing_div p{
	width: 58%;
	float: right;
	color: #666666;
	font-size: 13px;
	/*text-decoration: underline;*/
	background-color: white;
	padding-bottom: 10PX;
	padding-right: 2%;
}
#al_lvxing_div p:hover{
	color: red;
	font-size: 13px;
}
.al_lvxing_shouji{
	clear: both;
	height: 50px;
	background-color:rgb(204,204,204);
}
}










/*PC端*/
@media only screen and (min-width: 813px) {
#xqy_nr{width: 1000px;margin-top: 500px;}
#xqy_nr img{width: 100%;}
#div_box{
	width: 1000px;
	padding-top: 20px;
}
.wrap{
	width: 350px;
	float: left;
	position: absolute;
	cursor: move;
}
.imgBox{
	background-color: white;
}
.smallImg img{
	width: 100%;
}
.bigImg{
	width: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 103%;
	overflow: hidden;
	width: 420px;
	height: 350px;
	cursor: move;
}
.bigImg img{
	width: 1000px;
	position: absolute;
	left: 0;
	top: 0;
	
}
#div_box-bottom{
	margin-top: 370px;
	width: 100%;
}
#div_box-bottom-left div{
	float: left;
	width: 7.1%;
	margin-right: 0.5%;
	border: 1px solid #ffffff;
	display:flex;
	justify-content: center;
	align-items: center;
}
#div_box-bottom img{
	width: 100%;
	float: left;
	background-color: white;
}
#shadow{
    position: absolute;
    display: none;
	left: 0;
	top: 0;
    width: 100px;
    height: 100px;
    background-color: rgba(0, 0, 0, .2);
}
table{
	border-collapse: collapse;
}

/*第一屏右侧开始*/
#div_box-right{
	width:600px;
	margin-left:400px;
	position: absolute;
}

#miaoshu h1{
	margin-bottom: 20px;
}
#miaoshu b{
	font-size: 20px;
	color: #333333;
}
#miaoshu p{
	color: #999999;
	overflow:hidden; 
	text-overflow:ellipsis;
    display:-webkit-box;
	-webkit-box-orient:vertical;
	/*-webkit-line-clamp:4;*/ 
}
#miaoshu li{
	background-color:white;
	font-size: 15px;
	border:2px solid #CCCCCC;
	float: left;
	padding: 5px 15px 5px 15px;
	color: #333333;
	border-radius: 5px;
	margin-right: 20px;
	margin-top: 10px;
	cursor: pointer;
}
#b_model{color: red !important;}
#miaoshu img{
	width: 36px;
	float: left;
}
#miaoshu h3{
	color: rgb(36,140,202);
	line-height: 36px;
	float: left;
}


.qiehuanlan {
	margin-top: 500px;
	width: 900px;
	background-color: #999999;/*rgba(224,224,224,.97)*/
}
.qiehuanlan li a {
	display: block;
	padding: 17px 30px;
	text-decoration: none;
	color: white;
}
.description{
	margin-left: 20px;
	margin-top: 20px;
	font-size: 16px;
}
.description h3, .cpcs_d h3{
	background-color: #333333;
	border-radius: 8px;
	color: white;
	padding: 10px;
	float: left;
	margin-bottom: 15px;
}
.cpcs_d ul{
	clear: both;
	font-size: 15px;
}
.description p{
	clear: both;
	line-height: 30px;
}
.product_feature{
	width: 60%;
	float: left;
}
.application{
	width: 40%;
	float: left;
}

/*灯带关联*/
.guanlian{position: absolute;width: 900px;}
.guanlian_xh a, .guanlian_xh2 a, .guanlian_xh3 a{
	background-color: #999999;
	color: white;
	padding: 5px;
	font-size: 12px;
	border-radius: 4px;
}
.guanlian_xh, .guanlian_xh2, .guanlian_xh3{top: 15px;}
.gaunlian22{
	margin-top: 211px;
}
/*铝型材*/
#al_lvxing{
	width: 37% !important;
	float: left;
}
#al_lvxing_div p{
	line-height: 24px;
	color: #666666;
	font-size: 13px;
	text-decoration: underline
}
#al_lvxing_div p:hover{
	color: red;
	font-size: 13px;
}
.al_lvxing_bt{
	clear: both;
	height: 15PX;
	background-color: rgb(204,204,204);
}
/*参数表*/
.cpcs_d li{
	font-size:18px;
	line-height: 36px;
	color: #666666;
}


}







/*参数表*/
.table_csb{
	width: 95%;
	margin-top: 20px;
}
.table_csb th{
	width: 70%;
	text-align: left;
}
.diyihang{
	width: 25% !important;
	background: rgb(98,98,98);
	color: white;
	/*border-radius: 15px !important;*/
}
.diyihang, .dierhang{
	padding: 1%;
	border: solid #FFFFFF 5px;
	line-height: 20PX;
}
.hang_b_j{
	background: rgb(219,219,219);
}

/*可选规格*/
#miaoshu li{color: rgba(0, 0, 0, .6);}
#miaoshu strong{color: black;}


/*灯带关联*/
.fillbg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.fillbg-active { opacity: 1; display:block; }
.comment_pics{
	width: 19.5% !important;
	border: 1px solid #999999;
	float: right;
	margin-right: 3%;
}
.comment_pics33{
	margin-right: 0.4%;
}
.guanlian_img{
	position: absolute;
}
.guanlian_xh {
	position: absolute;
	left: 25%;
}
.guanlian_xh2 {
	position: absolute;
	left: 55%;
} 
.guanlian_xh3{
	position: absolute;
	left: 75%;
}
.guanlian_xh a:hover, .guanlian_xh2 a:hover,.guanlian_xh3 a:hover{
	background-color: red;
}



/*切换栏样式开始*/
.qiehuanlan img{width: 100%;}
.qiehuanlan li {
	float: left;
}
.qiehuanlan li a:hover {
	color: red;
	background: #CCCCCC;
}
/*#tabs-1{
	display: block;
}*/
#tabs_container {
	overflow: hidden;
	position: relative;
	background: white;
}

#tabs_container div {
	position: relative;
}

.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideleft {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showleft {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.showflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;

	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1);
	transform: rotatey(0deg) scale(1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.tabulous_active {
	background: white !important;
	color: red !important;
}

.tabulousclear {
	display: block;
	clear: both;
}