@charset "gb2312";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; } 
img{display: block;}
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0;}
 select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
table { border-collapse:collapse; }
body {font-size:12px; color:#333;background: #ebebeb;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
a { color:#333; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }
html, body {margin: 0;padding: 0;font-family: '宋体' !important;position: relative;height: 100%;width: 100%; background:#000;}
.cuxiao{width: 1920px;position: relative;left: 50%;margin-left: -960px;top:0;}
.cuxiao .pro_rel{ display:block; height:150px; position:relative;}
.pic_rel{ position:relative;}
.pro_tit{position:relative; height:65px; padding-left:10px; line-height:65px; text-align:left; color:#434343; font-size:16px;background: url(../images/sma_ewm.png)  right top no-repeat;}


.s_inner {width: 1080px;position: absolute;height: 100%;top: 0;left: 50%;margin-left: -540px}
.bg2, .bg3, .bg4, .bg5, .bg6, .bg7  {width: 100%;position: fixed;left: 0;top: 0;height: 100%;display: none}
.bg3, .bg4, .bg5, .bg6, .bg7 {display: none;}
.bg2 {background: url(../images/bg0.jpg) center top no-repeat;background-size: cover}
.bg3 {background: url(../images/bg1.jpg) center top no-repeat;background-size: cover}
.bg4 {background: url(../images/bg2.jpg) center top no-repeat;background-size: cover}
.bg5 {background: url(../images/bg3.jpg) center top no-repeat;background-size: cover}
.bg6 {background: url(../images/bg4.jpg) center top no-repeat;background-size: cover}


a {text-decoration: none}
.pofimg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: block !important}
.displayb {display: inline-block !important}
.displayN {display: none !important}
.wrap {width: 100%;height: 100%;position: relative}
.video_img {width: 100px}
.part1_wrap {width: 100%;height: 100%;background-size: cover;position: relative}
.logo_img {float: left;position: absolute;left: 10px;top: 10px}
.title_img {position: absolute;top: 12%;left: -5%;height: 58%}
.p1txt {width: 359px;position: absolute;color: #ffffff;font-size: 15px;top: 12%;left: 20%;line-height: 24px}
.erwei {position: absolute;right: 0%;top: 12%}
.erwei img {display: block;float: none}
.part2_wrap {width: 100%;height: 990px;margin-top: 900px}
.part2_cont {width: 100%;background: url(../images/all_bg.jpg) no-repeat center; overflow:hidden;float: left;height: 990px}
.part2_div {width: 1100px;height:934px;margin: 0 auto;margin-top: 56px;position: relative}
.part3_wrap {width: 100%;height: 990px;margin-top: 900px}
.part3_cont {width: 100%;background: url(../images/all_bg.jpg) no-repeat center; overflow:hidden;float: left;height: 990px}
.part3_div {width: 1100px;height:934px;margin: 0 auto;margin-top: 56px;position: relative}
.part4_wrap {width: 100%;height: 990px;margin-top: 900px}
.part4_cont {width: 100%;background: url(../images/all_bg.jpg) no-repeat center; overflow:hidden;float: left;height: 990px}
.part4_div {width: 1100px;height:934px;margin: 0 auto;margin-top: 56px;position: relative}
.part5_wrap {width: 100%;height: 990px;margin-top: 900px}
.part5_cont {width: 100%;background: url(../images/all_bg.jpg) no-repeat center; overflow:hidden;float: left;height: 990px}
.part5_div {width: 1100px;height:934px;margin: 0 auto;margin-top: 56px;position: relative}
.part6_wrap {width: 100%;height: 990px;margin-top: 900px}
.part6_cont {width: 100%;background: url(../images/all_bg.jpg) no-repeat center;  overflow:hidden;float: left;height: 990px}
.part6_div {width: 1100px;height:934px;margin: 0 auto;margin-top: 56px;position: relative}

.part7_wrap {width: 100%;height: 100%;background-size: cover}
.part7_cont {width: 100%; overflow:hidden;float: left;height: 990px}



/*第一部分*/
.top_ad{ position:relative; z-index:9;}
.zt_header_nav_bg{ position:fixed; top:0; left:0; z-index:99999; padding-top:10px;}
.banner_cont {width: 100%;height: 100%;left: 0;top: 0; overflow:hidden;}
.banner_c {/*width: 90%;margin-left: 5%*/ height:100%; margin:0 auto; overflow:hidden;}
.word_z {position: absolute;left: 55%;top: 21%;margin-left: -50px;margin-top: -80px}
.title_sh {width: 464px;margin: 0 auto;position: absolute;left: 50%;margin-left: 60px;height: 324px;top: 21%;margin-top: 169px;overflow: hidden;display: none;z-index: 9999999}
.title_sh p {font-size: 16px;width: 400px;position: absolute;top: 15px;line-height: 28px;left: 30px;color: #424242; text-indent:2em; padding-top:20px;}
/*.title_bt {width: 75%}*/
.hide_btn {position: absolute;left: 425px;top: 123px;cursor: pointer}
.video_btn {width: 118px;height: 118px;position: absolute;left: 50%;top: 50%;z-index: 99999;margin-left: -40px;margin-top: -40px}
.click_show {width: 100px;height: 100px;position: absolute;top: 0%;left: 0%;background: url(../images/guangy.png) no-repeat center;cursor:pointer;}
.click_show_btn {position: absolute;top: 32%;left: 33.7%; cursor:pointer;}
.click_show img {margin-left: 33px;float: left;margin-top: 33px}
.click_show_cont {width: 100px;height: 100px;position: absolute;top: 20%;left: 50%;margin-left: 480px;margin-top: 160px}

.word_nr{width:31%; position:relative; top:25%; left:50%; line-height:25px;}
a.com_a{position:absolute; display:block; top:0; left:0; background:#fff;filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0; z-index:8; height: 500px; width: 626px;}
a.com_b{ height: 65px; width: 41px; z-index:10;}
.mask {display: none;height:498px;left: 0;position: absolute;text-align: center;top: 0;width:624px; z-index:5;}
.mask .bg {/*background-color: #000;*/height: 100%;/*opacity: 0.5;*/background:url(../images/bmtxbj.png); position: absolute;width: 100%;}
.mask .pIcon {height: 45px;position: relative;width: 65px;z-index: 10;background: url(../images/ico_720.png) center top no-repeat; display:block; margin:0 auto;margin-top: 200px;}
.mask p {color: rgb(255, 255, 255);font-size: 14px;line-height: 2.714;position: relative;z-index: 10;}
.ewm{ width:160px; left:160px; position:absolute;display: none; z-index:9;}
.cf{ padding-right:50px; line-height:25px; padding-top:10px; height:55px;}
.big_tit{ width:673px; width:187px; position:absolute; left:50%; margin-left:-336px; top:0px;}
.pro_box{width:624px; height:564px; border:1px #e3e3e3 solid; position:absolute; background:#fff; z-index:18;}
.pro_box_z{ z-index:19;}
.pro_box_z .mask{ display:block;}
.par_08{ position:absolute; top:-31px; left:760px;}


.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction:alternate;
	animation-direction:alternate;
}
.animated.delay_one{
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-0-animation-delay:0.5s;
	animation-delay:0.5s;
}
.animated.delay_two{
	-webkit-animation-delay:1.0s;
	-moz-animation-delay:1.0s;
	-0-animation-delay:1.0s;
	animation-delay:1.0s;
}
.animated.delay_three{
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-0-animation-delay:1.5s;
	animation-delay:1.5s;
}
.animated.delay_four{
	-webkit-animation-delay:1.6s;
	-moz-animation-delay:1.6s;
	-0-animation-delay:1.6s;
	animation-delay:1.6s;
}
.animated.play_five{
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
@-webkit-keyframes bounceIn {
	0%,100%,20%,40%,60%,80% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(1.15,1.15,1.15);
		transform: scale3d(1.15,1.15,1.15)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes bounceIn {
	0%,100%,20%,40%,60%,80% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(1.5,1.5,1.5);
		-ms-transform: scale3d(1.5,1.5,1.5);
		transform: scale3d(1.5,1.5,1.5)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		-ms-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(1,1,1);
		-ms-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		-ms-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(1.15,1.15,1.15);
		-ms-transform: scale3d(1.15,1.15,1.15);
		transform: scale3d(1.15,1.15,1.15)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		-ms-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay:0.4s;
	animation-delay:0.4s;
}
@-webkit-keyframes bouncebig {
	0%{
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100%{
		-webkit-transition-timing-function: cubic-bezier(1,1,1,1);
		transition-timing-function: cubic-bezier(1,1,1,1);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes bouncebig {
	0%{
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	100%{
		-webkit-transition-timing-function: cubic-bezier(1,1,1,1);
		transition-timing-function: cubic-bezier(1,1,1,1);
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
}

.bouncebig {
	-webkit-animation-name: bouncebig;
	animation-name: bouncebig;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
@-webkit-keyframes bounce {
	100%{
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	0%{
		-webkit-transition-timing-function: cubic-bezier(1,1,1,1);
		transition-timing-function: cubic-bezier(1,1,1,1);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes bounce {
	100%{
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	0%{
		-webkit-transition-timing-function: cubic-bezier(1,1,1,1);
		transition-timing-function: cubic-bezier(1,1,1,1);
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-1000px,-1500px,0);
		transform: translate3d(-1000px,-1500px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-1000px,-1500px,0);
		-ms-transform: translate3d(-1000px,-1500px,0);
		transform: translate3d(-1000px,-1500px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		-ms-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		-ms-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		-ms-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px,-1500px,0);
		transform: translate3d(3000px,-1500px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px,-1500px,0);
		-ms-transform: translate3d(3000px,-1500px,0);
		transform: translate3d(3000px,-1500px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		-ms-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		-ms-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		-ms-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}