#pros_banners {position:relative;height:700px;font-size:0px;background-position:center center;background-repeat:no-repeat;}
#pros_banners > div {position:relative;height:100%;}
#pros_banners img {display:none;}

#pros_fls {position:absolute;top:21px;left:0;z-index:2;width:300px;color:#fff;transform:translateY(90px);}
#pros_fls .tis {padding:0 20px;height:38px;line-height:38px;font-size:16px;font-weight:bold;background:url(../images/icon-9.png) no-repeat right 20px center rgba(1,29,39,0.8);cursor:pointer;}
#pros_fls .list {position:absolute;top:38px;left:0;display:none;width:100%;background-image:url(../images/pros_fls_listbg.png);}
#pros_fls .list a {color:#fff;}
#pros_fls .list a:hover {color:#9ade24;}
#pros_fls .list li {padding:5px 20px 6px 20px;border-bottom:1px solid #55656c;}
#pros_fls .list li:last-child {border-bottom:none;}
#pros_fls .list h2 {font-size:14px;font-weight:normal;}
#pros_fls .list div a {display:inline-block;margin-top:3px;margin-right:20px;color:#ccc;font-size:12px;vertical-align:top;}
#pros_fls .list div a:last-child {margin-right:0;}
#pros_fls .list div a:hover, #pros_fls .list div a.active {color:#9ade24;}
#pros_fls:hover .list {display:block;}

#pros_sx {background-color:#f9f9f9;overflow:hidden;}
#pros_sx > div {padding-top:10px;padding-bottom:80px;}
#pros_sx .list {display:flex;align-items:center;border-bottom:1px solid #e4e4e4;}
#pros_sx .list .bts {flex:0 0 auto;width:130px;color:#222;font-size:18px;}
#pros_sx .list .xm1 {flex:1 1 auto;padding-bottom:14px;}
#pros_sx .list .xm1 a {display:inline-block;margin-top:14px;padding:0 22px;color:#666;font-size:16px;vertical-align:top;}
#pros_sx .list .xm1 a:hover, #pros_sx .list .xm1 a.active {color:#61ce01;}
#pros_sx .list .xm2 {position:relative;z-index:2;flex:1 1 auto;}
#pros_sx .list .xm2 ul li {display:inline-block;height:50px;vertical-align:top;}
#pros_sx .list .xm2 .name {position:relative;top:-1px;z-index:2;padding:0 20px;height:51px;line-height:51px;color:#666;cursor:pointer;}
#pros_sx .list .xm2 .name i {display:inline-block;margin-left:10px;font-size:12px;vertical-align:middle;}
#pros_sx .list .xm2 .xls {position:absolute;top:100%;left:0;z-index:1;display:none;padding:10px 20px 20px 20px;width:90%;box-sizing:border-box;border:1px solid #888;background-color:#fff;}
#pros_sx .list .xm2 .xls a {display:inline-block;margin-top:8px;margin-right:30px;color:#666;font-size:14px;vertical-align:top;}
#pros_sx .list .xm2 .xls a:last-child {margin-right:0;}
#pros_sx .list .xm2 .xls a:hover, #pros_sx .list .xm2 .xls a.active {color:#61ce01;}
#pros_sx .list .xm2 .active .name {color:#61ce01;border:1px solid #888;border-bottom-color:#fff;background-color:#fff;}
#pros_sx .list .xm2 .active .xls {display:block;}
#pros_sx .btn {display:none;}

#prods_banners {position:relative;height:172px;font-size:0px;background-position:center center;background-repeat:no-repeat;background-image:url(../images/prods_bg1.jpg);}
#prods_banners > div {position:relative;height:100%;}
#prods_banners img {display:none;}
#prods_banners .curs {position:absolute;top:90px;right:0;color:#b2bbc0;font-size:14px;line-height:82px;}
#prods_banners .curs i {margin-right:8px;color:#fff;font-size:14px;}
#prods_banners .curs a {color:#b2bbc0;}
#prods_banners .curs a:hover {color:#81cb00;}
#prods_banners .curs strong {color:#81cb00;font-weight:normal;}

#prods {background-color:#f9f9f9;}
#prods > div {display:flex;padding-top:40px;padding-bottom:60px;}
#prods .imgs {flex:0 0 auto;width:600px;font-size:0px;}

#prods_image {position:relative;z-index:1;margin-bottom:15px;background-color:#fff;}
#prods_image img {width:100%;}
#prods_image a {position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;content:"";background:url(../images/play2.png) no-repeat center center rgba(0,0,0,0.5);}
#prods_mimage, #prods_mimages {display:none;}

