.content .describe { position: absolute; left: 75%; top: 30%; width: 28%; color: #fff;}
.content .describe h5 { font-weight: normal; font-size: 42px; margin-top: 0; margin-bottom: 20px;}
.content .describe h2 { font-weight: normal; font-size: 24px; line-height: 45px;}


.cms-title-1 {}


.cms-system-1 {}
.cms-system-1 .content { position: relative;}
.cms-system-1 .bg { position: relative;}
.cms-system-1 .bg img { width: 100%; vertical-align: top;}
.cms-system-1 .bg .flash { position: absolute; top: 0; left: 0; width: 0; height: 100%; background: url(/static/product-g10/img/scene-1-flash.png) no-repeat;
 	background-size: auto 100%; transition: all 3s ease; -webkit-transition: all 3s ease;}
.cms-system-1 .list { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%;}
.cms-system-1 .list .point { position: absolute; z-index: 3; width: 3.253796%; height: 6.666667%; background: url(/static/product-g10/img/point.png) no-repeat;
	background-size: 100%; cursor: pointer; animation: fadeBigSmall 1s ease infinite alternate; -webkit-animation: fadeBigSmall 1s ease infinite alternate;}
.cms-system-1 .list .point-1 { top: 58.7%; left: 37.7%;}
.cms-system-1 .list .point-2 { top: 53%; left: 49%;}
.cms-system-1 .list .item { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat; background-size: 100%; opacity: 0;
	transition: all .6s ease; -webkit-transition: all .6s ease;}
.cms-system-1 .list .item.active { opacity: 1;}
.cms-system-1 .list .item-1 { background-image: url(/static/product-g10/img/scene-1-1-1.png);}
.cms-system-1 .list .item-2 { background-image: url(/static/product-g10/img/scene-1-1-2.png);}
.cms-system-1.active .flash { width: 100%;}


.cms-system-2 .science { position: relative;}
.cms-system-2 .science .layer { position: absolute; top: 50px; left: 27%; z-index: 11; width: 46%; display: none;}
.cms-system-2 .science .layer .img { text-align: center;}
.cms-system-2 .science img { width: 100%;}
.cms-system-2 .science .layer i.ico-close { display: inline-block; position: absolute; top: 20px; right: 20px; cursor: pointer; width: 40px; height: 40px; 
	background: url(/static/product-g10/img/ico-close.png) no-repeat;}
.cms-system-2 .science i.ico-layer { position: absolute; left: 50%; bottom: 30%; margin-left: -20px; cursor: pointer; display: inline-block; width: 40px; height: 40px;
	background: url(/static/product-g10/img/ico-layer.png) no-repeat; -webkit-animation: fadeBigSmall 1s ease infinite alternate;}




.cms-picture-1 { position: relative;}
.cms-picture-1 img { width: 100%;}
.cms-picture-1 .content { position: relative; width: 100%; height: 100%; overflow: hidden; background-color: #f2f2f2;}
.cms-picture-1 .content img { width: 50%; vertical-align: top;}
.cms-picture-1 .content .describe { top: 22%; left: 57%;height: 100%; color: #fff;}
.cms-picture-1 .content .describe h5 { color: #000;}
.cms-picture-1 .content .describe h2 { color: #666;}
.cms-picture-1 .content.right img { position: relative; left: 50%}
.cms-picture-1 .content.right .describe { left: 7%;}

.cms-picture-2 {}
.cms-picture-2 img { width: 100%; vertical-align: top;}

.cms-picture-3 { position: relative;}
.cms-picture-3 .content { position: relative;}
/*.cms-picture-3 .content h2 { color: #666;}*/
.cms-picture-3 .content img { width: 100%; vertical-align: top;}
.cms-picture-3 .content.img-cent { background-color: #000;}
.cms-picture-3 .content.img-cent img { width: 70%;}
.cms-picture-3 .content.img-cent h2 { color: #fff;}
.cms-picture-3 .content.img-cent .describe { color: #fff; left: 75%;}
.cms-picture-3 .content .describe.space { left: 6%;}
.cms-picture-3 .content .describe.space .titleB { position: relative;}
.cms-picture-3 .content .describe.space .titleB h5 { color: #000;}
.cms-picture-3 .content .describe { color: #000; left: 70%;}
.cms-picture-3 .content .describe.left { left: 5%;}
.cms-picture-3 .content.right img { position: relative; left: 30%;}
.cms-picture-3 .content.right .describe { left: 5%;}
.cms-picture-3 .content.swiper-4 .describe { top: 18%; left: 5%; z-index: 10;}
.cms-picture-3 .content.swiper-4 a { width: 62px; height: 62px; top: 56%;}
.cms-picture-3 .content.swiper-4 a.arrow-left { left: 5%; background: url(/static/product-g10/img/ico-left.png) no-repeat; background-size: 100%;}
.cms-picture-3 .content.swiper-4 a.arrow-right { left: 10%; background: url(/static/product-g10/img/ico-right.png) no-repeat; background-size: 100%;}
.cms-picture-3 .list .item { display: inline-block; width: 100px; height: 60px; text-align: center;
	 font-size: 14px; color: #666; cursor: pointer; transition: all .3s ease; -webkit-transition: all .3s ease;}
.cms-picture-3 .list .item.active { color: #000; }
.cms-picture-3 .list .item span { display: block;}
.cms-picture-3 .content .list .item i { display: inline-block; width: 40px; height: 40px; background: no-repeat;}
.cms-picture-3 .content .list .item i.business { background-image: url(/static/product-g10/img/ico-gray-business.png);}
.cms-picture-3 .content .list .item.active i.business { background-image: url(/static/product-g10/img/ico-business.png);}
.cms-picture-3 .content .list .item i.home { background-image: url(/static/product-g10/img/ico-gray-home.png);}
.cms-picture-3 .content .list .item.active i.home { background-image: url(/static/product-g10/img/ico-home.png);}
.cms-picture-3 .content.swiper-5 .describe { top: 18%; left: 68%; z-index: 10;}
.cms-picture-3 .content.swiper-5 a { width: 62px; height: 62px; top: 56%;}
.cms-picture-3 .content.swiper-5 a.arrow-left { left: 68%; background: url(/static/product-g10/img/ico-left.png) no-repeat; background-size: 100%;}
.cms-picture-3 .content.swiper-5 a.arrow-right { left: 73%; background: url(/static/product-g10/img/ico-right.png) no-repeat; background-size: 100%;}
.cms-picture-3 .content.right2 .describe { left: 5%;}
.cms-picture-3 .content.swiper-6 .describe { top: 18%; left: 58%; width: 35%; z-index: 10;}
.cms-picture-3 .content.swiper-6 a { width: 62px; height: 62px; top: 60%;}
.cms-picture-3 .content.swiper-6 a.arrow-left { left: 58%; background: url(/static/product-g10/img/ico-left.png) no-repeat; background-size: 100%;}
.cms-picture-3 .content.swiper-6 a.arrow-right { left: 63%; background: url(/static/product-g10/img/ico-right.png) no-repeat; background-size: 100%;}



.cms-slide-9 .tabbar { font-size: 0;}
.cms-slide-9 .tabbar .item { overflow: hidden;display: inline-block; width: 33.3333%; text-align: center; cursor: pointer; position: relative; transition: all .6s ease; -webkit-transition: all .6s ease;}
.cms-slide-9 .tabbar .item img { width: 100%;}
.cms-slide-9 .tabbar .item i { position: absolute; top: 0; left: -1px; right: -1px; bottom: 0; background: #000; opacity: .6; z-index: 2; transition: all .6s ease; -webkit-transition: all .6s ease;}
/*.cms-slide-9 .tabbar .item:hover i { opacity: 0;}*/
.cms-slide-9 .tabbar .item i.active{opacity: 0;}


.cms-engine-1 { position: relative;}
.cms-engine-1 .titleC { border-bottom: 1px #b3b3b3 solid;}
.cms-engine-1 .content .machine { display: none;}
.cms-engine-1 .content .machine.active { display: block;}
.cms-engine-1 .content { position: relative; height: 900px; background-color: #f2f2f2;}
.cms-engine-1 .content .img { position: absolute; top: 15%; left: 6%; width: 35%;}
.cms-engine-1 .content .img img { width: 100%;}
.cms-engine-1 .content .titleB { position: absolute; top: 5%; left: 51%; width: 40%;}
.cms-engine-1 .content .titleB h2 { font-size: 18px; margin-top: 20%;}
.cms-engine-1 .content .list { position: absolute; top: 53%; left: 51%; font-size: 0;}
.cms-engine-1 .content .list .item { display: inline-block; width: 260px; height: 120px; border-bottom: 2px #eee solid; margin-bottom: 30px;}
.cms-engine-1 .content .list .item b { font-size: 24px; font-weight: normal;}
.cms-engine-1 .content .list .item b i { font-style: normal; font-size: 20px; margin-left: 5px;}
.cms-engine-1 .content .list .item span { display: block; font-size: 14px; color: #999; padding-left: 2px;}
.cms-engine-1 .content .list .item.nwd { width: auto; padding-right: 10px;}
.cms-engine-1 .content .list .item.nbd { border-bottom: none;}
.cms-engine-1 .tabbar { position: absolute; top: 27%; left: 51%; z-index: 10;}
.cms-engine-1 .tabbar .item { display: inline-block; width: 170px; height: 60px; line-height: 60px; text-align: center;
	 font-size: 20px; color: #1e7bcd; background: #fff; cursor: pointer; transition: all .3s ease; -webkit-transition: all .3s ease;}
.cms-engine-1 .tabbar .item.active { color: #fff; background: #1e7bcd;}
.cms-engine-1 .tabbar .item { width: 150px; height: 40px; line-height: 40px;}


.cms-banner-1 img { width: 100%; vertical-align: top;}

.pagination { position: absolute; text-align: center; left: 0; z-index: 20; bottom: 36px; width: 100%; }

@keyframes fadeBigSmall {
	0% { transform: scale(1); opacity: .6;}
	100% { transform: scale(1.1); opacity: 1;}
}
@-webkit-keyframes fadeBigSmall {
	0% { -webkit-transform: scale(1); opacity: .6;}
	100% { -webkit-transform: scale(1.1); opacity: 1;}
}
@keyframes fadeDown {
	0% { transform: translate(0, -10%);}
	100% { transform: translate(0, 0);}
}
@-webkit-keyframes fadeDown {
	0% { -webkit-transform: translate(0, -10%);}
	100% { -webkit-transform: translate(0, 0);}
}

@media (max-width: 1600px) {

	.titleA h5 { font-size: 45px;}
	.titleA h2 { font-size: 20px;}
	.titleB h5 { font-size: 38px; margin-bottom: 10px;}
	.titleB h2 { font-size: 14px;}
	.titleC { padding: 60px 0;}
	.titleC h5 { font-size: 45px;}
	
	.content .describe h5 { font-size: 36px;}
	.content .describe h2 { font-size: 20px; line-height: 35px;}


	.cms-picture-3 .content.swiper-4 a { width: 50px; height: 50px; top: 62%;}
	.cms-picture-3 .content.swiper-4 a.arrow-right { left: 11%;}
	.cms-picture-3 .content.swiper-5 a { width: 50px; height: 50px; top: 62%;}
	.cms-picture-3 .content.swiper-5 a.arrow-right { left: 74%;}
	.cms-picture-3 .content .titleB { top: 0;}

	.cms-engine-1 .content { height: 750px;}
	.cms-engine-1 .content .titleB h2 { font-size: 14px;}
	.cms-engine-1 .content .img { height: 820px; top: 17%;}
	.cms-engine-1 .content .list { position: absolute; top: 50%;}
	.cms-engine-1 .content .list .item { width: 200px; height: 100px; margin-bottom: 10px;}
	
	
	.productList .item { bottom: 10px; padding: 0 25px; line-height: 90px;}
	.productList .item.title { height: 50px; line-height: 50px;}
	.productList .item span { font-size: 16px;}
	.productList .item .arr { zoom: .8; bottom: 15px;}
	.productList .item .priceList { margin: 0 -25px;}
	.productList .item .priceList .price-item { padding: 0 25px; height: 60px; line-height: 60px; margin-bottom: 5px; font-size: 14px;}
	.productList .item .priceList .price-item li.tabbar span { font-size: 14px;}
	
}

@media (max-width: 1366px) {

	.titleA h5 { font-size: 35px; letter-spacing: 3px;}
	.titleA h2 { font-size: 16px; letter-spacing: 3px;}
	.titleB h5 { font-size: 24px; margin-bottom: 10px; letter-spacing: 2px;}
	.titleB h2 { font-size: 12px; letter-spacing: 2px;}
	.titleC { padding: 40px 0;}
	.titleC h5 { font-size: 35px; letter-spacing: 3px;}

	.content .describe h5 { font-size: 24px;}
	.content .describe h2 { font-size: 16px; line-height: 30px;}

	.cms-picture-3 .describe { top: 21%;}
	.cms-picture-3 .tabbar .item { width: 120px; height: 40px; line-height: 40px; font-size: 16px;}
	.cms-picture-3 .content.swiper-4 a { width: 40px; height: 40px; top: 60%;}
	.cms-picture-3 .content.swiper-5 a { width: 40px; height: 40px; top: 60%;}
	
	.cms-engine-1 .engine .tabbar { top: 25%;}
	.cms-engine-1 .content { height: 610px;}
	.cms-engine-1 .content .list { position: absolute; top: 53%;}
	.cms-engine-1 .content .list .item { width: 150px; height: 80px; margin-bottom: 20px;}
	.cms-engine-1 .content .list .item b { font-size: 24px;}
	.cms-engine-1 .content .list .item span { font-size: 12px;}

	.productList .item { bottom: 10px; padding: 0 15px; line-height: 70px;}
	.productList .item.title { height: 40px; line-height: 40px;}
	.productList .item span { width: 20%; font-size: 14px;}
	.productList .item span.tit { width: 30%;}
	.productList .item .arr { zoom: .5; bottom: 15px;}
	.productList .item .priceList { margin: 0 -15px; padding: 6px 0 25px;}
	.productList .item .priceList .price-item { padding: 0 15px; height: 40px; line-height: 40px; margin-bottom: 2px; font-size: 14px;}
	.productList .item .priceList .price-item li.tabbar span { width: auto; height: 25px; line-height: 25px; font-size: 14px;}

}