#videoMain
{width:100%; height: auto; overflow: hidden;
 background: url(../images/bgn15.png) center 74px no-repeat;}
#videoMain .sortName
{padding-top:77px; line-height:54px; text-align: center; font-size:36px;}
#videoMain .sortMs
{line-height:47px; font-size:16px; text-align: center;}
#videoMain .tabs
{width:1300px; height: auto; overflow: hidden; margin:0px auto; padding-top:42px; padding-left:100px; padding-bottom:60px; box-sizing: border-box;}
#videoMain .tabs .item
{width: auto; height:47px; overflow: hidden; float: left; margin-right:80px; position: relative;
 line-height:47px;}
#videoMain .tabs .item.on::after
{width:59px; height:5px; overflow: hidden; position: absolute; left:0px; bottom:0px;
 content:''; background:#93D501;}

#videoMain .more
{padding-top:30px; padding-bottom:73px;}
#videoMain .more a
{width:120px; height:35px; overflow: hidden; margin:0px auto; display: block;
 background: url(../images/bgn12.png) right center no-repeat;
 line-height:35px; font-size:16px;}
#videoMain .more a{text-decoration:none;}

#videoListMain
{width:1300px; height: auto; overflow: hidden; margin:0px auto;}
#videoListMain .sortName
{padding-top:104px; line-height:48px; font-size:30px;
 background: url(../images/bgn15.png) 0px 75px no-repeat; background-size:270px auto;}
#videoListMain .sortMs
{padding-top:20px; padding-bottom:60px; line-height:28px; font-size:16px; width:917px;}
#videoListMain .sortName2
{line-height:43px; font-size:24px; text-indent:40px;
 background: url(../images/bgn26.png) left center no-repeat;}
#videoListMain .tabs
{padding-left:100px; padding-top:17px; padding-bottom:44px;}
#videoListMain .tabs .item
{width: auto; height:47px; overflow: hidden; float: left; margin-right:60px; font-size:16px; position: relative;
 line-height:47px;}
#videoListMain .tabs .item.on::after
{width:59px; height:5px; overflow: hidden; position: absolute; left:0px; bottom:0px;
 content:''; background:#94D401;}
#videoListMain .content
{padding-top:44px;}

.content
{width:1300px; height: auto; overflow: hidden; margin:0px auto;}
.content .item
{width:314px; height:320px; overflow: hidden; float: left; margin-right:14px;}
.content .item .pic img
{width:314px; height:224px;}
@media screen and (min-width: 1367px){
	.content .item:nth-child(4n)
	{margin-right:0px;}
}
.content .item .title
{width:100%; height:34px; overflow: hidden; padding-top:17px;
 white-space: nowrap; text-overflow: ellipsis;
 line-height:34px; text-align: center; font-size:14px;}
.content .item .title a{text-decoration:none;}

#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;}

/*简介页独有*/
#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; position: relative;}
#proIntroPart .middle .left .img
{padding-top:22px;}
#proIntroPart .middle .left .img img
{width:509px; height:365px;}
#proIntroPart .middle .left .btn
{width:78px; height:89px; overflow: hidden; position: absolute; left:50%; top:50%; margin-left:-39px; margin-top:-44px;}
#proIntroPart .middle .left .btn img
{width:100%; height:100%; cursor: pointer;}
#proIntroPart .middle .left .video
{width:509px; height:365px; overflow: hidden; position: absolute;left:0px; top:22px;
 background:#000000;}
#proIntroPart .middle .left .video video
{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;}
 
/*相关推荐*/
#proShowXgtj
{width:1300px; height: auto; overflow: hidden; margin:0px auto; padding-top:50px; padding-bottom:38px;}
#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){
	#videoMain
	{width:970px; margin:0px auto;}
	#videoMain .tabs
	{width:970px; padding-left:20px;}
	#videoMain .more
	{padding-top:42px; padding-bottom:48px;}
	
	#videoListMain
	{width:970px;}
	#videoListMain .sortName
	{padding-top:84px;
	 background: url(../images/bgn15.png) 0px 55px no-repeat; background-size:270px auto;}
	#videoListMain .sortMs
	{padding-bottom:42px;}
	#videoListMain .tabs
	{padding-left:40px; padding-top:20px; padding-bottom:30px;}
	#videoListMain .content
	{padding-top:30px;}
	
	.content
	{width:970px;}
	.content .item
	{height:304px;}
	
	#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;}
	
	/*简介页独有*/
	#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 .left .video
	{width:396px; height:362px;}
	#proIntroPart .middle .left .video video
	{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;}
	 
	/*相关推荐*/
	#proShowXgtj
	{width:970px;}
	
}
@media screen and (max-width: 1366px) and (min-width: 1025px){
	.content .item:nth-child(3n)
	{margin-right:0px;}
	.content.xgtj .item:nth-child(4)
	{display:none;}
}

@media screen and (max-width: 1024px){
	#videoMain
	{width:750px;}
	#videoMain .sortName
	{padding-top:86px; line-height:48px; font-size:30px;}
	#videoMain .sortMs
	{line-height:47px; font-size:20px;}
	#videoMain .tabs
	{width:750px; padding-top:39px; padding-left:18px; padding-bottom:44px;}
	#videoMain .tabs .item
	{height:51px; margin-right:40px; line-height:51px; font-size:20px;}
	
	#videoMain .more
	{padding-top:50px; padding-bottom:90px;}
	#videoMain .more a
	{width:150px; height:50px; 
	 line-height:50px; font-size:20px;}
	
	.content
	{width:710px;}
	.content .item
	{width:347px; height:370px; margin-right:15px;}
	.content .item .pic
	{width:347px; height:277px; overflow: hidden;}
	.content .item .pic img
	{width:347px; height:277px;}
	.content .item:nth-child(2n)
	{margin-right:0px;}
	.content .item .title
	{font-size:20px;}
	
	#videoListMain
	{width:710px; margin:0px auto;}
	#videoListMain .sortName
	{padding-top:62px; line-height:54px; font-size:36px;
	 background: url(../images/bgn15.png) 0px 38px no-repeat; background-size:270px auto;}
	#videoListMain .sortMs
	{padding-top:15px; padding-bottom:48px; line-height:35px; font-size:20px; width:100%;}
	#videoListMain .tabs
	{padding-left:40px; padding-top:16px; padding-bottom:0px;}
	#videoListMain .tabs .item
	{height:51px; margin-right:68px; font-size:20px;
	 line-height:51px;}
	#videoListMain .content
	{padding-top:40px;}
	
	#proListTop
	{width:750px;
	 background: url(../images/bgn15.png) 20px 40px no-repeat; background-size:272px auto;}
	#proListTop .sortName
	{padding-top:68px; line-height:54px; font-size:36px; text-indent:20px;}
	#proListTop .miaoshu
	{width:660px; padding-left:20px; padding-top:16px; padding-bottom:36px; line-height:35px; font-size:20px;}
	#proListSort
	{width:750px;}
	#proListSort .sortName
	{line-height:48px; font-size:24px; 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;}
	 
	#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:470px;}
	#proIntroPart .middle .left .video
	{position: absolute; left:20px; top:35px; bottom:0px; right:20px; width:710px; height:470px;}
	#proIntroPart .middle .left .video video
	{position: absolute; left:0px; top:0px; bottom:0px; right:0px; width: 710px; height:470px;}
	#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;}
	
	#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;}
	
	.content.xgtj .item:nth-child(3),.content.xgtj .item:nth-child(4)
	{display:none;}
}