www.zfire.com/templets/default/css/index.css

@charset "utf-8";
/* common */
*{margin:0;padding:0;vertical-align:baseline;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font-family:"微软雅黑",Arial, Helvetica, sans-serif;color:#333;}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{vertical-align:middle;font-weight:normal}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:0}
strong,b{ font-weight:bold;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5{font-weight:normal;font-size:100%}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
.fixed{margin:0 auto;width:1000px;clear:both;zoom:1;}
.warp{width:100%;overflow:hidden;zoom:1;}
.fl{float:left;}
.fr{float:right;}
.rel{position:relative;}
.mt10{margin-top:10px;}.mr10{margin-right:10px;}.mb10{margin-bottom:10px;}.mt20{margin-top:20px;}.mb20{margin-bottom:20px;}
.p10{padding:10px;}.pt10{padding-top:10px;}.pb10{padding-bottom:10px;}.pb20{padding-bottom:20px;}.pt20{padding-top:20px;}
.pr10{padding-right:10px;}
.pl10{padding-left:10px;}.pr20{padding-right:20px;}
.ti9{text-indent:-999em;}
.disn{display:none;}
.disb{display:block;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.b{font-weight:bolder;}
.ti{text-indent:2em;}
.color_y{color:#FF9C00;}
.color_b{color:#099ddb;}
.color_r{color:#f00;}
.cloor_7{color:#777;}
.color_p{color: #ff006c;}
.align_c{text-align:center;}
.align_rt{text-align:right;}
.lh20{line-height:20px;}
.lh2{line-height:2em;}
.bor{border:1px solid #d7d7d7;}
.common_table table{border:solid #d7d7d7;border-width:1px 0 0 1px;}
.common_table table td{border:solid #d7d7d7;border-width:0 1px 1px 0;text-align:center;}
/* 清除浮动 */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.baidutongji a{display:block;padding-top:3px;}
.title_blue{height:36px;line-height:36px;font-size:14px;background:#263949;color:#fff;padding-left:20px;margin-bottom:14px;}
.mar0{width:1000px;margin:0 auto;}

/* 首页 */
body{-webkit-user-select:none;font-size:12px;}
/* 头部 */
.header{height:100px;}
.header_c{position:fixed;background:#fff url(../images/top_bg.png) repeat-x;top:0;left:0;z-index:9999;margin-bottom:0;width:100%;height:100px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);box-shadow:0 1px 2px rgba(0,0,0,0.5);_position:absolute}
.header_t,.header_t a{color:#ccc;}
.header_t{height:30px;line-height:30px;font-size:14px;}
.header_t .top_tel{height:30px;float:right;background:url(../images/index.png) no-repeat -741px -417px;padding-left:34px;margin-left:40px;}
.head_link{margin-right:4px;}
.head_link a{width:28px;height:22px;overflow:hidden;float:right;background:url(../images/t_icon.jpg) no-repeat;margin:4px 15px 0 0;}
.head_sub a{padding:0 10px;}
.header_t .top_wx:hover{background-position:0 -22px;}
.header_t .top_wb{background-position:-38px 1px;}
.header_t .top_wb:hover{background-position:-38px -22px;}
.header_t .top_qq{background-position:-75px 1px;}
.header_t .top_qq:hover{background-position:-75px -21px;}
.header .logo{width:300px;float:left;height:70px;background:url(../images/logo.gif) no-repeat 0 8px;text-indent:-9999em;}
.header .logo a{width:300px;height:70px;display:block;}
.header .nav{width:640px;margin-top:14px;float:right;}
.header .nav li{width:66px;height:41px;margin-left:14px;font-size:16px;float:left;}
.header .nav li a{display:block;height:40px;line-height:40px;padding-bottom:1px;text-align:center;text-shadow:none;font-size:14px;background:url(../images/nav-border.gif) no-repeat -100px 100% transparent;-webkit-transition: background 400ms ease-in-out;-moz-transition: background 400ms ease-in-out;-ms-transition: background 400ms ease-in-out;-o-transition: background 400ms ease-in-out;transition: background 400ms ease-in-out;}
.header .nav li a:hover,.nav .current a{background-position:0 100%;text-decoration:none;}
.header .nav .current a{border-bottom:1px solid #099ddb;}
.header .nav .current a:hover{background-position:-100px 100%;}
/* banner*/
.banner_c{height:500px;position:relative;overflow:hidden;width:100%;}
.banner_c li a{display:block;height:500px;text-indent:-999em;}
.banner .text{position:absolute;z-index:3}
.banner .frame .changing-over,.banner .frame .changing-over a,.banner a.now{background:url(../images/index.png) no-repeat;}
.banner .frame{position:absolute;bottom:15px;left:50%;z-index:2;margin-left:-140px;width:280px;text-align:center;}
.banner .frame .changing-over{width:280px;height:43px;background-position:0 -289px;display:block;}
.banner .frame .changing-over a{display:inline-block;margin:14px 10px 14px 0;width:14px;height:14px;background-position:-30px -120px}
.banner .frame .changing-over a.now{background-position:0 -120px}
.banner .frame .changing-over a.last{margin-right:0}

.nav_sub{padding:10px 0;}
.nav_sub li{width:200px;height:36px;line-height:36px;float:left;margin-bottom:4px;}
.nav_sub li a{display:block;margin-right:4px;font-size:16px;text-align:center;background-color:#cecece;text-decoration:none;}
.nav_sub li a:hover,.nav_sub li.nav_sub_h a{background-color:#069;color:#fff;}
/* 首页主体部分*/
.indexContent{margin:0 auto;width:1020px;_background:0}
.indexMain{background-color:#FFF;}
.indexMain_wrap{padding:14px 10px;}
.index_tel{height:84px;background:#e8e8e8 url(../images/tel.jpg) no-repeat 50% 0;}
.indexMain .service dt{height:44px;border-top:1px dashed #a7a7a7;margin-top:20px;}
.indexMain .service dt p{width:328px;height:33px;background:#fff url(../images/server_t.jpg?v=1) no-repeat 10px 0;margin:-16px auto 0;}
.indexMain .service li{width:333px;height:130px;float:left;overflow:hidden;}
.indexMain .service h2 a{height:20px;display:block;font-weight:bold;color:#036;font-size:14px;}
.indexMain .service p{line-height:20px;}
.indexMain .ser_icon{width:60px;height:50px;margin-bottom:40px;float:left;padding-right:10px;}
.indexMain .ser_icon a{display:block;height:50px;background:url(../images/index.png?V=1) no-repeat;text-indent:-999em;}
.indexMain .ser_1 .ser_icon a{background-position:-344px 0;}
.indexMain .ser_1 .ser_icon a:hover{background-position:-344px -59px}
.indexMain .ser_2 .ser_icon a{background-position:-280px 0;}
.indexMain .ser_2 .ser_icon a:hover{background-position:-280px -59px}
.indexMain .ser_3 .ser_icon a{background-position:-460px 0;}
.indexMain .ser_3 .ser_icon a:hover{background-position:-460px -54px}
.indexMain .ser_4 .ser_icon a{background-position:-145px 0;}
.indexMain .ser_4 .ser_icon a:hover{background-position:-145px -60px}
.indexMain .ser_5 .ser_icon a{background-position:-400px 0;}
.indexMain .ser_5 .ser_icon a:hover{background-position:-400px -59px}
.indexMain .ser_6 .ser_icon a{background-position:-597px 0;}/*-70 0*/
.indexMain .ser_6 .ser_icon a:hover{background-position:-597px -61px}/*-70 -58*/
.indexMain .ser_7 .ser_icon a{background-position:0 0;}
.indexMain .ser_7 .ser_icon a:hover{background-position:0 -60px}
.indexMain .ser_8 .ser_icon a{background-position:-214px 0;}
.indexMain .ser_8 .ser_icon a:hover{background-position:-214px -59px;}
.indexMain .ser_9 .ser_icon a{background-position:-533px 0;}
.indexMain .ser_9 .ser_icon a:hover{background-position:-533px -59px}

.indexMain .partner{height:90px;border-top:1px dashed #a7a7a7;}
.indexMain .partner_t{width:328px;height:33px;margin:-16px auto 0;background:url(../images/server_t.jpg) no-repeat 0 -40px;}
.indexMain .partner_icon{height:45px;margin-top:10px;overflow:hidden;}
.indexMain .partner_icon a{width:120px;height:45px;display:inline-block;text-indent:-999em;background:url(../images/partner.png) no-repeat;}
.indexMain .partner_icon a:hover{background:url(../images/partner.png) no-repeat;}
.indexMain .partner_sina a{background-position:0px 0;}
.indexMain .partner_sina a:hover{background-position:0px -44px;}
.indexMain .partner_baidu a{background-position:-123px 0;}
.indexMain .partner_baidu a:hover{background-position:-123px -46px;}
.indexMain .partner_sogou a{background-position:-246px 0;}
.indexMain .partner_sogou a:hover{background-position:-246px -45px;}
.indexMain .partner_yonyou a{background-position:-369px 0;}
.indexMain .partner_yonyou a:hover{background-position:-369px -46px;}
.indexMain .partner_qq a{background-position:-493px 0;}
.indexMain .partner_qq a:hover{background-position:-493px -46px;}
.indexMain .partner_google a{background-position:-615px 0;}
.indexMain .partner_google a:hover{background-position:-615px -44px;}
.indexMain .partner_360 a{background-position:-738px 0;}
.indexMain .partner_360 a:hover{background-position:-738px -36px;}
.indexMain .partner_net a{background-position:-892px 0;}
.indexMain .partner_net a:hover{background-position:-892px -44px;}

.index_case img{border:1px solid #d7d7d7;}
.indexCase_1{width:470px;height:480px;overflow:hidden;background-color:#161616;}
.indexCase_1_c{line-height:2em;color:#fff;padding:5px 15px 15px;}
.indexCase_1_c a{color:#fff;}
.indexCase_2{width:520px;height:480px;overflow:hidden;}
.indexCase_2 p{margin-bottom:10px;}
.indexCase_2_1{width:260px;height:330px;overflow:hidden;}
.indexCase_2_1 p{height:160px;}
.indexCase_2_2{width:250px;height:330px;overflow:hidden;}
.indexCase_2_3{width:520px;height:160px;background-color:#5a504a;}
.indexCase_2_3 ul{padding:10px 15px 0;}
.indexCase_2_3 ul li{padding-left:16px;background:url(../images/dot2.png) no-repeat 4px 10px;}
.indexCase_2_3 ul li a{color:#fff;}
.news .index_news_list{height:240px;overflow:hidden;float:left;line-height:24px;}
.news .index_news_list dt{height:38px;line-height:38px;font-size:14px;padding-left:26px;background:url(../images/index.png) no-repeat -747px -304px;}
.news .index_active .btn_course{position:relative;}
.news .index_active .btn_course a{width:19px;height:18px;background:url(../images/team_list_btn.png) no-repeat; position:absolute;top:12px;text-indent:-999em;}
.news .index_active .btn_course_lf{right:22px;}
.news .index_active .btn_course .btn_course_lf:hover{background-position:0 -18px;}
.news .index_active .btn_course .btn_course_rt{right:0;background-position:-20px 0;}
.news .index_active .btn_course .btn_course_rt:hover{background-position:-20px -18px;}
.news .index_active dd{position:relative;}
.news .index_active li{width:260px;float:left;}
.news .solution{width:340px;}
.news .solution p{margin-bottom:10px;}
.news .solution_c span{width:50%;height:24px;float:left;}
.news .solution_c span a{padding-left:14px;background:url(../images/list_style.png) no-repeat 0 1px;}

.news .index_active{width:260px;}

.news .hot{width:400px;}
.news .hot_wrap{padding:0 30px;}
.news .hot_more{height:12px;padding:2px 4px;float:right;margin-top:7px;line-height:12px;background-color:#263949;color:#fff;font-size:12px;}
.news .hot_t{height:30px;border-bottom:5px solid #584500;font-size:14px;}
.news .hot_t span{width:85px;height:30px;text-align:center;display:inline-block;line-height:30px;font-weight:bolder;cursor:pointer;}
.news .hot_t .curr_tabs{height:35px;background:url(../images/index.png) no-repeat -681px 27px;}
.news .hot_c{padding-top:6px;}
.news .hot_c li{background:url(../images/news_dot.gif) no-repeat 0 4px;padding-left:10px;}
.news .hot_c li span{float:right;}

.indexMain .product li{width:250px;float:left;}
.indexMain .product .pro_wrap{height:300px;overflow:hidden;border:1px solid #d7d7d7;margin-right:13px;}
.indexMain .product .pro_img{height:155px;text-align:center;}
.indexMain .product h3{height:24px;font-weight:bolder;line-height:24px;text-align:center;}
.indexMain .product .pro_wrap p{padding:0 14px;line-height:24px;}
.indexMain .pro_more{text-align:center;padding-top:6px;}
.indexMain .pro_more a{width:60px;height:30px;line-height:30px;padding-left:30px;background:url(../images/index.png) no-repeat -458px -154px;display:inline-block;color:#fff;text-decoration:none;text-align:left;}
.indexMain .pro_more a:hover{background-position:-458px -187px;}

.indexMain .process{height:110px;background:url(../images/bott.gif) no-repeat;margin:10px 0;}

/* 友情链接 */
.friend_links{line-height:24px;padding:0 0 20px 80px;}
.friend_links span{margin-left:-80px;}
.friend_links  a{margin-right:12px;}

/* 底部 */
.footer{background-color:#434343;border-top:1px solid #f60;color:#fff}
.footer a{color:#ccc;}
.footer_wrap{height:150px;padding-top:20px;position:relative;}
.footer_wx{width:100px;height:100px;background-color:#fff;padding:10px;position:absolute;right:60px;top:20px;}
.footer .copyright{height:30px;line-height:30px;background-color:#111;text-align:center;color:#9b9b9b;}
.footer dl{width:160px;float:left;}
.footer dt{height:30px;font-size:14px;}
.footer dd li{line-height:24px;}
.footer .focus {width:300px;}
.footer .focus ul{height:120px;padding-left:30px;background:url(../images/index.png) no-repeat -745px -150px;line-height:40px;}
.footer .focus li{line-height:28px;}




.public-content{ background-image:url(../images/banner.jpg); background-repeat:repeat-y;display:block;  background-size:100% 100%;-ms-background-size:100% 100%; width:100%;}
.public{width:980px; margin:0 auto; padding:20px 0;}
.public-h2{ background:url(../images/proxy.png) no-repeat; color:#FFF; width:237px; margin:0 auto; height:63px;text-shadow:1px 0 3px #666; font-size:30px; text-align:center; line-height:63px;}
.public-box{ background:rgba(255, 255, 255, 0.3) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=30); background:#fff;/*实现IE背景透明*/height:auto; padding-bottom:20px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;box-shadow:0 1px 2px #666;  -webkit-box-shadow:0 1px 2px #666;
-moz-box-shadow:0 1px 2px #666;padding:5px;}
.public_wrap{padding:20px 50px;background:rgba(255,255,255,0.8); min-height:400px; border-radius:5px;line-height:24px;font-size:14px;}

.inside_banner{}
/* 首页侧边栏*/
.sideBar {width:265px; height:1030px;display:block;float:right; overflow:hidden; position:relative;background:url(../images/bg_sideBar.jpg) no-repeat;}
.sideBar_wrap{padding:0 20px;}
.sideBar .sideBarIntro{line-height:24px; color:#263949; }
.sideBar .sideBarIntro a,.sideBar .sideBarIntro span{padding-right:8px;color:#069;}
.sideBar .sideBarContact { overflow:hidden; position:relative; width:205px; height:90px; margin:0 auto; }
.sideBar .sideBarContact .telNum { position:absolute; top:40px; left:0; width:138px; height:20px; background:url(../images/sprite.png) 0 -380px no-repeat; text-indent:-9999px; }
.sideBar .sideBarContact .qq,
.sideBar .sideBarContact .qq:visited,
.sideBar .sideBarContact .qq:active { position:absolute; top:4px; right:0; width:95px; height:68px; background:url(../images/sprite.png) 0 -400px no-repeat; text-indent:-9999px; }
.sideBar .sideBarContact .qq:hover { background-position:-100px -400px; }

.sideBar .sideBarPlatform { overflow:hidden; position:relative; width:205px; height:60px; margin:0 auto 20px auto; }
.sideBar .sideBarInfo { overflow:hidden; width:205px; height:133px; margin:0 auto 60px auto; }
.sideBar .sideBarInfo .sideBarInfoTitle { width:180px; height:18px; background:#263949; margin:0 0 10px 0; font-family:Microsoft YaHei; line-height:18px; color:#FFF; text-indent:10px; }
.sideBar .sideBarInfo p { display:block;line-height:18px; color:#263949; }
.sideBar .sideBarInfo strong { font-weight:bold; }

.sideBar .sideBarLetter { overflow:hidden; position:relative; width:205px; height:100px; margin:0 auto 20px auto; }
.sideBar .sideBarLetter .letter,
.sideBar .sideBarLetter .letter:visited,
.sideBar .sideBarLetter .letter:active { position:absolute; top:34px; left:90px; width:86px; height:57px; background:url(../images/sprite.png) -270px 0 no-repeat; text-indent:-9999px; }
.sideBar .sideBarLetter .letter:hover { background-position:-270px -70px; }

.sidebar{width:200px;float:left;height:500px;}

.inside_banner{height:240px;overflow:hidden;}
.simple_t{height:50px;line-height:50px;border-bottom:1px solid #d7d7d7;}
.simple_t h1{font-size:18px;padding-left:10px;background:url(../images/ny.png?v=3) no-repeat -64px -294px;}
.position{height:50px;line-height:50px;padding-left:30px;background:url(../images/ny.png) no-repeat -45px -240px;}
.main_c{padding:20px 0 50px;line-height:24px;background-color:#fff;}
.main_c .jiache{padding-left:50px;background:url(../images/jiache.jpg) no-repeat;margin-bottom:50px;}
.main_c_r{width:780px;float:right;}

.article{margin-right:290px;}
.article_t{height:40px;line-height:40px;color:#f60;font-size:18px;font-weight:bolder;}
.article_m{padding-bottom:10px;border-bottom:1px dotted #d6d6d6;}
.article_m span{padding:0 28px;line-height:26px;color:#7c7c7c;background:url(../images/ny.png?v=1) no-repeat;}
.article_m .article_m_d{background-position:-50px 0px;}
.article_m .article_m_r{background-position:-50px -32px;}
.article_d{padding:15px;border:1px solid #e6e6e6;margin:10px 0;background-color:#eff4fa;color:#7c7c7c;}

.pagelist{margin:30px 0;}
.pagelist a ,.pagelist span{padding:6px 10px;line-height:18px;text-align:center;display:inline-block;border:1px solid #C2D5E3;margin:0 2px;text-decoration:none;}
.pagelist span{background-color:#E5EDF2;}
.pagelist span a{padding:0;border:0;}
.prev_next a{color:#069;padding-right:40px;font-size:14px;}

.newslist,.news_list{width:720px; margin-bottom:25px;}
.newslist{padding-bottom:25px;background:url(../images/nbottom.jpg) no-repeat 0 100%;}
.newslist dl{background:url(../images/nmid.jpg) repeat-y;}
.newslist dt{height:40px;line-height:40px;padding-top:28px;background:url(../images/ntop.jpg) no-repeat;}
.newslist dt h2{padding-left:50px;background:url(../images/ny.png) no-repeat -25px -299px;font-size:18px;color:#666;}
.newslist dt a{float:right;margin-right:35px;}
.newslist_info{height:100px;font-size:14px;}
.newslist_info img{float:left;vertical-align:top;}
.newslist_info a{color:#069;padding:15px 15px 0 0;}
.newslist dd{padding: 0 30px;}
.newslist dd li,.news_list li{height:36px;line-height:36px; border-bottom:1px dashed #ccc;padding:0 14px;}
.newslist dd li span,.news_list li span{float:right;}
.newslist dd li a,.news_list li a{color:#f60;}

/* 微信 */
.wx_turn_list{width:250px;float:left;background:url(../images/wx/turn_bg.png) no-repeat;}
.wx_turn_t{padding-bottom:120px;background:url(../images/wx/weixin_fuwu.png) no-repeat;}
.wx_turn1 .wx_turn_t{background-position:-198px bottom;}
.wx_turn2 .wx_turn_t{background-position:66px bottom;}
.wx_turn3 .wx_turn_t{background-position:-466px bottom;}
.wx_turn4 .wx_turn_t{background-position:-722px bottom;}
.wx_turn_c{height:160px;margin:10px; position:relative;overflow:hidden;}
.wx_turn_wrap{width:100%;height:160px; position:absolute; top:0; left:0;}
.wx_turn_more{height:40px;line-height:40px;padding-right:10px;}
.wx_turn_more span{padding-left:12px;font-size:16px;}
.wx_turn_more a{float:right;padding-left:24px;background:url(../images/index.png) no-repeat -750px -362px;color:#269a6d;}
.wx_turn_faq{height:116px;padding:0 10px;color:#20a001;}
.wx_turn_faq li a{ height:22px; line-height:20px; color:#20a001;}
.wx_youshi h3{margin:60px 0 40px;text-align:center;font-size:30px;}
.wx_youshi span{width:240px;height:48px;float:left;line-height:48px;display:inline-block;text-align:center;font-size:22px;color:#fff;}

.wx_value dt{height:40px;line-height:40px;margin-top:30px;border-bottom:2px solid #d7d7d7;}
.wx_value dt a{float:right;padding:0 6px 0 24px;background:url(../images/index.png) no-repeat -750px -362px;color:#269a6d;}
.wx_value dt h3{height:40px;margin-bottom:-2px;float:left;font-size:20px;border-bottom:2px solid #349971;} 
.wx_value dt h3 span{font-size:14px;color:#ccc;padding-left:6px;}
.wx_value dd{padding:10px 0 0;}
.wx_value li p,.wx_value td p{text-align:center;}
.wx_solu{width:590px;float:left;overflow:hidden;}
.wx_solu li{width:240px;height:176px;float:left;margin-right:10px;}
.wx_solu_scroll{width:580px;height:182px;position:relative;overflow:hidden;}
.wx_solu_scroll .marquee_td{padding-right:10px;}
.wx_case{width:390px;float:right;overflow:hidden;}
.wx_case li{width:120px;height:150px;float:left;margin-right:10px;}
.wx_case_des{height:30px;line-height:30px;color:#269a6d;}
.wx_web_list{border-bottom:1px solid #d7d7d7;padding-bottom:30px;margin-bottom:40px;}
.wx_web_list h2{height:50px;line-height:50px;font-size:21px;color: #3DC1FF;}
.wx_web_list dd{line-height:30px;}
.wx_web1{height:380px;padding-right:500px;background:url(../images/wx/website1.jpg) no-repeat right 0;}
.wx_web1 dl{padding-left:60px;background:url(../images/wx/web1.jpg) no-repeat;}
.wx_web2{height:350px;padding-left:500px;background:url(../images/wx/website2.jpg) no-repeat;}
.wx_web2 dl{padding-left:60px;background:url(../images/wx/web2.jpg) no-repeat 0 2px;}
.wx_web3{height:660px;padding-right:500px;background:url(../images/wx/website3.jpg) no-repeat right 0;}
.wx_web3 dl{padding-left:60px;background:url(../images/wx/web3.jpg) no-repeat 0 6px;}

.wx_web_pro{width:980px;}
.wx_web_pro ul{background:url(../images/wx/icon.png) no-repeat 20px 0;}
.wx_web_pro li{width:140px;height:212px;float:left;margin-right:20px;}
.wx_web_pro li a{display:block;}
.wx_web_pro .wx_t{font-size:18px;line-height:40px;padding-top:100px;text-align:center;}

.wx_tg_list{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e7e7e7;}
.wx_tg_t{height:105px;}
.wx_tg_t span{line-height:70px;padding-right:20px;float:left;font-size: 54px;color: #D0D0D0;}
.wx_tg_t strong{line-height:60px;float:left;font-size: 30px;color: #3DC1FF;padding-top:6px;}
.wx_tg_1 dd ul{padding-left:100px;background:url(../images/wx/fans.png?v=1) no-repeat;}
.wx_tg_1 li{margin-bottom:30px;}
.wx_tg_1 li div{color: #FF9C00;font-size: 20px;padding:15px 0 20px;}
.wx_tg_2,.wx_tg_3{padding-right:340px;}
.wx_tg_2{background:url(../images/wx/fan1.jpg) no-repeat 100% 0;}
.wx_tg_3{background:url(../images/wx/fan2.jpg) no-repeat 100% 0;}

.wx_rz_t{height:380px;font-size:14px;padding-left:460px;background:url(../images/wx/renzheng.jpg) no-repeat;}
.wx_rz_t h3{line-height: 44px;font-size: 30px;color: #099ddb;}
.wx_rz_b ul{background:url(../images/wx/weixinrenzheng.png) no-repeat 0 -10px;}
.wx_rz_b ul li{width:370px;padding-left:130px;height:190px;float:left;}
.wx_rz_b ul li div{font-size:20px;color: #099ddb;padding-bottom:10px;}

.wx_jiazhi{height:420px;margin-top:30px;padding:90px 0 0 770px;background:url(../images/wx/weixin_img.jpg) no-repeat;}
.wx_jiazhi h3{font-size:36px;}

.wx_contact{padding-top:100px;background:url(../images/wx/weixindailishang.gif) no-repeat right 20px;}
.wx_contact p{font-size:22px;}
.wx_contact p a{color:#099ddb;padding-left:40px;text-decoration:underline;}

/*sem*/
.num{ width:11px; height:11px; overflow:hidden; text-indent:-9000em; background-image:url(../images/sem/sem_number.png); position:absolute; left:4px; top:6px;}
.num.num2{ background-position:-11px 0;}
.num.num3{ background-position:-22px 0;}
.num.num4{ background-position:-33px 0;}
.sem_focus{width:748px;}
.smm_focus{width:713px;}
.list_focus{height:278px;border:1px solid #ddd; position:relative; overflow:hidden;}
.list_focus .img_list{ height:278px; position:absolute;}
.list_focus .img_list li{height:278px;overflow:hidden; float:left;}
.list_focus .btn{ position:absolute; right:12px; bottom:-10px; opacity:0; filter:alpha(opacity=0);}
.list_focus .btn li{ width:20px; height:10px; float:left; margin-left:5px; opacity:0.4; filter:alpha(opacity=40); overflow:hidden; background:#b3b3b3; cursor:pointer;}
.list_focus .btn .active{opacity:1; filter:alpha(opacity=100); background:#0098dd;}

.sem_focus_rt{width:235px;}
.smm_focus_rt{width:270px;}
.list_focus_rt{height:280px;background:#f6f6f6;overflow:hidden;line-height:20px;}
.list_focus_rt .tit{height:35px; overflow:hidden; text-indent:-9000em; background-image:url(../images/sem/sem_t.png);}
.list_focus_rt .smm_t{ background-position:0 -35px;}
.list_focus_rt li{;position:relative; border-bottom:1px solid #e7e7e7;padding-bottom:4px;margin-bottom:4px;}
.list_focus_rt .p1 p{ padding-left:24px;}
.list_focus_rt .suit{ padding:8px 8px 0 10px;}
.list_focus_rt strong{ font-weight:normal; color:#008cd6;}

.sem_pro{ width:249px; height:575px; overflow:hidden;float:left;}
.sem_pro_c{border-right:1px solid #e8e8e8; position:relative; padding:0 16px;}
.sem_pro h2{height:38px;line-height:30px;text-align:center;}
.sem_pro h2 a{font-size:16px;color:#008cd6;}
.sem_pro_logo{height:144px; background-image:url(../products_images/products_logo.png); margin-top:10px;}
.sem_pro .super{height:214px; position:relative; border-bottom:1px dotted #ddd; margin-top:16px;}
.sem_pro .list li{ position:relative;padding-left:22px;background:url(../images/index.png) no-repeat -757px -616px;}
.sem_pro .more a{ display:block; height:40px;line-height:40px;font-size:14px; letter-spacing:0;overflow:hidden; color:#008cd6;}
.sem_pro .list02 a{ display:block;color:#008cd6;padding-left:16px; background:url(../images/dot2.png) 4px 10px no-repeat;}
.sem_pro .btn a{display:inline-block;padding:0 15px;height:35px;line-height:35px;font-size:14px;color:#fff;text-decoration:none; background:url(../images/sem/sem_btn.png) repeat-x; text-align:center;overflow:hidden;}
.sem_pro .btn a:hover{ background-position:0 -35px;}

.smm_bott h3{font-size:30px;color:#000;}
.smm_sign_t{font-size:24px;padding-bottom:10px;}
.smm_sign_t a{text-decoration:underline;}
.smm_sign{width:500px;height:190px;padding-top:40px;}
.smm_sign_lf{padding-left:80px;background:url(../images/smm/bj_left.gif) no-repeat 0 50%;}
.smm_sign_rt{padding-right:80px;background:url(../images/smm/bj_right.gif) no-repeat 100% 50%;}
.smm_bott_link{width:700px;height:8px;background-color:#CDD2D8;margin:40px auto;}
.smm_bott_link span{width:8px;height:30px;background-color:#CDD2D8;text-indent:-999em;}
.smm_link_t{margin-top:-22px;}
.smm_link_b{margin-bottom:-8px;}

.website_youshi dt{height:55px;background:url(../images/website/ys_t.png) no-repeat 20px 0;}
.website_youshi li{width:360px;height:120px;float:left;padding:0 30px 10px 110px;background:url(../images/website/website_ys.png) no-repeat;overflow:hidden;}
.website_youshi .website_ys2{background-position:0 -120px;}
.website_youshi .website_ys3{background-position:0 -240px;}
.website_youshi .website_ys4{background-position:0 -360px;}

/* about bangju.com */
.about_link{height:95px;background:url(../images/about.jpg) no-repeat;margin-top:50px;}
.about_link a{width:260px;height:90px;margin-right:30px;display:inline-block;text-indent:-999em;}

/* about bangju.com */
.inside_contact_t{padding-left:55px;background:url(../images/ny.png ) no-repeat -20px -379px;line-height:40px;font-size:14px;}
.contact_professor dl{width:33%;float:left;}
.contact_professor dt{height:42px;line-height:42px;padding-left:50px;background:url(../images/professor.png) no-repeat;}
.contact_professor .pro_1 dt{background-position:0 -296px;}
.contact_professor .pro_2 dt{background-position:0 -396px;}
.contact_professor .pro_3 dt{background-position:0 -200px;}
.contact_professor .pro_4 dt{background-position:0 -23px;}
.contact_professor .pro_5 dt{background-position:0 -483px;}
.contact_professor .pro_6 dt{background-position:0 -107px;}
.contact_professor dd{position:relative;height:100px;padding-left:50px;}
.contact_professor .professor_des{width:300px;position:absolute;height:156px;left:0;top:0;background-color:#efefef;padding:12px;display:none;z-index:10;border:1px solid #e1e1e1;}
.contact_professor .professor_des img{float:left;margin:0 15px 10px 0;}
.contact_professor .professor_btn{height:22px;line-height:22px;cursor:pointer;position:absolute;right:30px;bottom:5px;;border:1px solid #e1e1e1;padding:0 10px;z-index:9;}

/* case */
.inside_case_t a{width:189px;height:47px;line-height:47px;float:left;text-align:center;background:url(../images/case/case_t.png) no-repeat;margin-right:8px;text-decoration:none;font-size:14px;}
.inside_case_t a:hover,.inside_case .case_curr{background-position:0 -47px;color:#ccc;}
.inside_case_t span{width:380px;height:47px;float:left;text-indent:-999em;background:url(../images/case/case_tel.png) no-repeat;}
.inside_case_c{position:relative;padding-bottom:40px;margin-bottom:20px;}
.inside_case_c li{width:240px;float:left;margin-bottom:20px;display:none;border:1px solid #dedede;padding:2px;}
.inside_case_c li a{display:block;}
.inside_case_c li p{font-size:14px;line-height:40px;text-align:center;;background-color:#dedede;}

/* solution */
.hy{background:url(../images/hy.png) no-repeat;}
.hy a{width:155px;height:70px;float:left;margin:0 10px 10px 0;text-indent:-999em;}
.solu_title{height:60px;line-height:40px;color:#c1c1c1;}
.solu_title h2 span{font-size:18px;color:#333;padding-right:4px;}
.solu_title a{padding-left:36px;background:url(../images/index.png) no-repeat -740px -486px;float:right;color:#20a001;font-size:14px;}
.solution_hy_list dl{margin-bottom:30px;border-bottom:1px dashed #e7e7e7;padding-bottom:30px;}
.solution_app dt{height:42px;}
.solution_app dt p{float:left;padding:16px 0 0 10px;}
.solution_app h2{height:42px;line-height:42px;float:left;color:#fff;font-size:16px;padding:0 30px 0 10px;background:#099ddb url(../images/solution/solution_tbg.jpg) no-repeat right 0;}
.solution_app dd{height:260px;background:url(../images/solution/sol_tubg.jpg) no-repeat 25px bottom;padding-top:30px;}
.solution_app .solu_app_img{float:left;}
.solution_app .solu_app_pic{float:right;}
.solution_app .solu_app_intro{width:350px;float:left;padding:80px 0 0 65px;}

.solution_t table,.solution_t tr,.solution_t td,.solution_t th{border-collapse:inherit;border-spacing:4px;}
.solution_t .bgColor1{background:#898989;color:#fff;font-size:14px;text-align:center;line-height:23px;}
.solution_t .bgColor1 span{display:inline-block;width:23px;height:23px; background:#fff;font-weight:normal;color:#898989;margin-right:10px;border-radius:50%;}
.solution_t .bgColor2,.solution_t .bgColor3{font-size:14px;padding:0 20px;line-height:22px;}
.solution_t .bgColor2{background:#efefef;}
.solution_t .bgColor3{background:#f6f7f7;}
.solution_m {width:822px;height:72px; background:url(../images/solution/dot.jpg) repeat-x;padding:18px 0 0 0;margin:50px auto;}
.solution_m p{width:772px;height:55px;background:#fff;margin:0 auto;text-align:center;}
.solution_m  p span{color:#333;font-size:23px;padding:0 23px;line-height:55px;}
.solution_m  p span b{color:#f08326;}

.solu_mj_cont{height:136px;padding:25px 0 30px 190px; position:relative; }
.solu_mj_pic {width:182px; height:151px; overflow:hidden; position:absolute; left:0; top:25px; background:url(../images/solution/solution_list.jpg);}
.solu_mj_cont h3 a{font-size:16px;line-height:24px;color:#e6007f; }
.solu_mj_cont p{font-size:14px;margin-top:16px; margin-bottom:8px;}
.solu_mj_cont .solu_mj_view{width:125px; height:25px; background:url(../images/solution/solution_list_btn.png); position:absolute; bottom:24px; right:5px; text-indent:-9000em;}
.solu_mj_cont .solu_mj_view:hover { background-position:0 -25px;}

/*网站建设*/
.webele1{ width:100%; position:relative; height:600px; padding-top:50px;  left:0; overflow:hidden;}
.webele1 .webbox{ width:1260px; height:500px; position:relative; margin:0 auto;}
.webele1 .webbox .tit{ position:absolute; left:12px ; top:0; font-size:22px; }
.webele1 .webbox .tit h2{position:relative; left:-90px; font-size:50px; color:#d1042d; }
.webele1 .webbox .tit div{ position:relative; left:110px; }
.webele1 .webbox .tit .red{color:#d1042d;}
.web_top1{ position:absolute; left:15px; top:200px; width:400px; height:260px;}
.web_top1 .canvasbox{ position:relative; width:300px; height:170px; left:25px; top:0;}
.web_top1 .canvasbox span{ display:block; background:url(../images/website/dd.gif) center no-repeat; opacity:0.7; filter:alpha(opacity=70); width:12px; height:12px; position:absolute; left:0; top:0;}
.web_top1 dl{ display:block; height:110px; width:400px; position:relative; top:-20px;}
.web_top1 dl dt{ float:left;  position:relative; background:url(../images/website/red3.jpg) no-repeat center; width:64px; height:50px; font-size:30px; font-family:arial; font-weight:bold; text-align:center; color:#fff; padding-top:14px; margin-top:32px;}
.web_top1 dl dd{ float:left;  position:relative; display:inline; margin-left:20px; height:110px; width:310px; }
.web_top1 dl dd h2{ display:block; cursor:pointer; background:url(../images/website/website_15.jpg) 100px top no-repeat; height:34px; font-size:20px; color:#d1042d; padding-top:30px; }
.web_top1 dl dd .p{ color:#8a8a8a; line-height:16px;}

.web_top2{ position:absolute; left:320px; top:90px; width:400px; height:260px;}
.web_top2 .canvasbox{ position:relative; width:300px; height:170px; left:20px; top:0;}
.web_top2 .canvasbox span{ display:block; background:url(../images/website/dd.gif) center no-repeat; opacity:0.7; filter:alpha(opacity=70); width:12px; height:12px; position:absolute; left:0; top:0;}
.web_top2 dl{ display:block; height:110px; width:400px; position:relative; top:-20px;}
.web_top2 dl dt{ float:left;position:relative; background:url(../images/website/red3.jpg) no-repeat center; opacity:0.9; filter:alpha(opacity=90); width:64px; height:50px; font-size:30px; font-family:arial; font-weight:bold; text-align:center; color:#fff; padding-top:14px; margin-top:32px;}
.web_top2 dl dd{ float:left;position:relative; display:inline; margin-left:20px; height:110px; width:310px; }
.web_top2 dl dd h2{ display:block; cursor:pointer; background:url(../images/website/website_11.jpg) 100px top no-repeat; height:34px; font-size:20px; color:#d1042d; padding-top:30px; }
.web_top2 dl dd .p{ color:#8a8a8a; line-height:16px;}

.web_top3{ position:absolute; left:615px; top:-18px; width:400px; height:260px;}
.web_top3 .canvasbox{ position:relative; width:300px; height:170px; left:20px; top:0;}
.web_top3 .canvasbox span{ display:block; background:url(../images/website/dd.gif) center no-repeat; opacity:0.7; filter:alpha(opacity=70); width:12px; height:12px; position:absolute; left:0; top:0;}
.web_top3 dl{ display:block; height:110px; width:400px; position:relative; top:-20px;}
.web_top3 dl dt{ float:left;position:relative; background:url(../images/website/red3.jpg) no-repeat center; opacity:0.8; filter:alpha(opacity=80); width:64px; height:50px; font-size:30px; font-family:arial; font-weight:bold; text-align:center; color:#fff; padding-top:14px; margin-top:32px;}
.web_top3 dl dd{ float:left;position:relative; display:inline; margin-left:20px; height:110px; width:310px; }
.web_top3 dl dd h2{ display:block; cursor:pointer; background:url(../images/website/website_07.jpg) 60px top no-repeat; height:34px; font-size:20px; color:#d1042d; padding-top:30px; }
.web_top3 dl dd .p{ color:#8a8a8a; line-height:16px;}

.web_top4{ position:absolute; left:925px; top:10px; width:400px; height:260px;}
.web_top4 dl{ display:block; height:110px; width:400px; position:relative; top:-20px;}
.web_top4 dl dt{ float:left;position:relative; background:url(../images/website/red3.jpg) no-repeat center; opacity:0.7; filter:alpha(opacity=70); width:64px; height:50px; font-size:30px; font-family:arial; font-weight:bold; text-align:center; color:#fff; padding-top:14px; margin-top:32px;}
.web_top4 dl dd{ float:left;position:relative; display:inline; margin-left:20px; height:110px; width:310px; }
.web_top4 dl dd h2{ display:block; cursor:pointer; background:url(../images/website/website_03.jpg) 50px top no-repeat; height:34px; font-size:20px; color:#d1042d; padding-top:30px; }
.web_top4 dl dd .p{ color:#8a8a8a; line-height:16px;}



.website_wrap{ position:relative; width:auto; height:100%; overflow:auto; overflow-y:scroll;  }
.website_scroll{ position:relative; z-index:100 ; width:auto; min-width:1255px;  font-size:1em;  }
.show{visibility:hidden;}
.hide{ background:url(../images/loading.gif) no-repeat center;}
.scroll{width:auto; position:fixed; z-index:99; width:100%; height:100%; overflow:hidden;}
.scrollbox{ position:relative; min-width:1257px;   height:100%;}

.leftnav { width:85px; position:fixed; height:160px; margin-top:30px;  right:22px; top:50%; z-index:1000;}
.leftnav li{ padding:5px 0;  height:20px; line-height:20px; font-size:12px;}
.leftnav li a{ background:url(../images/website/nav.png) no-repeat 0 -24px ; color:#555; font-weight:bold; line-height:20px; display:block; padding-left:20px;  text-decoration:none;} 
.leftnav li a.cur{ background:url(../images/website/nav.png) no-repeat 0 -1px ; line-height:20px; color:#FF0000; display:block; padding-left:20px; }
.leftnav li a:hover{ background:url(../images/website/nav.png) no-repeat 0 -1px ;color:#FF0000;}
.leftnav li.lefttop {display:none; height:20px; margin-top:5px; background:url(../images/website/top.gif) no-repeat center; cursor:pointer; }

.webele2{ width:100%; position:relative; height:600px;  left:0; overflow:hidden;}
.webele2 .webbox{ width:1245px; padding:0 0 0 15px; height:600px; position:relative; margin:0 auto;}
.webele2 .webbox dl{}
.webele2 .webbox dt{ float:left;  width:458px; height:522px; position:relative;}
.webele2 .webbox dt img{ display:none;}
.webele2 .webbox dt .posLi{
	width:86px;
	height:101px;
	position:absolute;
	z-index:9;
	background:url(../images/website/website_19.jpg) no-repeat ;
}
.webele2 .webbox dd{ float:right; width:745px; display:inline; margin-left:40px;}
.webele2 .webbox dd h2{ font-size:30px; color:#bf1c23;  margin-top:100px; position:relative;}
.webele2 .webbox dd .p{ font-size:14px; line-height:25px; margin-top:10px; position:relative;}
.webele2 .webbox dd h3{ font-size:25px; line-height:25px;color:#bf1c23; margin-top:70px; position:relative;}
.webele2 .webbox dd ul{ width:760px; height:100px; margin-top:40px;}
.webele2 .webbox dd ul li{ display:block; float:left; position:relative; background:url(../images/website/red.jpg) no-repeat; width:107px; text-align:center; height:107px;}
.webele2 .webbox dd ul li span{ display:block;  color:#fff; font-size:14px; line-height:16px; position:relative; top:50%;}
.webele2 .webbox dd ul li.odd{ background:url(../images/website/red1.jpg) no-repeat center; width:50px;}



.webele3{ width:100%; position:relative; height:600px;  left:0; overflow:hidden;}
.webele3 .webbox{ width:1245px;  padding:0 0 0 15px; height:600px; position:relative; margin:0 auto;}
.webele3 .left{ float:left; width:850px; height:420px; position:relative; z-index:2}
.webele3 .left h2{ font-size:40px; color:#bf1c23;  margin-top:0; position:relative;}
.webele3 .left .p{ font-size:16px; line-height:25px; margin-top:10px; position:relative;}
.webele3 .left .p span{ display:inline-block; padding-right:10px; color:#bf1c23}
.webele3 .left h3{ font-size:30px; line-height:25px;color:#bf1c23; margin-top:40px; position:relative;}
.webele3 .left h3 em{  font-size:40px; display:inline-block ; padding:0 5px;}
.webele3 .ele3ul { margin-top:30px; width:800px;}
.webele3 .ele3ul li{ float:left; width:200px; font-size:14px; padding-left:60px; background:url(../images/website/icon1.jpg) no-repeat; height:50px; line-height:50px; margin:5px 0px; overflow:hidden; position:relative;}
.webele3 .ele3ul li.li1{ background-position:0 0;}
.webele3 .ele3ul li.li2{ background-position:-273px 0;}
.webele3 .ele3ul li.li3{ background-position:-540px 0;}
.webele3 .ele3ul li.li4{ background-position:0 -53px;}
.webele3 .ele3ul li.li5{ background-position:-273px -53px;}
.webele3 .ele3ul li.li6{ background-position:-540px -53px;}
.webele3 .ele3ul li.li7{ background-position:0 -106px;}
.webele3 .ele3ul li.li8{ background-position:-273px -106px;}
.webele3 .ele3ul li.li9{ background-position:-540px -106px;}
.webele3 .right{ float:left; position:absolute; right:-100px; top:0; z-index:1; width:720px; height:401px;}
.webele3 .right .img1{ background:url(../images/website/website_23.jpg) no-repeat; width:283px; height:401px; float:left; position:relative;}
.webele3 .right .img2{ background:url(../images/website/website_24.jpg) no-repeat; width:170px; height:401px; float:left; position:relative;}
.webele3 .right .img3{ background:url(../images/website/website_25.jpg) no-repeat; width:267px; height:401px; float:left; position:relative;}

.webele4{ width:100%; position:relative; height:600px;  left:0; overflow:hidden;}
.webele4 .webbox{ width:1260px; height:600px; position:relative; margin:0 auto;}
.webele4  .left{ background:url(../images/website/bot_03.jpg) no-repeat; z-index:1; top:50px; left:-100px; width:785px; height:324px; position:absolute;}
.webele4  .right{ width:630px; height:400px; position:relative; z-index:2; left:600px;}
.webele4  .right h2{ font-size:40px; color:#bf1c23;  margin-top:0; position:relative;}
.webele4  .right .p{ font-size:16px; line-height:25px; margin-top:10px; position:relative;}
.webele4  .right .p span{ display:inline-block;  color:#bf1c23}
.webele4  .right ul{ background:url(../images/website/01.gif) no-repeat; width:278px; height:258px; float:left; margin-top:20px; padding-top:30px; color:#fff;}
.webele4  .right ul li{ width:140px; margin:0 auto; position:relative; background:url(../images/website/00.png)  10px center no-repeat; padding:3px 0; padding-left:20px; font-size:16px;}
.webele4  .right ul li.tit{ background:no-repeat; padding:0; font-size:22px; padding-bottom:10px;}
.webele4  .right .mouse{ position:relative;background:url(../images/website/bot_06.jpg) no-repeat; width:132px; height:205px; float:left; display:inline; margin-left:50px; margin-top:60px;}


.webele5{ width:100%; position:relative; height:500px;  left:0; overflow:hidden;}
.webele5 .webbox{ width:1260px; height:500px; position:relative; margin:0 auto;}
.webele5 .left{ width:990px; padding-left:12px; position:relative; z-index:2;}
.webele5  .left h2{ font-size:40px; color:#bf1c23;  margin-top:0; position:relative;}
.webele5  .left .p1{ font-size:16px; line-height:25px; margin-top:10px; position:relative;}
.webele5  .left .p1 span{ display:inline-block; color:#bf1c23}
.webele5  .left h3{ font-size:22px; color:#bf1c23; margin-top:40px;  position:relative;}
.webele5  .left .p2{ font-size:14px; line-height:25px; margin-top:10px; position:relative;}
.webele5  .left  ul{ width:990px; height:100px; margin-top:40px;}
.webele5  .left  ul li{ display:block; float:left; position:relative; background:url(../images/website/02.gif) no-repeat; width:107px; text-align:center; height:107px;}
.webele5  .left  ul li span{ display:block;  color:#fff; font-size:14px; line-height:16px; position:relative; top:50%;}
.webele5  .left  ul li.odd{ background:url(../images/website/red1.jpg) no-repeat center; width:50px;}
.webele5 .right{ background:url(../images/website/bot_11.jpg) no-repeat; width:777px; height:353px; position:absolute; right:-80px; top:0; z-index:0;}

.webele6{ width:100%; position:relative; height:50px; padding-top:20px;  left:0; overflow:hidden; text-align:center;}
.webele7{ width:100%; position:absolute; bottom:0; height:50px; padding-top:20px;  left:0; overflow:hidden; text-align:center;}

.hezuo{background:url(../images/wx/hezuo_bg.png) repeat;}
.hezuo .inside_banner_img{background-color:#c3d4ed;}
.hezuo_link{background:url(../images/wx/hezuo4.jpg) no-repeat center 0;padding:140px 0 40px;line-height:48px;}

/*seo*/
.seo_why{width:450px;background:url(../images/seo/seo2.png) no-repeat;}
.seo_why_c{padding:70px 20px 0 100px;height:410px;}
.seo_why p{margin-bottom:30px;}
.seo_effect{width:540px;}

/*qq聊天窗口*/
.qq_chat{width:137px;position:absolute;right:0;top:200px;padding-top:55px;background:url(../images/qq_t.png) no-repeat;}
.qq_chat_wrap{padding-bottom:56px;background:url(../images/qq_b.png) no-repeat 0 100%;}
.qq_chat_wrap ul{background:url(../images/qq_m.png) repeat-y;padding:10px;}
.qq_chat_wrap ul li{height:38px;line-height:38px;padding-left:36px;font-size:14px;background:url(../images/index.png?v=1) no-repeat -560px -413px;}