/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
q:before,q:after {content:''}
abbr,acronym { border:0}
span{ vertical-align:middle;}
form{ display:inline;}
a{ text-decoration:none;}
button, input, select, textarea { font-size:100%; }
a:hover { text-decoration:none; }
input{ border:none 0; vertical-align:middle;}
body, button, input, select, textarea { font-size: 16px; font-family:  "JuniorFeatherwt";  vertical-align: middle;}
body{background: #000000;}
.hidden{display: none;}
.left{float: left;}
.right{float:right;}
/* 清除浮动 */
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clear{clear: both;}

@font-face {
    font-family: 'Augold';   /*字体名称*/
    src: url('fonts/plakatLight.otf');       /*字体源文件*/
}

.floatBox{width: 100%; height: 100%; position: absolute;z-index: 999;top: 0;left: 0; background: #000000; overflow: hidden;}
.videoBox{width: 78%;margin: 0 auto;position: relative;}
.videoClose{font-size: 28px;color: #ffffff;font-family: JuniorBantamwt;padding-left:5%;padding-top: 15px;cursor: pointer;}
.videoBroadCast{width: 100%;height: 100%;position: absolute;z-index: 2;left: 0;top:0;cursor: pointer;}
.videoBroadCast span{color: #c7cdc7;font-size: 100px;position: absolute;z-index: 3;top: 37%;left: 45%;}
.toyBrick{ width: 100%;height: 100%; position: absolute;z-index:9999;top: 0;left: 0;background:#d0d0d0;}
.toyBrick .vio{width:32%;margin: 0 auto;margin-top:8%;position:relative;}
.toyBrick .vioBox{position: absolute;z-index: 9999;width: 100%;border-radius: 50%;overflow: hidden;-moz-box-shadow: 0px 0px 50px #c0c0c0;
    -webkit-box-shadow: 0px 0px 50px #c0c0c0;
    box-shadow: 0px 0px 50px #c0c0c0;}
.toyBrick .vioBox video{width: 170%;margin-left: -36%; margin-top: 5%; opacity: 1}

.topMenu{width: 100%;height:84px;position: fixed; z-index:99; top: 0;left:0;border-bottom:6px solid #446b8e;background: #000;}
.topMenu .menu{width: 20%;}
.topMenu .theMen{width:32%;text-align: right;color: #ffffff;font-size:48px;line-height: 84px;font-family: JuniorBantamwt;letter-spacing: 4px;}
.topMenu .nav{width: 48%;}
.topMenu .nav .iconSpan{padding-right: 4%;line-height: 84px;}
.topMenu .nav .iconSpan span{font-size:22px;color:#446b8e;padding-left: 10px;position: relative;top: -3px;}
.topMenu .nav .navList{color: #ffffff;font-size: 22px;line-height: 84px;text-align: right;}
.topMenu .nav .navList span{margin-right: 25px;cursor: pointer;}
.topMenu .nav .navList .active{color: #567a99;}
.navigation  {  margin:0;  padding:0;  list-style:none;  }
.navigation  li {  float:left;  width:100%;  position:relative;font-size: 22px;  line-height:84px;}
.navigation  li a {  background:#000;  color:#fff;  display:block; text-decoration:none;  text-align:left;  text-transform:uppercase;padding-left: 10%;}
.navigation  ul {  position:absolute; background: #446b8e;  left:0; width:100%;   display:none; margin:0 0 0 -1px;  padding:0;  list-style:none;  }
.navigation  ul li { width:100%;  float:left;  border-top:none;line-height:54px; }
.navigation  ul li a{ background: #446b8e;}
.navigation  ul li a:hover{background: #000000;}

.section{color: #ffffff;}
.listBox{margin-top:-2%;}
.section2{background: #d5d5d5;}
.section2 .videos_left{width:22%;padding-top:10px;font-size:48px;letter-spacing: 10px;text-align: center;color: #000000;}
.section2 .videos_content{width:60%;padding-top:30px;}
.section2 .videos_content .videos_content_box{width: 100%;position: relative;}
.vcBox{width: 100%;height: 100%;position: absolute;z-index: 2;left: 0;top:0;cursor: pointer;}
.vcBox span{color: #c7cdc7;font-size: 100px;position: absolute;z-index: 3;top: 37%;left: 45%;}
.section2 .videos_content p{text-align: right;padding-bottom: 15px;color: #000000;}
.section2 .videos_content p .youtubeB{background: #446a8d;color: #ffffff;padding: 3px 6px;margin-left: 1px;}
.section2 .videos_content p .youtubeB span{font-size: 16px;padding-right: 3px;position: relative;top: -1px;}
.section2 .videos_right{width:15%;padding-top: 20%;font-size: 26px;color: #ffffff;letter-spacing: 6px;}
.section2 .videos_right p{padding-bottom: 10px;padding-left: 10%;cursor: pointer;}
.section2 .videos_right .active{color: #000000;}
.playMode{text-align: center;padding-top: 15px;}
.playMode a{background: #446a8d;color: #ffffff;padding: 9px 14px 6px 14px;font-size: 14px;margin-left: 3px;margin-right: 3px;}
.playMode a span{font-size:14px;padding-right: 2px;position: relative;top: -2px;}


.section3 .thirdBox{width: 100%;position: relative;height: 100%; }
.section3 .thirdBox .thirdBoxText{width:100%; height: 100%; position:absolute;z-index: 2;left: 0;top:0;color: #ffffff;background: url("../images/b1.png");}
.section3 .thirdBox .thirdBoxText .tBox{width: 95%;margin: 0 auto;padding-top:10%;}
.titleBoxText{font-size:48px;letter-spacing: 6px;}
.thirdBoxText .left{width:44.6%;font-size: 20px;}
.thirdBoxText .left p{width: 70%;padding-top: 40px;padding-bottom: 45px;line-height:36px;}
.thirdBoxText .right{width: 30%;line-height: 28px;padding-top:40px;}
.thirdBoxText .right p{font-size: 18px;color: #ebebeb;}
.thirdBoxText .right span{font-size: 20px;color: #ffffff;position: relative;top: -2px;}
.leftText{padding-left: 20px;font-family:JuniorBantamwt;letter-spacing: 2px;font-size: 26px;}
.leftText a{padding-left:10px;padding-right:10px;color: #ffffff;}

.fourthBox{width: 100%;position: relative;}
.fourthText{position: absolute;z-index:2;width: 100%;height: 100%;top: 0;left: 0;color: #ffffff;background: url("../images/b1.png");}
.fourthTitle{width: 95%;margin: 0 auto;padding-top:10%;}
.fourthTitle h4{font-size: 48px;color: #ffffff;letter-spacing: 5px;}
.fourthInfo{width:90%;margin: 0 auto;padding-top:4%;}
.fourthInfo li{width: 50%;float: left;}
.fourthInfo li .fourth_li{margin: 10px;}
.fourthInfo li .fourth_li .left{width:25%;}
.fourthInfo li .fourth_li .left img{border: 2px solid #ffffff;border-radius: 2px;}
.fourthInfo li .fourth_li .right{width:75%;line-height:19px;}
.fourthInfo li .fourth_li .right h5{color: #446b8e;font-size:32px; font-family: JuniorBantamwt; font-weight: bold; padding-left: 10px;padding-bottom: 10px;text-shadow:0px 0px 1px #000;}
.fourthInfo li .fourth_li .right p{padding-left: 10px;font-size: 16px;}
.carousel-indicators{bottom: 18%!important;width: 13%!important;margin-left: -6.5%!important;}

.galleryBox{width: 100%;position: absolute;z-index: 9;height:80px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f9), to(#bbbbbd))}
.galleryTop{width:96%;height: auto;margin: 0 auto;}
.galleryBox .left{font-size: 48px;color: #090909;letter-spacing:5px;line-height:80px;}
.galleryBox .right{font-size: 18px;color: #075E92;line-height:80px;padding-right: 1%;cursor: pointer;}

.section6{background: #d5d5d5;}
.poster{width: 100%;height: 100%;position: relative;}
.posterbox{position: absolute;z-index:2;width: 100%;height: 100%;top: 0;left: 0;}
.poster.fourthTitle{padding-top: 96px;}
.poster .fourthTitle h4{color: #000000;}
.posterImg{width:47%;margin: 0 auto;}
.posterImg .left{width:49%;margin-left: 0.5%;margin-right: 0.5%;}
.posterImg .left img{width: 90%; border-radius: 2px;border:8px solid #ffffff;-moz-box-shadow: 0px 0px 8px #9f9f9f;  -webkit-box-shadow: 0px 0px 8px #9f9f9f;  box-shadow: 0px 0px 8px #9f9f9f;cursor: pointer;}
.posterbox p{padding-top: 15px;font-size: 18px;text-align: center;color: #000000;letter-spacing: 2px;}

.item img{width: 100%;}
.posterBigBox{position: fixed; z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background: #98a4b0;}
.posterBigImg{width: 100%;height:100%;position: relative;background:url("../images/animationBj.jpg")no-repeat;background-size: 100% 100%;}
.posterBigImg .imgBox{width:32%;margin: 0 auto;padding-top: 2%;}
.posterBigImg .imgBox img{width: 90%; border-radius: 2px;border:8px solid #ffffff;-moz-box-shadow: 0px 0px 8px #9f9f9f;  -webkit-box-shadow: 0px 0px 8px #9f9f9f;  box-shadow: 0px 0px 8px #9f9f9f;cursor: pointer;}
.posterLeftInfo{position: absolute;z-index: 2;top:0;right: 0;width: 34%;height: 100%;}
.posterX{color: #ffffff;font-size: 52px;padding-top: 2%;cursor: pointer;}
.posterShare{padding-top: 40%;}
.posterShare p{font-size: 34px;color: #ffffff;padding: 0px;margin-left:3px;letter-spacing: 2.6px;}
.posterShare p a{color: #fff;}
.posterShare .playMode{text-align: left;padding-top: 5px;}
.posterShare .playMode a span{top: -2px;}

.mainBorder{width: 100%;height: 6px;padding: 0;margin: 0;background:-webkit-gradient(linear, 100% 20%, 40% 20%, from(#8ea5ba), to(#446b8e))}

.section7{position: relative;}
.img_se7{min-width: 100%;height: 100%;}
.animation{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;}
.animation_box{padding-top: 16px;width: 95%;margin: 0 auto;}
.animation_box h2{font-size: 48px;color: #ffffff;letter-spacing:5px;line-height: 48px;}
.animation_title{width: 100%;}
.color_b{color: #000000;font-size: 15px;font-weight: bold;}
.animation_content{width: 100%;height: auto;position: relative;}
.animation_info{width: 14%;font-size: 20px;padding-top: 25px;}
.animation_info img{width:106%;}
.animation_info h4{font-size: 36px;font-weight: bold;font-family: JuniorBantamwt;letter-spacing: 2px;color: #8c0d04;}
.animation_info .michael{padding-top: 25px;}
.animation_info .Copyright{position: absolute;z-index: 2;bottom: 0;left: 0;font-size: 16px;}
.animation_icon{padding-left:26.7%;}
.animation_img{width: 69%;}
.animation_l,.animation_r{width:17%;text-align: center;font-size: 82px;height: auto;}
.animation_l a span,.animation_r a span{position: relative;top: 40%;color: #FFFFFF;}
.animation_left{width:65.2%;}
.anImgBox{width: 100%;height: auto;}
.anImgBox li{float: left;width: 100%;height: auto;}
.anImgBox li img{float: left;width: 48.6%;border: 4px solid #000000;height: auto;}
.anImgBox li .lImg{border-right: 2px solid #000000;cursor: pointer;}
.anImgBox li .rImg{border-left: 2px solid #000000;}
.animation_img_list{width: 15%;}
.animation_img_list .animationTab{width: 80%;margin: 0 auto;overflow: hidden;padding-top: 40px;}
.animation_img_list .animationTab .anImgBoxTab{width: 100%;height: auto;margin-top: 15px;}
.animation_img_list .animationTab .anImgBoxTab  li{float: left;width: 100%;height: auto;}
.anImgBoxTab img{float: left;width: 48%;border: 2px solid #000000;height: auto;cursor: pointer;}
.anImgBoxTab .lImg{border-right: 1px solid #000000;}
.anImgBoxTab .rImg{border-left: 1px solid #000000;}

.container4 {  width: 100%;  height: auto; float: left; margin-top: 20px; }
.container4 .div_scroll {  width: 100%;  overflow: auto;  float: left;  height: auto;  }
.container4 .scroll_container {  overflow: hidden;  position: relative; }
.container4 .scroll_absolute {  position: absolute;  }
.container4 .scroll_horizontal_bar {  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 16px;  background: green;  padding-top: 0;  padding-right: 0;  padding-bottom: 0;  padding-left: 0;  margin: 0;  }
.container4 .scroll_cap {  display: none;  }
.container4 .scroll_horizontal_bar .scroll_cap {  float: left;  }
.container4 .scroll_track { position: relative;  background-color: #ffffff;  text-align: left; border-top:2px solid #000000; }
.container4 .scroll_drag {position: relative;  top: 0;  left: 0;  cursor: pointer;  background-color: #ccc;  }
.container4 .scroll_horizontal_bar .scroll_track, .scroll_horizontal_bar .scroll_drag {  float: left;  height: 100%;  }
.container4 .scroll_arrow {text-indent: -20000px;  display: block;  cursor: pointer;  background-color: #ffffff;  }
.container4 .scroll_horizontal_bar .scroll_arrow {  width: 16px;  float: left;  height: 100%;}

.contentBox{width: 100%;height: 100%;position: fixed;z-index: 999;top:20%;left: 0;}
.contentBox_bor{width: 60%;margin: 0 auto;height: auto;border: 6px solid #98adc0;background:url("../images/ctbg.png")no-repeat;background-size: 100% 100%;}
.contentBox_bor .cont_close{padding-top: 10px;padding-right: 10px;font-size: 26px;padding-bottom: 10px;cursor: pointer;}
.contentBox_bor h2{text-align: center;font-size: 70px;margin: 0px;padding: 0px;letter-spacing: 6.2px;}
.contentBox_bor h4{text-align: center;font-size: 36px;}
.contentBox_input{width: 67%;margin: 0 auto;font-size: 18px;}
.contentBox_input .p1{text-align: center;padding-top: 10px;padding-bottom: 15px;}
.contentBox_input .p2{padding-top:10px;padding-bottom: 15px;}
.contentBox_input .p2 span{color:#ff0000;font-weight: bold;padding-left: 5%;}
.contentBox_input input{height: 40px;line-height: 40px;text-align: center;width: 70%;background: #000;color: #ffffff;border: none;margin-right: 20px;font-size: 18px;}
.contBtn_input{height: 40px;line-height: 40px;text-align: center;background: #446b8e;color: #ffffff; width: 20%;cursor: pointer;}
.contBtn {height: 40px;line-height: 40px;text-align: center;background: #446b8e;color: #ffffff; padding-left: 35px;padding-right: 35px;margin-right:15px;cursor: pointer;}
.contBtnspan{padding-left: 8px;padding-right: 8px;}
.contBtn .icon-facebook2{font-size: 24px;}
.contentBox_bt{margin-bottom:55px;}
.contactBox{text-align: left;padding-left: 35%;font-size: 20px;}
.contactBox .p1{color: #436583;font-size: 46px; letter-spacing: 5px; padding-bottom: 0px;margin-bottom: 0px;padding-top:14%;}
.contactBox .p2{font-size: 24px;padding-bottom: 18%;}
.contactBox .p3{padding-bottom: 10%;}

.animationImg_box{width: 100%;height: 100%;position: absolute;z-index: 9998;left: 0;top: 0;background: #000000;display: none;}
.animationImg_list{width: 100%;height: 600px;overflow-x: hidden;}
.animationImg_list img{width: 80%;display: block;margin: 0 auto;}
.animationImg_colse{position: absolute;z-index: 9;top: 0;right:40px;width:80px;height: 40px;}
.animationImg_colse img{width: 100%;}

.articleBox{width: 80%; margin: 0 auto;min-height:900px; -moz-box-shadow: 0px 0px 8px #9f9f9f;  -webkit-box-shadow: 0px 0px 8px #9f9f9f;  box-shadow: 0px 0px 8px #9f9f9f;}
.articleContent{padding:110px 20px 20px 20px;font-family: "Microsoft YaHei","Helvetica";color: #333;line-height: 24px;}
.articleContent h1{font-size:36px;border-bottom:dashed 1px #ccc;padding-bottom: 5px;}
.articleContent .head_info{padding-top: 10px;padding-bottom: 10px;}
.articleContent .head_info p{font-size: 18px;padding-bottom: 3px;}
.articleContent p{font-size: 14px;padding-bottom: 10px;text-align:justify;text-justify:newspaper}
.articleContent p a{text-decoration:underline;color: #1A88D3;cursor: auto;}
.articleContent label{color: #333;text-decoration:underline;}
.articleContent a label{cursor: pointer;}

.contentBox_input .p1 a{color: #000;text-decoration: underline;}

.text_botttom{position: fixed;width: 270px;height: 70px;line-height: 16px;color: #ffffff;text-shadow: 1px 1px 0 #000;right: 50px;bottom: 0;}