*{margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body,ul,ol,dl,dt,dd,form,h1,h2,h3,h4,p,img,section,header,ruby,rb,rt,i,b,input,footer{margin:0;padding:0;font-style:normal}
html,body{font-family: "微软雅黑";}
h1,h2{font:"microsoft yahei",simsun,Tahoma,sans-serif;}
i{display:block;font-style:normal}
li{list-style:none}
a{text-decoration:none;outline:none;}
a:hover{outline:none;}
img{border:0;}
.o_h{overflow:hidden}
.clear{clear:both}
.clear:after{content:" ";clear:both;line-height:0;height:0}
.cover50,.cover90{width:100%;height:100%;position:absolute;left:0;top:0;opacity:.5;z-index:98}
.cover90{opacity:.9}
.show{display: block;}
.hide{display: none;}
.fl{float: left;}
.fr{float: right;}
.images{display: block;width: 100%;}
input[type=button],input[type=text]{
	-webkit-appearance:none;
	outline:none
}
input[type="text"], input[type="email"], input[type="search"],input[type="tel"], input[type="password"] {
        -webkit-appearance: caret;
        -moz-appearance: caret; /* mobile firefox too! */
}
.cover_con{
	width: 100%;
	position: relative;
	background: url(../images/co_bg.jpg) no-repeat;
	background-size: 100% 100%;
	height: 53.36rem;
	overflow: hidden;
}
.co_wrap{
	width: 100%;
	position: relative;
	height: 51.08rem;
}
.logo{
	display: block;
	position: absolute;
	width: 8.88rem;
	height: 4.16rem;
	top: 0.92rem;
	left: 0.4rem;
	z-index: 2;
	-webkit-animation: fadeInDown .5s ease .2s both;
  -moz-animation: fadeInDown .5s ease .2s both;
  -ms-animation: fadeInDown .5s ease .2s both;
  animation: fadeInDown .5s ease .2s both;
}
.logo img{
	display: block;
	width: 100%;
	background-size: 100% 100%;
}
.co_wrap .peo{
	position: absolute;
	z-index: 5;
	top: 4.64rem;
	left: 0;
	width: 30rem;
	height: 32.48rem;
}
.co_wrap .peo span{
	display: block;
	position: absolute;
	-webkit-animation: fadeIn .5s ease both;
	-moz-animation: fadeIn .5s ease  both;
	-ms-animation: fadeIn .5s ease  both;
	animation: fadeIn .5s ease  both;
}
.co_wrap .peo .peo_ml{
	width: 9rem;
	height: 37.08rem;
	background: url(../images/peo_ml.png) no-repeat;
	background-size: 100% 100%;
	top: 0.88rem;
	left: 0;
	z-index: 1;
	-webkit-animation-delay:.7s;
	-moz-animation-delay:.7s;
	-ms-animation-delay:.7s;
	-o-animation-delay:.7s;
	animation-delay:.7s;
}
.co_wrap .peo .peo_ml_name{
	width: 2.56rem;
	height: 1.24rem;
	background: url(../../common/images/peo_mlname.png) no-repeat;
	background-size: 100% 100%;
	top: 10.52rem;
	left: 0.84rem;
	z-index: 10;
	animation: rotateIn .7s ease 1.5s both,jump01 1.5s 2.8s infinite alternate;
	-webkit-animation: rotateIn .7s ease 1.5s both,jump01 1.5s 2.8s infinite alternate;
	-moz-animation: rotateIn .7s ease 1.5s both,jump01 1.5s 2.8s infinite alternate;
	-ms-animation: rotateIn .7s ease 1.5s both,jump01 1.5s 2.8s infinite alternate;
	-o-animation: rotateIn .7s ease 1.5s both,jump01 1.5s 2.8s infinite alternate;
}
.co_wrap .peo .peo_wl{
	width: 30rem;
	height: 31.32rem;
	background: url(../images/peo_wm.png) no-repeat;
	background-size: 100% 100%;
	top: 1.68rem;
	left: 0;
	z-index: 4;
  -webkit-animation-delay:.5s;
	-moz-animation-delay:.5s;
	-ms-animation-delay:.5s;
	-o-animation-delay:.5s;
	animation-delay:.5s;
}
.co_wrap .peo .peo_wl_name{
	width: 3.44rem;
	height: 1.32rem;
	background: url(../../common/images/peo_wmname.png) no-repeat;
	background-size: 100% 100%;
	top: 14.24rem;
	left: 8.48rem;
	z-index: 10;
	animation: rotateIn .5s ease 1.3s both,jump01 1.5s 3s infinite alternate;;
	-webkit-animation: rotateIn .5s ease 1.3s both,jump01 1.5s 3s infinite alternate;;
	-moz-animation: rotateIn .5s ease 1.3s both,jump01 1.5s 3s infinite alternate;;
	-ms-animation: rotateIn .5s ease 1.3s both,jump01 1.5s 3s infinite alternate;;
	-o-animation: rotateIn .5s ease 1.3s both,jump01 1.5s 3s infinite alternate;;
}
.co_wrap .peo .peo_wr{
	width: 13rem;
	height: 33rem;
	background: url(../images/peo_wr.png) no-repeat;
	background-size: 100%;
	top: 0;
	left: 14.32rem;
	z-index: 3;
	-webkit-animation-delay:.8s;
	-moz-animation-delay:.8s;
	-ms-animation-delay:.8s;
	-o-animation-delay:.8s;
	animation-delay:.8s;
}
.co_wrap .peo .peo_wr_name{
	width: 2.4rem;
	height: 1.2rem;
	background: url(../../common/images/peo_wrname.png) no-repeat;
	background-size: 100% 100%;
	top: 9.76rem;
	right: 6.64rem;
	z-index: 10;
	animation: rotateIn .5s ease 1.2s both,jump01 1.5s 3.2s infinite alternate;;
	-webkit-animation: rotateIn .5s ease 1.2s both,jump01 1.5s 3.2s infinite alternate;;
	-moz-animation: rotateIn .5s ease 1.2s both,jump01 1.5s 3.2s infinite alternate;;
	-ms-animation: rotateIn .5s ease 1.2s both,jump01 1.5s 3.2s infinite alternate;;
	-o-animation: rotateIn .5s ease 1.2s both,jump01 1.5s 3.2s infinite alternate;;
}
.co_wrap .peo .peo_mr{
	width: 17.2rem;
	height: 29.88rem;
	background: url(../images/peo_mr.png) no-repeat;
	background-size: 100% 100%;
	top: 1.2rem;
	right: 0;
	z-index: 2;
	-webkit-animation-delay:.9s;
	-moz-animation-delay:.9s;
	-ms-animation-delay:.9s;
	-o-animation-delay:.9s;
	animation-delay:.9s;
}
.co_wrap .peo .peo_mr_name{
	width: 4.44rem;
	height: 1.24rem;
	background: url(../../common/images/peo_mrname.png) no-repeat;
	background-size: 100% 100%;
	top: 11.88rem;
	right: 0.72rem;
	z-index: 10;
	animation: rotateIn .5s ease 1s both,jump01 1.5s 3.4s infinite alternate;;
	-webkit-animation: rotateIn .5s ease 1s both,jump01 1.5s 3.4s infinite alternate;;
	-moz-animation: rotateIn .5s ease 1s both,jump01 1.5s 3.4s infinite alternate;;
	-ms-animation: rotateIn .5s ease 1s both,jump01 1.5s 3.4s infinite alternate;;
	-o-animation: rotateIn .5s ease 1s both,jump01 1.5s 3.4s infinite alternate;;
}
.solgan{
	width:100%;
	height: 11.68rem;
	position: relative;
	z-index: 15;
	animation: bounceIn .5s ease 1.4s both;
	-webkit-animation: bounceIn .5s ease 1.4s both;
	-moz-animation: bounceIn .5s ease 1.4s both;
	-ms-animation: bounceIn .5s ease 1.4s both;
	-o-animation: bounceIn .5s ease 1.4s both;
}
.co_wrap .solgan{
	position: absolute;
	top: 24.16rem;
	left: 0;
}
.solgan span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.solgan .so_01{
	background: url(../images/solgan01.png) no-repeat;
	background-size: 100% 100%;
	z-index: 2;
}
.solgan .so_02{
	background: url(../images/solgan02.png) no-repeat;
	background-size: 100% 100%;
	z-index: 5;
}
.video_play{
	position: absolute;
	display: block;
	width: 3rem;
	height: 3rem;
	background: url(../../common/images/video_play.png) no-repeat;
	background-size: 100% 100%;
	top: 24.24rem;
	left: 14.96rem;
	z-index: 15;
	-webkit-animation: fadeInDown 1s ease 1.8s both,animations 2s ease 3s infinite;
  -moz-animation: fadeInDown 1s ease 1.8s both,animations 2s ease 3s infinite;
  -ms-animation: fadeInDown 1s ease 1.8s both,animations 2s ease 3s infinite;
  animation: fadeInDown 1s ease 1.8s both,animations 2s ease 3s infinite;

}
.sque span{
	display: block;
	position: absolute;
	background: url(../../common/images/ico.png) no-repeat;
	background-size: 30rem 30rem;
	z-index: 10;
}
.sque .sq1{
	width: 1.44rem;
	height: 1.48rem;
	top: 25.2rem;
	left: 0.64rem;
	background-position: -14.72rem 0;
}
.sque .sq2{
	width: 1.8rem;
	height: 1.96rem;
	top: 27.52rem;
	left: 0.32rem;
	background-position: -12.92rem 0;
}
.sque .sq3{
	width: 1.28rem;
	height: 1.08rem;
	top: 23.6rem;
	left: 14.28rem;
	background-position: -16.16rem 0;
}
.sque .sq4{
	width: 6.08rem;
	height: 5.88rem;
	top: 21.92rem;
	right: 5.36rem;
	background-position: -17.44rem 0;
}
.sque .sq5{
	width: 3.52rem;
	height: 3.64rem;
	top: 24.12rem;
	right: 0;
	background-position: -5.88rem 0;
}
.sque .sq6{
	width: 3.52rem;
	height: 3.12rem;
	top: 31.92rem;
	right: 0.4rem;
	background-position: -9.4rem 0;
}
.sque .sq7{
	width: 5.88rem;
	height: 4.48rem;
	top: 31.32rem;
	left: 1.2rem;
	background-position: 0 0;
}
.footer{
	text-align: center;
	font-size: 0.375rem;
	color: #666;
	width: 100%;
	line-height: 1.125rem;
	background: #000;
	padding: 0.46875rem 0;
}
.downl_box{
	position: absolute;
	left: 50%;
	bottom: 2.4rem;
	margin-left: -10rem;
	width: 20rem;
	height: 11.6rem;
	z-index: 20;
	-webkit-animation: fadeIn .5s 1.5s ease both;
	-moz-animation: fadeIn .5s 1.5s ease  both;
	-ms-animation: fadeIn .5s 1.5s ease  both;
	animation: fadeIn .5s 1.5s ease  both;
}
.downl_box .tel input{
	font-size: 1.2rem;
	color: #7c7c7c;
	background: url(../../common/images/inputbg.png) no-repeat;
	background-size: 100% 100%;
	width: 11.6rem;
	height: 2.64rem;
	line-height: 2.64rem;
	margin-bottom: 0.0625rem;
	text-align: center;
	position: relative;
	border: 0;
	outline: none;
	z-index: 10
}
.ewm_box{
	margin-top: 19px;
	margin-left: 13px;
}
.ewm_box .ewm{
	background: url(../../common/images/ewm_bg.png) no-repeat;
	background-size: 100% 100%;
	width: 6.92rem;
	height: 6.08rem;
	overflow: hidden;
	display: none;
	position: absolute;
	top: 5rem;
	left: 0;
}
.ewm_box .ewm img{
	display: block;
	width: 5.84rem;
	height: 5.84rem;
	background-size: 100% 100%;
	margin: 0.12rem 0 0 0.12rem;
}
.downl_box p{
	color: #fff;
	margin-top: 0.12rem;
	font-size: 0.56rem;
}
.ewm_box a{
	display: block;
	float: left;
	width: 2.5rem;
	height: 2.48rem;
	background: url(../../common/images/ico.png) no-repeat;
	background-size:30rem 30rem;
	margin-top: 2rem;
}
.ewm_box .ico_wx{
	background-position: 0 -8.64rem;
	margin: 2rem 1.0625rem 0 6.125rem;
}
.ewm_box .ico_sina{
	background-position: -2.82rem -8.69rem;
	margin-right: 1.36rem;
}
.ewm_box .ico_bd{
	background-position: -5.64rem -8.6rem;
}
.downl_box .tel input::-webkit-input-placeholder {color: #7c7c7c !important;}
.downl_box .tel input:-moz-placeholder {color: #7c7c7c !important;}
.downl_box .tel input::-moz-placeholder {color: #7c7c7c !important;}
.downl_box .tel input:-ms-input-placeholder {color: #7c7c7c !important;}
.downl_box .tel_btn{
	width:11.52rem;
	height: 5rem;
	background: url(../../common/images/yue_btn.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -1.76rem;
	right: 0;
	z-index: 6;
}
.downl_box .tel_btn a{
	width: 7.52rem;
	height: 2.88rem;
	position: absolute;
	bottom: 4px;
	right: 0;
}
.tck_yue{
	display: none;
	width: 25.76rem;
	height: 7.08rem;
	border: 0.12rem solid #000;
	border-radius: 0.08rem;
	position: fixed;
	top: 20%;
	left: 50%;
	background: #fce947;
	color: #000;
	margin-left:-12.88rem;
	font-size: 1.04rem;
	z-index: 101;
}
.tck_yue .close{
	width: 1.76rem;
	height: 1.76rem;
	background: url(../../common/images/close.jpg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.tck_yue img{
	width: 5.32rem;
	height: 5.32rem;
	margin: 0.88rem 0.88rem 0 1rem;
}
.tck_yue .text{
	width:70%;
	margin-top: 0.72rem;
}
/*视频*/
.mask{display: none; width: 100%; height: 100%;background: url(../../common/images/mask.png) repeat; position: fixed; margin: 0 auto; top: 0;left: 0; z-index:99;}
#video_tck{ display: none; width: 100%;height: 316px;position: fixed; top: 50%; left: 50%;margin: -20% 0 0 -50%;z-index: 100;}
#close {width: 60px;height: 60px; display: block; position: absolute; top: -30px; right:-30px; background: url(../../common/images/v_close.png) 3px no-repeat;cursor: pointer; background-size:50%;}
.none {line-height: 0;font-size: 0;margin: 0;padding: 0;}
.both {clear: both;}
#player5{ width:80%;color:#000; position: relative;margin: 0 auto;z-index: 1000;}
#player5 video{width: 90%;}
.wclose{ position: absolute; top: 0; left: 18%;}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(500deg);
    transform: rotate(500deg);
    opacity: 1
  }
}
@keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(500deg);
    -ms-transform: rotate(500deg);
    transform: rotate(500deg);
    opacity: 1
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes jump {
  from {
    -webkit-transform: translateY(30px);
  }
  to {
    -webkit-transform: translateY(0px);
  }
}
@-ms-keyframes jump {
  from {
    -ms-transform: translateY(30px);
  }
  to {
    -ms-transform: translateY(0px);
  }
}
@-moz-keyframes jump {
  from {
    -moz-transform: translateY(30px);
  }
  to {
    -moz-transform: translateY(0px);
  }
}
@keyframes jump {
  from {
    transform: translateY(30px);
  }
  to {
    transform: translateY(0px);
  }
}
@-moz-keyframes jump01 {
  from {
    -moz-transform: translateY(-10px);
  }
  to {
    -moz-transform: translateY(0px);
  }
}
@keyframes jump01 {
  from {
    transform: translateY(-10px);
  }
  to {
    transform: translateY(0px);
  }
}
@keyframes animations{
  0%,100%{ transform: scale(0.9); -webkit-transform: scale(0.9);}
  50%{transform: scale(1); -webkit-transform:scale(1);}
}
@-webkit-keyframes animations{
  0%,100%{ transform: scale(0.9); -webkit-transform: scale(0.9);}
  50%{transform: scale(1); -webkit-transform:scale(1);}
}