@charset "gb2312";
/* CSS Document */

* { padding:0; margin:0;}
body { font-size:12px; font-family:Arial; background:#F1F1F1;}
ul { list-style:none;}
li { list-style:none; vertical-align:middle;}
a { color:#333; text-decoration:none;}
a:hover {}
img { border:none;}
.cl { clear:left;}
.left { float:left;}
.right { float:right;}

.top { width:100%; height:50px; background:#FFF;-webkit-box-shadow: 0px 0px 5px #ccc;-moz-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc; position:relative;}
.logo { width:100px; background-color:#187FDE; height:50px;}
.logo img { width:100px;}
.search { position:absolute; left:108px; top:8px; right:8px; height:32px; background:url(images/touchwap_s1.jpg) repeat-x; border:1px solid #999;}
.search input { position:absolute; width:90%;height:30px; border:0; background:none; background-size:15px 15px; outline:none; line-height:30px; float:left;}
.search2 { width:40px; float:right; height:32px; border-left:1px solid #999; background:url(images/touchwap_s2.png) center no-repeat; background-color:#f5f5f5; background-size:15px 15px;}

.main { -webkit-box-sizing: border-box;margin: 0 auto;min-height: 626px;padding: 12px 12px 6px;}
.banner {margin: 0 auto;width: 100%;height: 200px;border-radius: 5px;overflow: hidden; position:relative;}
.banner ul {border-radius: 15px; position:absolute; width:300%}
.banner li { width:33.3%; height:200px; float:left}
.banner li img {max-width:100%;max-height: 100%}
.bannertr {top: -18px;z-index: 100;position: relative;margin: 0 auto;width: auto;height: 10px;text-align: center;}
.bannertr li { width:10px; height:10px;display: inline-block; cursor:pointer;border-radius: 50%;}
.bannertr_li { width:10px; height:10px;display: inline-block; cursor:pointer;border-radius: 50%;background:#fff; border-top:1px solid #CCC;}
.bannertr_lia { width:10px; height:10px;display: inline-block; cursor:pointer;border-radius: 50%;background:#F00; border-top:1px solid #c60000;}
.menu { width:296px; margin:0 auto; margin-top:20px; background:url(images/touchwap_bt1.jpg) bottom repeat-x; padding-bottom:15px;}
.menu li { width:20%; text-align:center; height:100px; float:left; display:block; margin-left:4%;}
.menu li img {width: 100%!important;height:auto!important; margin-bottom:10px;-webkit-box-shadow: 0px 0px 5px #efefef;-moz-box-shadow:0px 0px 5px #efefef; box-shadow:0px 0px 5px #efefef;border-radius: 5px;}
.lb_box { width:296px; margin:0 auto; padding-top:10px; background:url(images/touchwap_bt1.jpg) bottom repeat-x; padding-bottom:25px;}
.lb_boxtl { width:296px; height:30px; text-align:center; line-height:30px; padding-bottom:5px;}
.lb_fl1 { width:296px;border-radius: 5px;overflow: hidden;margin: 0 auto; margin-bottom:10px; height:150px;}
.lb_fl1 img {width: 100%!important;height: auto!important;}
.jp { width:296px; margin-top:10px;}
.jp li { width:140px; overflow:hidden; height:77px;border-radius: 5px; text-align:center; border:1px solid #CCC; background:url(images/touchwap_jpbg.jpg) center top no-repeat;background-size:100% 100%; position:relative;}
.jp_li1 { float:left;}
.jp_li2 { float:right;}
.jp_tlbg { width:100%; height:25%; background:#115981; position:absolute; bottom:0; left:0;opacity:0.6;border-radius:0 0 5px 5px;}
.jp_tlword { width:100%; height:20px; line-height:20px;  position:absolute; bottom:0; left:0; font-size:1em;color:#FFF; text-align:center; overflow:hidden}
.jp li a { color:#FFF;}
.jp li img { width:100%; height:100%;border-radius: 5px;}
.leibie { width:100%; margin-top:10px;}
.leibie li { width:20%; height:30px; border:1px solid #c9c9c9; float:left; margin-left:3.5%; background:url(images/touchwap_libg.jpg) repeat-x; background-size: 100% 100%; text-align:center; line-height:30px; margin-top:10px;}
.bottom { width:100%; height:35px; background:#f5f5f5; line-height:35px;-webkit-box-shadow: #efefef 0px 1px 2px;-moz-box-shadow: #efefef 0px 1px 2px;box-shadow: #efefef 0px 1px 2px; border-top:1px solid #FFF; text-indent:10px; color:#999;}
.bottom a,.bottom2 a { color:#06C;}
.bottom2 { text-align:center; line-height:24px; padding-top:20px; padding-bottom:20px; color:#666;}
.tc_menu { width:50px; height:50px; background:url(images/touchwap_menu.png) center no-repeat; background-size: 25px 25px;border-radius: 5px; position: fixed; left:5px; bottom:5px; background-color:#CCC;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; display:;}
.tc_menu2 { width:200px; height:200px; background:url(images/touchwap_menu2.png) center no-repeat; background-size: 200px 200px;border-radius: 15px; position: fixed; left:5px; bottom:5px; background-color:#CCC;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; z-index:99;display:none;}
.m1 { width:40px; height:40px; background:url(images/touchwap_menuc1.png) center no-repeat; background-size:35px 35px; position:relative;}
.m2 { width:40px; height:40px; background:url(images/touchwap_menuc4.png) center no-repeat; background-size:35px 35px;}
.m3 { width:40px; height:40px; background:url(images/touchwap_menuc3.png) center no-repeat; background-size:35px 35px;}
.m4 { width:40px; height:40px; background:url(images/touchwap_menuc2.png) center no-repeat; background-size:35px 35px;}
.m1 a,.m2 a,.m3 a,.m4 a { width:40px; height:40px; display:block;}
.menu .ws_gys { width:44%; height:80px;}
.menu .ws_cgs { width:44%;height:80px;}
.news_tl { width:15px; height:15px; background:#F00;border-radius: 50%; text-align:center; line-height:15px; font-size:11px; color:#FFF; position:absolute; right:-5px; top:-5px;}