/*软件下载*/
#softwareDownLoad
{max-width:1360px; margin-left: auto; margin-right:auto; padding-top:66px;}
#softwareDownLoad .sortName
{text-align:center; font-size:40px; font-weight: bold; color:#211919; line-height:50px;}
#softwareDownLoad .en
{text-align:center; font-size:18px; color:#827e7e; line-height:40px; position: relative;}
#softwareDownLoad .en::before
{height:8px; position: absolute; left:0px; right:50%; top:16px; margin-right:130px;
 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
#softwareDownLoad .en::after
{height:8px; position: absolute; right:0px; left:50%; top:16px; margin-left:130px;
 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
#softwareDownLoad .list
{display: flex; flex-wrap: wrap; justify-content: center; padding-top:48px;}
#softwareDownLoad .list .item
{width:292px; height:247px; overflow: hidden; position: relative; margin-right:34px; margin-bottom:35px;
 border:1px solid #EBEBEB; border-radius:6px;
 text-decoration:none;}
#softwareDownLoad .list .item:last-child
{margin-right:0px;}
#softwareDownLoad .list .item .icon
{width:29px; height:29px; overflow: hidden; margin:0px auto; margin-top:10px;
 background: url(../image/5b.png) no-repeat;}
#softwareDownLoad .list .item:hover .icon
{width:29px; height:29px; overflow: hidden;
 background: url(../image/5b2.png) no-repeat;}
#softwareDownLoad .list .item .title
{width:90%; height:36px; overflow: hidden; margin:0px auto; margin-top:26px;
 line-height:36px; text-align: center; font-size:22px; font-weight: bold; color:#383636;}
#softwareDownLoad .list .item .txt{
   color:#0f3675; 
   font-size:16px; 
   font-weight: bold;
    text-align: center;
    padding: 5px 10px;
    margin-top: 10px;
	line-height:25px;
	}
 
 
#softwareDownLoad .list .item .btn
{width:100px; height:36px; overflow: hidden; margin:0px auto; margin-top:35px; position: relative;
 line-height:36px; text-align: right; color:#009de7; font-size:16px; font-weight: bold;}
#softwareDownLoad .list .item .btn::before
{width:26px; height:20px; overflow: hidden; position: absolute; left:0px; top:8px;
 background: url(../image/bgn40_2.png) no-repeat; content:'';}
#softwareDownLoad .list .item:hover .btn
{color:#E22521;}
#softwareDownLoad .list .item:hover .btn::before
{background: url(../image/bgn40_4.png) no-repeat;}

@media screen and (min-width: 1301px){
	#softwareDownLoad .list .item:nth-child(4n)
	{margin-right:0px;}
}

@media screen and (max-width: 1300px) and (min-width: 1025px){
	#softwareDownLoad .list .item:nth-child(3n)
	{margin-right:0px;}
}

@media screen and (max-width: 1024px){
	#softwareDownLoad .list .item:nth-child(2n)
	{margin-right:0px;}
	#softwareDownLoad .list .item .title
	{font-size:24px;}
	#softwareDownLoad .list .item .btn
	{width:133px; font-size:22px;}
}

@media screen and (min-width: 1025px){
	/*产品视频*/
	#productVideo
	{background: url(../image/bgn41.png) center center no-repeat; background-size:cover;}
	#productVideo .center
	{max-width:1360px; margin-left: auto; margin-right:auto; padding-top:52px; padding-bottom:70px;}
	#productVideo .center .sortName
	{text-align:center; font-size:40px; font-weight: bold; color:#211919; line-height:50px;}
	#productVideo .center .en
	{text-align:center; font-size:18px; color:#827e7e; line-height:40px; position: relative;}
	#productVideo .center .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:16px; margin-right:130px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#productVideo .center .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:16px; margin-left:130px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	#productVideo .center .content
	{background-color:#ffffff; margin-top:25px; padding:24px; display: flex;}
	#productVideo .center .content .left
	{flex:1; background-color:#000; position: relative;}
	#productVideo .center .content .left .bg
	{position: absolute; left:0px; right:0px; top:0px; bottom:0px; opacity:.8;
	 background-position:center center; background-repeat: no-repeat; background-size:cover;}
	#productVideo .center .content .left .play
	{width:100px; height:100px; overflow: hidden; position: absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;
	 background:url(../image/bgn43_5.png) no-repeat; background-size: cover; cursor: pointer;}
	#productVideo .center .content .left .video
	{position: absolute; left:0px; right:0px; top:0px; bottom:0px; display: none;
	 background-color:#000;}
	#productVideo .center .content .left .video video
	{width:100%; height:100%;}

	#productVideo .center .content .right
	{width:412px; height:488px; margin-left:24px; position: relative;}
	#productVideo .center .content .right .swiper
	{height:448px;}
	#productVideo .center .content .right .swiper .swiper-slide
	{height:64px;}
	#productVideo .center .content .right .item
	{width:412px; height:54px; overflow: hidden; margin-bottom:10px;
	 background-color:rgba(0, 161, 231, .10); border-radius:3px;
	 line-height:54px; text-indent:37px; font-size:16px; color:#4d4d4d; cursor: pointer;}
	#productVideo .center .content .right .item::before
	{width:8px; height:7px; overflow: hidden; position: absolute; left:18px; top:23px;
	 content:''; background: url(../image/bgn42.png) no-repeat;}
	#productVideo .center .content .right .item.on
	{background-color:rgba(0, 161, 231, 1); color:#ffffff;}
	#productVideo .center .content .right .item.on::before
	{background: url(../image/bgn35.png) no-repeat;}
	#productVideo .center .content .right .swiperbuttonprevA
	{width:38px; height:22px; overflow: hidden; position: absolute; top:456px; left:154px; cursor: pointer;
	 background: url(../image/bgn43_4.png) no-repeat;}
	#productVideo .center .content .right .swiperbuttonnextA
	{width:38px; height:22px; overflow: hidden; position: absolute; top:456px; right:154px; cursor: pointer;
	 background: url(../image/bgn43_3.png) no-repeat;}
	#productVideo .center .content .right .swiperbuttonprevA.swiper-button-disabled
	{background: url(../image/bgn43_2.png) no-repeat;}
	#productVideo .center .content .right .swiperbuttonnextA.swiper-button-disabled
	{background: url(../image/bgn43_1.png) no-repeat;}
	#productVideo .center2
	{display: none;}
}

@media screen and (max-width: 1420px) and (min-width: 1025px){
	#productVideo .center
	{margin-left:30px; margin-right:30px;}
}

@media screen and (max-width: 1024px){
	#productVideo
	{background: url(../image/bgn41.png) center center no-repeat; background-size:cover;}
	#productVideo .center
	{display: none;}
	
	#productVideo .center2 .sortName
	{text-align:center; font-size:40px; font-weight: bold; color:#211919; line-height:50px; padding-top:50px; padding-bottom:16px;}
	#productVideo .center2 .en
	{text-align:center; font-size:18px; color:#827e7e; line-height:40px; position: relative;}
	#productVideo .center2 .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:16px; margin-right:100px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#productVideo .center2 .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:16px; margin-left:100px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	
	#productVideo .center2
	{padding-bottom:64px;}
	#productVideo .center2 .content
	{background-color:#fff; margin:20px; margin-top:25px; margin-bottom:0px; padding:20px;}

	#productVideo .center2 .content .item
	{width:100%; height:70px; overflow: hidden; margin-bottom:5px; position: relative;
	 background-color:rgba(0, 161, 231, .10); border-radius:3px;
	 line-height:70px; text-indent:35px; font-size:26px; color:#4d4d4d; cursor: pointer;}
	#productVideo .center2 .content .item::before
	{width:8px; height:7px; overflow: hidden; position: absolute; left:18px; top:31px;
	 content:''; background: url(../image/bgn42.png) no-repeat;}
	#productVideo .center2 .content .item.on
	{background-color:rgba(0, 161, 231, 1); color:#ffffff;}
	#productVideo .center2 .content .item.on::before
	{background: url(../image/bgn35.png) no-repeat;}
	
	#productVideo .center2 .content .itemvide
	{width:100%; height:360px; overflow: hidden; position: relative; margin-bottom:5px;}
	#productVideo .center2 .content .itemvide .bg
	{position: absolute; left:0px; right:0px; top:0px; bottom:0px; opacity:.8;
	 background-position:center center; background-repeat: no-repeat; background-size:cover;}
	#productVideo .center2 .content .itemvide .play
	{width:80px; height:80px; overflow: hidden; position: absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px;
	 background:url(../image/bgn43_5.png) no-repeat; background-size: cover; cursor: pointer;}
	#productVideo .center2 .content .itemvide .video
	{position: absolute; left:0px; right:0px; top:0px; bottom:0px;
	 background-color:#000;}
	#productVideo .center2 .content .itemvide .video video
	{width:100%; height:100%;}
}

/*产品手册*/
#handbook
{background: url(../image/bgn39.png) center bottom no-repeat; background-size: cover;}
#handbook .center
{max-width:1360px; margin-left: auto; margin-right:auto;}
#handbook .center .sortName
{text-align:center; font-size:40px; font-weight: bold; color:#211919; line-height:50px; padding-top:54px;}
#handbook .center .en
{text-align:center; font-size:18px; color:#827e7e; line-height:40px; position: relative;}
#handbook .center .en::before
{height:8px; position: absolute; left:0px; right:50%; top:16px; margin-right:100px;
 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
#handbook .center .en::after
{height:8px; position: absolute; right:0px; left:50%; top:16px; margin-left:100px;
 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
#handbook .center .list
{width:100%; height: auto; overflow: hidden; padding-top:37px;}
#handbook .center .list .item
{width:calc((100% - 23px)/2); height:52px; overflow: hidden; float: left; margin-right:23px; margin-bottom:8px; display: flex; justify-content: space-between;
 background:#fff url(../image/bgn36.png) 13px center no-repeat; line-height:52px;}
#handbook .center .list .item:nth-child(2n)
{margin-right:0px;}
#handbook .center .list .item:hover
{background:#0f3675 url(../image/bgn35.png) 13px center no-repeat;}
#handbook .center .list .item .txt
{width:calc(100% - 110px); height:52px; overflow: hidden;
 text-indent:30px; font-size:16px;}
#handbook .center .list .item .txt a
{color:#333333; text-decoration:none;}
#handbook .center .list .item .date
{font-size:14px; padding-right:18px; color:#AEAEAE;}
#handbook .center .list .item:hover .txt a
{color:#fff;}
#handbook .center .list .item:hover .date
{color:#9FD5F9;}

@media screen and (max-width: 1420px){
	#handbook .center{margin-left:30px; margin-right:30px;}
}

@media screen and (max-width: 1024px){
	#handbook .center{margin-left:0px; margin-right:0px;}
	#handbook .center2 .sortName
	{text-align:center; font-size:40px; font-weight: bold; color:#211919; line-height:50px; padding-top:60px; padding-bottom:16px;}
	#handbook .center2 .en
	{text-align:center; font-size:18px; color:#827e7e; line-height:40px; position: relative;}
	#handbook .center2 .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:16px; margin-right:100px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#handbook .center2 .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:16px; margin-left:100px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	#handbook .center .list
	{padding-left:20px; padding-right:20px; box-sizing: border-box;}
	#handbook .center .list .item
	{margin-right:0px; width:100%; height:76px; line-height:76px;}
	#handbook .center .list .item .txt
	{font-size:24px; width:100%;}
	#handbook .center .list .item .date
	{display:none;}
}


/*翻页*/
.pageinfoB
{max-width:1360px; margin-left: auto; margin-right:auto; padding-top:50px; padding-bottom:60px;
	text-align: center;}
.pageinfoB.swiper-pagination-bullets.swiper-pagination-horizontal
{width: auto;}
.pageinfoB .item
{border:1px solid #E3E4E6; display: inline-block; padding:0px 15px; background-color:#ffffff; border-radius:21px; margin:0px 5px;
	line-height:40px; text-decoration:none; color:#727375; font-size:15px; cursor: pointer;}
.pageinfoB .item.on
{border-color:#0f3675; background-color:#0f3675; color:#fff;}
@media screen and (max-width:1360px){
	.pageinfoB
	{margin-left:30px; margin-right:30px;}
}