.pic-switch li{background:#090b1e url(../images/productBanner.jpg) no-repeat right bottom;}
.pic-switch li div,.pic-switch li,.pic-switch{height:580px;}
.proindex li div p{text-align:center;position:absolute;left:50px;top:180px;z-index:2;color:#fff;font-size:45px;width:1100px;height:280px;line-height:30px;}
.proindex li div p u{display:block;height:45px;text-decoration:none;}
.proindex li div p em{font-size:20px;}
.proindex li div p a{display:block;width:140px;height:40px;line-height:40px;border-radius:20px;background:#0090ff;margin:0 auto;font-size:22px;color:#fff;position:absolute;bottom:0;left:50%;margin-left:-70px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.proindex li div p a:hover{-webkit-box-shadow: 0px 14px 20px -9px rgba(255, 255, 255, 0.5);-moz-box-shadow: 0px 14px 20px -9px rgba(255, 255, 255, 0.5);box-shadow: 0px 14px 20px -9px rgba(255, 255, 255, 0.5);}
.sup-bar{display: flex;justify-content: center;padding:0 10%;}
.sup-bar li{position: relative;margin: 0 2%;padding-top: 23px;}
.sup-bar li a{
    display: block;
    padding: 0 40px 0 0;
    font-size: 14px;
	color:#fff;
	border-right:1px solid #fff;
    transition: background-color 0.5s ease-in-out;
}
.sup-bar li:last-child a{border:0;}
.sup-bar li a:hover,
.sup-bar li.hover a{color:#0090ff;}
.summary{display: flex;justify-content: center;text-align:left;}
.summary h2{height:120px;line-height:120px;background:url(../images/product02.jpg) no-repeat right bottom;color:#fff;text-align:center;font-size:25px;}
.summary li{color:#5d5d5e;background:#fff;width:490px;height:320px;}
.summary li:first-child h2{background:#1e2225 url(../images/product01.jpg) no-repeat right bottom;}
.summary li p{padding:20px 30px 0;line-height:35px;font-size:20px;}
.maskRecommend{background:url(../images/product03.jpg) no-repeat center}
.maskRecommend h1{color:#fff;}
.maskRecommend .main{width:996px;padding:0 102px;height:550px;}
.maskRecommend .maskRecommendSon{width:308px;height:550px;padding:0 95px;float:left;display:inline;line-height:80px;}
.maskRecommend .maskRecommendSon img{display:block;}
.maskRecommend .maskRecommendSon p{color:#fff;font-size:20px;text-align:center;}
#tabs ul{padding-top:20px;}
#tabs li{float: left;margin-left:2px;text-align:center;}
#tabs li a{ display: block;padding:0 10px;width:80px;height:40px;line-height:40px;border-radius:20px;color:#fff;}
#tabs li a.tabulous_active {background:#0090ff;color:#fff;}
#tabs_container {position: relative;}
.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}
.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.showflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;

	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1);
	transform: rotatey(0deg) scale(1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.maskPush ul{height:580px;}
.maskPush li{width:308px;margin-left:69px;float:left;display:inline;line-height:76px; text-align:center;}
.maskPush li img{display:block;}
.maskPush li p{color:#575757;font-size:20px;}
.advantage{background:url(../images/product05.jpg) no-repeat center}
.advantage h1{color:#fff;}
.advantage .main{overflow:hidden;}
.advantage .sortedList{height:130px;width:1210px;counter-reset: li;list-style: none;}
.advantage .sortedList li{width:230px;margin-right:12px;margin-bottom:12px;float:left;display:inline;line-height:45px;position: relative;background:#2f3031;color:#fff;font-size:16px;z-index:0; text-align:center;}
.advantage .sortedList li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: 0;
    top: 0;
	font-size:50px;
	font-weight:bold;
    color: #414243;
	z-index: -1;
}
.film_focus {
	width:1200px;
	height:490px;
	overflow:hidden;
	position:relative;
}
.film_focus ul.film_focus_imgs {
	height:490px;
	/*- height:9999em; -*/
	position:absolute;
	right:0;
	/*- overflow:hidden; -*/
}
.film_focus ul.film_focus_imgs li {
	overflow:hidden;
	height:460px;
	width:820px;
	background:#f4f5f8;
	font-size:16px;
	color:#5d5d5e;
	line-height:35px;
	padding:30px 50px 0;
	position:relative;
}
.film_focus ul.film_focus_nav {
	width:280px;
	position:absolute;
}
.film_focus ul.film_focus_nav li {
	height:70px;
	line-height:70px;
	text-align:center;
	background:#3b3b3b;
	color:#cdcdcd;
	position:relative;
	width:280px;
	cursor: pointer;
	font-size:18px;
}
.film_focus ul.film_focus_nav li.cur {height:140px;background:#ddd;}
.film_focus ul.film_focus_nav li p{display:none;}
.film_focus ul.film_focus_nav li.cur p{display:block;height:140px;color:#fff;text-align:center;font-weight:bold;line-height:140px;
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1);
    background: #1060fe;
	background: -moz-linear-gradient(left, #01c2e7, #1060fe);
	background: -webkit-linear-gradient(left, #01c2e7, #1060fe);
	background: -o-linear-gradient(left, #01c2e7, #1060fe);
}
.film_focus ul.film_focus_nav li.cur p strong{display:block;position:absolute;top:50%;margin-top:-35px;width:280px;height:70px;line-height:35px;}
.film_focus ul.film_focus_nav li.cur span{display:none}
.film_focus ul.film_focus_imgs li h6{position:relative;font-size:18px;padding-left:12px;padding-top:20px;font-weight:bold;}
.film_focus ul.film_focus_imgs li h6:before {
    content: '';
    position: absolute;
    display: block;
	width:3px;
	height:20px;
    top: 27px;
    left: 0;
    background:#0090ff;
}
.appScene-warp{margin-top:50px;}
.appScene-warp li{
    width: 240px;
    height: 420px;
    position: relative;
    float: left;
}
.appScene-warp li img{vertical-align:top;position:absolute;left:0;top:0;z-index:-1;}
.appScene-warp li h2,
.appScene-warp li h3{color:#fff;text-align:center;font-size:25px;font-weight:bold;line-height:420px;
-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.appScene-warp li div{
	background:url(../images/product06.jpg) no-repeat bottom;
	position: absolute;
	left:0;
	top:0;
	width:240px;
	height:420px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.appScene-warp li div p{width:200px;margin:0 20px;color:#fff;font-size:18px;line-height:35px;text-align:left;
-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.appScene-warp li:hover{z-index:1;}
.appScene-warp li:hover div{width:279px;height:520px;left:-50px;top:-50px;padding:0 30px;opacity: 1;
	-webkit-border-radius: 8px;
	  -moz-border-radius: 8px;
			border-radius: 8px;
	-webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
	  -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
			box-shadow: 0 -1px 10px rgba(0,0,0,.5);
}
.appScene-warp li:hover div p{margin:0;width:279px;border:1px solid #fff;border-width:1px 0;padding:50px 0;}
.appScene-warp li:hover h2{display:none;}
.appScene-warp li:hover h3{line-height:120px;}
.architecture{height:590px;background:#fff;-webkit-box-shadow: 0 8px 20px rgba(170,170,170,.5);-moz-box-shadow: 0 8px 20px rgba(170,170,170,.5);box-shadow: 0 8px 20px rgba(170,170,170,.5);color:#5d5d5e;font-size:16px;text-align:left;line-height:30px;}
.architecture div{float:left;width:400px;padding-top:50px;}
.architecture img{float:left;margin:60px 25px 0 25px;}
.architecture p{border-bottom:2px solid #ebebeb;margin-bottom:20px;padding-bottom:20px;}
.architecture h5{font-size:18px;font-weight:bold;}
.architecture h6{font-size:16px;font-weight:bold;}
.flow{background:url(../images/product08.jpg) no-repeat center}
.flow h1{color:#fff;}
.flow .main{overflow:hidden;}
.flow li{
    width: 180px;
    height: 300px;
	padding: 0 30px;
    position: relative;
    float: left;
	color: #fff;
}
.boxF,.boxS,.boxT{width: 64px;height: 80px;overflow: hidden;}
.boxF,.boxS{visibility: hidden;}
.boxF{transform: rotate(120deg);-ms-transform: rotate(120deg);-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg);}
.boxS,.boxT{transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);}
.boxT{visibility: visible;
    background: -webkit-linear-gradient(-45deg, #01c2e7, #1060fe);
    font-size: 36px;
    line-height: 80px;
    text-align: center;
}
.flow h6{font-size:20px;margin-top:20px;margin-bottom:30px;}
.flow p{font-size:18px;line-height:28px;margin-top:30px;}
.footer{margin:0;}