@charset "utf-8"; /* CSS Document */ /* 公共样式 */ html,body,div,dl,dt,dd,ul,p,th,td,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend{margin:0;padding:0;} html{-webkit-text-size-adjust:none} body{margin:0;font-family:"微软雅黑",Arial;color:#333;font-size:12px;line-height:1.5;overflow-y:auto;} a{color:#333; text-decoration:none;} a:hover{color:#0079be; text-decoration:none;} cite,em,th{font-style:inherit;font-weight:inherit} strong{font-weight:700} td,th,div{word-break:break-all;word-wrap:break-word} th{text-align:left;font-weight:100;font-size:12px !important;} ol li{list-style:decimal outside} ol{padding:0 0 0 18px;margin:0} li{list-style:none} img{border:0} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block} .cc{zoom:1} .cc:after{content:'\20';display:block;height:0;clear:both;visibility:hidden} .c,.clear{clear:both;height:0;font:0/0 Arial;overflow:hidden;width:0} .fl{float:left;} .fr{float:right;} .mr0 { margin-right:0 !important;} .mb5{margin-bottom:5px!important} .mb10{margin-bottom:10px!important} .mb15{margin-bottom:15px!important} .mb20{margin-bottom:20px!important} .mb30{margin-bottom:30px!important} .mr5{margin-right:5px!important} .mr10{margin-right:10px!important} .mr15{margin-right:15px!important} .mr20{margin-right:20px!important} .mr30{margin-right:30px!important} .p5{padding:5px} .p10{padding:10px} .p15{padding:15px} .p20{padding:20px} .p30{padding:30px} .bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear:both;font-size:1px;height:0;line-height:1px} .bk3{height:3px} .bk6{height:6px} .bk8{height:8px} .bk10{height:10px} .bk15{height:15px} .bk20{height:20px} .bk30{height:30px} .btn{color:#333;background:#e6e6e6;border:0;padding:5px 10px;padding:4px 10px\0;*padding:2px 10px;display:inline-block;*display:inline;*zoom:1;cursor:pointer;font-size:100%;line-height:normal;text-decoration:none;overflow:visible;vertical-align:middle;text-align:center;white-space:nowrap;font-family:inherit;_position:relative;margin:0} .btn em{font-size:10px;font-style:normal;padding-left:2px;font-family:Arial;vertical-align:1px} .btn:hover{color:#333;text-decoration:none} .btn-big{font-size:1.2em;line-height:normal;padding:7px 18px;border-radius:2px} .placeholder{color:#999} .f14{font-size:14px} .bg1 { background:#3598db;} .bg2 { background:#28b362;} .bg3 { background:#db552f;} .bg4 { background:#15a21f;} .bg5 { background: #0047C5;} .bg6 { background:#3598db;} .bg7 { background:#28b362;} .bg8 { background:#db552f;} .bg9 { background:#15a21f;} .bg10 { background: #0047C5;} .bg11 { background:#3598db;} .bg12 { background:#28b362;} .bg13 { background:#db552f;} .bg14 { background:#15a21f;} .bg15 { background: #0047C5;} .wrapper{margin:0 auto;width:1200px} /* 头部 SS */ #header {width:100%; min-width:1200px; background:#fff;} .headroom{position:fixed;top:0;left:0;right:0;transition:all .2s ease-in-out;z-index:999} .headroom--unpinned{top:-124px;box-shadow:0 2px 6px rgba(0,0,0,0.4)} .headroom--pinned{top:0;box-shadow:0 2px 6px rgba(0,0,0,0.4)} .headroom--top{box-shadow:0 0 0 rgba(0,0,0,0)} .headroom.headroom--not-top{box-shadow:0 2px 6px rgba(0,0,0,0.4)} .fixed_header{height:106px;} #header .header_bar {height:44px; background:#000; color:#fff;} #header .header_bar .tel {font:100 13px/44px "Microsoft Yahei","宋体",arial;} #header .header_bar .tel i{display:block; margin:15px 5px 0 0; width:12px; height:11px; background:url(../images/genius.png) no-repeat left top;} #header .header_bar .w_box {margin-top:8px; float:right; height:28px; position:relative;} a.sweixin{float:right; width:28px; height:28px; margin:0 2px; background:url(../images/genius.png) no-repeat -43px 0; cursor:pointer; display:inline-block;} a.sweixin:hover { background-position: -43px -28px;} a.sqq{float:right; width:28px; height:28px; margin:0 2px; background:url(../images/genius.png) -15px 0 no-repeat; cursor:pointer; display:inline-block;} a.sqq:hover { background-position:-15px -28px;} a.sweibo{float:right; width:28px; height:28px; margin:0 2px; background:url(../images/genius.png) no-repeat -71px 0; cursor:pointer; display:inline-block;} a.sweibo:hover {background-position:-71px -28px;} .markinfo{width:120px; height:120px; background:url(../images/ewm.png) left top no-repeat; position:absolute; margin:30px 0 0 -54px; text-align:center; padding:16px 10px 10px 10px; display: none; z-index:9999;} #header .header_bar .top_key {float:left; width:484px; font:100 12px/41px "Microsoft Yahei","宋体",arial; text-align:right; } #header .header_bar .top_key a { color:#fff; margin:0 2px; text-decoration:none;} #header .header_bar .top_key a:Hover {text-decoration:underline;} .headbox{background:#FFF} .headbox .logo{padding:12px 0 0} .headbox .nav{position:relative;width:1200px;height:80px;margin:0 auto} .headbox .nav-list{height:80px} .headbox .nav-list li{float:left;margin-left:25px;line-height:80px} .headbox .nav-list a{display:block;font-size:14px;color:#333;text-align:center} .headbox .nav-list a:hover,.headbox .nav-list a.now{color:#109beb;text-decoration:none; } .headbox .nav-list a.nav-arr{background:url(../images/point_1.png) center bottom no-repeat} .headbox .nav-list i {float:left;display:block;background:url(../images/nav_icon.png) no-repeat; margin:33px 5px 0 0;} .headbox .nav-list i.ico_home {background-position:-100px 0; width:21px; height: 16px;} .headbox .nav-list i.ico_zyyw {background-position:-100px -200px; width:18px; height: 16px;} .headbox .nav-list i.ico_ymzc {background-position:-100px -151px; width:15px; height: 15px;} .headbox .nav-list i.ico_faq {background-position:-100px -49px; width:20px; height: 18px;} .headbox .nav-list i.ico_alzs {background-position:-100px -99px; width:21px; height: 17px;} .headbox .nav-list i.ico_hr {background-position:-100px -150px; width:21px; height: 18px;} .headbox .nav-list i.ico_fkfs {background-position:-100px -200px; width:18px; height: 18px;} .headbox .nav-list i.ico_lxwm {background-position:-100px -249px; width:22px; height: 18px;} .headbox .nav .navbox{position:absolute;left:auto;top:80px;width:830px;border-top:3px solid #109beb;border-radius:0 0 5px 5px;box-shadow:0 2px 3px #666;height:0;} .headbox .nav .navbox .op{position:absolute;left:auto;top:0;width:830px;background:url(../images/op_bg.png);border-radius:0 0 5px 5px;height:100%;z-index:-1} .headbox .nav .cont{position:relative;display:none} .headbox .nav .cont .subnav{position:relative;padding:35px 25px 20px;overflow:hidden} .headbox .nav .cont .subnav dl{ display:block; line-height:20px; } .headbox .nav .cont .subnav dl dd{ float:left; margin:0 13px 13px 0; text-align:center; width:100px; min-height:90px;} .headbox .nav .cont .subnav dl dd a { display:block; padding-top:10px; color:#fff;} .headbox .nav .cont .subnav dl dd a:hover { color:#efefef;} .headbox .nav #n1{right:0;} .headbox .nav #n1 .subnav{height:220px} .headbox .nav #n2, .headbox .nav #n3{ left:580px; width:180px; background:#fff;} .headbox .nav #n3 { left:650px;} .headbox .nav #n2 .subnav, .headbox .nav #n3 .subnav{height:220px;} .headbox .nav #n2 ul, .headbox .nav #n3 ul { padding:10px; } .headbox .nav #n2 li, .headbox .nav #n3 li { display:block; margin-bottom:1px;} .headbox .nav #n2 li a, .headbox .nav #n3 li a { display:block; height:30px; font:100 12px/30px "微软雅黑","宋体"; background:#109beb; text-align:center; color:#fff; } .headbox .nav #n2 li a:hover, .headbox .nav #n3 li a:hover { background:#0e87cc; color:#fff;} /* 头部 E */ /* 横幅 S */ .banner{margin:0 auto; min-width:1200px} .fullSlide{ width:100%; position:relative; height:420px; background:#000; } .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul{ width:100% !important; } .fullSlide .bd li{ width:100% !important; height:420px; overflow:hidden; text-align:center; } .fullSlide .bd li a{ display:block; height:420px; } .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(../images/touming.png) repeat-x; text-align:center; _background:#000; _filter:alpha(opacity=60); } .fullSlide .hd ul{ text-align:center; padding-top:5px; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px; } .fullSlide .hd ul .on{ background-position:0 0; } .fullSlide .prev, .fullSlide .next { width:45px; height:99px; position:absolute; top:150px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}.fullSlide .prev { background-image:url(../images/index.png); background-position:-112px 0; left:0 } .fullSlide .next { background-image:url(../images/index.png); background-position:-158px 0; right:0 }.fullSlide .prev:hover, .fullSlide .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 } .banSlide{ width:100%; position:relative; height:280px; background:#000; } .banSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .banSlide .bd ul{ width:100% !important; } .banSlide .bd li{ width:100% !important; height:280px; overflow:hidden; text-align:center; } .banSlide .bd li a{ display:block; height:280px; } .banSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(../images/touming.png) repeat-x; text-align:center; _background:#000; _filter:alpha(opacity=60); } .banSlide .hd ul{ text-align:center; padding-top:5px; } .banSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px; } .banSlide .hd ul .on{ background-position:0 0; } .banSlide .prev, .banSlide .next { width:45px; height:99px; position:absolute; top:80px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}.banSlide .prev { background-image:url(../images/index.png); background-position:-112px 0; left:0 } .banSlide .next { background-image:url(../images/index.png); background-position:-158px 0; right:0 }.banSlide .prev:hover, .banSlide .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }/* 横幅 E */ /* 主体 S */ #mainWrapper { margin:0 auto; } .news { min-width:1200px; font-size:14px; line-height:40px; } .news, .news .wrapper { background:#F5F6F7; } .news .noticeScroll{ position:relative; height:40px; overflow:hidden; } .news .noticeScroll .next { position:absolute; right:200px; display:block; padding-left:18px; padding-right:5px; height:40px; background:url(../images/icon_refresh.png) 0 center no-repeat; overflow:hidden; cursor:pointer; } .news .noticeScroll .prev { display:none; } .news .noticeScroll .bd { width:840px; } .news .noticeScroll .bd .list { height:40px; } .news .noticeScroll .bd li { float:left; width:420px; height:40px; background:url(../images/point.png) 0 center no-repeat; text-indent:10px; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .domain { padding-bottom:50px; border-bottom:1px #ddd solid; } .domain .main{ position:relative; } .domain .search { border:2px solid #FE3131; width:700px; height:52px; border-radius:3px; } .domain .keyword { padding:2px 10px; border:medium none; height:48px; line-height:48px; width:480px; } .domain .mod-dropdownlist { float:left; background:url(../images/icon_seach_pic.png) 70px center no-repeat; } .domain .domain-suffix { text-indent:20px; border:0; border-left:1px solid #EAEAEA; width:95px; height:52px; line-height:52px; } .domain .domain-suffix img { margin:10px;} .domain .btn-search { margin:3px; background:#FE3131; width:98px; height:46px; line-height:38px; *float:left; } .domain .btn-sbox { color:#fff; font-size:28px; } #tagscloud { width:300px; height:100px; position:absolute; right:50px; top:-40px; font-size:12px; text-align:center; } #tagscloud a { position:absolute; top:0px; left:0px; color:#333; margin:0 10px 15px 0; line-height:18px; text-align:center; font-size:12px;padding:1px 5px; display:inline-block; border-radius:3px; } #tagscloud a.tagc1 { background:#666; color:#fff; } #tagscloud a.tagc2 { background:#F16E50; color:#fff; } #tagscloud a.tagc5 { background:#fe3131; color:#fff; } #tagscloud a:hover { color:#fff; background:#0099ff; } /* 主营业务 */ .business { margin:0 auto; } .business .business_title { display:block; height:73px; background:url(../images/home_bus.jpg) no-repeat left; text-indent:-99999px;} .busScroll{position:relative; width:1200px; } .busScroll .hd{ margin-top:-30px; height:30px; padding:0; } .busScroll .hd .prev,.busScroll .hd .next{ display:block; width:38px; height:30px; float:right; margin-right:5px; overflow:hidden; cursor:pointer; background:url(../images/arrowleft.jpg) no-repeat; filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease} .busScroll .hd .next{ background:url(../images/arrowright.jpg) no-repeat;} .busScroll .hd .prev:hover,.busScroll .hd .next:hover { filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8} .busScroll .bd{ padding:20px 5px 10px 10px; } .busScroll .bd ul{ overflow:hidden; zoom:1; } .busScroll .bd ul li{ margin:0 25px; float:left; _display:inline; overflow:hidden; text-align:center; width:186px; } .busScroll .bd ul li .pic{ text-align:center; padding-top:25px; height:100px; color:#fff; font:100 16px/20px "微软雅黑",arial; } .busScroll .bd ul li .pic a{ display:block; height:100px; color:#fff;} .busScroll .bd ul li .title{ height:60px; padding:5px 0; text-align:left; line-height:22px; overflow:hidden;} .busScroll .bd ul li .detail a { color:#fff; display:block; height:26px; line-height:26px; } .busScroll .bd ul li .title a:hover{ color:#666;} .busScroll .bd ul li .pic a:hover, .busScroll .bd ul li .detail a:hover { color:#efefef} .server-list { width: 1200px; margin:0 auto; position: relative; overflow: hidden; margin-bottom: 30px; } .server-list ul { width: 1200px; } .server-list li { height: 34px; float: left; margin: 0 6px 2px 0; display: inline; position: relative; overflow: hidden; word-wrap: break-word; } .server-list a{ display: inline-block; font-weight: bold; font-size: 12px; line-height: 100%; color: #383838; border: 1px solid #666; padding: 3px 5px;} .server-list a.f12_a{ font-size: 12px; font-family: Arial,Verdana; letter-spacing: -1px;} .server-list a.f18{ font-size: 18px; line-height: 18px; padding: 2px 5px 4px; *padding: 3px; } .server-list a.f18_a{ font-size: 18px; line-height: 18px; font-family: Arial,Verdana; letter-spacing: -1px; } .server-list a.f24{ font-size: 24px; line-height: 24px; padding: 1px 5px 5px; *padding: 2px 5px 4px; } .server-list a.f24_a{ font-size: 24px; line-height: 24px; font-family: Arial,Verdana; letter-spacing: -1px; } .server-list a:hover,.server-list a.on{ background: #000; border: 1px solid #000; color: #fff; } /* 最新案例 */ .works {background:#222;padding-top:30px;padding-bottom:30px;position:relative;} .work_title { height:73px; } .work_title span { float:left; display:block; width:358px; height:73px; background:url(../images/works_title.jpg) no-repeat; text-indent:-99999px;} .work_title a { display:block; float:right; margin:9px 10px 0 0; width:153px; height:54px; background:url(../images/works_more.jpg) no-repeat; text-indent:-99999px;} /* case */ .case{margin-top:10px;} .case li{float:left; display:inline; margin-left:5px; width:292px;height:215px; background:url(../images/bg_case_f.png) center bottom no-repeat;position:relative;} .case li .case_w{display:block;width:262px;height:145px; padding:5px 5px 8px 5px; background:#3a3a3a; border:6px #3a3a3a solid; border-radius:8px; position:absolute; bottom:14px;left:0px; overflow:hidden;} .case li .case_w .fire{background:#000;opacity:0.5;filter:alpha(opacity=50);position:absolute;top:5px;left:5px;width:262px;height:153px;z-index:2;display:none; text-align:center; } .case li .case_w .x,.case li .case_w .y{width:61px;height:61px;top:60px;position:absolute;z-index:3;display:none;} .case li .case_w .x{background:url(../images/zoom-icon.png); left: 50px;} .case li .case_w .y{background:url(../images/readmore-icon.png);right:50px;} /* 售后服务 */ .service {} .service_title {} .service_title{width:100%;overflow:hidden;margin:0; border-bottom:1px #ddd solid;} .service_title .TitleStyle_Letter{width:100%;overflow:hidden;font-size:81px;font-family:Arial;font-weight:900;color:#333;text-align:center;} .service_title .TitleStyle_English{width:100%;overflow:hidden;font-size:12px;font-family:Arial;color:#adadad;text-align:center;margin-top:-20px;} .service_title .TitleStyle_Name{width:100%;overflow:hidden;font-size:42px;color:#333;text-align:center;font-weight:bold;margin-top:-8px;} .service_coont{ width:1200px; float:left; margin-top:15px; padding-bottom:20px;} .service_left{ width:275px; float:left; margin:0 67px; display:inline;} .service_img{ width:275px; } .service_wenzi{ width:275px; height:30px; font-weight:bold; font-family:微软雅黑; font-size:24px; text-align:center;} .service_right{ width:750px; float:left;} .service_fense{ width:350px; height:35px; float:left; background-color:#fd5f56; font-weight:bold; font-family:微软雅黑; font-size:14px; color:#FFF; line-height:35px; text-indent: 15px; margin-left:13px;} .service_nadianshi{ width:750px; float:left; font-weight:100; font-family:微软雅黑; font-size:14px; color:#666; line-height:30px; padding-top:10px; padding-left:13px; } .service_lsee{ width:350px; height:35px; float:left; background-color:#03b488; font-weight:bold; font-family:微软雅黑; font-size:14px; color:#FFF; line-height:35px; margin-top:15px; text-indent: 15px; margin-left:13px;} .service_linian{ width:630px; height:121px; float:left; font-weight:100; font-family:微软雅黑; font-size:14px; color:#666; line-height:30px; padding-top:10px; padding-left:13px;} /*--新闻开始--*/ .news_bj{ background-color:#2e3339; height:590px; overflow:hidden;} .news_box{ width:1080px; height:590px; margin:0 auto;} .news_yingwen{ width:1080px; height:25px; float:left; font-family: "Times New Roman", serif; font-weight: bold; color: #ffffff; font-size: 30px; text-align: center; margin-top:15px; } .news_zhongwen{ width:1080px; height:20px; float:left; font-family: "微软雅黑"; font-weight: 900; color: #9c9da1; font-size: 18px; text-align: center; margin-top:10px; } .news_xinxibj{ width:1080px; float:left; height:448px; margin-top:22px; background-image: url(../images/news_xinxibj.jpg); background-repeat:no-repeat; } .news_coont{ width:1000px; float:left; height:265px; margin:110px 0px 0px 40px; display:inline;} .news_list{ width:295px; float:left; height:265px; margin-left:30px; display:inline;} .list_h1{ width:295px; float:left; height:35px; background-color:#fd5f56; } .list_left{ width:90px; float:left; height:35px; line-height:35px; font-size:18px; font-weight:bold; color:#FFF; padding-left:20px;} .list_more{ width:35px; float:right; height:35px; } .list_xinxi{ width:295px; float:left; height:230px; } .list_xinxi li{ width:295px; float:left; height:30px; background-color:#fbfafa; margin-top:10px; overflow:hidden;}.list_xinxi li a{ width:285px; float:left; color:#939393; font-size:12px; line-height:30px; padding-left:10px;}.list_xinxi li a:hover{ background-color:#fd5f56; color:#FFF;} .list_h102{ width:295px; float:left; height:35px; background-color:#03b488; } .list_xinxi02{ width:295px; float:left; height:230px; } .list_xinxi02 li{ width:295px; float:left; height:30px; background-color:#fbfafa; margin-top:10px; overflow:hidden;}.list_xinxi02 li a{ width:285px; float:left; color:#939393; font-size:12px; line-height:30px; padding-left:10px;}.list_xinxi02 li a:hover{ background-color:#03b488; color:#FFF;} .list_h103{ width:295px; float:left; height:35px; background-color:#03be4a; } .list_xinxi03{ width:295px; float:left; height:230px; } .list_xinxi03 li{ width:295px; float:left; height:30px; background-color:#fbfafa; margin-top:10px; overflow:hidden;}.list_xinxi03 li a{ width:285px; float:left; color:#939393; font-size:12px; line-height:30px; padding-left:10px;}.list_xinxi03 li a:hover{ background-color:#03be4a; color:#FFF;} .news_more{ width:1000px; float:left; height:30px; margin-top:20px;} .news_more a{ width:30px; height:30px; float:left; margin-left:500px; display:inline;} .services, .services .wrapper { background:#0079be; } .services a { color:#FFF; } .services .pro { height:80px; width:262px; } .services .pro-mr { margin-right:50px; } .services .proPic { padding-top:20px; } .services .proTxt { padding-top:15px; font-size:20px; } /* 主体 E */ /* 内页 S */ .banners { position: relative; height: 300px; overflow: hidden; min-width:1200px; } /*内页-标题*/ .content_Bg{width:100%;overflow:hidden;background:#fff;} .content_Box{width:1270px;overflow:hidden;margin:0 auto;background:url(../images/title_bg.png) no-repeat 0 0;position:relative} .content_ListTitleBox{width:540px;overflow:hidden;position:absolute;top:75px;left:80px;} .content_EnglishTitle{width:auto;overflow:hidden;font-size:80px;font-weight:900;color:#35383e;float:left;letter-spacing:-4px;font-family:Arial;margin-right:5px;line-height:80px; text-transform:uppercase;} .content_ChineseBox{width:auto;overflow:hidden;float:left;} .content_Chinese{width:auto;overflow:hidden;font-size:34px;color:#4c4d4f;line-height:45px;} .content_Chinese b{font-size:34px;font-weight:bold;color:#f90;} .content_Chinese_Hint{width:auto;overflow:hidden;font-size:12px;color:#4c4d4f;line-height:15px;margin-top:-3px;} .content_Chinede_English{width:auto;overflow:hidden;font-size:12px;font-family:Arial;color:#4c4d4f;margin-top:-3px;line-height:15px; text-transform:uppercase;} /*内页页面*/ .content_ContentBox{width:100%;overflow:visible;} .content_ContentBox .content_ListBox_PC{width:1100px;overflow:hidden;margin:0 auto;margin-top:70px;padding-bottom:50px;} .content_SortBox{width:680px;overflow:hidden;margin:0 auto;margin-top:20px; margin-left:520px;} .content_SortBox a{display:block;color:#fff;} .content_SortBox a:hover{text-decoration:underline} .content_SortBox li{padding:0 10px;margin-left:10px; margin-bottom:10px;float:right;background:#49494e;line-height:28px;border:1px solid #313134;text-align:center;color:#fff;font-size:12px;} .content_SortBox .Checked{background:#f90;border:1px solid #e18700;} .PageBox{width:581px;overflow:hidden;margin:0 auto;padding:50px 0;} .PageBox li{width:78px;height:38px;line-height:38px;text-align:center;background:#fff;font-size:16px;border:1px solid #d9d9d9;color:#333;margin-right:3px;border-radius:2px;float:left;} .PageBox li:hover{background:#f1f1f1;} .PageBox a{display:block;color:#333;font-size:14px;text-decoration:none} .PageBox .Checked{background:#666;border:1px solid #666;color:#fff;} .PageBox .Checked a{color:#fff;} /*分页*/ .vm * { display:inline-block;vertical-align:middle; } .pageNo { padding:5px 0 10px 0;text-align:center; } .pageNo > a { position:relative;display:inline-block;height:37px;width:37px;text-align:center;line-height:37px;background:url(../images/bigPage.png) left top no-repeat;font-size:14px;font-weight:bold;margin:0 5px; } .pageNo > a:hover { background: url(../images/bigPage.png) left -37px no-repeat;color:#4f4f4f; } .pageNo > a.selecteds { background:url(../images/bigPage.png) left -111px no-repeat;color:#fff;cursor:default; } .pageNo > b {cursor: pointer;width: 0;height: 0;border-width: 6px;border-style: solid;font-size: 0;line-height: 0;border-color: #f8f8f8 #4e4e4e #f8f8f8 #f8f8f8;position: absolute;left: 9px;top: 12px;} .pagePrev b{cursor:pointer;width:0;height:0;border-width:6px;border-style:solid;font-size:0;line-height:0;border-color:#f8f8f8 #4e4e4e #f8f8f8 #f8f8f8; position:absolute;left:9px;top:12px;} .pageNext b{cursor:pointer;width:0;height:0;border-width:6px;border-style:solid;font-size:0;line-height:0;border-color:#f8f8f8 #f8f8f8 #f8f8f8 #4e4e4e; position:absolute;left:16px;top:12px;} .isTxtBig{background:#fbfbfb url(../images/inputBg.png) repeat-x left top;height:35px;line-height:35px;border:1px solid #c1c1c1;padding:0 5px;color:#333;} .isTxtBig.focus{color:#000; background-color:#fff;} .content_ContentBox .content_ListBox_Weixin{width:1100px;overflow:hidden;margin:0 auto;margin-top:70px;display:none} /*内页-新闻列表*/ .NewsList_Bg{background:url(../images/img02.png) no-repeat 0 0;} .NewsList_Box{width:1100px;overflow:hidden;margin:0 auto;padding:60px 0;} .NewsList_List{width:1058px;overflow:hidden;border:1px solid #d8d8d8;background:#fff;padding:20px 20px;margin-bottom:20px;position:relative} .NewsList_List:hover{background:#f2f2f2;} .NewsList_ListTitle{width:auto;overflow:hidden;font-size:18px;color:#333;font-weight:bold;} .NewsList_ListTitle span{display:block;font-size:12px;color:#999;font-weight:normal;line-height:25px;} .NewsList_ListTitle a{display:block;text-decoration:none;color:#333} .NewsList_ListState{width:auto;overflow:hidden;font-size:12px;color:#7f7f7f;line-height:20px;margin-top:10px;} .NewsList_ListState a{display:block;text-decoration:none;color:#666} /*内页-新闻页面*/ .main_Bg{width:100%;overflow:hidden;} .main_Box{width:1100px;overflow:hidden;margin:0 auto;margin-top:50px;} .main_Content{width:760px;overflow:hidden;padding:45px 35px;background:#fff;border:1px solid #D8D8D8;float:left} .main_Contents{overflow:hidden;padding:45px 35px;background:#fff;border:1px solid #D8D8D8;float:left} .main_Content_Title{width:100%;overflow:hidden;font-size:18px;color:#333;text-align:center;font-weight:bold;} .main_Content_Date{width:100%;overflow:hidden;text-align:center;font-size:12px;color:#999;border-bottom:1px solid #dfdfdf;margin-top:10px;} .main_Content_Article{width:100%;overflow:hidden;font-size:12px;line-height:25px;color:#666} .main_Content_Article p{margin:15px 0;text-indent:24px;} .r_new_listBg{width:200px;overflow:hidden;float:right;} .r_new_listTitle{width:100%;overflow:hidden;font-size:16px;color:#333;} .r_new_listBox{width:100%;overflow:hidden;padding-bottom:30px;} .r_new_listContent{width:100%;overflow:hidden;padding:15px 0px 10px;} .r_new_list{width:auto;overflow:hidden;height:22px;line-height:22px;color:#666;font-size:12px;padding-left:24px;background:url(../images/Icon_list.png) no-repeat 10px 10px;white-space:nowrap;text-overflow:ellipsis;} .r_new_list a{text-decoration:none;color:#666;} .r_new_list a:hover{text-decoration:underline} .r_new_listMore{width:100%;overflow:hidden;} .r_new_listMore a{display:block;float:right;color:#666;text-decoration:none;font-size:12px;} .r_new_listMore a:hover{text-decoration:underline} /*路径 breadcrumbs*/ .breadBg{width:1100px;overflow:hidden;padding-top:80px;margin:0 auto;} .breadcrumbs{width:190px;overflow:hidden;float:right;color:#666;padding-left:8px;font-size:12px;text-align:right} .breadcrumbs_01{width:210px;overflow:hidden;float:right;color:#666;padding-left:8px;font-size:12px;text-align:right} .breadcrumbs_02{width:560px;overflow:hidden;float:right;color:#666;padding-left:8px;font-size:12px;text-align:right} .breadcrumbs_03{width:250px;overflow:hidden;float:right;color:#666;padding-left:8px;font-size:12px;text-align:right} .breadcrumbs a,.breadcrumbs a,.breadcrumbs_02 a,.breadcrumbs_03 a{color:#666;text-decoration:none} .breadcrumbs a:hover,.breadcrumbs_01 a:hover,.breadcrumbs_02 a:hover,.breadcrumbs_03 a:hover{text-decoration:underline} /*内页-案例*/ .CaseBg {width:100%;overflow:visible;padding:28px 0 70px 0;} .CaseBox {width:1100px;overflow:visible;margin:0 auto;} .CaselistBox {width:100%;overflow:visible;margin-top:50px;} .CaselistBox .Caselist {float:left;margin-right:62px;width:320px;height:380px;font-size:12px;line-height:20px;position:relative;/*overflow:hidden;*/margin-bottom:50px;border:1px solid #d1dcdd;} .Case_QrcodeWrap_Img {width:200px;height:200px;} .Case_QrcodeWrap_Info {position:absolute;top:-13px;font-size:14px;} .Case_Photo {width:320px;height:200px;background-color:#efefef; overflow:hidden;} .Case_Content {width:auto;padding:20px;height:138px;background-color:#fff;position:relative;z-index:20;border-top:1px solid #dedede} .Case_Info {margin-bottom:12px;} .Case_Store {width:50px;color:#999;float:left;} .Case_StoreName {margin-left:50px;padding-bottom:12px;border-bottom:1px dotted #d1dcdd;color:#333;font-weight:bold;font-size:14px;} .Case_StoreInfo {margin-left:50px;padding-bottom:12px;border-bottom:1px dotted #d1dcdd;color:#666;} .Case_QrcodeWrap {width:200px;height:150px;overflow:hidden;position:absolute;top:188px;left:50%;z-index:10;margin-left:-100px;background-color:#fff;text-align:center;opacity:.3;-webkit-box-shadow:0 1px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 1px 2px rgba(0,0,0,0.1);-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;transition:.3s all ease-in-out} .Caselist:hover .Case_QrcodeWrap{top:-20px;height:220px;opacity:1;-webkit-transition:.3s all ease-in-out .2s;-moz-transition:.3s all ease-in-out .2s;transition:.3s all ease-in-out .2s} .Case_QrcodeWrap span {position:relative;top:-7px;font-size:14px;} .Case_Button {width:100%;overflow:hidden;} .Case_Button li {width:80px;height:30px;border:1px solid #dedede;text-align:center;line-height:30px;color:#666;border-radius:5px; margin:0 auto;} .Case_Button a {display:block;color:#666;font-size:14px;} .Case_Button li:hover {background:#f09a2b;border:1px solid #f09a2b;border-bottom:2px solid #be7413;height:29px;color:#fff;line-height:29px;} .Case_Button a:hover {display:block;color:#fff;font-size:14px;} .showbox { width:100%;} .showbox li {display:block; position:relative; border:1px #ddd solid; margin:0 30px 20px 0; padding:0 30px 12px 30px; float:left; width:256px; height:414px; } .showbox li.over { border:1px #f40 solid;} .showbox li .show-item-name { padding:10px 0; margin-bottom:10px; border-bottom:1px #ddd solid; color:#353535; height:70px; font:700 14px/70px "微软雅黑",Arial; text-align:left;} .showbox li .show-item-name img { vertical-align:middle;} .showbox li .show-item-name span { display:block; font-size:12px; color:#666; } .showbox li .show-item-content {width:100%; height:230px; overflow:hidden; margin-bottom:5px;} .showbox li .show-item-price { height:30px; font:100 20px/30px "微软雅黑","宋体",arial; text-align:center; color:#f40;} .showbox li .show-item-price span { font-size:14px; color:#333;} .showbox li .show-item-view {width:100%;overflow:hidden;} .showbox li .show-item-view a { float:left; margin:0 20px; width:80px;height:30px;background:#f90;border:1px solid #f09a2b;border-bottom:2px solid #be7413;text-align:center;line-height:30px;color:#fff;border-radius:5px; display:block;font-size:14px;} .showbox li .show-item-view a:hover {border:1px solid #dedede; border-bottom:2px solid #dedede; background:#fff; height:29px;color:#666;line-height:29px; display:block;font-size:14px;} /* 内页 E */ /* 向上滚动 S */ .rightnfixd {width: 46px;height: 150px;position: fixed;z-index: 3000;left: 50%;margin-left: 600px;} .rf_het {bottom: 20px;} .rightnfixd span {position: absolute;z-index: 1;} .rfixedico {background: url(../images/returnico.png);} .rightnfixda1 {background-position: -178px -44px;} .rightnfixda2 {background-position: -178px -95px;} .rightnfixda3 {background-position: -178px -146px;} .rightnfixda1:hover {background-position: -122px -44px;} .rightnfixda2:hover {background-position: -122px -95px;} .rightnfixda3:hover {background-position: -122px -146px;} .rightnfixd a {width: 46px;height: 46px;float: left;margin-top: 5px;} .rightnfixdspan1 {width: 115px;height: 148px;position: absolute;z-index: 3000;margin-left: -118px;margin-top: -30px;background-position: -2px -1px;display: none;} .rightnfixdspan1 img{width:110px;height: 110px; margin-left:1px;} .rightnfixdspan1 b{width: 100%;text-align: center;display: block;font-weight: 300; line-height:16px; margin-top:-4px;} /* 向上滚动 E */ /* 页脚内容 S */ .links .links_content a { font-size:14px; margin:0 5px;} #footer { padding-top:50px; margin:0 auto; width:100%; min-width:1200px; min-height:300px; background:#35383e url(../images/footerbg.png) no-repeat center top; } #footer .copyright_pt, #footer .copyright_fz { float:left; width:500px; padding:10px; color:#eee; font-size:12px; line-height:30px;} #footer .copyright_pt .ft, #footer .copyright_fz .ft { font-weight:bold; font-size:16px;} #footer .copyright { margin-top:10px; padding-top:10px; border-top:1px #666 solid; color:#888; text-align:center; line-height:24px;} #footer .copyright a { color:#888; } #footer .copyright a:Hover { text-decoration:underline; } #footer .wx { float:right; width:160px; text-align:center; line-height:20px; color:#fff;} #footer .keywords { padding:10px 0; color:#666;} /* 页脚内容 E */