#prods_thumb1 {position:relative;padding:0px 40px;}
#prods_thumb1 .swiper-container {width:100%;}
#prods_thumb1 .swiper-wrapper {width:100%;height:auto;}
#prods_thumb1 .swiper-slide {position:relative;width:auto;cursor:pointer;}
#prods_thumb1 .swiper-slide img {width:100%;box-sizing:border-box;border:1px solid #ececec;background-color:#fff;}
#prods_thumb1 .active img {border:2px solid #7bba0c;}
#prods_thumb1 .video a {position:absolute;top:2px;left:2px;z-index:10;display:block;width:calc(100% - 4px);height:calc(100% - 4px);background:url(../images/play2.png) no-repeat center center rgba(0,0,0,0.5);background-size:36px 36px;}
#prods_thumb1 .swiper-button {position:absolute;top:0px;width:25px;height:100%;color:#afafaf;text-align:center;box-sizing:border-box;border:1px solid #ececec;background-color:#fff;cursor:pointer;}
#prods_thumb1 .swiper-button i {font-size:14px;}
#prods_thumb1 .swiper-button:hover {color:#7bba0c;border-color:#7bba0c;}
#prods_thumb1 .swiper-prev {left:0;}
#prods_thumb1 .swiper-next {right:0;transform:rotate(180deg);}
#prods_thumb1 .swiper-button-disabled {opacity:0.4;cursor:default;}
#prods_thumb1 .swiper-button-disabled:hover {color:#afafaf;border-color:#ececec;}

#prods_thumb2 li {position:relative;display:inline-block;margin-right:10px;width:120px;height:120px;vertical-align:top;box-sizing:border-box;border:1px solid #ececec;background-color:#fff;cursor:pointer;}
#prods_thumb2 li:last-child {margin-right:0;}
#prods_thumb2 li.active {border:2px solid #7bba0c;}
#prods_thumb2 li.video a {position:absolute;top:0px;left:0px;z-index:10;display:block;width:100%;height:100%;background:url(../images/play2.png) no-repeat center center rgba(0,0,0,0.5);background-size:36px 36px;}
#prods_thumb2 li img {width:100%;height:100%;}

#prods_video {position:absolute;top:0px;left:0px;z-index:10;width:100%;height:100%;background-color:#000;overflow:hidden;}

#prods .info {flex:1 1 auto;margin-left:70px;}
#prods .info h1 {color:#222;font-size:30px;font-weight:normal;line-height:1.4;}
#prods .info .specs {padding-top:10px;}
#prods .info .specs li {display:flex;align-items:center;margin-top:10px;color:#666;}
#prods .info .specs .bts {}
#prods .info .specs .xms {margin-left:10px;}
#prods .info .apps {margin-top:25px;}
#prods .info .apps h4 {color:#222;font-size:16px;}
#prods .info .apps div {display:flex;flex-flow:row wrap;}
#prods .info .apps div a {display:flex;align-items:center;margin:2% 2% 0 0;width:32%;height:50px;color:#666;box-sizing:border-box;border:1px solid #dedede;background-color:#fff;overflow:hidden;}
#prods .info .apps div a:nth-child(3n) {margin-right:0;}
#prods .info .apps div a span {display:block;width:100%;text-align:center;}
#prods .info .apps div a:hover {color:#81cb00;border-color:#81cb00;}

#prods .info .btn {margin-top:40px;}
#prods .info .btn a {display:inline-block;padding:0 20px;min-width:245px;height:58px;line-height:56px;font-size:18px;text-align:center;vertical-align:top;border-radius:5px;box-sizing:border-box;border:1px solid #7bba0c;}
#prods .info .btn a img {display:inline-block;margin-top:-2px;margin-right:10px;vertical-align:middle;}
#prods .info .btn a:nth-child(1) {color:#fff;background-color:#7bba0c;}
#prods .info .btn a:nth-child(2) {margin-left:25px;color:#7bba0c;background-color:#fff;}

#proxx > div {padding-top:40px;}
#proxx .tabs {padding:0 5px;background-color:#f0f0f0;}
#proxx .tabs li {position:relative;display:inline-block;width:33.33333%;height:60px;line-height:60px;color:#222;font-size:24px;text-align:center;cursor:pointer;}
#proxx .tabs li.active {color:#7bba0c;background-color:#fff;}
#proxx .tabs li.active:before {position:absolute;top:0;left:0;display:block;width:100%;height:4px;content:"";background-color:#7bba0c;}
#proxx .text {display:none;}
#proxx .editorc {padding-top:30px;}
#proxx .pics {font-size:0;text-align:center;}
#proxx .pics p {margin-top:30px;}
#proxx .pics p img {max-width:100%;}

