@media only screen and (max-width: 1400px) {
.banner article h1{font-size:85px;line-height:145px;}
.prev_btn{left:-35px;}
.next_btn{right:-35px;}
}
@media only screen and (max-width: 1300px) {
.videos{overflow:hidden;}
.throw,.prev_btn:hover,.next_btn:hover{ transform:scale(0.6)}
.prev_btn{left:0;}
.next_btn{right:0;}
}
@media only screen and (max-width: 980px) {
.banner article h1{font-size:75px;line-height:125px;}
.banner article h5{font-size:25px;line-height:30px;margin-bottom:40px}
.reg{max-width:460px}
.speakers .col2 figure img{width:100%}
}
@media only screen and (max-width: 768px) {
.container {padding:0 20px}
h2{font-size:36px;line-height: 36px;margin-bottom: 12px;}
h3{font-size:24px;}
header{height: 50px;box-shadow:2px 2px 5px #ccc;background:#fff}
header img {margin-top:6px;}
.head_link {line-height:50px;}
/*banner*/
.banner article h1{font-size:65px;line-height:105px;}
.banner article h5{font-size:22px;margin-bottom:30px}
/*main*/
.video_link span{ transform:scale(0.6);-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);}
.register_box article{width:100%;padding-right:0; margin-bottom:25px}
.reg{float:none;margin:0 auto;max-width:none;}
.submit_btn{margin:20px auto 0}
.col4 li{width:33.333%; margin-bottom:25px}
.speakers ul{margin-left:-15px;margin-right:-15px}
.speakers ul.col1{margin:0 auto;}
.introduction.col_agenda article{width:100%;float:none;padding-right:0; margin-bottom:25px}
.col_agenda figure section{ margin-bottom:10px;}
.col_agenda figure section span,.col_agenda figure section p{float:none;width:100%;margin-right:0;}
.introduction.col_agenda figure{padding-top:0;margin-bottom:0;float:none;padding-left:0;width:100%}
.agenda,.register_box article{max-width:none;}
.speakers .col2{max-width:520px;margin:0 auto;}
.speakers .col2 figure img{width:auto;}
.speakers .col2 figure,.speakers .col2 section{width:100%;float:none; text-align:center}
.speakers .col2 section{padding-left:0;padding-top:0}
.address article,.address figure{width:100%;float:none;padding-right:0}
.address article{margin-bottom:25px;}
/*footer*/
footer div ul {display: block;margin-bottom: 0px;}
footer div ul li.left,footer div ul li.right {display: block;width: 100%;margin-bottom: 24px;}
footer div ul li.right .contact-way a {margin-bottom: 12px;}
.download{display:block;}
.erweima{display:none;}
footer div ul li a.more,.download a {height:35px;line-height:35px;}
.download a {margin-top:10px}
.more-fun{display:block}
.more-fun-pc {display:none}
}
@media only screen and (max-width: 640px) {
main h2{font-size:26px;line-height:26px;}
.banner article h1{font-size:50px;line-height:90px;}
.banner article h5{font-size:18px;line-height:25px;margin-bottom:20px}
.introduction figure{width:100%;float:none; margin-bottom:40px;padding-left:0}
.introduction .video_link span{ transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.col4 li,.col3 li{width:50%;}
.speakers .col2{max-width:none;margin:0 -15px;}
.col4 .video_link span{transform:scale(0.7);-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-o-transform:scale(0.7);}
.area_info article{width:100%;}
.area_info figure{width:100%;padding-left:0}
.pcbox{display:none;}
.wapbox{display:block;}
}
@media only screen and (max-width: 500px) {
.banner article h1{font-size:38px;line-height:50px;}
.banner article h5{font-size:16px;}
.banner article a{width:130px;height:40px;line-height:40px;}
}
@media only screen and (max-width: 440px) {
.products li a span{border:none;}
.products li a img{border:1px #ccc solid;}
}
@media only screen and (max-width: 400px) {
.banner article h1{font-size:30px;line-height:40px;}
.banner article h5{font-size:14px; margin-bottom:10px}
.banner article a{width:130px;height:30px;line-height:30px;font-size:14px}
.introduction .video_link span{ transform:scale(0.6);-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);}
.speakers li img,.speakers .col2 li img{width:100%}
.speakers .col1 li img{width:auto}
.slide_wrap li{padding:0}
.address article section.bus,.address article section.park{ background-size:38px;padding-left:50px}
.agenda figure section span,.agenda figure section p{float:none;width:100%;}
.agenda figure section span{margin-bottom:5px;margin-right:0;display:block}
.speakers .col2{width:100%;margin:0}
}