@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;}