@media screen and (min-width: 1025px){
	#thePurpose
	{background-image: linear-gradient(#ffffff, #ECF5FE);}
	#thePurpose .center
	{max-width:1360px; height: auto; overflow: hidden; margin:0px auto;}
	#thePurpose .sortName
	{padding-top:48px; padding-bottom:7px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	#thePurpose .en
	{line-height: 33px; font-size:18px; color:#827e7e; text-align: center; position: relative;}
	#thePurpose .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:12px; margin-right:130px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#thePurpose .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:12px; margin-left:130px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	#thePurpose .list
	{width:100%; height:194px; overflow:visible; margin-bottom:72px; margin-top:56px;}
	#thePurpose .list .swiper
	{width:100%; height:194px;}
	#thePurpose .list .swiper-slide
	{display: flex; margin:0px auto;}
	#thePurpose .list .item
	{width:427px; height:194px; overflow: hidden; margin-right:38px; position: relative;
	 background:#fff; border-radius:6px;}
	#thePurpose .list .item .pic
	{width:130px; height:130px; overflow: hidden; position: absolute; left:27px; top:30px;
	 background: url(../image/bgn25.png) no-repeat;}
	#thePurpose .list .item .pic .bg
	{width:111px; height:111px; overflow: hidden; position: absolute; left:9px; top:9px; display: flex; align-items: center; justify-content: center;
	 box-shadow:inset 0px 0px 35px #fff; border-radius:111px; background-color:#0f3675; transition-duration:500ms;}
	#thePurpose .list .item .pic .bg img
	{max-width:111px; max-height:111px;}
	#thePurpose .list .item .ms
	{width:210px; height: auto; overflow: hidden; position: absolute; left:183px; top:55px;
	 line-height:28px; font-size:15px; color:#4d4d4d;}
	#thePurpose .list .item::before,#thePurpose .list .item::after
	{width:100%; height:5px; overflow: hidden; position: absolute; left:0px; bottom:0px;
	 content:''; background-color:#D6DDE7;}
	#thePurpose .list .item::after
	{width:1px;background-color:#0f3675; transition-duration:500ms; opacity:0;}
	#thePurpose .list .item:last-child
	{margin-right:0px;}

	#thePurpose .list .item:hover .pic .bg
	{box-shadow:inset 0px 0px 1px #fff;}
	#thePurpose .list .item:hover::after
	{width:100%; opacity: 1;}
	
	#thePurpose .phoneList{display: none;}
}

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

@media screen and (max-width: 1024px){
	#thePurpose .list{display: none;}
	
	#thePurpose
	{background-image: linear-gradient(#ffffff, #ECF5FE);}
	#thePurpose .sortName
	{padding-top:50px; padding-bottom:14px;
	 line-height:50px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	#thePurpose .en
	{line-height: 36px; font-size:22px; color:#827e7e; text-align: center; position: relative;}
	#thePurpose .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:14px; margin-right:145px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#thePurpose .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:14px; margin-left:145px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	#thePurpose .phoneList
	{width:690px; height: auto; overflow: hidden; margin:0px auto; padding-top:31px; padding-bottom:50px;}
	#thePurpose .phoneList .item
	{width:690px; height:216px; overflow: hidden; position: relative; margin-bottom:27px;
	 background:#fff; border-radius:6px;}
	#thePurpose .phoneList .item:last-child
	{margin-bottom:0px;}
	
	#thePurpose .phoneList .item .pic
	{width:130px; height:130px; overflow: hidden; position: absolute; left:61px; top:43px;
	 background: url(../image/bgn25.png) no-repeat;}
	#thePurpose .phoneList .item .pic .bg
	{width:111px; height:111px; overflow: hidden; position: absolute; left:9px; top:9px; display: flex; align-items: center; justify-content: center;
	 box-shadow:inset 0px 0px 35px #fff; border-radius:111px; background-color:#0f3675; transition-duration:500ms;}
	#thePurpose .phoneList .item .pic .bg img
	{max-width:111px; max-height:111px;}
	#thePurpose .phoneList .item .ms
	{width:420px; height: auto; overflow: hidden; position: absolute; left:223px; top:62px;
	 line-height:47px; font-size:26px; color:#4d4d4d;}
	#thePurpose .phoneList .item::before,#thePurpose .phoneList .item::after
	{width:100%; height:3px; overflow: hidden; position: absolute; left:0px; bottom:0px;
	 content:''; background-color:#D6DDE7;}
	#thePurpose .phoneList .item::after
	{width:1px;background-color:#0f3675; transition-duration:500ms; opacity:0;}
	#thePurpose .phoneList .item:last-child
	{margin-right:0px;}
	
	#thePurpose .phoneList .item:hover .pic .bg
	{box-shadow:inset 0px 0px 1px #fff;}
	#thePurpose .phoneList .item:hover::after
	{width:100%; opacity: 1;}
}

/*系统优势*/
@media screen and (min-width: 1025px){
	#superiorityMain
	{}
	#superiorityMain .center
	{max-width:1360px; padding-bottom:50px; margin-left: auto; margin-right:auto; display: flex; justify-content: space-between;}
	#superiorityMain .center .left
	{width:740px;}
	#superiorityMain .center .left .sortName
	{padding-top:50px; line-height:50px; font-size:40px; color:#242424; font-weight: bold;}
	#superiorityMain .center .left .en
	{line-height:44px; font-size:18px; color:#827e7e; position: relative;}
	#superiorityMain .center .left .en::after
	{position: absolute; left: 212px; right:0px; height:8px; top:18px;
	 content:''; background: url(../image/bgn24_2.png) left center no-repeat;}
	#superiorityMain .center .left .list
	{width:100%; padding-top: 11px;}
	#superiorityMain .center .left .list .item
	{width:45%; height:57px; overflow: hidden; float: left; margin-bottom:45px; margin-right:5%; position:relative; z-index:900;}
	#superiorityMain .center .left .list .item .pic
	{width:30px; height:30px; overflow: hidden; position: absolute; left:0px; top:15px;
	 border-radius:15px;
	 background-repeat: no-repeat; background-position:center center; background-size: cover;}
	#superiorityMain .center .left .list .item .title
	{font-size:20px; font-weight: bold; color:#211919; line-height:57px; text-indent:38px;}
	#superiorityMain .center .left .list .item:nth-child(2n)
	{margin-right:0px;}
	#superiorityMain .center .right
	{padding-top:82px;}
	#superiorityMain .center .right img
	{width:calc(582vw / 19.2); max-width:582px;}

	#superiorityMain .center .left .list .item:hover .title
	{color:#0f3675;}
	#commhover.superiorityMain
	{position: absolute; overflow: hidden; z-index:800;
	 box-shadow:0px 0px 14px #89a1ac; border-radius:6px;}
}

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

@media screen and (max-width: 1160px) and (min-width: 1025px){
	#superiorityMain .center .right
	{display: none;}
	#superiorityMain .center .left
	{width:100%;}
	#superiorityMain .center .left .sortName
	{text-align: center;}
	#superiorityMain .center .left .en
	{text-align: center;}
	#superiorityMain .center .left .en::after
	{left:50%; margin-left:110px;}
	#superiorityMain .center .left .en::before
	{position: absolute; right:50%; left:0px; height:8px; top:18px; margin-right:110px;
	 content:''; background: url(../image/bgn24_1.png) right center no-repeat;}
	#superiorityMain .center .left .list
	{padding-top:36px;}
	#superiorityMain .center .left .list .item
	{width:45%; margin-left:5%;}
	#superiorityMain .center .left .list .item:nth-child(2n)
	{margin-left:0px;}
}

@media screen and (max-width: 1024px){
	#superiorityMain
	{background:#F5F5F5;}
	#superiorityMain .sortName
	{padding-top:50px; padding-bottom:14px;
	 line-height:50px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	#superiorityMain .en
	{line-height: 36px; font-size:22px; color:#827e7e; text-align: center; position: relative;}
	#superiorityMain .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:14px; margin-right:145px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#superiorityMain .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:14px; margin-left:145px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	
	#superiorityMain .center .left .list
	{padding-top:36px; padding-bottom:70px;}
	#superiorityMain .center .left .list .item
	{width:720px; height:82px; overflow: hidden; position: relative; z-index:900;}
	#superiorityMain .center .left .list .item .pic
	{width:40px; height:40px; overflow: hidden; position: absolute; left:150px; top:21px;
	 border-radius:15px;
	 background-repeat: no-repeat; background-position:center center; background-size: cover;}
	#superiorityMain .center .left .list .item .title
	{text-indent:208px; font-size:26px; font-weight: bold; color:#211919; line-height:82px;}
	
	#commhover.superiorityMainPhone
	{position: absolute; overflow: hidden; z-index:800; display: none;
	 box-shadow:0px 0px 14px #89a1ac; border-radius:6px;}
	 
	#superiorityMain .center .left .list .item:hover .title
	{color:#0f3675;}
	
	#superiorityMain .center .right
	{display: none;}
}

/*爆破监测系统*/
@media screen and (min-width: 1025px){
	#monitorBlowup
	{background:#F3F8FE url(../image/bgn29.png) center bottom no-repeat; background-size:100% auto;}
	#monitorBlowup .center
	{max-width:1360px; margin-left: auto; margin-right: auto; padding-bottom:64px;}
	#monitorBlowup .sortName
	{padding-top:48px; padding-bottom:7px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	#monitorBlowup .en
	{line-height: 33px; font-size:18px; color:#827e7e; text-align: center; position: relative;}
	#monitorBlowup .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:12px; margin-right:165px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#monitorBlowup .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:12px; margin-left:165px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	#monitorBlowup .en.en2::before{margin-right:70px;}
	#monitorBlowup .en.en2::after{margin-left:70px;}
	#monitorBlowup .content
	{margin-top:35px; border-radius:10px; overflow: hidden; display: flex; justify-content: space-between;
	 background:#ffffff;}
	#monitorBlowup .left
	{width:696px;}
	#monitorBlowup .left .tabs
	{width:100%; height:72px; overflow: hidden;background:#427cd9;}
	#monitorBlowup .left .tabs .swiper{width: 696px;}
	#monitorBlowup .left .tabs .swiper-slide{display: flex;justify-content: space-around;}
	#monitorBlowup .left .tabs .item
	{background:#427cd9; line-height:72px; font-size:24px; color:#252525;text-align: center; font-weight: bold;flex: 1;}
	#monitorBlowup .left .tabs .item.on
	{background:#0f3675; color:#ffffff;}
	#monitorBlowup .left .group .one
	{text-align: center; padding:10px 10px;}
	#monitorBlowup .left .group .one img
	{max-width:100%;}
	#monitorBlowup .left .group .one .ms
	{font-size:15px; color:#0f3675; text-align: left; padding:10px 20px; margin-top:10px;
	 background-color:#EFF3F6; border:1px dashed #0f3675; line-height:30px;}


	#monitorBlowup .right
	{width:665px; position: relative;}
	#monitorBlowup .right .title
	{line-height:72px; text-align: center;  font-size:24px; font-weight: bold; color:#ffffff;
	 background-image: linear-gradient(-90deg, #0f3675, #4580df);}
	#monitorBlowup .right .info
	{padding:10px 10px; box-sizing: border-box; text-align: center;}
	#monitorBlowup .right .info img
	{max-width:100%;}
	#monitorBlowup .right .search
	{width:48px; height:48px; overflow: hidden; position: absolute; right:25px; bottom:25px;
	 background: url(../image/bgn27.png) no-repeat; cursor: pointer;}
}

@media screen and (max-width: 1420px) and (min-width: 1025px){
	#monitorBlowup .center
	{margin-left:30px; margin-right:30px;}
	#monitorBlowup .left
	{width:calc(100% - 665vw / 19.2);}
	#monitorBlowup .right
	{width:calc(665vw / 19.2);}
}

@media screen and (max-width: 1024px){
	#monitorBlowup
	{background:#F5F5F5 url(../image/bgn29.png) center bottom no-repeat; background-size:100% auto; padding-bottom:60px;}
	#monitorBlowup .sortName
	{padding-top:00px; padding-bottom:14px;
	 line-height:50px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	#monitorBlowup .en
	{line-height: 36px; font-size:22px; color:#827e7e; text-align: center; position: relative;}
	#monitorBlowup .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:14px; margin-right:185px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#monitorBlowup .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:14px; margin-left:185px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	#monitorBlowup .en.en2::before{margin-right:80px;}
	#monitorBlowup .en.en2::after{margin-left:80px;}
	 
	#monitorBlowup .left
	{width:690px;  margin-left: auto; margin-right:auto; margin-top:30px; border-radius:10px; overflow: hidden;
	 background-color:#fff;}
	#monitorBlowup .left .tabs
	{width:100%; height:80px; overflow: hidden;background:#427cd9;}
	#monitorBlowup .left .tabs .swiper-slide{display: flex;}
	#monitorBlowup .left .tabs .item
	{background:#427cd9; line-height:80px; font-size:24px; color:#252525; flex: 1; text-align: center;font-weight: bold;}
	#monitorBlowup .left .tabs .item.on
	{background:#0f3675; color:#ffffff;}
	#monitorBlowup .left .group .one
	{text-align: center; padding:10px 10px;}
	#monitorBlowup .left .group .one img
	{max-width:95%;}
	#monitorBlowup .left .group .one .ms
	{font-size:15px; color:#0f3675; text-align: left; padding:10px 20px; margin-top:10px;
	 background-color:#EFF3F6; border:1px dashed #0f3675; line-height:30px;}
	
	#monitorBlowup .right
	{width:690px;  margin-left: auto; margin-right:auto; margin-top:30px; border-radius:10px; overflow: hidden;
	 background-color:#fff; position: relative;}
	#monitorBlowup .right .title
	{line-height:72px; text-align: center;  font-size:24px; font-weight: bold; color:#ffffff;
	 background-image: linear-gradient(-90deg, #0f3675, #4580df);}
	#monitorBlowup .right .info
	{padding:10px 10px;}
	#monitorBlowup .right .info img
	{width:100%;}
	#monitorBlowup .right .search
	{width:48px; height:48px; overflow: hidden; position: absolute; right:25px; bottom:25px;
	 background: url(../image/bgn27.png) no-repeat; cursor: pointer;}
}

/*系统功能*/
@media screen and (min-width: 1025px){
	#sysAbility
	{background:#ffffff url(../image/bgn30.png) center bottom no-repeat; background-size:100% auto;}
	#sysAbility .centerA
	{max-width:1430px; margin-left: auto; margin-right: auto; display: flex; justify-content:space-between;
	 padding-top:52px;}
	#sysAbility .centerA .left
	{order:1; width:calc(100% - 895px);}
	#sysAbility .centerA .left .sortName
	{padding-top:31px; padding-bottom:7px; line-height:50px; font-size:40px; color:#252525; font-weight: bold;}
	#sysAbility .centerA .left .en
	{line-height:40px; font-size:18px; color:#827e7e; position: relative;}
	#sysAbility .centerA .left .en::after
	{height:8px; position: absolute; right:0px; left:0px; top:16px; margin-left:195px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	#sysAbility .centerA .left .list
	{padding-top:15px;}
	#sysAbility .centerA .left .list .item
	{width:50%; float: left; position: relative; transition-duration:10ms;
	 line-height:56px; text-indent:36px; font-size:16px; color:#211919; cursor: pointer; font-weight: bold;}
	#sysAbility .centerA .left .list .item.on
	{font-size:20px; color:#0f3675; cursor:auto;}
	#sysAbility .centerA .left .list .item .pic
	{width:30px; height:30px; overflow: hidden; position: absolute; left:0px; top:13px;
	 background-repeat: no-repeat; background-position:center center; background-size:100% 100%;}

	#sysAbility .centerA .right
	{width:856px; order:0;}
	#sysAbility .centerA .right .bg
	{width:856px; height:555px; overflow: hidden; position: relative;
	 background: url(../image/bgn28.png) no-repeat;}
	#sysAbility .centerA .right .bg .one
	{width:1px; height:1px; overflow: hidden; position: absolute; left:428px; top:268px; border-radius:1000px;
	 opacity:0; background-position: center center; background-size:cover; background-repeat: no-repeat; 
	 transition-duration:500ms;}
	#sysAbility .centerA .right .bg .one.on
	{width:752px; height:474px;  border-radius:6px; opacity:1; left:52px; top:32px;}
}

@media screen and (max-width: 1490px) and (min-width: 1025px){
	#sysAbility .centerA
	{margin-left:30px; margin-right:30px;}
}

@media screen and (min-width: 1025px){
	#sysAbility .centerB
	{max-width:1360px; margin-left: auto; margin-right: auto;
	 padding-top:52px;}
	#sysAbility .centerB .sortName
	{padding-top:43px; padding-bottom:7px; line-height:50px; font-size:40px; color:#252525; font-weight: bold; text-align: center;}
	#sysAbility .centerB .en
	{line-height:40px; font-size:18px; color:#827e7e; position: relative; text-align: center;}
	#sysAbility .centerB .en::before
	{height:8px; position: absolute; right:50%; left:0px; top:16px; margin-right:130px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#sysAbility .centerB .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:'';}
	#sysAbility .centerB .list
	{padding-top:32px; padding-bottom:75px; overflow: hidden;}
	#sysAbility .centerB .list .swiper-slide
	{margin:0px auto;}
	#sysAbility .centerB .list .item
	{width:315px; height:183px; overflow: hidden; float: left; margin-right:33px; padding:0px 45px;
	 display: flex; align-items: center; justify-content: center;  box-sizing: border-box;
	 background: url(../image/bgn32.png) no-repeat; background-size:100% 100%;
	 line-height:41px; font-size:22px; font-weight: bold; color:#fff; text-align: center;}
	#sysAbility .centerB .list .item:last-child
	{margin-right:0px;}
	
	#sysAbility .centerB .listphone
	{display: none;}
}
 
@media screen and (max-width: 1420px) and (min-width: 1025px){
	#sysAbility .centerB
	{margin-left:30px; margin-right:30px;}
}

@media screen and (max-width: 1360px) and (min-width: 1025px){
	#sysAbility .centerA
	{display: block; padding-top:12px;}
	#sysAbility .centerA .left
	{width:100%;}
	#sysAbility .centerA .left .sortName
	{text-align: center;}
	#sysAbility .centerA .left .en
	{text-align: center;}
	#sysAbility .centerA .left .en::after
	{left:50%; margin-left:110px;}
	#sysAbility .centerA .left .en::before
	{height:8px; position: absolute; right:50%; left:0px; top:16px; margin-right:110px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#sysAbility .centerA .left .list
	{width:100%; margin:0px auto; overflow: hidden; padding-left:15%; box-sizing: border-box;}
	#sysAbility .centerA .left .list .item
	{width:33.33%;}
	#sysAbility .centerA .right
	{margin:0px auto; margin-top:33px;}
	
	#sysAbility .centerB
	{padding-top:0px;}
}

@media screen and (max-width:1024px){
	#sysAbility
	{background:#F5F5F5 url(../image/bgn33.png) center bottom no-repeat; background-size:100% auto;}
	#sysAbility .centerA .left .sortName
	{padding-top:53px; padding-bottom:14px;
	 line-height:50px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	#sysAbility .centerA .left .en
	{line-height: 36px; font-size:22px; color:#827e7e; text-align: center; position: relative;}
	#sysAbility .centerA .left .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:14px; margin-right:130px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#sysAbility .centerA .left .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:14px; margin-left:130px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	 
	#sysAbility .centerA .left .list
	{padding-top:15px; padding-left:136px; padding-bottom:28px; overflow: hidden;}
	#sysAbility .centerA .left .list .item
	{width:50%; float: left; position: relative; transition-duration:10ms;
	 line-height:82px; text-indent:36px; font-size:26px; color:#211919; cursor: pointer; font-weight: bold;}
	#sysAbility .centerA .left .list .item.on
	{color:#0f3675; cursor:auto;}
	#sysAbility .centerA .left .list .item .pic
	{width:30px; height:30px; overflow: hidden; position: absolute; left:0px; top:26px;
	 background-repeat: no-repeat; background-position:center center; background-size:100% 100%;}
	 
	#sysAbility .centerA .right
	{width:750px; height:476px; overflow: hidden;}
	#sysAbility .centerA .right .bg
	{width:750px; height:476px; overflow: hidden; position: relative;
	 background: url(../image/bgn28.png) no-repeat; background-size:100% 100%;}
	#sysAbility .centerA .right .bg .one
	{width:1px; height:1px; overflow: hidden; position: absolute; left:375px; top:230px; border-radius:1000px;
	 opacity:0; background-position: center center; background-size:cover; background-repeat: no-repeat; 
	 transition-duration:500ms;}
	#sysAbility .centerA .right .bg .one.on
	{width:650px; height:407px;  border-radius:6px; opacity:1; left:50px; top:27px;}
	
	#sysAbility .centerB .sortName
	{padding-top:53px; padding-bottom:14px;
	 line-height:50px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	#sysAbility .centerB .en
	{line-height: 36px; font-size:22px; color:#827e7e; text-align: center; position: relative;}
	#sysAbility .centerB .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:14px; margin-right:150px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#sysAbility .centerB .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:14px; margin-left:150px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	#sysAbility .centerB .list
	{display: none;}
	
	#sysAbility .centerB .listphone
	{width:653px; height:237px; overflow: hidden; margin:0px auto; margin-top:40px; position: relative;}
	#sysAbility .centerB .listphone .item
	{width:315px; height:183px; overflow: hidden; float: left; margin-right:33px; padding:0px 45px;
	 display: flex; align-items: center; justify-content: center;  box-sizing: border-box;
	 background: url(../image/bgn32.png) no-repeat; background-size:100% 100%;
	 line-height:41px; font-size:22px; font-weight: bold; color:#fff; text-align: center;}
	#sysAbility .centerB .listphone .swiper-pagination
	{bottom:16px;}
	#sysAbility .centerB .listphone .swiper-pagination .swiper-pagination-bullet
	{width:15px; height:15px; margin:0px 9px;}
	#sysAbility .centerB .listphone .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
	{background-color:#00A1E7;}
}

/*经典案例*/
@media screen and (min-width:1025px){
	#caseMain
	{width:100%; height: auto; overflow: hidden;}
	#caseMain .center
	{max-width:1552px; margin-left: auto; margin-right: auto;}
	#caseMain .center .sortName
	{padding-top:43px; padding-bottom:7px; line-height:50px; font-size:40px; color:#252525; font-weight: bold; text-align: center;}
	#caseMain .center .en
	{line-height:40px; font-size:18px; color:#827e7e; position: relative; text-align: center; max-width:1360px; margin:0px auto;}
	#caseMain .center .en::before
	{height:8px; position: absolute; right:50%; left:0px; top:16px; margin-right:85px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#caseMain .center .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:16px; margin-left:85px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	 
	#caseMain .center .list
	{height:238px; position: relative; margin-top:42px; margin-bottom:62px; padding-left:95px; padding-right:95px;}
	#caseMain .center .list .swiper-slide
	{width:322px; height:238px; overflow: hidden;}
	#caseMain .center .list .item
	{width:314px; height:230px; overflow: hidden; display: block; position: relative;
	 border:4px solid #E3E8EC; text-decoration: underline;}
	#caseMain .center .list .item .pic
	{width:314px; height:230px; overflow: hidden;
	 background-position:center center; background-repeat: no-repeat; background-size:cover;}
	#caseMain .center .list .item .title
	{width:100%; height:48px; overflow: hidden; position: absolute; left:0px; bottom:0px;
	 background-color:rgba(0, 0, 0, .6);
	 line-height:48px; color:#ffffff; font-size:15px; text-align: center;
	 white-space: nowrap; text-overflow: ellipsis;}
	#caseMain .center .list .item:hover .title
	{background-color:rgba(15, 54, 117, .8);}
	#caseMain .center .list .swiperbuttonprev
	{width:60px; height:60px; overflow: hidden; position: absolute; left:0px; top:50%; margin-top:-30px;}
	#caseMain .center .list .swiperbuttonnext
	{width:60px; height:60px; overflow: hidden; position: absolute; right:0px; top:50%; margin-top:-30px;}
	 
	#caseMain .center .phonelist
	{display: none;}
}

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

@media screen and (max-width:1024px){
	#caseMain
	{width:100%; height: auto; overflow: hidden;}
	
	#caseMain .center .sortName
	{padding-top:55px; padding-bottom:14px;
	 line-height:50px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	#caseMain .center .en
	{line-height: 36px; font-size:22px; color:#827e7e; text-align: center; position: relative;}
	#caseMain .center .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:14px; margin-right:130px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#caseMain .center .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:14px; margin-left:130px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	#caseMain .center .list
	{display: none;}
	
	#caseMain .center .phonelist
	{width:690px; height:590px; position: relative; margin:0px auto; margin-top:30px;}
	#caseMain .center .phonelist .swiper
	{width:690px; height:520px; overflow: hidden;}
	#caseMain .center .phonelist .swiper .swiper-slide
	{width:335px; height:249px; overflow: hidden;}
	#caseMain .center .phonelist .item
	{width:327px; height:241px; overflow: hidden; display: block; position: relative;
	 border:4px solid #E3E8EC; text-decoration: underline;}
	#caseMain .center .phonelist .item .pic
	{width:327px; height:241px; overflow: hidden;
	 background-position:center center; background-repeat: no-repeat; background-size:cover;}
	#caseMain .center .phonelist .item .title
	{width:100%; height:48px; overflow: hidden; position: absolute; left:0px; bottom:0px;
	 background-color:rgba(0, 0, 0, .6);
	 line-height:48px; color:#ffffff; font-size:15px; text-align: center;
	 white-space: nowrap; text-overflow: ellipsis;}
	#caseMain .center .phonelist .item:hover .title
	{background-color:rgba(15, 54, 117, .8);}
	#caseMain .center .phonelist .swiperbuttonprev
	{width:43px; height:43px; overflow: hidden; position: absolute; left:270px; bottom:11px;}
	#caseMain .center .phonelist .swiperbuttonnext
	{width:43px; height:43px; overflow: hidden; position: absolute; right:270px; bottom:11px;}
}

/*相关产品*/
#xgcpMain
{width:100%; height: auto; overflow: hidden;}
#xgcpMain .center
{max-width:1360px; margin-left: auto; margin-right: auto;}
#xgcpMain .center .sortName
{padding-top:43px; padding-bottom:7px; line-height:50px; font-size:40px; color:#252525; font-weight: bold; text-align: center;}
#xgcpMain .center .en
{line-height:40px; font-size:18px; color:#827e7e; position: relative; text-align: center; max-width:1360px; margin:0px auto;}
#xgcpMain .center .en::before
{height:8px; position: absolute; right:50%; left:0px; top:16px; margin-right:110px;
 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
#xgcpMain .center .en::after
{height:8px; position: absolute; right:0px; left:50%; top:16px; margin-left:110px;
 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
 
#xgcpMain .center .list
{padding-top:25px; overflow: hidden;}
#xgcpMain .center .list .item
{width:316px; height:300px; overflow: hidden; display: block; float: left; margin-right:29px; position: relative;
 border:1px solid #E7E8EA;}
#xgcpMain .center .list .item:last-child
{margin-right:0px;}
#xgcpMain .center .list .item .pic
{position:absolute; left:0px; right:0px; top:0px; bottom:0px; overflow: hidden;
 background-position:center center; background-repeat: no-repeat; background-size:contain;}
#xgcpMain .center .list .item .title
{width:95%; height:33px; overflow: hidden; position: absolute; left:2.5%; bottom:26px;
 line-height: 33px; font-size:15px; color:#262626; text-align: center;
 white-space: nowrap; text-overflow: ellipsis;}
#xgcpMain .center .list .item:hover .title
{color:#00a1e7; font-weight: bold;}

#xgcpMain .center .more
{width:234px; height:63px; overflow: hidden; display: block; margin:0px auto; margin-top:50px; margin-bottom:40px;
 border:1px solid #80CFF0; border-radius:33px;
 line-height:63px; text-align: center; text-decoration:none; color:#04A1F0;}
#xgcpMain .center .more:hover
{background-color:#04A1F0; color:#ffffff; border-color:#04A1F0;}

@media screen and (max-width:1420px) and (min-width:1025px){
	#xgcpMain .center
	{margin-left:30px; margin-right:30px;}
	#xgcpMain .center .list .item
	{width:calc((100% - 3 * 29px) / 4 - 2px);}
}

@media screen and (max-width:1160px) and (min-width:1025px){
	#xgcpMain .center .list .item
	{width:calc((100% - 2 * 29px) / 3 - 2px);}
	#xgcpMain .center .list .item:nth-child(3)
	{margin-right:0px;}
	#xgcpMain .center .list .item:nth-child(4)
	{display: none;}
}

@media screen and (max-width:1024px){
	#xgcpMain .center .sortName
	{padding-top:0px; padding-bottom:14px;
	 line-height:50px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	#xgcpMain .center .en
	{line-height: 36px; font-size:22px; color:#827e7e; text-align: center; position: relative;}
	#xgcpMain .center .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:14px; margin-right:130px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#xgcpMain .center .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:14px; margin-left:130px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	#xgcpMain .center .list
	{padding-top:30px; width:706px; margin:0px auto;}
	#xgcpMain .center .list .item
	{width:341px; height:324px; overflow: hidden; float: left; margin-right:20px; margin-bottom:20px;}
	#xgcpMain .center .list .item:nth-child(2n)
	{margin-right:0px;}
	#xgcpMain .center .list .item .title
	{font-size:24px;}
	
	#xgcpMain .center .more
	{width:306px; height:78px; overflow: hidden; display: block; margin:0px auto; margin-top:25px; margin-bottom:70px;
	 border:1px solid #80CFF0; border-radius:40px;
	 line-height:78px; font-size:26px;}
}

/*产品列表页*/
#proListContent
{background: url(../image/bgn34.png) center bottom no-repeat; background-size:100% auto;}
#productList
{margin-left:auto; margin-right:auto; max-width:1360px;}
#productList .tabsMain
{height:142px; overflow: hidden; display: flex; flex-wrap: wrap;}

#productList .tabs
{padding:45px 0px; width:100%;}
#productList .tabs .swiper-slide
{margin:0px auto;display: flex;}
#productList .tabs .item
{width:auto; height:54px; overflow: hidden; padding:0px 30px; display: block; float: left; margin-right:28px;
 border:1px solid #61C4EB; border-radius:28px;
 line-height:54px; font-size:16px; color:#333; text-decoration:none;}
#productList .tabs .item.on,#productList .tabs .item:hover
{background-color:#00A1E7; border-color:#00A1E7; color:#fff;}
#productList .tabs .item:last-child
{margin-right:0px;}

#productList .tabsphone
{padding:40px 0px; width:690px;}
#productList .tabsphone .swiper-slide
{margin:0px auto;display: flex;}
#productList .tabsphone .item
{ height:68px; overflow: hidden;  display: block;margin-right:3%;width: 30%;text-align: center;
 border:1px solid #61C4EB; border-radius:35px;
 line-height:68px; font-size:26px; color:#333; text-decoration:none;}
#productList .tabsphone .item.on,#productList .tabsphone .item:hover
{background-color:#00A1E7; border-color:#00A1E7; color:#fff;}
#productList .tabsphone .item:last-child
{margin-right:0px;}

#productList .list
{overflow: hidden;}
#productList .list .item
{width:316px; height:300px; overflow: hidden; display: block; float: left; margin-right:29px; position: relative; margin-bottom:29px;
 border:1px solid #E7E8EA;}
#productList .list .item .pic
{position:absolute; left:0px; right:0px; top:0px; bottom:0px; overflow: hidden;
 background-position:center center; background-repeat: no-repeat; background-size:contain; background-color:#ffffff;}
#productList .list .item .title
{width:95%; height:33px; overflow: hidden; position: absolute; left:2.5%; bottom:26px;
 line-height: 33px; font-size:15px; color:#262626; text-align: center;
 white-space: nowrap; text-overflow: ellipsis;}
#productList .list .item:hover .title
{color:#00a1e7; font-weight: bold;}

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

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

@media screen and (max-width:1420px) and (min-width:1025px){
	#productList .list .item
	{width:calc((100% - 3 * 29px) / 4 - 2px);}
}

@media screen and (max-width:1160px) and (min-width:1025px){
	#productList .list .item
	{width:calc((100% - 2 * 29px) / 3 - 2px);}
	#productList .list .item:nth-child(3n)
	{margin-right:0px;}
}

@media screen and (max-width:1024px){
	#productList .tabsMain
	{height:144px;}
	#productList .tabs
	{order:1;}
	#productList .tabsphone
	{order:0;}
	#productList .list
	{width:706px; margin:0px auto;}
	#productList .list .item
	{width:341px; height:324px; overflow: hidden; float: left; margin-right:20px; margin-bottom:20px;}
	#productList .list .item:nth-child(2n)
	{margin-right:0px;}
	#productList .list .item .title
	{font-size:24px;}
}

/*产品详细页顶部*/
.productShowInfo
{padding:30px; display: flex; background-color:#fff;}

.productShowInfo .left
{width:560px; height: auto; overflow: hidden; position: relative; margin-right:50px;}
.productShowInfo .left .mySwiper2
{width:560px; height:416px; overflow: hidden;}
.productShowInfo .left .mySwiper2 .swiper-slide
{width:560px; height:416px; overflow: hidden; box-sizing: border-box;
 background-color:#fff; border:1px solid #E6E6E6;
 border:1px solid #E6E6E6; background-repeat: no-repeat; background-position:center center; background-size: contain;}
.productShowInfo .left .mySwiper
{width:458px; height:80px; overflow: hidden; margin-top:13px;}
.productShowInfo .left .mySwiper .swiper-slide
{width:106px; height:80px; overflow: hidden; box-sizing: border-box;
 background-color:#fff; border:1px solid #E6E6E6; cursor: pointer;
 border:1px solid #E6E6E6; background-repeat: no-repeat; background-position:center center; background-size: contain;}
.productShowInfo .left .mySwiper .swiper-slide-thumb-active
{border-color:#03A2E6; cursor: auto;}
.productShowInfo .left .swiperbuttonprev
{width:30px; height:30px; overflow: hidden; position: absolute; top:457px; left:10px;}
.productShowInfo .left .swiperbuttonnext
{width:30px; height:30px; overflow: hidden; position: absolute; top:457px; right:10px;}

.productShowInfo .right
{flex:1;}
.productShowInfo .right .title
{line-height:180%; position: relative; font-size:28px; color:#00a1e7; font-weight: bold; padding-bottom:15px; position: relative;}
.productShowInfo .right .title::after
{width:62px; height:3px; overflow: hidden; position: absolute; left:0px; bottom:0px;
 content:''; background-color:#00A2E7;}
.productShowInfo .right .content
{line-height:37px; font-size:16px; color:#4d4d4d; padding:26px 0px;}

.productShowCspz
{padding:0px 30px; background-color:#fff; margin-top:30px;}
.productShowCspz .sortName
{padding-top:32px; padding-bottom:7px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
.productShowCspz .en
{line-height: 33px; font-size:18px; color:#827e7e; text-align: center; position: relative;}
.productShowCspz .en::before
{height:8px; position: absolute; left:0px; right:50%; top:12px; margin-right:150px;
 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
.productShowCspz .en::after
{height:8px; position: absolute; right:0px; left:50%; top:12px; margin-left:150px;
 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
.productShowCspz .content
{font-size:15px; color:#333; line-height:180%; padding-top:30px; padding-bottom:30px;}
.productShowCspz .content img
{max-width: 99%;}

.productShowXgxz
{margin-top:4px;}
.productShowXgxz .sortName
{padding-top:32px; padding-bottom:3px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
.productShowXgxz .en
{line-height: 33px; font-size:18px; color:#827e7e; text-align: center; position: relative;}
.productShowXgxz .en::before
{height:8px; position: absolute; left:0px; right:50%; top:12px; margin-right:115px;
 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
.productShowXgxz .en::after
{height:8px; position: absolute; right:0px; left:50%; top:12px; margin-left:115px;
 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
.productShowXgxz .downloadlist
{overflow: hidden; padding-top:35px; padding-bottom:55px;}
.productShowXgxz .downloadlist .item
{width:calc((100% - 23px) / 2); height:52px; overflow: hidden; margin-right:23px; float: left; margin-bottom:8px; padding-left:30px; box-sizing: border-box;
 background:#fff url(../image/bgn36.png) 13px center no-repeat;
 line-height:52px;}
.productShowXgxz .downloadlist .item a
{font-size:16px; color:#333; text-decoration:none;}
.productShowXgxz .downloadlist .item:hover
{background:#00A1E7 url(../image/bgn35.png) 13px center no-repeat;}
.productShowXgxz .downloadlist .item:hover a
{color:#ffffff;}
.productShowXgxz .downloadlist .item:nth-child(2n)
{margin-right:0px;}

@media screen and (max-width:1024px){
	.productShowInfo
	{padding:30px; display: block;}
	
	.productShowInfo .left
	{width:630px; margin-right:0px; overflow:visible;}
	.productShowInfo .left .mySwiper2
	{width:630px; height:484px; overflow: hidden;}
	.productShowInfo .left .mySwiper2 .swiper-slide
	{width:630px; height:484px; overflow: hidden; box-sizing: border-box;
	 background-color:#fff; border:1px solid #E6E6E6;
	 border:1px solid #E6E6E6; background-repeat: no-repeat; background-position:center center; background-size: contain;}
	.productShowInfo .left .mySwiper
	{width:575px; height:80px; overflow: hidden; margin-top:25px;}
	.productShowInfo .left .mySwiper .swiper-slide
	{width:106px; height:80px; overflow: hidden; box-sizing: border-box;
	 background-color:#fff; border:1px solid #E6E6E6; cursor: pointer;
	 border:1px solid #E6E6E6; background-repeat: no-repeat; background-position:center center; background-size: contain;}
	.productShowInfo .left .mySwiper .swiper-slide-thumb-active
	{border-color:#03A2E6; cursor: auto;}
	.productShowInfo .left .swiperbuttonprev
	{width:30px; height:30px; overflow: hidden; position: absolute; top:537px; left:-10px;}
	.productShowInfo .left .swiperbuttonnext
	{width:30px; height:30px; overflow: hidden; position: absolute; top:537px; right:-10px;}
	
	.productShowInfo .right .title
	{line-height:180%; position: relative; font-size:32px; color:#00a1e7; font-weight: bold; padding-bottom:33px; padding-top:48px; position: relative;}
	.productShowInfo .right .title::after
	{width:62px; height:5px; overflow: hidden; position: absolute; left:0px; bottom:0px;
	 content:''; background-color:#00A2E7;}
	.productShowInfo .right .content
	{line-height:180%; font-size:24px; color:#4d4d4d; padding:26px 0px;}
	
	.productShowCspz
	{padding:0px; background-color:#fff; margin-top:25px;}
	.productShowCspz .sortName
	{padding-top:30px; padding-bottom:20px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	.productShowCspz .en
	{line-height: 33px; font-size:18px; color:#827e7e; text-align: center; position: relative;}
	.productShowCspz .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:12px; margin-right:150px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	.productShowCspz .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:12px; margin-left:150px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	.productShowCspz .content
	{font-size:22px; color:#333; line-height:180%; padding:30px;}
	

	.productShowXgxz .downloadlist
	{overflow: hidden; padding-top:35px; padding-bottom:55px;}
	.productShowXgxz .downloadlist .item
	{width:100%; height:75px; overflow: hidden; margin-right:0px; float: left; margin-bottom:8px; padding-left:30px; box-sizing: border-box;
	 background:#fff url(../image/bgn36.png) 13px center no-repeat;
	 line-height:75px;}
	.productShowXgxz .downloadlist .item a
	{font-size:24px; color:#333; text-decoration:none;}
	.productShowXgxz .downloadlist .item:hover
	{background:#00A1E7 url(../image/bgn35.png) 13px center no-repeat;}
	.productShowXgxz .downloadlist .item:hover a
	{color:#ffffff;}
	.productShowXgxz .downloadlist .item:nth-child(2n)
	{margin-right:0px;}
}

/*行业现状*/
@media screen and (min-width: 1025px){
	#thePurpose2
	{background-image: linear-gradient(#ffffff, #ECF5FE);}
	#thePurpose2 .center
	{max-width:1360px; height: auto; overflow: hidden; margin:0px auto;}
	#thePurpose2 .sortName
	{padding-top:48px; padding-bottom:7px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	#thePurpose2 .en
	{line-height: 33px; font-size:18px; color:#827e7e; text-align: center; position: relative;}
	#thePurpose2 .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:12px; margin-right:95px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#thePurpose2 .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:12px; margin-left:95px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	#thePurpose2 .list
	{width:100%; height:329px; overflow:visible; margin-bottom:72px; margin-top:56px;}
	#thePurpose .list .swiper
	{width:100%; height:329px;}
	#thePurpose2 .list .swiper-slide
	{display: flex; margin:0px auto;}
	#thePurpose2 .list .item
	{width:245px; height:329px; overflow: hidden; margin-right:38px; position: relative;
	 background:#fff; border-radius:6px;}
	#thePurpose2 .list .item .pic
	{width:130px; height:130px; overflow: hidden; position: absolute; left:58px; top:26px;
	 background: url(../image/bgn25.png) no-repeat;}
	#thePurpose2 .list .item .pic .bg
	{width:111px; height:111px; overflow: hidden; position: absolute; left:9px; top:9px; display: flex; align-items: center; justify-content: center;
	 box-shadow:inset 0px 0px 35px #fff; border-radius:111px; background-color:#0f3675; transition-duration:500ms;}
	#thePurpose2 .list .item .pic .bg img
	{max-width:111px; max-height:111px;}
	#thePurpose2 .list .item .title
	{width:100%; height:52px; overflow: hidden; position: relative; margin-top:170px;
	 line-height:52px; font-size:18px; text-align: center; font-weight: bold; color:#211919;}
	#thePurpose2 .list .item .title::after
	{width:20px; height:4px; overflow: hidden; position: absolute; left:50%; margin-left:-10px; bottom:0px;
	 content:''; background-color:#E6202D;}
	#thePurpose2 .list .item .ms
	{width:80%; height: auto; overflow: hidden; margin:0px auto; padding-top:10px;
	 line-height:26px; font-size:15px; color:#4d4d4d; text-align: center;}
	#thePurpose2 .list .item::before,#thePurpose2 .list .item::after
	{width:100%; height:5px; overflow: hidden; position: absolute; left:0px; bottom:0px;
	 content:''; background-color:#D6DDE7;}
	#thePurpose2 .list .item::after
	{width:1px;background-color:#0f3675; transition-duration:500ms; opacity:0;}
	#thePurpose2 .list .item:last-child
	{margin-right:0px;}

	#thePurpose2 .list .item:hover .pic .bg
	{box-shadow:inset 0px 0px 1px #fff;}
	#thePurpose2 .list .item:hover::after
	{width:100%; opacity: 1;}
	
	#thePurpose2 .phoneList{display: none;}
}

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

@media screen and (max-width: 1024px){
	#thePurpose2 .list{display: none;}
	
	#thePurpose2
	{background-image: linear-gradient(#ffffff, #ECF5FE);}
	#thePurpose2 .sortName
	{padding-top:50px; padding-bottom:14px;
	 line-height:50px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	#thePurpose2 .en
	{line-height: 36px; font-size:22px; color:#827e7e; text-align: center; position: relative;}
	#thePurpose2 .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:14px; margin-right:145px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#thePurpose2 .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:14px; margin-left:145px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	#thePurpose2 .phoneList
	{width:690px; height: auto; overflow: hidden; margin:0px auto; padding-top:31px; padding-bottom:50px;}
	#thePurpose2 .phoneList .item
	{width:690px; height:216px; overflow: hidden; position: relative; margin-bottom:27px;
	 background:#fff; border-radius:6px;}
	#thePurpose2 .phoneList .item:last-child
	{margin-bottom:0px;}
	
	#thePurpose2 .phoneList .item .pic
	{width:130px; height:130px; overflow: hidden; position: absolute; left:32px; top:43px;
	 background: url(../image/bgn25.png) no-repeat;}
	#thePurpose2 .phoneList .item .pic .bg
	{width:111px; height:111px; overflow: hidden; position: absolute; left:9px; top:9px; display: flex; align-items: center; justify-content: center;
	 box-shadow:inset 0px 0px 35px #fff; border-radius:111px; background-color:#0f3675; transition-duration:500ms;}
	#thePurpose2 .phoneList .item .pic .bg img
	{max-width:111px; max-height:111px;}
	#thePurpose2 .phoneList .item .title
	{width:477px; height:81px; overflow: hidden; position: absolute; left:188px; top:29px;
	 line-height:81px; font-size:30px; color:#211919; font-weight: bold;}
	#thePurpose2 .phoneList .item .title::after
	{width:50px; height:4px; overflow: hidden; position: absolute; left:0px; bottom:0px;
	 content:''; background-color:#E6212B;}
	#thePurpose2 .phoneList .item .ms
	{width:477px; height:44px; overflow: hidden; position: absolute; left:188px; top:122px;
	 line-height:44px; font-size:24px; color:#4d4d4d;}
	#thePurpose2 .phoneList .item::before,#thePurpose2 .phoneList .item::after
	{width:100%; height:3px; overflow: hidden; position: absolute; left:0px; bottom:0px;
	 content:''; background-color:#D6DDE7;}
	#thePurpose2 .phoneList .item::after
	{width:1px;background-color:#0f3675; transition-duration:500ms; opacity:0;}
	#thePurpose2 .phoneList .item:last-child
	{margin-right:0px;}
	
	#thePurpose2 .phoneList .item:hover .pic .bg
	{box-shadow:inset 0px 0px 1px #fff;}
	#thePurpose2 .phoneList .item:hover::after
	{width:100%; opacity: 1;}
}

/*方案优势*/
@media screen and (min-width: 1025px){
	#superiorityMain2
	{}
	#superiorityMain2 .center
	{max-width:1360px; padding-bottom:50px; margin-left: auto; margin-right:auto; display: flex; justify-content: space-between;}
	#superiorityMain2 .center .left
	{width:740px;}
	#superiorityMain2 .center .left .sortName
	{padding-top:50px; line-height:50px; font-size:40px; color:#242424; font-weight: bold;}
	#superiorityMain2 .center .left .en
	{line-height:44px; font-size:18px; color:#827e7e; position: relative;}
	#superiorityMain2 .center .left .en::after
	{position: absolute; left: 212px; right:0px; height:8px; top:18px;
	 content:''; background: url(../image/bgn24_2.png) left center no-repeat;}
	#superiorityMain2 .center .left .list
	{width:100%; padding-top: 11px;}
	#superiorityMain2 .center .left .list .item
	{width:45%; height:92px; overflow: hidden; float: left; margin-bottom:13px; margin-right:5%; position:relative; z-index:900;}
	#superiorityMain2 .center .left .list .item .pic
	{width:30px; height:30px; overflow: hidden; position: absolute; left:0px; top:19px;
	 border-radius:15px;
	 background-repeat: no-repeat; background-position:center center; background-size: cover;}
	#superiorityMain2 .center .left .list .item .title
	{font-size:20px; font-weight: bold; color:#211919; line-height:30px; text-indent:38px; margin-top:19px;}
	#superiorityMain2 .center .left .list .item .ms
	{width:100%; height:35px; overflow: hidden;
	 line-height:35px; font-size:16px; text-indent:37px; color:#211919; opacity:.8;}
	#superiorityMain2 .center .left .list .item:nth-child(2n)
	{margin-right:0px;}
	#superiorityMain2 .center .right
	{padding-top:82px;}
	#superiorityMain2 .center .right img
	{width:calc(582vw / 19.2); max-width:582px;}

	#superiorityMain2 .center .left .list .item:hover .title,#superiorityMain2 .center .left .list .item:hover .ms
	{color:#0f3675;}
	#commhover.superiorityMain2
	{position: absolute; overflow: hidden; z-index:800;
	 box-shadow:0px 0px 14px #89a1ac; border-radius:6px;}
}

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

@media screen and (max-width: 1160px) and (min-width: 1025px){
	#superiorityMain2 .center .right
	{display: none;}
	#superiorityMain2 .center .left
	{width:100%;}
	#superiorityMain2 .center .left .sortName
	{text-align: center;}
	#superiorityMain2 .center .left .en
	{text-align: center;}
	#superiorityMain2 .center .left .en::after
	{left:50%; margin-left:110px;}
	#superiorityMain2 .center .left .en::before
	{position: absolute; right:50%; left:0px; height:8px; top:18px; margin-right:110px;
	 content:''; background: url(../image/bgn24_1.png) right center no-repeat;}
	#superiorityMain2 .center .left .list
	{padding-top:36px;}
	#superiorityMain2 .center .left .list .item
	{width:45%; margin-left:5%;}
	#superiorityMain2 .center .left .list .item:nth-child(2n)
	{margin-left:0px;}
}

@media screen and (max-width: 1024px){
	#superiorityMain2
	{background:#F5F5F5;}
	#superiorityMain2 .sortName
	{padding-top:50px; padding-bottom:14px;
	 line-height:50px; text-align: center; font-size:40px; color:#252525; font-weight: bold;}
	#superiorityMain2 .en
	{line-height: 36px; font-size:22px; color:#827e7e; text-align: center; position: relative;}
	#superiorityMain2 .en::before
	{height:8px; position: absolute; left:0px; right:50%; top:14px; margin-right:145px;
	 background: url(../image/bgn24_1.png) right center no-repeat; content:'';}
	#superiorityMain2 .en::after
	{height:8px; position: absolute; right:0px; left:50%; top:14px; margin-left:145px;
	 background: url(../image/bgn24_2.png) left center no-repeat; content:'';}
	
	#superiorityMain2 .center .left .list
	{padding-top:36px; padding-bottom:70px;}
	#superiorityMain2 .center .left .list .item
	{width:640px; height:auto; overflow: hidden; margin-left:80px; padding-top:20px; padding-bottom:20px; position: relative; z-index:900;}
	#superiorityMain2 .center .left .list .item .pic
	{width:40px; height:40px; overflow: hidden; position: absolute; left:0px; top:20px;
	 border-radius:15px;
	 background-repeat: no-repeat; background-position:center center; background-size: cover;}
	#superiorityMain2 .center .left .list .item .title
	{text-indent:54px; font-size:26px; font-weight: bold; color:#211919; line-height:40px;}
	#superiorityMain2 .center .left .list .item .ms
	{padding-top:10px; line-height:35px;padding-left:54px; font-size:24px; color:#676767;}
	
	#commhover.superiorityMainPhone2
	{display: none;}
	 
	#superiorityMain2 .center .left .list .item:hover .title,#superiorityMain2 .center .left .list .item:hover .ms
	{color:#0f3675;}
	
	#superiorityMain2 .center .right
	{display: none;}
}