body { padding: 0; font-family: "Microsoft YaHei"; margin: 0; -webkit-text-size-adjust: none; width: 100%; min-width: 320px; max-width: 640px; overflow-x: hidden; margin: 0 auto }
body, html { font-size: 10px; font-family: 'Source Han Sans', 'Hiragino Sans GB', STXihei, "Microsoft YaHei", SimSun, Heiti, sans-serif; outline: 0; color: #000; -webkit-text-size-adjust: 100% }
ol, ul { list-style: none }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
a { text-decoration: none }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
b, dd, dl, dt, h1, h2, h3, input, li, p, span, ul { margin: 0; padding: 0; list-style: none }
img { border: 0; display: block }
em { font-style: normal }
* { margin: 0; padding: 0; font-family: "Microsoft YaHei" }
li { list-style: none }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle }
body { background: #fff }
.viewport { min-width: 320px; margin: 0 auto; overflow: hidden }
.h_20px { width: 100%; height: 20px; overflow: hidden; clear: both }
.h_10px { width: 100%; height: 5px; overflow: hidden; clear: both }
.top { background: #f4f4f4; width: 100%; clear: both; float: left; }
.logo { float: left; width: 50% }
.nav { float: right; width: 50%; text-align: right }
.nav li { display: inline; line-height: 3; text-align: center }
.nav li a { color: #333; padding: 10px 25px; font-size: 16px }
.nav li a:hover { background: #ee7700; color: #fff }
 @media only screen and (max-width:320px) {
body { font-size: 10px!important }
.viewport { width: 320px }
}
@media only screen and (max-width:359px) and (min-width:320px) {
body { font-size: 12px!important }
.viewport { width: 320px }
}
@media only screen and (max-width:479px) and (min-width:360px) {
body { font-size: 12px!important }
.viewport { width: 360px }
}
@media only screen and (min-width:480px) {
body { font-size: 16px!important }
.viewport { width: 480px }
}
@font-face { font-weight: 400; font-style: normal; font-family: 'Source Han Sans'; src: url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_9f264e3.eot); src: url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_9f264e3.eot?) format('embedded-opentype'), url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_249157e.woff) format('woff'), url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_2b987e0.ttf) format('truetype'), url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_5d96906.svg) format('svg') }
.banner img { width: 100% }
.title span { font-size: 20px; font-weight: 100; text-align: center; border-bottom: 2px solid #cc0e35; color: #cc0e35; line-height: 35px; }
.title { width: 100%; text-align: center; margin-bottom: 10px }
.bkmn { width: 100% }
.bkmn .bkmu1 { width: 100%; margin: 0 auto }
.bkmn .bkmu1 li { width: 33.3%; float: left }
.bkmn .bkmu1 li img { width: 100% }
.bkmn .bkmu1 li .bkm1text { width: 100%; background: red; text-align: center; color: #fff; padding-bottom: 6px }
.bkmn .bkmu1 li .bkm1text h3 { font-size: 16px; font-weight: 100; line-height: 25px; border-bottom: 5px; }
.bkmn .bkmu1 li .bkm1text h5 { font-size: 10px; font-weight: 100; line-height: 1; font-family: 'Source Han Sans', 'Hiragino Sans GB', STXihei, "Microsoft YaHei", SimSun, Heiti, sans-serif }
/*媒体报道*/
.container1 { background: #e7e7e7; padding: 10px 0 20px 0 }
.container1 .c2list { width: 100% }
.container1 .c2list ul { width: 100% }
.container1 .c2list ul li { width: 45%; margin: 0 0 1% 3%; float: left; text-align: center }
.container1 .c2list ul li img { margin-bottom: 1% }
.container1 .c2list ul li p { width: 100%; font-size: 14px; font-weight: 100; line-height: 1.4; padding-top: 4px; font-family: 'Source Han Sans', 'Hiragino Sans GB', STXihei, "Microsoft YaHei", SimSun, Heiti, sans-serif }
.container1 .c2list ul li a p { color: #333 }
/*狂欢节开幕式*/
.container2 { width: 100%; margin-top: 10px; padding-top: 16px; background: #e7e7e7 }
.container2 .c1pic { width: 96%; margin: 0 auto; position: relative }
.container2 .c1play { position: absolute; top: 40%; left: 50%; margin: -20px 0 auto -20px; animation: playa 3s infinite; -webkit-animation: playa 3s infinite; -moz-animation: playa 3s infinite; -ms-animation: playa 3s infinite; -o-animation: playa 3s infinite }
.container2 .c1dl { font-size: 14px; width: 96%; margin: 0 auto; font-weight: 100; color: #333; text-align: center; padding: 10px 0 14px 0; line-height: 1.4; margin-bottom: 10px; }
@keyframes playa { 0% {
opacity:.1
}
50% {
opacity:1
}
100% {
opacity:.1
}
}
@-webkit-keyframes playa { 0% {
opacity:.1
}
50% {
opacity:1
}
100% {
opacity:.1
}
}
@-moz-keyframes playa { 0% {
opacity:.1
}
50% {
opacity:1
}
100% {
opacity:.1
}
}
@-ms-keyframes playa { 0% {
opacity:.1
}
50% {
opacity:1
}
100% {
opacity:.1
}
}
@-o-keyframes playa { 0% {
opacity:.1
}
50% {
opacity:1
}
100% {
opacity:.1
}
}
/*现场花絮*/
.container4, .container3 { width: 100%; margin-top: 10px; padding-top: 10px; background: #e7e7e7 }
/*吉尼斯大世界*/
.container5 { width: 100%; background: #e7e7e7; padding-top: 10px; margin-top: 10px; float: left }
.guinness { }
.g_left { width: 35%; margin: 0 3%; float: left; }
.g_right { width: 58%; float: left; }
.g_right p { line-height: 1.8; font-family: 'Source Han Sans', 'Hiragino Sans GB', STXihei, "Microsoft YaHei", SimSun, Heiti, sans-serif }
.container6 { width: 100%; padding-top: 10px; margin-top: 10px; padding-bottom: 40px; background: #e7e7e7 }
.container6 img { width: 98%; margin: 0 auto }
.container7 { width: 100%; margin-top: 10px }
/*狂欢节颁奖*/
.awd_list { width: 100%; }
.awd_list li { width: 30%; margin-left: 2.5%; display: inline; float: left; text-align: center; margin-top: 10px }
.awd_list li img { width: 100%; margin-bottom: 5px }
.awd_list li p { color: #333; font-size: 14px; font-family: 'Source Han Sans', 'Hiragino Sans GB', STXihei, "Microsoft YaHei", SimSun, Heiti, sans-serif }
.c3ac1 { display: block; width: 96%; background: #ee7800; padding: 6px 0; margin: 8px auto 0 auto; border-radius: 3px }
.c3ac1 img { width: 45%; margin: 0 auto }
.hd3 li { width: 10px; height: 10px; float: left; border: 1px solid #cca04d; border-radius: 50%; margin: 0 2px }
.video2 { width: 96%; margin: 0 auto; display: none }
.on { background: #cca04d!important }
.code { width: 100%; background: #e7e7e7; padding: 20px 0; margin-top: 10px }
.code img { width: 50%; margin: 0 auto }
.view2-d1 { margin: 0 auto; width: 100%; height: 30px; position: relative; background: #e7e7e7; padding-top: 6px }
#view2-1 { transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, 0); position: absolute; left: 50%; background: #cca04d }
.hd .on { width: 20px; height: 1px; background: #ccc }
.hd ul li { width: 20px; height: 1px; background: #b0b0b0; float: left; margin: 0 1px }
.footer { text-align: center; padding: 2% 0; padding-bottom:50px;}
.footer a{ color:#000000; margin:0 1%;}

/*底部悬浮框 */

.bottom_adr {background:url(../images/bottom_adr.gif)left .35rem; background-size: 100% auto; width:16px;height:.35rem;display: inline-block; color: #ee7800 }
.bottom_qq {background:url(../images/bottom_qq.gif) left .35rem; background-size: 100% auto; width:16px;height:.35rem;display: inline-block; color: #ee7800 }
.user-info { background: #f3f3f3; width: 100%; float: left ; height:60px;}
.user-info li { width: 20%; text-align: center; float: left; display: inline; box-sizing: border-box }
.user-info li img { width:26px;height:26px;margin-top:2px; margin:0 auto;}
.user-info li p {font-size:16px; color: #ee7902; line-height:28px }
.com-client { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 100; }
.com-client .con {padding:.02rem .1rem .04rem 0; position: relative; z-index: 1; }
.com-client .bg { background: #004988; opacity: .6; height:.96rem;width: 100%; position: absolute; z-index: 0; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); }
.com-client span { display: block; }
.com-client span.cli-txt { text-align: left; float: left; padding-top:.2rem}
.com-client span.cli-txt p { line-height: 150%; font-size:.22rem;color: #fff; }
.com-client span.cli-txt p strong { line-height: 150%; font-size:.32rem;color: #fff; }
.com-client .cli-btn { text-align: right; width: 2.1rem; float: right; }
.com-client .cli-btn .pop-btn-client { text-align: center; background: url(../images/call.png) center top no-repeat; background-size: 100% auto; width: 2.2rem; height:.81rem;display: block; }

.shake{margin:0 auto; display:block; position:fixed; top:80%;}

.header { background: #fff; }
.logo{ float:left; width:75%; height: 1rem; }
.qqzone{ float:right; width:22%}
.qqzone img{ float:right; margin-top:5px}