#proxx .fayy_text1 {position:absolute;bottom:20px;right:0;color:#666;font-size:14px;}
#proxx .fayy_text1 a {color:#6992c0;}
#proxx .fayy_text1 a:hover {text-decoration:underline;}
#proxx .fayy_text2 {display:none;}
#proxx .fayy_text2 a {color:#6992c0;}
#proxx .fayy_imgs {display:flex;padding:19px;font-size:0;border:1px solid #ebebeb;}
#proxx .fayy_imgs dd {margin-right:1.4%;width:32.4%;}
#proxx .fayy_imgs dd:last-child {margin-right:0;}
#proxx .fayy_imgs dd img {width:100%;}

@media only screen and (max-width: 1440px){
	#pros_fls {top:25px;left:3%;transform:translateY(80px);}
	#prods_banners .curs {right:3%;}
	#prods > div {padding-top:3%;padding-bottom:3%;}
	#proxx > div {padding-top:3%;}
}

@media only screen and (max-width: 1280px){
	#pros_sx > div {padding-top:10px;padding-bottom:70px;}
	#pros_sx .list .bts {width:100px;font-size:16px;}
	#pros_sx .list .xm1 {padding-bottom:12px;}
	#pros_sx .list .xm1 a {margin-top:12px;padding:0 18px;font-size:14px;}
	#pros_sx .list .xm2 ul li {height:44px;font-size:14px;}
	#pros_sx .list .xm2 .name {top:-1px;padding:0 18px;height:45px;line-height:45px;}
	#pros_sx .list .xm2 .name i {margin-left:8px;}
	#pros_sx .list .xm2 .xls {padding:5px 18px 15px 18px;width:90%;}
	#pros_sx .list .xm2 .xls a {margin-top:6px;margin-right:20px;}
		
	#prods .imgs {width:550px;}
	#prods .info {margin-left:50px;}
	#prods .info h1 {font-size:26px;}
	#prods .info .specs li {margin-top:8px;}
	#proxx .tabs li {height:60px;line-height:60px;font-size:22px;}
}

@media only screen and (max-width: 1024px){
	#pros_sx > div {padding-top:10px;padding-bottom:50px;}
	#pros_sx .list .bts {width:80px;font-size:14px;}
	#pros_sx .list .xm1 {padding-bottom:10px;}
	#pros_sx .list .xm1 a {margin-top:10px;padding:0 15px;font-size:12px;}
	#pros_sx .list .xm2 ul li {height:37px;font-size:12px;}
	#pros_sx .list .xm2 .name {top:-1px;padding:0 15px;height:38px;line-height:38px;}
	#pros_sx .list .xm2 .name i {margin-left:5px;font-size:12px;}
	#pros_sx .list .xm2 .xls {padding:5px 15px 10px 15px;width:90%;}
	#pros_sx .list .xm2 .xls a {margin-top:6px;margin-right:20px;font-size:12px;}
		
	#prods .imgs {width:500px;}
	#prods_image a {background-size:90px 90px;}
	#prods_thumb2 li {margin-right:10px;width:97px;height:97px;}
	#prods .info {margin-left:30px;}
	#prods .info h1 {font-size:22px;}
	#prods .info .specs {padding-top:5px;}
	#prods .info .specs li {margin-top:8px;}
	#prods .info .apps {margin-top:15px;}
	#prods .info .apps h4 {font-size:14px;}
	#prods .info .apps div a {width:32%;height:40px;font-size:12px;}
	#prods .info .btn {margin-top:30px;}
	#prods .info .btn a {padding:0 8px;min-width:48.5%;width:48.5%;height:46px;line-height:44px;font-size:16px;border-radius:4px;}
	#prods .info .btn a img {margin-top:-2px;margin-right:8px;height:22px;}
	#prods .info .btn a:nth-child(2) {margin-left:3%;}
	#proxx .tabs li {height:55px;line-height:55px;font-size:22px;}
	#proxx .editorc {padding-top:2.5%;}
	#proxx .fayy_imgs {padding:10px;}
	#proxx .fayy_text1 {display:none;}
	#proxx .fayy_text2 {position:absolute;bottom:12px;right:0;display:block;font-size:14px;}
}

@media only screen and (max-width: 800px){
	#pros_banners {height:320px;background-size:auto 100%;}
	#pros_fls {display:none;}
		
	#prods_banners {height:120px;}
	#prods_banners .curs {top:70px;left:3%;line-height:50px;font-size:12px;}
	#prods_banners .curs i {font-size:12px;}
	
	#prods > div {display:block;}
	#prods .imgs {margin:0 auto;width:500px;}
	#prods .info {margin-left:0;margin-top:4%;width:100%;}
	#proxx .tabs li {height:45px;line-height:45px;font-size:16px;font-weight:bold;}
	#proxx .tabs li.active:before {height:2px;}
	#proxx .pics p {margin-top:3%;}
}

