/* CSS Document */
		body{color:#222;-webkit-text-size-adjust:none;}
        div{ display:block;}
		body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
		h1,h2,h3,h4,h5,h6{font-size:100%;}
		a{text-decoration:none;out-line: none; color:#fff;}
		a:hover{ color:#ceb027;}
		body,button,input,select,textarea {font-family: "微软雅黑";font-size:16px;color:#fff;}
        ol,ul{list-style:none;}
		img{ width:100%;}

		
		html,body{ width:100%; height:100%;background:#000; }

		.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
		.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
        .section-wrap .section-1{ width: 100%;height: 100%; overflow: hidden; position: relative; min-width: 1260px;}
		.section-wrap .section-1 .title{width:100%; height:100%;position:relative; overflow:hidden;}
		.top-nav{width:496px;position: absolute; right: 100px;top: 30px;z-index: 9999;}
		.top-nav ul li{ float: left;margin-left: 10px; width:114px; height:32px;  }
		.top-nav ul li.t-nav-sy{background:url(http://sh.smbbgo.com/szhx/images/in-nav-1.png) no-repeat;}
		.top-nav ul li.t-nav-xw{background:url(http://sh.smbbgo.com/szhx/images/in-nav-2.png) no-repeat;}
		.top-nav ul li.t-nav-xs{background:url(http://sh.smbbgo.com/szhx/images/in-nav-3.png) no-repeat;}
		.top-nav ul li.t-nav-lt{background:url(http://sh.smbbgo.com/szhx/images/in-nav-4.png) no-repeat;}
		.top-nav ul li.t-nav-sy:hover{background:url(http://sh.smbbgo.com/szhx/images/in-nav-1-hover.png) no-repeat;}
		.top-nav ul li.t-nav-xw:hover{background:url(http://sh.smbbgo.com/szhx/images/in-nav-2-hover.png) no-repeat;}
		.top-nav ul li.t-nav-xs:hover{background:url(http://sh.smbbgo.com/szhx/images/in-nav-3-hover.png) no-repeat;}
		.top-nav ul li.t-nav-lt:hover{background:url(http://sh.smbbgo.com/szhx/images/in-nav-4-hover.png) no-repeat;}
		.top-nav ul .navon.t-nav-sy{background:url(http://sh.smbbgo.com/szhx/images/in-nav-1-hover.png) no-repeat;}
		.top-nav ul .navon.t-nav-xw{background:url(http://sh.smbbgo.com/szhx/images/in-nav-2-hover.png) no-repeat;}
		.top-nav ul .navon.t-nav-xs{background:url(http://sh.smbbgo.com/szhx/images/in-nav-3-hover.png) no-repeat;}
		.top-nav ul .navon.t-nav-lt{background:url(http://sh.smbbgo.com/szhx/images/in-nav-4-hover.png) no-repeat;}
		.top-nav ul li a{display: block;float: left;width:114px; height:32px;text-decoration: none;text-indent: -9999px;}

		.section-wrap .section-1 .title .top1{ position:absolute;left: 50%;margin-left: -300px; bottom: 150px; width:600px;height:82px;z-index:100;}
		.ydy_left_b_r2{width:600px;height: 82px;}
		.ydy_left_b_r2 a{float: left;}
	
		.link_apple{width:260px;height: 82px; background: url(../image/pic_18.png) no-repeat;background-size: 100%; text-indent: -9999px;display: block;}
		.link_apple:hover{ background: url(../image/pic_18_hover.png) no-repeat;background-size: 100%;}
		.link_android{width:260px;height: 82px;background: url(../image/pic_21.png) no-repeat;background-size: 100%; text-indent: -9999px;display: block; margin-left: 80px;}
		.link_android:hover{ background: url(../image/pic_21_hover.png) no-repeat;background-size: 100%;}


		@keyframes qrcode2{0% {-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}100% {-webkit-transform: translate(0,95px);-moz-transform: translate(0,95px);-ms-transform: translate(0,95px);transform: translate(0,95px);}}
		
		.section-wrap .section-1 .title .s1-con{width:565px;height: 174px; position:absolute;left: 50%;top:80px; margin-left: -230px;z-index: 50;}
		.section-wrap .section-1 .title .s1-con img{ width:100%; height:100%;}
        .section-wrap .section-1 .title .top1 .ind-video{position: absolute;left:50%; top:50%;margin-left: 250px; margin-top:180px; width: 91px;height: 90px;z-index:10; cursor:pointer;}
		.section-wrap .section-1 .title .top1 .ind-video .video_bg{ display:block; width:100%; height:100%; background:url(http://sh.smbbgo.com/szhx/images/video1.png) no-repeat 0 0;animation:video_bg 2s linear infinite;-webkit-animation:video_bg 2s linear infinite;}
		.section-wrap .section-1 .title .top1 .ind-video .video_bg:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
		.section-wrap .section-1 .title .top1 .ind-video .video_icon{ position: absolute;top: 50%; left: 50%;margin-left: -7px; margin-top: -16px;width: 21px;height: 32px; background: url(http://sh.smbbgo.com/szhx/images/video1h.png) no-repeat 0 0;}
		.section-wrap .title.active .tit{ position:relative; height:100%;opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}
		.section-wrap .section-bg{ background:url(../image/top_bg.jpg) no-repeat center; background-size:cover; position:absolute; width: 100%; height: 100%;top: 0; left: 50%; margin-left: -50%; overflow: hidden;}
		.section-wrap .video-bg2{ background:url(../image/video_bg2.png) no-repeat center; background-size:cover; position:absolute; width: 100%; height: 100%;top: 0; left: 50%; margin-left: -50%; overflow: hidden;}
		.section-wrap video{width: 1920px;height: 984px;position: absolute;left: 50%;top:50%;margin-left: -960px;margin-top:-492px;  z-index: 1}

		.section-wrap .section-2{ width: 100%;height: 100%; overflow: hidden; position: relative; min-width: 1260px;}
		.section-wrap .section-bg2{ background:url(../image/main_bg.jpg) no-repeat center; background-size:cover; position:absolute; width: 100%; height: 100%;top: 0; left: 50%; margin-left: -50%; overflow: hidden;}
		.section-wrap .section-2 .title{ width: 100%; height: 100%; overflow: hidden; position: relative;}
		.section-wrap .section-2 .titbg{background: url(../image/s_01.png) no-repeat;width: 1262px; height: 117px; position:relative;margin-top: 50px;  z-index: 998;display: block;}
		.section-wrap .section-2 .titbg a{ width:126px; height: 37px;display: block; }
		.section-wrap .section-2 .title .inner{position: absolute; width: 1260px;height:100%;left: 50%;top:0;margin-left: -630px;}
		.section-wrap .section-2 .title .inner .ban1_main{position: relative; width: 1260px ;height:296px; margin-top: 45px;}
		.section-wrap .section-2 .title .inner .ban1_main .ban1_left{width:582px; height:422px; float: left;}
		.ppt-container { width:582px; height:422px;position: relative;border: 1px solid #d4e9f2;} 
        .ppt-container img { width:100%; height:100%} 
        .ppt-container .hide {display:none;} 
        .ppt-container ul.image-list li { position:absolute; top:0px; left:0px;z-index:52; width:426px; height:430px;} 
        .ppt-container ul.image-list li a{width:582px; height:422px; display: block;position: relative;}
        .ppt-container ul.button-list { position:absolute; left:50%;bottom:-35px; z-index:53;height: 24px; width: 582px; margin-left: -291px;} 
        .ppt-container ul.button-list li{width:24px;height: 24px;margin-left:10px;  display:inline-block;text-align: center;} 
        .ppt-container ul.button-list span { width:24px;height: 24px; display:inline-block;text-indent:-9999px;background: url(../image/dot.png) no-repeat;} 
        .ppt-container ul.button-list span.selected { width:24px;height:24px;background: url(../image/dot-h.png) no-repeat; }
		
		.section-wrap .section-2 .title .inner .ban1_right{width: 670px;height: 263px; float: left;margin-left: 5px; }
		.section-wrap .section-2 .title .inner #lib_Tab1{ position:relative;width: 670px;}
		.section-wrap .section-2 .title .inner .lib_bg{ position: relative;width:500px; height: 36px; }
        .section-wrap .section-2 .title .inner .lib_Menubox {width: 500px; height:36px;position:absolute;right: 0; }
        .section-wrap .section-2 .title .inner .lib_Menubox li{display:inline-block; cursor:pointer;width:92px;height:36px;position: relative;background: url(../image/n_bg.png) no-repeat ;text-align: center;line-height: 36px;color: #94857e;}
        .section-wrap .section-2 .title .inner .lib_Menubox li.hover{ background: url(../image/n_bghover.png) no-repeat;color:#bbafa3; } 
        .section-wrap .section-2 .title .inner .lib_Menubox li a{color: #94857e;}
        .section-wrap .section-2 .title .inner .lib_Menubox li:hover {background: url(../image/n_bghover.png) no-repeat;color:#bbafa3;}
        .section-wrap .section-2 .title .inner .lib_Menubox li:hover a{color: #bbafa3;}

		.section-wrap .section-2 .title .inner .lib_Contentbox{ width:670px; float:left;margin-top: 64px;}
        .section-wrap .section-2 .title .inner .lib_Contentbox ul{width:100%; float:left;}
        .section-wrap .section-2 .title .inner .lib_Contentbox ul li{width:198px; height: 150px; font-size:16px;line-height:30px;  float:left;background: url(../image/new-bg.png);padding: 15px 0 0 13px;position: relative; margin:16px 0 0 12px;transition: all 0.6s;-webkit-transition: all 0.6s; }
        .section-wrap .section-2 .title .inner .lib_Contentbox ul li a{width:211px; height:165px; color: #6a5b52;display: inline-block;}
        .section-wrap .section-2 .title .inner .lib_Contentbox ul li:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
		.section-wrap .section-2 .title .inner .lib_Contentbox ul li p{ width: 188px; height: 93px; border-bottom: 1px solid #6a5b52; overflow: hidden;}
        .section-wrap .section-2 .title .inner .lib_Contentbox ul li span{ position: absolute;bottom: 20px; right: 20px; color: #6a5b52}

		.section-3{height:200px;background-color: #000;}
		.part_box{width:1200px;margin:0 auto; height:100%;position: relative;}
		.explains{float: left; margin:18px 90px 0 20px; height: 102px;text-align: center;}
		.server-cell{ width:230px;height: 165px!important; background:url(http://sh.smbbgo.com/szhx/images/pub-min-kefu.png) no-repeat ;position: absolute;right: 0;top:20px;}
		.explains a{color:#857c54 ; display: block;}

		.foot-con{ padding:38px 61px;}
		.logo-td{float: left; padding:30px 0 0 100px; }
		.fr{float: left;padding-left:100px;line-height: 25px;font-size: 13px;}
		.fr img{width: 16px;}

		.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}

		.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}

		.put-section-2{ transform:translateY(-120%);-webkit-transform:translateY(-120%);}



		.fadeInUp1{-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);transform: translateY(100px);-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-ms-transform: translateY(100px);-o-transform: translateY(100px);}
		.ani{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
		.active .fadeInUp1{-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);}
		.fadeInLeft1{-webkit-opacity: .5;-moz-opacity: .5;opacity: .5;filter: alpha(opacity=50);transform: translateX(-100px);-webkit-transform: translateX(-100px);-moz-transform: translateX(-100px);-ms-transform: translateX(-100px);-o-transform: translateX(-100px);}
		.active .fadeInLeft1{-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);}


		.rightsild{position: fixed;background: url(http://sh.smbbgo.com/szhx/images/rightsild_bg.png) no-repeat;width: 156px;height: 207px;padding-top: 86px;right: 100px;top: 280px;z-index: 50;}
		.rightsild .close{position: absolute;width: 23px; height: 25px;top:10px; right: -15px;background: url(http://sh.smbbgo.com/szhx/images/close.png);z-index: 51;    -webkit-transition: .5s all;-moz-transition: .5s all;-ms-transition: .5s all;-o-transition: .5s all;transition: .5s all;}
		.rightsild .close:hover{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
		.rightsild .sild_main{position: absolute; width: 92px;height: 304px;top:80px;left:49px;}
		.rightsild .sild_main p{font-size: 12px;text-align: center; color: #30a5ac; margin-top: 5px;}
		.rightsild .sild_main span{width: 92px;height: 94px; margin: 3px auto; padding-top:6px;  display: block;border-top: 1px solid #30a5ac;}
		.rightsild .sild_main a{ width: 92px; height:31px; margin: 3px auto; display: block; text-indent: -9999px;}
		.rightsild .sild_main .rs-link_apple{background: url(http://sh.smbbgo.com/szhx/images/rs-link_apple.jpg) no-repeat;}
		.rightsild .sild_main .rs-link_android{background: url(http://sh.smbbgo.com/szhx/images/rs-link_android.jpg) no-repeat;}

        .nav{ width:81px; height:179px; position:fixed;left:30px;top:50%;margin-top:-98px; background: url(http://sh.smbbgo.com/szhx/images/l-nav-by.png) no-repeat;padding-top:18px;z-index: 50;  }
        .nav li{float:left; width:81px;height:24px;cursor:pointer;margin-bottom:25px;text-align: center; line-height: 24px;color: #fff;font-size: 12px; margin:8px 0; }
		.nav li.on{ background: url(http://sh.smbbgo.com/szhx/images/l-nav-inner-bg.jpg) no-repeat;}
		.nav li:nth-child(5){display: none;}


		.news-w{position: relative;width: 100%;min-width: 1260px;height: auto;min-height: 937px; overflow: hidden;background-color: #f4ffff;}
		.news-w .content-bg { position: absolute;width: 100%;height: 978px;left: 50%;margin-left: -50%;top: 0;background:url(../image/news.jpg) no-repeat;background-size: cover;}
		.news-w .news-inner {position: relative;width: 1200px;margin: 0 auto; padding: 380px 0 0;}
		.news-w .news-inner .news{width: 100%;height: auto;position: relative; margin-top: -15px;padding-bottom: 110px;}
	    .news-w .news-inner .news .news_left{position:absolute;background: url(../image/leftpic.jpg) no-repeat;width: 243px;height: 367px;left:0;top:35px;z-index: 50;}
	    .news_left .sild_main{position: relative; width: 243px;height: 367px;}
		.news_left .sild_main p{font-size: 18px;text-align: center; color: #fff;margin-top: 10px;color:#fff;}
		.news_left .sild_main span{width: 174px;height: 174px; margin: 10px auto; display: block;}
		.news_left .sild_main a{ width: 190px; height:62px; margin: 4px auto;}
		.news_left .sild_main a{ background-size: 100%; }


		.news-w .news-inner .news .news_right{width: 957px;height: auto;min-height:530px; background-color: #fff;overflow: hidden; float: right;position: relative;top: 35px;}
		.news-w .news-inner .news .news_right .news_info{width: 870px; height: auto;margin: 0 auto;position: relative; color:#000;}
		.news_title{ float:left; width:100%; border-bottom:3px solid #eeeeee; padding-bottom:10px; margin-top:20px;}
		.news_title h2{ float:left; width:100%; font-size:30px; font-weight:normal; font-family:"微软雅黑"; color:#191919;}
        .news_title span{ float:left; font-size:15px; width:100%;}
		.news_title span a{color:#8b8b8b;}
		.news_title span a:hover{color:#ceb027;}
        .news_title_right{ float:right; width:34%; margin-top:18px; }
        .news_title_right a{ float:left; font-size:15px; padding:8px 15px; color:#8b8b8b; margin:0 5px;}
        .news_title_right a:hover{ border:1px solid #cdcdcd; color:#3b3b3b;}
        #news_title_text{border:1px solid #cdcdcd; color:#3b3b3b; }

        .news_con{ width:100%; float:left; margin-bottom:5%}
        .news_con ul{width:100%; float:left; margin-top:10px;}
        .news_con ul li{width:100%; line-height:40px; font-size:14px; float:left; font-family:"宋体"; border-bottom:1px dashed #c5c5c5;}
        .news_con ul li a{width:70%;  height:40px; overflow:hidden; float:left; color:#000;}
		.news_con ul li a:hover{ color:#ceb027;}
        .news_con ul li span{ float:right;color:#8b8b8b;}
        .news_con ul li p{ float:left; color:#8b8b8b; margin-right:10px;}
        .news_box_con{ width:80%; float:left; margin-left:10%; line-height:22px; font-family:"宋体"; font-size:15px;}
        .news_title_con{ font-size:24px; font-family:"微软雅黑"; color:#4aacec; font-weight:normal;}

        .index_images{ float:left; width:100%; padding-top:10px;}

        .news_right_img{float:left; width:686px; background:#FFF; padding:0px 20px}

        .news_title_img{float:left; width:726px; line-height:60px; background:#f1cd52;}
        .news_title_img h2{ font-family:"微软雅黑"; font-size:24px; margin-left:20px; float:left; color:#000;}
        .news_img_text{ float:left; width:70%; margin-left:70px;}
        .news_img_text a{ line-height:40px; float:left; margin-top:20px; font-size:16px; font-family:"微软雅黑"; width:30%; text-align:center; color:#000; margin-right:10px;}
        .news_img_text a:hover{background:#FFF;  }
        #news_pic{background:#FFF; }
        #images{margin-right: 4px; float:left; width:160px; margin-bottom:10px; margin-left:6px; margin-top:20px;}
        #images a{ float:left;}
        #images p{ float:left; width:100%; background:#dcdcdc; text-align:center; line-height:26px; font-family:"微软雅黑"; font-size:16px;} 
        #imgbox-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
        .imgbox-wrap {position: absolute;top: 0;left: 0;background: #4aacec;display: none;z-index: 90;}
		
		.clear-fix{clear: both;}
		
		@keyframes arrow1{ 0%,100%{transform:scale(1,1);} 50%{transform:scale(.9,.9);} }
		@-webkit-keyframes arrow1{ 0%,100%{transform:scale(1,1);} 50%{transform:scale(.9,.9);} }

		@keyframes arrow{ 0%,100%{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5;} }
		@-webkit-keyframes arrow{ 0%,100%{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
		
		@keyframes video_bg{　0%{-webkit-transform:rotate(0deg);}　50%{-webkit-transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);}}
		@-webkit-keyframes video_bg{　0%{-webkit-transform:rotate(0deg);}　50%{-webkit-transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);}}

 

/*翻页*/
.pagefy{ float:left; width:100%; margin-top:20px; padding-bottom:10px;}
.pagebg {
	border: 1px solid #dddddd;
	height: 20px;
	padding: 5px 8px; margin:0 2px;
}
.pagebg a{ color:#000}
.pagebg a:hover{ color:#2aa1a9;}
.pageon {
	font-size: 12px;
	color: #FFFFFF;
	background: #2aa1a9;
	height: 19px;
	padding: 5px 8px;
	}
.pageon a:link {  font-size: 12px; color: #ffffff; text-decoration: none}
.pageon a:visited {  font-size: 12px; color: #ffffff; text-decoration: none}
.pageon a:hover {  font-size: 12px; color: #000000; text-decoration: none}

.pageoff {
	height: 19px;
	padding: 5px 8px;
	font-size: 12px; color: #898989; text-decoration: none; border:1px solid #dddddd;
}

.pageoff a:link {  font-size: 12px; color: #898989; text-decoration: none}
.pageoff a:visited {  font-size: 12px; color: #898989; text-decoration: none}
.pageoff a:hover {  font-size: 12px; color: #2e6fa4; text-decoration: none}


/*手机样式*/

@media screen and (max-width:550px){

.ban1_left_b_r1{ float:left; margin:20px 0 0 20%; width:35%; position:relative;}
.ban_top{ width:100%; margin-top:380px;}
.ban_top_left{ float:left; width:100%;}
.ban1_left_b_t img , .ban1_left_b_b img{ width:100%;}
.ban1_left_b_m { display:none;}
.ban_top_main{ display:none;}

.ban_top_right{ float:left; width:100%; margin:0}
.lib_Menubox li{width:19%;padding-left:12px; }
.lib_Menubox li.hover{ width:19%;padding-left:12px;}
.lib_Contentbox{ width:93%; padding:10px 10px; }
.lib_Contentbox ul li a{width:60%;}

.ban_main_left{ display:none;}
.ban_main_left img{width:100%}
.ban_main_main{width:100%; margin:10px 0 10px 0;}
.lib_Contentbox_1 { width:100%; height:auto;}
.lib_Contentbox_1 img{ width:100%}
.ban_main_right{width:100%; margin:0;}
.ban_main_right h2{ display:none;}
.con_Raiders{height:286px;}

.ban3{ display:none;}
.controls{ float:left; margin:0}
.controls li{ margin:0;}
.controls li img{ cursor:pointer;}


.ppt-container { width:100%;  float:left; height:271px;} 
.ppt-container ul.button-list { list-style:none; position:absolute; left:380px; bottom:20px; } 

body{ background:#000 url(http://sh.smbbgo.com/szhx/images/bg2.jpg) no-repeat center top;}

.ban4{ width:100%; float:left; margin-top:380px; padding:0;}
.news_left{ display:none;}
.news_right{ width:100%; padding:0;}
.news_title_left{ width:90%; margin-left:3%;}
.news_title_right{ width:98%;}
.news_con img{ width:100%;}
.news{ width:100%; float:left; padding:0px;}
.news_con{ width:94%; margin-left:3%; margin-right:3%;}
.news_con ul li a{width:60%;  height:40px; overflow:hidden; float:left}
.news_title_con{ font-size:20px; line-height:22px;}

.news_right_img{ width:100%; padding:0px;}
#images img{ width:100%;}
#images{float:left; width:47%; padding:0; margin:0; overflow:hidden; margin-left:2%; margin-bottom:10px;}
#images a{ width:100%;}

.news_title_img{ width:100%; overflow:hidden;}
.news_title_img h2{ width:100%; line-height:22px; margin-top:10px;}
.news_img_text{ float:left; width:94%; margin-left:10px;}


.index_flash{ display:none;}
} 

@media screen and (max-width:414px){/*iphone 6  Plus*/

.ppt-container { width:100%;  float:left; height:180px;} 
.ppt-container ul.button-list { list-style:none; position:absolute; left:300px; bottom:20px; } 
}
@media screen and (max-width:375px){/*iphone 6*/
.ppt-container { width:100%;  float:left; height:170px;} 
.ppt-container ul.button-list { list-style:none; position:absolute; left:300px; bottom:20px; } 
}
@media screen and (max-width:320px){/*iphone 5*/
.ppt-container { width:100%;  float:left; height:145px;} 
.ppt-container ul.button-list { list-style:none; position:absolute; left:250px; bottom:20px; } 
}