@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; z-index:1005}
.logo { width:100px;background-color:#187FDE; height:50px;}
.logo img { width:100px;}
.search { position:absolute; left:108px; top:8px; right:60px; height:32px; background:url(images/touchwap_s1.jpg) repeat-x; border:1px solid #999;}
.search .key { position:absolute; left:70px; right:50px; height:30px; border:0; background:none;outline:none; line-height:30px;}
.search input { position:absolute; left:44px; right:10px; height:30px; border:0; background:none; background-size:20px 20px; outline:none; line-height:30px;}
.searchin { width:40px; height:23px; position:absolute; left:5px; top:0; background:url(images/touchwap_s3.jpg) 27px 12px no-repeat; padding-top:7px;cursor:pointer; }
.search3 { position:absolute; width:40px;right:0px; height:30px; border:0; background:url(images/touchwap_s2.jpg) center no-repeat; background-size:15px 15px; outline:none; line-height:30px;}
.search4 { position:absolute; width:42px;right:0px; height:32px; background:url(images/touchwap_s2.png) center no-repeat; background-color:#f5f5f5; border-left:1px solid #999; background-size:15px 15px; outline:none; line-height:30px;}
.searchin_other {width:70px; height:90px; position:absolute; left:-6px; top:32px; background:#212121;display:none;}
.searchin_other li { width:70px; height:30px; color:#FFF; line-height:30px; background:url(images/touchwap_msli.jpg) bottom repeat-x;}
.searchin_other .searchin_other_lia { width:70px; height:30px; color:#FFF; line-height:30px;background:url(images/touchwap_mslia.jpg) bottom repeat-x; background-color:#115608;}
.ms1 { width:25px; height:25px; background:url(images/touchwap_ms1.png) center no-repeat; background-size:20px 20px; margin-right:5px;}
.ms2 { width:25px; height:25px; background:url(images/touchwap_ms2.png) center no-repeat; background-size:20px 20px;margin-right:5px;}
.ms3 { width:25px; height:25px; background:url(images/touchwap_ms3.png) center no-repeat; background-size:20px 20px;margin-right:5px;}
.menu_fl { width:30px; height:40px; background:url(images/touchwap_ms4.jpg) center top  no-repeat;background-size:18px 18px; position:absolute; right:30px; top:10px; text-align:center; line-height:55px; overflow:hidden;}
.menu_dq { width:30px; height:40px; background:url(images/touchwap_ms5.jpg) center  top no-repeat; background-size:18px 18px; position:absolute; right:0px; top:10px;text-align:center; line-height:55px; overflow:hidden;}
.menu_qx { width:40px; height:30px; position:absolute; right:5px; top:18px;text-align:center; overflow:hidden;}

.tc_box_fl { width:100%;  top:0px; bottom:0; display:none; position:absolute; z-index:2005}
.tc_box_flbg {width:100%; position:absolute; top:0; bottom:0; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.tc_box_flin {width:95%; position:absolute; top:0; bottom:0; right:0; z-index:999; background:#FFF;}
.tc_box_flintl { width:95%; height:50px; border-bottom:1px solid #CCC; background:url(images/touchwap_ms62.jpg) right center no-repeat; margin:0 auto; line-height:50px; font-weight:bold; font-size:14px;}
.tc_box_flin ul { width:95%; margin:0 auto; margin-top:15px;}
.tc_box_flin li { width:100%; height:40px; line-height:40px; font-size:14px; text-indent:20px;}
.tc_box_flin_li_a { background:#205D89;width:100%; height:40px; line-height:40px; color:#FFF;}
.tc_box_flin_li_a a {color:#FFF;}
.dq_xz1 {width:95%; margin:0 auto; margin-top:15px;}
.dq_xz1 ul { width:100%; position:relative;}
.dq_xz1 li { width:24%; height:40px; float:left; margin:0; padding:0; overflow:hidden;}
.dq_xz1_li_a { background:#205D89;width:80%; height:40px; line-height:40px; color:#FFF; display:block;}
.dq_xz1_li_a a {color:#FFF;}
.dq_xz2 {width:95%; margin:0 auto; position:absolute; bottom:10px; top:150px; left:15px;}
.dq_xz2tl {width:100%; height:60px;line-height:60px; font-weight:bold; font-size:14px; border-bottom:1px solid #CCC;}
.city_list {width:50%;float:left; position:absolute; top:70px; bottom:0; left:0; overflow:auto;}
.city_list ul { width:100%; margin:0; padding:0; position:relative;}
.city_list li { width:100%; height:40px;margin:0; padding:0;}
.city_list_li_a { background:#e5e5e5;width:100%; height:40px; line-height:40px; color:#000000; display:block;}
.city_list2 {width:50%; float:left; background:#e5e5e5; position:absolute; top:70px; bottom:0; right:0; overflow:auto;}
.city_list2 ul { width:100%; position:relative;margin:0; padding:0; }
.city_list2 li { width:100%; height:40px;margin:0; padding:0; overflow:hidden}
.city_list2_li_a { background:#205D89;width:100%; height:40px; line-height:40px; color:#FFF; display:block;}
.city_list2_li_a a {color:#FFF;}

.main_fl { padding:10px; background:#FFF; border-bottom:1px solid #e5e5e5; margin-top:1px; position:relative; z-index:99;}
.main_fl ul { width:100%; overflow:hidden;}
.main_fl li { width:33.3%; border:1px solid #e5e5e5; margin-left:-1px; margin-top:-1px; border-right:0; float:left; background:#FFF; height:40px; text-align:center; line-height:40px;}
.main_fl li a { width:90%; height:40px; overflow:hidden; display:block; margin:0 auto;}
.main_fl .main_fl_lia { background:#06F;}

.main_tl { padding-left:10px; padding-right:10px;height:40px;}
.main_tl li { width:33.3%; float:left; height:40px;}
.main_tl_li1 { background:url(images/touchwap_li.jpg) right no-repeat;}
.main_tl_li2 { background:none;}
.tl_xl { width:80px; height:40px; background:url(images/touchwap_s3.png) 56px center no-repeat; line-height:40px; cursor:pointer; position:relative; margin:0 auto;}
.tl_xlin {width:80px; position:absolute; left:-11px; top:36px; background:#212121; display:none;}
.tl_xlin li { width:80px; height:30px; color:#FFF; line-height:30px; background:url(images/touchwap_msli.jpg) bottom repeat-x; text-indent:10px;}
.tl_xlin .tl_xlin_lia { width:80px; height:30px; color:#FFF; line-height:30px;background:url(images/touchwap_mslia.jpg) bottom repeat-x; background-color:#115608;}
.main_tl_photo { width:100%; height:40px; background:url(images/touchwap_s4.png) center no-repeat; cursor:pointer;}
.main_tl_list { width:100%; height:40px; background:url(images/touchwap_s5.png) center no-repeat; cursor:pointer;}
.main { width:100%; background:#FFF; border-top:1px solid #e5e5e5;}
.list_list { width:100%;}
.list_list li {width:100%; height:90px; padding-top:10px; padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.list_list .list_list_lia { background:#f6f6f6;}
.cp_img1 { width:90px; height:90px; background:#e5e5e5; margin:0 auto;}
.cp_img1 img { max-width:90px; max-height:90px;}
.fy_online { width:25px; height:25px; background:url(images/touchwap_fy1.png); background-size:25px 25px; float:right; margin-right:10px;}
.fy_offline { width:25px; height:25px; background:url(images/touchwap_fy2.png); background-size:25px 25px; float:right; margin-right:10px;}
.cp_li1 { font-size: 14px;
height: 30px;
line-height: 30px;
width: 100%;
overflow: hidden;
}
.cp_li1 a { color:#06C;}
.cp_li2 { color:#666; height:22px; overflow:hidden; line-height:22px;}
.cp_li3 { color:#f00;overflow: hidden;height: 25px;line-height: 25px;}
.time { color:#CCC; height:22px; line-height:22px; overflow:hidden;}
.list_photo {width:100%;}
.list_photo li {width:50%;border:1px solid #e5e5e5; border-right:0; margin-left:-1px;margin-top:-1px;  float:left; overflow:hidden; padding-bottom:15px;padding-top:15px;}
.list_photo li td .time {overflow: hidden;height: 25px;line-height: 25px;}
.list_photo li td .cp_li3 { width:100%; text-align:right;}
.cp_img2 { width:90%; margin:0 auto; height:130px; margin-bottom:5px; }
.list_photo li table { margin:0 auto;}
.cp_img2 table { width:100%; text-align:center;padding-bottom:15px; height:130px;}
.cp_img2 img { max-width:100%; max-height:130px;}
.main_btn { width:120px; height:40px; position:fixed; bottom:0; right:0;}
.page_tl { width:80px; text-align:center; height:40px; background:#e5e5e5; line-height:40px; float:left;}
.back_top { width:40px; height:40px; background:url(images/touchwap_top.png) no-repeat; background-size:40px 40px; float:left; cursor:pointer;}
.loading1 { width:100%; height:60px; text-align:center; color:#999; line-height:60px; background:url(images/touchwap_loading1.gif) 45%  no-repeat; text-indent:40px; background-size:30px 30px;}


.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:; z-index:2008;}
.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:60px; bottom:60px; background-color:#CCC;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; z-index:2008;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_menuc2.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_menuc4.png) center no-repeat; background-size:35px 35px;}
.m1 a,.m2 a,.m3 a,.m4 a { width:40px; height:40px; display:block;}
.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;}
/*搜索*/
.gl_word { width:100%; position:absolute; top:51px; left:0;}
.gl_word li { width:100%; border-bottom:1px solid #e5e5e5; height:40px; line-height:40px; text-indent:20px; background:url(images/touchwap_s6.png) right no-repeat; background-color:#FFF;}
.gl_word .gl_word_lia { background-color:#f5f5f5;}
/*类目浏览*/
.back_pre { width:70px; height:28px; padding-top:12px; position:absolute; left:0px; top:5px; background:url(images/touchwap_back2.png) 10px center no-repeat; background-size:9px 18px; text-indent:30px; font-size:16px; font-weight:bold;}
.top_center { width:50%; height:23px; line-height:23px; text-align:center; padding-top:15px; margin:0 auto; font-size:14px; font-weight:bold; overflow:hidden; color:#000;}
.gl_leimu { width:100%; position:absolute; top:51px; left:0; font-size:14px;}
.gl_leimu li { width:100%; border-bottom:1px solid #e5e5e5;line-height:40px; text-indent:20px; background-color:#FFF; position:relative;}
.gl_leimu .gl_leimu_lia { background-color:#f5f5f5; border-bottom:0;}
.gl_leimuin {width:100%;background-color:#f5f5f5; }
.gl_leimu .gl_leimuin li {width:25%;background-color:#f5f5f5; float:left; border:1px solid #e5e5e5; border-right:0; border-top:0; margin-left:-1px; margin-top:0px;}
.gl_leimu .gl_leimuin .gl_leimuina {background-color:#205D89; color:#FFF;}
.gl_leimu .gl_leimuin .gl_leimuina  a{color:#FFF;}
/*产品内容*/
.cp_main { width:100%; position:absolute; top:51px; left:0; bottom:0;}
.cp_photo {width:100%; height:175px; background:#DCE3E8;position:relative;}
.cp_photoin { width:100%;  height:100%; position:relative; overflow:hidden; z-index:100;}
.cp_photoin ul { width:300%; height:100%; position:absolute; left:0px}
.cp_photoin li { width:33.3%; float:left; height:100%}
.cp_photoin li img { max-width:100%; max-height:150px;}
.cp_photo_bg {width:100%; height:60px; position:absolute; bottom:0; left:0; background:url(images/touchwap_cpbg2.png) repeat-x;  z-index:100;}
.cp_photo_loding { width:100%; position:absolute; bottom:0; left:0; top:0; background:url(images/touchwap_loading2.jpg) center no-repeat;z-index:99; background-size:80px auto;}
.cp_photo_tr {width:100%; height:20px; position:absolute; bottom:0; left:0; z-index:101;}
.cp_photo_trin { width:66px; height:16px; margin:0 auto;}
.cp_photo_tr1 { width:12px; height:12px; border-radius:50%; background:#39B0FF; float:left; margin-left:5px; margin-right:5px;}
.cp_photo_tr2 { width:12px; height:12px; border-radius:50%; background:#FFF; float:left; margin-left:5px; margin-right:5px;}

.cp_main_box { padding:10px;}
.product_li { width:100%; background:#FFF; margin-bottom:15px; padding-bottom:15px;}
.product_li ul {padding:10px;}
.product_li li { width:100%; height:40px; line-height:40px; font-size:1.4em; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.tw_xx { width:48%; margin-right:2%; float:left; height:50px; font-size:1.2em; font-weight:bold; background:url(images/touchwap_tw.jpg) 10% no-repeat; background-size:16px 14px; background-color:#D8EFFF; line-height:50px; text-indent:15px; text-align:center;border-radius:3px;}
.fy_online2 { width:48%; margin-left:2%; float:left; height:50px;font-size:1.2em;font-weight:bold;  background:url(images/touchwap_fy2.jpg) 10% no-repeat;background-size:20px 18px; background-color:#D8EFFF; line-height:50px;text-indent:15px; text-align:center;border-radius:3px;}
.cpsx li { border-bottom:0;}
.tw_xx a,.fy_online2 a { width:100%; height:50px; display:block; color:#000;}
.product_li2 { width:100%; background:#FFF; margin-bottom:15px; text-indent:10px;height:45px; padding-top:5px; line-height:45px; font-size:1.4em;}
.product_li2 a { width:100%; height:45px; display:block; color:#000;}
/*产品详情*/
.cp_content { padding:15px; background:#FFF; line-height:20px; font-size:1.1em;}
.cp_content p { width:100%;}


.xc_top { width:100%; height:50px; background:#FFF; border-bottom:1px solid #e5e5e5; position:relative;}
.pj_zp { width:40px; height:25px; text-align:center; background:#36aa30; line-height:25px; float:right; margin-right:10px;}
.pj_zp a { width:100%; height:25px; display:block; color:#FFF; font-size:13px;}
.more {width:100%; text-align:center; font-size:1.4em; height:60px; line-height:60px;}
.no_sj { text-align:center; line-height:50px;}

.cp_box_xqtl4 {width: 100%;height: 50px;font-size: 1.0em;line-height: 70px;background: url(http://style.goepe.com/css/1406/27m_apollo/images/phoneshop1_2014_close.png) center 2px no-repeat;background-size: 25px 25px;text-align: center;}
.cp_box_xq {width: 100%;background: #FFF;border: 1px solid #e5e5e5;margin-top: 15px;position: relative;}
.cp_xx img {max-width:100%;max-height:300px;}
.cp_box_xqin {padding-left: 10px;padding-right: 10px;}
.cp_xx {font-size: 1.0em;line-height: 30px;overflow-x:scroll}

.close { width:80px; height:25px; font-size:20px; padding-top:5px; padding-bottom:5px; background:#f5f5f5; margin:0 auto; line-height:25px; margin-top:15px; border-bottom:1px solid #ccc; border-top:1px solid #fff;border-radius: 5px; text-indent:0; text-align:center;}
.qclsjl { width:150px; height:25px; font-size:20px; padding-top:5px; padding-bottom:5px; background:#f5f5f5; margin:0 auto; line-height:25px; margin-top:15px; border-bottom:1px solid #ccc; border-top:1px solid #fff;border-radius: 5px; text-indent:0;text-align:center;}