@media only screen and (max-width: 640px){
	#pros_banners {height:250px;}
	#prods .imgs {width:480px;}
	.pros_ad2 {display:none;}
}

@media only screen and (max-width: 480px){
	#pros_banners {height:180px;}
	
	#pros_sx {background-color:#f5f5f5;}
	#pros_sx > div {padding:0;}
	#pros_sx .nrs {display:none;padding:5px 4% 30px 4%;}
	#pros_sx .list .bts {width:70px;font-size:14px;}
	#pros_sx .list .xm1 {padding-bottom:8px;}
	#pros_sx .list .xm1 a {margin-top:8px;padding:0 6px;font-size:12px;}
	#pros_sx .list .xm2 ul li {height:37px;}
	#pros_sx .list .xm2 .name {top:-1px;padding:0 6px;height:37px;line-height:37px;}
	#pros_sx .list .xm2 .name i {margin-left:3px;font-size:10px;}
	#pros_sx .list .xm2 .xls {padding:2px 6px 8px 6px;width:100%;}
	#pros_sx .list .xm2 .xls a {margin-top:6px;margin-right:10px;font-size:12px;}
	#pros_sx .btn {display:block;padding-top:4%;padding-bottom:4%;text-align:center;}
	#pros_sx .btn span {display:inline-block;padding:8px 18px;color:#fff;font-size:14px;border-radius:3px;background-color:#7bba0c;}
	#pros_sx .btn span i {display:inline-block;margin-left:5px;font-size:12px;transition:all linear 100ms;}
	#pros_sx .btn span.active i {transform:rotate(180deg);}
		
	#prods_banners {height:45px;}
	#prods_banners .curs {display:none;}
	#prods > div {padding:0;}
	#prods .imgs {width:100%;}
	#prods_image, #prods_thumb1, #prods_thumb2 {display:none;}
	#prods_mimage {position:relative;display:block;font-size:0px;}
	#prods_mimage img {width:100%;}
	#prods_mimage div {position:absolute;top:0px;left:0px;z-index:3;width:100%;height:100%;opacity:0;background-color:#000;overflow:hidden;}
	#prods_mimage span {position:absolute;top:0px;left:0px;z-index:10;width:100%;height:100%;background:url(../images/play2.png) no-repeat center center rgba(0,0,0,0.4);background-size:60px 60px;}
	#prods_mimages {display:block;width:100%;font-size:0px;}
	#prods_mimages .swiper-wrapper {width:100%;height:auto;}
	#prods_mimages .swiper-slide {position:relative;}
	#prods_mimages .swiper-slide img {width:100%;}
	#prods_mimages .video div {position:absolute;top:0px;left:0px;z-index:3;width:100%;height:100%;opacity:0;background-color:#000;overflow:hidden;}
	#prods_mimages .video span {position:absolute;top:0px;left:0px;z-index:10;width:100%;height:100%;background:url(../images/play2.png) no-repeat center center rgba(0,0,0,0.4);background-size:60px 60px;}
	#prods_mimages .swiper-pagination {position:absolute;left:0px;bottom:10px;width:100%;height:8px;font-size:0px;}
	#prods_mimages .swiper-pagination span {margin:0px;width:8px;height:8px;font-size:0px;border-radius:50%;background:#999;opacity:1;overflow:hidden;}
	#prods_mimages .swiper-pagination span.swiper-pagination-bullet {margin:0px 4px;}
	#prods_mimages .swiper-pagination span.swiper-pagination-bullet-active {opacity:1;background:#7bba0c;}

	#prods .info {margin-top:0;padding:4% 4% 5% 4%;box-sizing:border-box;}
	#prods .info h1 {font-size:16px;font-weight:bold;}
	#prods .info .specs {padding-top:2px;}
	#prods .info .specs li {margin-top:6px;}
	#prods .info .specs .xms {margin-left:5px;}
	#prods .info .apps {margin-top:15px;}
	#prods .info .apps div a {height:35px;font-size:12px;}
	#prods .info .btn {margin-top:5%;}
	#prods .info .btn a {padding:0;min-width:100%;width:100%;height:42px;line-height:40px;font-size:16px;border-radius:3px;}
	#prods .info .btn a img {margin-top:-2px;margin-right:8px;height:22px;}
	#prods .info .btn a:nth-child(2) {margin-top:12px;margin-left:0;}
	#proxx .tabs li {height:40px;line-height:40px;font-size:14px;font-weight:bold;}
	#proxx .editorc {padding-top:4%;}
	#proxx .pics p {margin-top:4%;}
	#proxx .fayy_text2 {bottom:10px;font-size:12px;}
	#proxx .fayy_imgs {padding:6px;}
}