.content{background: url(../images/pro_cate_left_side_bg.png) repeat-y;}
.content .pro_cate_left_side{width: 250px;float: left;}
.content .pro_cate_left_side .topname{font-size: 30px;line-height: 60px;color: #111111;padding: 42px 20px 17px;}
.content .pro_cate_left_side .dept1 .name1{font-size: 16px;line-height: 50px;height: 50px;position: relative;padding-left: 20px;transition: all 0.5s;cursor:pointer;}
.content .pro_cate_left_side .dept1 .name1.on{background: #2868c9;}
.content .pro_cate_left_side .dept1 .name1 a{color: #333333;font-family: 'Poppins-Medium';transition: all 0.5s;}
.content .pro_cate_left_side .dept1 .name1.on a{color: #fff;}
.content .pro_cate_left_side .dept1 .name1 img{position: absolute;right: -20px;opacity: 0;transition: all 0.5s;}
.content .pro_cate_left_side .dept1 .name1.on img{opacity: 1;}
.content .pro_cate_left_side .dept2{padding: 20px 20px 8px;display: none;}
.content .pro_cate_left_side .dept2 .name2{font-size: 14px;/*line-height: 34px;*/padding: 5px 0;}
.content .pro_cate_left_side .dept2 .name2 a{color: #666666;display: inline-block;max-width: 185px;}
.content .pro_cate_left_side .dept2 .name2 span{width: 15px;height: 15px;float: right;background: url(../images/products_cate_tag3.png) no-repeat center center;margin-top: 10px;cursor:pointer;}
.content .pro_cate_left_side .dept2 .name2.on a{color: #2868c9;}
.content .pro_cate_left_side .dept2 .name2.on span{background: url(../images/products_cate_tag2.png) no-repeat center center;}
.content .pro_cate_left_side .dept2 .name2 .dept3{margin: 15px 0;display: none;}
.content .pro_cate_left_side .dept2 .name2 .dept3 a{display: inline-block;height: 30px;padding: 0 12px;line-height: 30px;font-size: 14px;color: #666666;width: calc( 100% - 24px );margin: 3px 0;}
.content .pro_cate_left_side .dept2 .name2 .dept3 a.on{background: #a3a3a3;color: #fff;}
.content .prolist{float: right;width: 1030px;background: #fff;min-height: 600px;}
.content .prolist h1{font-size: 24px;line-height: 60px;color: #111111;padding: 43px 0 15px 50px}
.content .prolist .list{padding-left: 45px;padding-bottom: 32px;}
.content .prolist .list .copy{display: inline-block;vertical-align: top;width: 279px;padding: 8px 15px 24px;transition: all 0.5s;margin-bottom: 39px;}
.content .prolist .list .copy:nth-child(3n-1){margin: 0 22px 39px;}
.content .prolist .list .copy .img{width: 279px;height: 209px;}
.content .prolist .list .copy .name{font-size: 16px;line-height: 24px;font-family: 'Poppins-Medium';color: #333333;padding-top: 14px;}
.content .prolist .list .copy .name a{color: #333333;}
.content .prolist .list .copy .desc{font-size: 14px;line-height: 20px;font-family: 'Poppins-Light';color: #999999;padding: 16px 0 31px;}
.content .prolist .list .copy a.inquiry{display: inline-block;width: 277px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #2868c9;border-radius: 3px;font-family: 'Poppins-Medium';font-size: 14px;color: #2868c9;transition: all 0.5s;}
.content .prolist .list .copy:hover a.inquiry{color: #fff;background: #2868c9;}
.content .prolist .list .copy:hover{box-shadow:-5px 0 5px #d9d9d9,5px 0 5px #d9d9d9,0 15px 15px #d9d9d9;transform: scale(1.03);}
#turn_page{padding-bottom: 80px;}


@media screen and (max-width: 1300px) {
	.content .prolist{width: 850px;}
	.content .prolist .list .copy{width: 243px;padding: 15px 3px;}
	.content .prolist .list .copy .img{width: 100%;}
	.content .prolist .list .copy a.inquiry{width: calc( 100% - 2px );}
}
@media screen and (max-width: 1140px) {
	.content .prolist{width: 730px;}
	.content .prolist .list .copy{width: 46%;display: inline-block;vertical-align: top;float: none;margin: 0 5px!important;}
}
@media screen and (max-width: 1020px) {
	.content .prolist h1,.content .prolist .list{padding-left: 20px;}
	.content .prolist{width: 460px;}
	.content .prolist .list .copy{width: 44%;}
	.content .prolist .list .copy .img{height: 160px;}
}
@media screen and (max-width: 750px) {
	.content .pro_cate_left_side{width: 210px;}
	.content .pro_cate_left_side .topname{font-size: 26px;line-height: 50px;}
	.content .pro_cate_left_side .dept1 .name1{height: 40px;line-height: 40px;font-size: 14px;}
	.content .pro_cate_left_side .dept1 .name1 img{right: -16px;}
	.content .pro_cate_left_side .dept2{padding: 10px 20px 3px;}
	.content .pro_cate_left_side .dept2 .name2 .dept3 a{font-size: 12px;height: 24px;line-height: 24px;}
	.content .pro_cate_left_side .dept2 .name2 .dept3{margin: 5px 0;}
	.content .prolist{width: 270px;}
	.content .prolist .list .copy{width: 92%;}
	.content .prolist .list .copy .img{height: 160px;}
}
@media screen and (max-width: 520px) {
	.content .pro_cate_left_side,.content .prolist{width:100%;}
	.content .pro_cate_left_side .dept1 .name1 img{display: none;}
	.content .pro_cate_left_side .dept2 .name2 .dept3 a{display: block;}
	.content .prolist .list .copy .img{height: auto;}
	.content .prolist h1,.content .prolist .list{padding-left: 10px;}
	.content .prolist .list .copy{padding: 20px 5px;}
	.content .prolist h1{padding-top: 20px;line-height: 35px;}
	.content .pro_cate_left_side .topname{padding: 20px 20px 10px;line-height: 30px;}
}