/*首页*/

.top{ padding: 20px 0 30px;}
.top-box{ width: 100%; overflow: auto;}
.top-left{ width: 45%; float: left;}
.top-right{ width: 45%; float: right;}
.top-left-img{ margin-left: 44%; float: left; height: 80px;}
.top-left-img img{ margin-top: 15px;}
.top-right ul{ width: 80%; margin-top: 19px; margin-left: 6%; overflow: auto;}
.top-right ul li{ float: left; line-height: 50px; margin-right: 8%;}
.top-right ul li a{ color: #000; font-size: 26px; letter-spacing: 1px;}
.top-right ul li:hover a{ color: #C2091A;}
.top-right ul li:hover{ border-bottom: 3px solid #C2091A;}

.title-top{ margin-left: 45%; margin-top: 26px; overflow: auto; display: inline-block;}
.title-top img{ float: left; margin-top: 28px;}
.title-top h3{ font-size: 24px; font-weight: 600;color:#b60605; float: left; margin-top: 12px; margin-left: 10px;}

.layui-carousel-ind li {margin: 0 10px;}

/* .jm_lunbo div img{ width: 100%;} */

/*动态*/
.jm_dt{ width: 100%; height: 483px;}
.dt_left{ width: 49%; float: left;}
#test2 { margin-left: 40%;margin-top: 5%;}
#test2 .layui-carousel-ind { width: 30%;margin-left: 70%;}
.dt_right{ width: 50%; float: left;}

.dt-right-lb{ width: 74%; max-height: 360px; margin-left: 4px; overflow: hidden;}
.dt-right-lb ul{ margin-top: 38px; margin-left: 3px;}
.dt-right-lb ul li{ width: 100%; list-style-type: disc;line-height:40px;}
.dt-right-lb ul li span{ float: left; font-size:16px; color:rgba(0,0,0,0.85); font-weight:400;}
.dt-right-lb ul li em{float: right;font-style: normal; font-size:16px; font-weight:400; color:rgba(0,0,0,0.85);}
.dt-right-lb p{ float: right; margin-top: 6px; font-size:20px; font-weight:400; color:rgba(66,66,66,1);}

/*产品*/
.jm_cp{ width: 100%;}
.jm_cp_img{ width: 75%; margin-left: 15%; margin-top: 10px;}
.jm_cp_img ul{ width: 100%; overflow: auto; padding: 10px;}
.jm_cp_img ul li{ float: left; margin-left: 3.5%; margin-top: 20px;}
.jm_cp_img ul li:hover{ box-shadow: 0px 0px 10px #ddd;}


/*关于*/
.jm_about{ width: 100%; padding-bottom: 20px;}
.jm_about_img img{ margin-left: 17%; margin-top: 20px;}


/*底部*/
.foot{ width: 100%; height: 300px; background:rgba(255,249,241,1);}
.foot-left{ width: 74%; float: left;}
.foot-right{ width: 26%; float: left;}
.foot-top{ width: 65%; margin-left: 19%; margin-top: 30px; border-bottom: 1px solid #E9E7E7; display: inline-block; padding-bottom: 40px;}
.foot-top-01{ margin-top: 31px; line-height: 34px;}
.foot-top-01 span{ font-size:18px; font-weight:400; color:rgba(0,0,0,0.85); margin-right: 9px; margin-left: 8px;}
.foot-top-01 span:first-child{ margin-left: 0;}
.foot-top-02{ margin-top: 60px; line-height: 34px;}
.foot-top-02 span{ font-size:18px; font-weight:400; color:rgba(0,0,0,0.85); margin-right: 30px;}
.foot-top-img{ margin-left: 53px;}

.foot-footer{ width: 100%; line-height: 40px; margin-top: 24px; text-align: center; font-size:18px; font-weight:400; color:rgba(0,0,0,0.85);letter-spacing: 1px;}





/*酱猫动态*/
.banner{ width: 100%; height: 500px; background-image: url(../img/banner.png);}
.dtlb-box{ width: 100%; background: #fff; padding: 30px 0 40px;}
.dtlb-lb{ width: 64%; margin-left: 18%; padding-bottom: 60px;}
.dtlb-lb-top{ font-size:20px; font-weight:400; color:rgba(151,151,151,1); line-height:28px;}
.dtlb-lb ul{ width: 100%; margin-top: 30px;}
.dtlb-lb ul li{ margin-top: 42px; border-bottom: 1px solid #979797; padding-bottom: 30px;}
.dtlb-lb ul li p{ font-size:18px; font-weight:400; color:rgba(114,114,114,1); line-height:25px;}
.dtlb-lb ul li div{ margin-top: 20px; margin-bottom: 25px;}
.dtlb-lb ul li div a{ font-size:24px; font-weight:500; color: #000000;}
.dtlb-lb ul li span{ font-size:20px; font-weight:400;}



/*酱猫动态详情*/
.dtxq-box{ width: 100%; background: #fff; padding: 30px 0 40px;}
.dtxq-xq{ width: 64%; margin-left: 18%; padding-bottom: 30px;}
.dtxq-xq-top{ font-size:20px; font-weight:400; color:#979797; line-height:28px;}
.dtxq-xq ul{ width: 100%; margin-top: 60px;}
.dtxq-xq ul li{ margin-top: 120px; padding-bottom: 30px;}
.dtxq-xq ul li h2{ text-align: center; font-size: 24px; color: #000; font-weight: 500; line-height: 40px; margin-bottom: 30px;}
.dtxq-xq ul li h3{ font-size: 22px; color: #000; line-height: 40px; margin-bottom: 20px;}
.dtxq-xq ul li p{ line-height: 34px; font-size: 20px; text-indent: 2em; margin-top: 20px;}
.img-img{ text-align: center; margin-top: 65px;}



/*酱猫服务*/
.jm_box{ width: 100%; min-height: 450px; background: #FAF9F9; padding: 20px 0 60px;}
.jm_box ul{ margin-left: 20%; }
.jm_box ul li{ margin-top: 60px;}
.jm_box ul li h2{ font-size: 26px; font-weight: bold; color: #666;}
.jm_box ul li p{ font-size: 22px; line-height: 36px; color: #666; margin-top: 20px;}


/*小屏*/
@media(min-width:1700px){
	body{ width: 1900px;overflow: auto;}
}
@media(max-width:1700px){
	body{ width: 100%;overflow: auto;}
	.top-left-img{ margin-left: 35%; float: left;}
	.top-right{margin-right: 2%;}
	.top-right ul{margin-left: 10%;}
	.top-right ul li{ float: left; line-height: 50px; margin-right: 7.5%;}
	#test2 { margin-left: 32%; margin-top: 6%;}
	.dt-right-lb{ width: 74%; max-height: 360px; margin-left: 5%; overflow: hidden;}
	.jm_about_img img{ margin-left: 13%;}
	.jm_cp_img{ width: 82%; margin-left: 13%; margin-top: 10px;}
	.jm_cp_img ul li{ float: left; margin-left: 2%; margin-top: 20px;}
	.foot-top{ width: 70%; margin-left: 15%; margin-top: 30px; border-bottom: 1px solid #E9E7E7; display: inline-block; padding-bottom: 40px;}
}
@media(max-width:1555px){
	body{ width: 100%;overflow: auto;}
	.top-left-img{ margin-left: 24%; float: left;}
	.top-right ul{margin-left: 12%;}
	.top-right ul li{ float: left; line-height: 50px; margin-right: 4%;}
	#test2 { margin-left: 24%; margin-top: 6%;}
	.dt-right-lb{ width: 74%; max-height: 360px; margin-left: 4%; overflow: hidden;}
	.jm_about_img img{ margin-left: 9%;}
	.jm_cp_img{ width: 85%; margin-left: 9%; margin-top: 10px;}
	.jm_cp_img ul li{ float: left; margin-left: 1%; margin-top: 20px;}
	.foot-top{ width: 82%; margin-left: 13%; margin-top: 30px; border-bottom: 1px solid #E9E7E7; display: inline-block; padding-bottom: 40px;}
}
@media(max-width:1440px){
	.top-left-img{ margin-left: 26%; float: left;}
	body{ width: 1430px;overflow: auto;}
}
