#proListTop
{width:1300px; height: auto; overflow: hidden; margin:0px auto;
 background: url(../images/bgn15.png) 0px 75px no-repeat; background-size:272px auto;}
#proListTop .sortName
{padding-top:104px; line-height:48px; font-size:30px;}
#proListTop .miaoshu
{width:980px; padding-top:19px; padding-bottom:60px; line-height:28px; font-size:16px;}
#proListSort
{width:1300px; height: auto; overflow: hidden; margin:0px auto;}
#proListSort .sortName
{line-height:43px; font-size:24px; text-indent:42px;
 background: url(../images/bgn26.png) left center no-repeat;}
#proListSort .list
{padding-top:17px; padding-left:100px;}
#proListSort .list .item
{width: auto; height:47px; overflow: hidden; float: left; margin-right:65px; position: relative;
 line-height:47px; font-size:16px;}
#proListSort .list .item:last-child
{margin-right:0px;}
#proListSort .list .item.on::after
{width:59px; height:5px; overflow: hidden; position: absolute; left:0px; bottom:0px;
 content:''; background:#94D401;}
#proListSort .list .item a{text-decoration:none;}
#prolist
{width:1300px; height: auto; overflow: hidden; margin:0px auto; padding-top:37px;}
#prolist .item
{width:420px; height:340px; overflow: hidden; float: left; margin-right:20px; margin-bottom:26px; position: relative;}
#prolist .item:nth-child(3n)
{margin-right:0px;}
#prolist .item a{text-decoration:none;}
#prolist .item .pic
{width:420px; height:236px; overflow: hidden;}
#prolist .item .pic img
{width:420px; height:236px;}
#prolist .item .info
{width:418px; height:102px; overflow: hidden; position: relative;
 border:1px solid #DCDCDC; background:#EEEEEE; border-top:none;}
#prolist .item .info .title
{width:95%; height:36px; overflow: hidden; padding-top:19px; margin:0px auto;
 line-height:36px; font-size:16px; text-align: center;}
#prolist .item .info .miaoshu
{width:95%; height:28px; overflow: hidden; margin:0px auto;
 line-height:28px; font-size:14px; text-align: center; color:#000;
 white-space: nowrap; text-overflow: ellipsis;}

 
@media screen and (max-width: 1366px){
	#proListTop
	{width:942px;
	 background: url(../images/bgn15.png) 0px 49px no-repeat; background-size:272px auto;}
	#proListTop .sortName
	{padding-top:78px;}
	#proListTop .miaoshu
	{width:765px; padding-bottom:25px;}
	#proListSort
	{width:942px;}
	#proListSort .list
	{padding-top:22px; padding-left:46px;}
	#proListSort .list .item
	{margin-right:46px;}
	#prolist
	{width:942px; padding-top:26px;}
	#prolist .item
	{width:305px; height:273px; margin-right:13px; margin-bottom:13px;}
	#prolist .item .pic
	{width:305px; height:172px;}
	#prolist .item .pic img
	{width:305px; height:172px;}
	#prolist .item .info
	{width:303px; height:100px;}
	#prolist .item .info .title
	{padding-top:15px;}
}

@media screen and (max-width: 1024px){
	#proListTop
	{width:750px;
	 background: url(../images/bgn15.png) 0px 55px no-repeat; background-size:272px auto;}
	#proListTop .sortName
	{padding-top:79px; line-height:54px; font-size:36px; text-indent:20px;}
	#proListTop .miaoshu
	{width:560px; padding-left:20px; padding-top:3px; padding-bottom:27px; line-height:35px; font-size:20px;}
	#proListSort
	{width:750px;}
	#proListSort .sortName
	{line-height:48px; font-size:30px; text-indent:63px;
	 background: url(../images/bgn26.png) 20px 9px no-repeat; background-size:35px 31px;}
	#proListSort .list
	{padding-top:20px; padding-left:35px;}
	#proListSort .list .item
	{height:43px;margin-right:52px;
	 line-height:43px; font-size:20px;}
	#prolist
	{width:680px;}
	#prolist .item
	{width:680px; height:510px; float:none; margin:0px auto; margin-bottom:30px;}
	#prolist .item:nth-child(3n)
	{margin:0px auto;}
	#prolist .item .pic
	{width:680px; height:363px; overflow: hidden;}
	#prolist .item .pic img
	{width:680px; height:363px;}
	#prolist .item .info
	{width:678px; height:146px;}
	#prolist .item .info .title
	{height:43px; padding-top:33px; padding-bottom:15px;
	 line-height:43px; font-size:24px;}
	#prolist .item .info .miaoshu
	{height:22px; line-height:22px; font-size:20px;}
}

/*简介页独有*/
#proIntroPart
{width:100%; height:410px; overflow: hidden; position: relative; margin-top:37px;}
#proIntroPart .leftbg
{position: absolute;left:0px; right:50%; top:0px; bottom:0px; margin-right:120px;
 background:#93D501;}
#proIntroPart .rightbg
{position: absolute;right:0px; left:50%; top:0px; bottom:0px; margin-left:-120px;
 background: url(../images/bgn27.png) left center no-repeat; background-size: cover;}
#proIntroPart .middle
{width:1330px; height:410px; overflow: hidden; position: absolute; left:50%; top:0px; margin-left:-650px;}
#proIntroPart .middle .left
{width:530px; height:auto; overflow: hidden; float: left;}
#proIntroPart .middle .left .img
{padding-top:22px;}
#proIntroPart .middle .left .img img
{width:509px; height:365px;}
#proIntroPart .middle .right
{width:800px; height:410px; overflow: hidden; float: left; position: relative; padding-left:50px; box-sizing: border-box;}
#proIntroPart .middle .right .title
{padding-top:60px;
 line-height:37px; color:#ffffff; font-size:18px;}
#proIntroPart .middle .right .miaoshu
{width:676px; height: auto; overflow: hidden; padding-top:14px;
 line-height:24px; font-size:14px; color:#fff;}
#proIntroPart .middle .right .btns
{position: absolute; left:50px; bottom:47px;}
#proIntroPart .middle .right .btns a
{width:118px; height:38px; overflow: hidden; float: left; margin-right:13px; display: block;
 border:1px solid #fff; border-radius:3px; background: url(../images/bgn11.png) 87px center no-repeat;
 line-height:38px; text-indent:23px; font-size:14px; color:#fff;}
#proIntroPart .middle .right .btns a:hover
{background:#93D501 url(../images/bgn11.png) 87px center no-repeat; border-color:#19BCC3; text-decoration:none;}

#proIntroContent
{width:1300px; height: auto; overflow: hidden; margin:0px auto; padding-left:45px; box-sizing: border-box;
 font-size:15px; line-height:180%; color:#000;}
#proIntroContent table
{border-collapse:collapse;}
#proIntroContent table td
{text-indent:10px;}
#proIntroContent .fengge
{line-height:37px; font-size:18px; text-indent:45px; margin-left:-45px; margin-top:62px;
 background: url(../images/bgn28.png) 0px center no-repeat;}
 
#proIntroKczy
{width:1300px; height: auto; overflow: hidden; margin:0px auto; padding-bottom:73px;}
#proIntroKczy .sortName
{line-height:37px; font-size:18px; text-indent:45px; margin-top:62px;
 background: url(../images/bgn28.png) 0px center no-repeat;}
#proIntroKczy .list
{width:1100px; height: auto; overflow: hidden; margin:0px auto; padding-top:23px;}
#proIntroKczy .list .item
{width:350px; height:auto; overflow: hidden; float: left; margin-right:25px; margin-bottom:25px; padding:25px 20px; box-sizing: border-box;
 border:1px solid #DCDCDC; background:#EEEEEE;}
@media screen and (min-width: 1367px){
	#proIntroKczy .list .item:nth-child(3n)
	{margin-right:0px;}
}
#proIntroKczy .list .item .title
{width:350px; height:35px; overflow: hidden;
 line-height:35px; font-size:16px;}
#proIntroKczy .list .item .miaoshu
{padding-top:10px; line-height:30px; font-size:14px; padding-left:58px;}

@media screen and (max-width: 1366px){
	#proIntroPart
	{margin-top:28px;}
	#proIntroPart .leftbg
	{margin-right:57px;}
	#proIntroPart .rightbg
	{margin-left:-57px;}
	#proIntroPart .middle
	{width:942px; margin-left:-471px;}
	#proIntroPart .middle .left
	{width:414px;}
	#proIntroPart .middle .left .img img
	{width:396px; height:362px;}
	#proIntroPart .middle .right
	{padding-left:23px; width:528px;}
	#proIntroPart .middle .right .title
	{padding-top:43px;}
	#proIntroPart .middle .right .miaoshu
	{padding-top:13px;}
	#proIntroContent
	{width:942px;}
	#proIntroContent .fengge
	{margin-top:25px;}
	#proIntroKczy
	{width:942px; padding-bottom:15px;}
	#proIntroKczy .sortName
	{margin-top:25px;}
	#proIntroKczy .list
	{width:725px; padding-left:45px; margin:0px;}	
}
@media screen and (max-width: 1366px) and (min-width: 1025px){
	#proIntroKczy .list .item:nth-child(2n)
	{margin-right:0px;}
}

@media screen and (max-width: 1024px){
	#proIntroPart
	{height:auto; margin-top:23px;}
	#proIntroPart .leftbg
	{display: none;}
	#proIntroPart .rightbg
	{display: none;}
	#proIntroPart .middle
	{width:750px; height:auto; position: relative; left:0px; top:0px; margin-left:0px;}
	#proIntroPart .middle .left
	{width:750px; background:#93D501;}
	#proIntroPart .middle .left .img
	{padding:35px 0px; text-align: center;}
	#proIntroPart .middle .left .img img
	{width:710px; height:auto;}
	
	#proIntroPart .middle .right
	{width:750px; height:auto; padding-left:0px;
	 background: url(../images/bgn27.png) no-repeat; background-size:cover;}
	#proIntroPart .middle .right .title
	{padding-top:85px; width:710px; margin:0px auto;
	 line-height:43px; font-size:24px;}
	#proIntroPart .middle .right .miaoshu
	{width:710px; margin:0px auto; padding-top:14px; padding-bottom:70px;
	 line-height:36px; font-size:20px; text-align: justify;}
	#proIntroPart .middle .right .btns
	{position:relative; left:0px; bottom:0px; padding-bottom:70px; display: flex; justify-content: center;}
	#proIntroPart .middle .right .btns a
	{width:217px; height:58px; margin-right:65px; display: block;
	 background: url(../images/bgn11.png) 150px center no-repeat;
	 line-height:58px; text-indent:60px; font-size:20px;}
	#proIntroPart .middle .right .btns a:hover
	{background:#93D501 url(../images/bgn11.png) 150px center no-repeat;}
	
	#proIntroContent
	{width:730px; padding-left:45px; font-size:20px; margin:0px;}
	#proIntroContent .fengge
	{line-height:43px; font-size:24px; text-indent:45px; margin-left:-45px; margin-top:25px;
	 background:url(../images/bgn28.png) 20px center no-repeat;}
	 
	#proIntroKczy
	{width:750px; padding-bottom:50px;}
	#proIntroKczy .sortName
	{line-height:43px; font-size:24px; text-indent:45px; margin-top:25px;
	 background: url(../images/bgn28.png) 20px center no-repeat;}
	#proIntroKczy .list
	{width:670px; padding-top:23px;}
	#proIntroKczy .list .item
	{width:325px; margin-right:10px; margin-bottom:10px; padding:25px 20px;
	 border:1px solid #DCDCDC; background:#EEEEEE;}
	#proIntroKczy .list .item .title
	{width:285px; height:auto;
	 line-height:180%; font-size:24px;}
	#proIntroKczy .list .item .miaoshu
	{padding-top:30px; padding-bottom:20px; line-height:30px; font-size:20px; padding-left:0px;}
}

/*相关推荐*/
#proShowXgtj
{width:1300px; height: auto; overflow: hidden; margin:0px auto; padding-top:50px;}
#proShowXgtj .sortName
{line-height:43px; font-size:24px; text-indent:42px;
 background: url(../images/bgn26.png) left center no-repeat;}
 
@media screen and (max-width: 1366px){
	#proShowXgtj
	{width:942px;}
}

@media screen and (max-width: 1024px){
	#proShowXgtj
	{width:750px;}
	#proShowXgtj .sortName
	{line-height:48px; font-size:30px; text-indent:63px;
	 background: url(../images/bgn26.png) 20px 9px no-repeat; background-size:35px 31px;}
}