/* slide */
.slide-main{min-height: 600px; height:calc(100vh - 157px);position:relative; margin-bottom:0px;  margin-top:0;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:10;top:50%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:9;bottom:15px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%; height:100%;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:100%; background:#ffffff;position:relative;position:absolute;z-index:8;}

.slide a{display:block;width:100%;height:100%;cursor:pointer;}
.slide a .banner-title{font-size:100px; color:#000; font-weight:bold; padding:20vh 0 30px; display:inline-block; position: relative;}
.slide a .banner-title:after{position: absolute;content:'';width:200px !important;background:#da251d;height:5px;bottom:0; right:0;}
.slide a .banner-con{min-width: 500px; width: 40vw; line-height:36px; font-size:22px; color:#333333; padding-top:5vh; display:block; position: relative;}
.slide a .banner-btn{margin-top:10vh; font-size:16px; color:#fff; background:#da251d; padding:12px 35px; border-radius:10px; display:inline-block; position: relative;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }



#foot_menu_box{ position:fixed; bottom:0px; left:0; width:0; max-width:400px; height:80%; max-height:80%; z-index:1000000000000; }
#foot_menu_button{display:block; background:#006eb9; position:absolute; top:30%; left:0; width:auto; padding:12px 12px 12px 10px; text-align:center;   color:#fff; border-radius: 0 8px 8px 0; line-height:18px;}
#foot_menu_content{background:#006eb9; padding:0px 5px 10px; width:80%; height:auto; max-height:100%; position:absolute; top:5%; left:0; display:none; overflow:hidden; zoom:1; border-radius: 0 8px 8px 0; }
#foot_menu_content ul{ height:100%; overflow-y: auto; display:flex; flex-wrap:wrap; align-items:center;}
#foot_menu_content ul li{ align-items:center; line-height:30px; width:46%; max-width:96%; min-width:96%; margin:4px 2%; background: rgba(56, 151, 215, .5); float:left; border-bottom:0px solid rgba(56, 151, 215, .5); flex:1;}
/*#footMenuContent ul li:nth-child(5){border-bottom:none;}*/
#foot_menu_content ul li a{color:#fff; display:block; text-align:left; padding-left:15px;}

#foot_menu_content ul h2{display:block; width:100%; height:25px; font-size:14px;}
#close_menu_button{ float:right; display:block; padding:0px 15px; color:#fff;}

@media (max-width: 991px){
	#foot_menu_button{ top:45%; padding:5px 8px 5px 5px;}
	#foot_menu_content{ top:25%;}
	
	.slide-main{margin-top:100px;height: calc(100vh - 100px);}
	.slide{ padding-top:0px;}
}
@media (max-width: 767px){
	.slide a .banner-title{font-size:60px; color:#000; font-weight:bold; padding:10vh 0 30px; display:inline-block; position: relative;}
	.slide a .banner-title:after{position: absolute;content:'';width:140px !important;background:#da251d;height:3px;bottom:0; right:0;}
	.slide a .banner-con{min-width: 300px; width: 40vw; line-height:36px; font-size:22px; color:#333333; padding-top:5vh; display:block; position: relative;}
	.slide a .banner-btn{margin-top:10vh; font-size:16px; color:#fff; background:#da251d; padding:12px 35px; border-radius:10px; display:inline-block; position: relative;}
}

@media (max-width: 767px){
	.slide-main{margin-top:100px; height: 180px; min-height:180px;}
	.prev, .next {
		width: 30px;
		height: 30px;
	}
	.prev {
		left:30px;
	}
	 .next {
		right:30px;
	}
}