@charset "utf-8"; /* css document */ .index_top_bg {z-index: 3; width: 100%; min-width: 1200px; /* height: 640px; */ margin: 0; padding: 0; position: absolute; z-index: 2; /* background: url(/uploads/image/pimages/index_bg_blue.jpg) center top no-repeat; */} .index_top_menu {width: 100%; height: 90px; margin: 0; padding: 0; background-color: #fff; /* background: url(/uploads/image/pimages/menu_bg.png) center top repeat-x; */ min-width: 1200px;} .menu { width: 1200px; height: 90px; margin: 0 auto; color: #fff; } .menu .menu_logo { width: 294px; height: 90px; float: left; background: url(/uploads/image/pimages/logo.png) 0 0 no-repeat; } .menu .menu_nav { font-size: 18px; float: right; position: relative;} .menu .menu_nav a { color: #000; text-decoration: none; position: relative;} .menu .menu_nav a { font-size: 16px; height: 16px; line-height: 16px; padding: 0 15px; padding-bottom: 20px; padding-top: 40px; float: left; /*border-bottom: 3px solid #fff; */ } .hoverline { position: absolute; top: 76px; background-color: #e60011; height: 3px; line-height: 0; font-size: 0; /*width: 62px;*/ } /*.menu .menu_nav a { height: 57px; float: left; padding: 33px 30px 0 30px; text-decoration: none; color:#fff; }*/ /*.menu .menu_nav a.hover { background: #d90000; }*/ /*.menu .menu_nav a:hover { background: #d90000; }*/ /*.menu .menu_nav a:visited { color: #fff; }*/ /*.menu .menu_nav a:active { color: #fff; }*/ /*.menu .menu_nav .menu_wx{width: 140px;}*/ /*.menu .menu_nav .top_wx_ico{ float: left; display: block; width: 30px; height: 25px; background:url(/uploads/image/pimages/ico_wx.png) 0 3px no-repeat; }*/ .index_banner { width: 1200px; height: 550px; margin: 0 auto; color: #fff; text-align: center; } .index_banner .toptitle { width: 1200px; height: 170px; padding: 35px 0; } .index_banner .toptitle h1 { font-size: 50px; padding-bottom: 10px; margin: 0 auto; } .index_banner .toptitle h2 { font-size: 18px; margin: 0 auto; } .index_banner .youshi { width: 1200px; height: 280px; } .index_banner .youshi .ystext { width: 1200px; font-size: 36px; } .index_banner .youshi dl { float: left; width: 190px; height: 210px; padding: 0 55px; } .index_banner .youshi dt { width: 190px; height: 118px; background: url(/uploads/image/pimages/youshi_bg.png) 25px 20px no-repeat; font-size: 48px; padding-top: 52px } .index_banner .youshi dt.ys4 { font-size: 36px; padding-top: 65px; height: 105px;} .index_banner .youshi dd { font-size: 24px; } .index_service { min-width: 1200px; height: 350px; margin: 0 auto; background: url(/uploads/image/pimages/index_service_line.gif) 0 240px repeat-x; color: #555; } .index_service h2 { font-size: 30px; text-align: center; padding: 40px 0 25px 0; margin: 0 auto; width: 1200px;} .index_service h2 a{ text-decoration: none;} .index_service h2 a:hover{color: #d90000;} .s_main { width: 1200px; height: 261px; margin: 0 auto; } .s_main .s_main_l { width: 599px; height: 261px; border-right: 1px solid #e7e7e7; float: left; } .s_main .s_main_l .s_main_l1 { width: 579px; height: 110px; padding-right: 20px; float: right; } .s_main .s_main_l .s_main_l2 { width: 579px; height: 110px; padding: 41px 20px 0 0; float: right; } .s_main .s_main_l .s_main_l1 a.s_text { height: 110px; text-align: right; float: right; padding-right: 130px; background: url(/uploads/image/pimages/index_service_bg.gif) right 0 no-repeat; text-decoration: none; color: #555; } .s_main .s_main_l .s_main_l2 a.s_text { height: 110px; text-align: right; float: right; padding-right: 130px; background: url(/uploads/image/pimages/index_service_bg.gif) right -440px no-repeat; text-decoration: none; color: #555; } .s_main .s_main_l .s_main_l1 a h3, .s_main_l2 a h3 { font-size: 20px; padding-bottom: 8px; } .s_main .s_main_l .s_main_l1 a p, .s_main_l2 a p { font-size: 14px; color: #999; line-height: 24px; } .s_main .s_main_l .s_main_l1 a:hover p, .s_main_l2 a:hover p { color: #d90000; } .s_main .s_main_l .s_main_l1 a:hover { color: #d90000; background: url(/uploads/image/pimages/index_service_bg.gif) right -110px no-repeat; } .s_main .s_main_l .s_main_l2 a:hover { color: #d90000; background: url(/uploads/image/pimages/index_service_bg.gif) right -550px no-repeat; } .s_main .s_main_r { width: 580px; height: 261px; float: left; } .s_main .s_main_r .s_main_r1 { height: 110px; padding-left: 20px; float: left; } .s_main .s_main_r .s_main_r2 { height: 110px; padding: 41px 0 0 20px; float: left; } .s_main .s_main_r .s_main_r1 a.s_text { height: 110px; text-align: left; float: left; padding-left: 130px; background: url(/uploads/image/pimages/index_service_bg.gif) left -220px no-repeat; text-decoration: none; color: #555; } .s_main .s_main_r .s_main_r2 a.s_text { height: 110px; text-align: left; float: left; padding-left: 130px; background: url(/uploads/image/pimages/index_service_bg.gif) left -660px no-repeat; text-decoration: none; color: #555; } .s_main .s_main_r .s_main_r1 a h3, .s_main_r2 a h3 { font-size: 20px; padding-bottom: 8px; } .s_main .s_main_r .s_main_r1 a p, .s_main_r2 a p { font-size: 14px; color: #999; line-height: 24px; } .s_main .s_main_r .s_main_r1 a:hover p, .s_main_r2 a:hover p { color: #d90000; } .s_main .s_main_r .s_main_r1 a:hover { color: #d90000; background: url(/uploads/image/pimages/index_service_bg.gif) left -330px no-repeat; } .s_main .s_main_r .s_main_r2 a:hover { color: #d90000; background: url(/uploads/image/pimages/index_service_bg.gif) left -770px no-repeat; } .index_case { margin: 0 auto; padding-top: 80px; min-width: 1200px; } .yunying { text-decoration: none; } .yunying:hover { color: #d90000; text-decoration: none; } .index_case h2 { width: 100%; color: #555; margin: 0 auto; padding-bottom: 6px; font-size: 30px; text-align: center; border-bottom: 1px solid #e7e7e7; min-width: 1200px;} .index_case .case_main { width: 1200px; padding-top: 10px; margin: 0 auto; } .case_main .c_menu { height: 10px; margin: 0 auto; padding-bottom: 20px; width: 590px; text-align: center; } .ui-tabs-nav li { float: left; margin: 0 0 0 1px; } .ui-tabs-nav a { float: left; font-size: 14px; padding: 3px 10px; margin-left: 10px; color: #555; text-decoration: none;} .ui-tabs-nav a:hover{ color:#d90000; text-decoration:none;} .ui-tabs-nav .ui-tabs-selected a { position: relative; color: #fff;background-color: #d90000; text-decoration:none; } .ui-tabs-nav .ui-tabs-selected a:hover {color: #fff;} @media projection, screen { /* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } @media print { .ui-tabs-nav { display: none; } } .case_main .c_pic{width: 1200px; height: 610px; padding-top: 20px; _padding-top:0px; margin: 0 auto;} .c_pic dl{float: left; width: 380px; height: 280px; padding-right: 30px;} .c_pic dl.last{padding-right: 0;} .c_pic dt{width: 380px; height: 240px; border: 0; overflow: hidden;} .c_pic dd{width: 380px; height: 40px; } .c_pic dd a{font-size: 16px; float: left; line-height:30px; color: #555} .c_pic dd a:hover{color: #d90000; text-decoration: underline;} .c_pic dd span{ font-size:12px; color: #999; line-height: 30px; float: right;} .index_link{min-width: 1200px; width: 100%; margin: 0; color: #999; border-top:1px solid #e7e7e7;} .index_link .link_list{width: 1200px; margin: 0 auto; padding: 8px 0; } .index_link span{ font-weight: bold; float: left;} .index_link a{ float: left; padding: 0 8px; color: #999;} // .copyright{min-width: 1200px; width: 100%; margin: 0; background: #f3f3f3; padding-top: 20px; clear: both;} // .copyright .copy_about{width: 1200px; height: 170px; margin: 0 auto; clear: both;} // .copyright .copy_beian{ clear: both; width:100%; margin: 0 auto; height: 40px; line-height: 40px; text-align: center; color: #aaa; background: #e7e7e7; min-width: 1200px;} // .copyright .copy_beian #qiao-wrap{display:inline-block;} // .copy_about dl{ float: left;} // .copy_about dt{font-size: 16px; color: #555; padding-bottom: 10px;} // .copy_about dt a{ color:#555;} // .copy_about dd{color: #999; line-height: 24px;} // .copy_about dd a{color: #999; line-height: 24px;} // .copy_about dl.t1{width: 300px;} // .copy_about dl.t2{width: 240px;} // .copy_about dl.logo{width: 280px; margin-top: 10px; height:127px; background:url(/uploads/image/pimages/flogo.png) no-repeat;} // .copy_about dl.t3{width: 190px;} // .copy_about dl.t4{width: 180px;} // .copy_about dl.t4 dd{width: 180px; clear: both;} // .copy_about a.gt{color: #33a600;} // .copy_about i.qq{ width:18px; height:18px; background:url(/uploads/image/pimages/copyright_ico.gif) 0 0 no-repeat; float:left;margin:3px 3px 0 0;} // .copy_about a.qqmsn{ width: 78px; height: 21px;background:url(/uploads/image/pimages/copyright_ico.gif) 0 -72px no-repeat; float: left; margin-top: 1px;} // .copy_about i.weixin{ width:18px; height:18px; background:url(/uploads/image/pimages/copyright_ico.gif) 0 -18px no-repeat; float:left;margin:3px 3px 0 0;} // .copy_about i.tel{ width:18px; height:18px; background:url(/uploads/image/pimages/copyright_ico.gif) 0 -36px no-repeat; float:left;margin:3px 3px 0 0;} // .copy_about i.mail{ width:18px; height:18px; background:url(/uploads/image/pimages/copyright_ico.gif) 0 -54px no-repeat; float:left;margin:3px 3px 0 0;} /*解决方案*/ .index_solution {background: none; height: auto;} .solution {height: 266px; margin-bottom: 20px;} .solution li {height: 266px; border-left: 1px dotted #dadada; float: left; width: 240px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box;} .solution li:first-child {border-left: none;} .solution li a {height: 262px; padding: 0 22px; padding-top: 4px; float: left; text-decoration: none; cursor: default;} /*.solution li a:hover {color: #e60011; }*/ .solution li a:hover i { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: .8; } .solution li i {display: block; width: 120px; height: 120px; border-radius: 50%; -ms-transition: all .8s;-webkit-transition: all .8s;transition: all .8s;} .solution li h3 {font-size: 16px; text-align: center; margin-top: 8px; margin-bottom: 5px;} .solution li p.s_bg { text-align: center; margin-bottom: 8px;} .solution li p.s_bg span {display: inline-block; background-color: #e7e7e7; line-height: 20px; padding: 0 15px; border-radius: 20px} .solution li p {line-height: 20px;} .solution li.s1 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url(/uploads/image/pimages/solution_bg.jpg) 0 0 no-repeat;} .solution li.s2 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url(/uploads/image/pimages/solution_bg.jpg) -242px 0 no-repeat;} .solution li.s3 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url(/uploads/image/pimages/solution_bg.jpg) -483px 0 no-repeat;} .solution li.s4 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url(/uploads/image/pimages/solution_bg.jpg) -724px 0 no-repeat;} .solution li.s5 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url(/uploads/image/pimages/solution_bg.jpg) -966px 0 no-repeat;} /*服务*/ .service_top_bg {min-width: 1200px; height: 200px; margin: 0 auto; background: url(/uploads/image/pimages/index_bg_blue.jpg) center no-repeat; } .s_menu{width: 1200px; height: 110px; margin: 0 auto; font-size:18px; color:#fff; line-height:110px;} .s_menu a.m_01{ width: 140px; height: 110px; float: left; color:#fff; margin:0 50px 0 18px;} .s_menu a.m_02, a.m_03{ width: 180px; height: 110px; float: left; color:#fff; margin-right:50px;} .s_menu a.m_04{ width: 220px; height: 110px; float: left; color:#fff; margin-right:50px;} .s_menu a.m_05{ width: 245px; height: 110px; float: left; color:#fff;} .s_menu i{width: 50px; height: 110px; margin-right:10px; background:url(/uploads/image/pimages/service_menu_ico.png) no-repeat; float:left;} .s_menu a.m_01 i{ background-position:0 0;} .s_menu a.m_02 i{ background-position:-50px 0;} .s_menu a.m_03 i{ background-position:-100px 0;} .s_menu a.m_04 i{ background-position:-150px 0;} .s_menu a.m_05 i{ background-position:-200px 0;} .s_menu a:hover.hover01{background-position: -320px 0;} .s_menu a:hover.hover02{background-position: -300px 0;} .s_menu a:hover.hover03{background-position: -295px 0;} .s_menu a:hover.hover04{background-position: -270px 0;} .s_menu a:hover.hover05{background-position: -260px 0;} .s_menu a:hover{ text-decoration:none;background: url(/uploads/image/pimages/service_menu_ico.png) no-repeat;} .s_menu a.h01{background: url(/uploads/image/pimages/service_menu_ico.png) -320px 0 no-repeat;} .s_menu a.h02{background: url(/uploads/image/pimages/service_menu_ico.png) -300px 0 no-repeat;} .s_menu a.h03{background: url(/uploads/image/pimages/service_menu_ico.png) -295px 0 no-repeat;} .s_menu a.h04{background: url(/uploads/image/pimages/service_menu_ico.png) -270px 0 no-repeat;} .s_menu a.h05{background: url(/uploads/image/pimages/service_menu_ico.png) -260px 0 no-repeat;} .s_banner01{ width:1200px; height:310px; margin:0 auto; margin-top:20px; padding-top:60px; color:#fff; background:url(/uploads/image/pimages/service_banner_01.jpg) no-repeat;} .s_banner01 .black_bg{ width:570px; height:250px; background:url(/uploads/image/pimages/service_blackbg.png); margin:0 auto;} .s_banner01 .black_bg h1{ font-size:48px; width:570px; text-align:center; padding:8px 0;} .s_banner01 .black_bg p{ font-size:14px; padding:0 25px; line-height:24px;} .s1_main, .s3_main{ width:1200px; padding:20px 0 40px 0; margin:0 auto;} .s1_main .s1_menu{ float:left; width:220px; padding-right:35px;} .s1_main .s1_menu a{ width:165px; height:50px; padding-left:55px; background:url(/uploads/image/pimages/s1_menu.gif) no-repeat; margin-bottom:10px; float:left; line-height:50px; font-size:18px; color:#555; text-decoration:none;} .s1_main .s1_menu a.ico01{ background-position:0 0;} .s1_main .s1_menu a.ico02{ background-position:0 -50px;} .s1_main .s1_menu a.ico03{ background-position:0 -100px;} .s1_main .s1_menu a.ico04{ background-position:0 -150px;} .s1_main .s1_menu a.ico01:hover{ background-position:-220px 0; color:#fff;} .s1_main .s1_menu a.ico02:hover{ background-position:-220px -50px; color:#fff;} .s1_main .s1_menu a.ico03:hover{ background-position:-220px -100px; color:#fff;} .s1_main .s1_menu a.ico04:hover{ background-position:-220px -150px; color:#fff;} .s1_menu a.hover01{background:url(/uploads/image/pimages/s1_menu.gif) -220px 0 no-repeat; color:#fff;} .s1_menu a.hover02{background:url(/uploads/image/pimages/s1_menu.gif) -220px -50px no-repeat; color:#fff;} .s1_menu a.hover03{background:url(/uploads/image/pimages/s1_menu.gif) -220px -100px no-repeat; color:#fff;} .s1_menu a.hover04{background:url(/uploads/image/pimages/s1_menu.gif) -220px -150px no-repeat; color:#fff;} .s1_main .s1_text{ float:left; width:883px; border:1px solid #e6e6e6; padding:30px; color:#555;} .s1_main .s1_text h2{ font-size:30px; text-align:center;width:883px;} .s1_main .s1_text span{ float:left; padding:3px 10px; background:#0698ec; color:#fff; font-size:18px; margin:20px 0;} .s1_main .s1_text p{ float:left; font-size:14px; line-height:24px; padding-left:10px; width:873px; } .s1_main .s1_text ul{ float:left; width:853px; padding-left:20px;} .s1_main .s1_text li{ list-style:disc; color:#0698ec; font-size:14px; line-height:24px;} .s1_main .s1_text li p{ color:#555; float:none; padding:0; width:auto;} /*咨询*/ .s_banner02{ width:1200px; height:560px; margin:20px auto 40px auto; padding-top:60px; color:#fff; background:url(/uploads/image/pimages/service_banner_02.jpg) no-repeat;} .s_banner02 .black_bg, .s_banner03 .black_bg{ width:570px; height:320px; background:url(/uploads/image/pimages/service_blackbg.png); margin:0 auto;} .s_banner02 .black_bg h1{ font-size:48px; width:570px; text-align:center; padding:15px 0;} .s_banner03 .black_bg h1{ font-size:48px; width:570px; text-align:center; padding:10px 0;} .s_banner02 .black_bg p, .s_banner03 .black_bg p{ font-size:14px; padding:0 25px; line-height:30px;} .s_banner02 a{ width:180px; height:50px; background:url(/uploads/image/pimages/service_message.png) 0 0 no-repeat; float:left; margin:30px 0 0 510px;} .s_banner02 a:hover{ background-position:0 -50px;} .s_banner03 a{ width:180px; height:50px; background:url(/uploads/image/pimages/service_message.png) -180px 0 no-repeat; float:left; margin:30px 0 0 510px;} .s_banner03 a:hover{ background-position:-180px -50px;} /*顾问*/ .s_banner03{ width:1200px; height:500px; margin:20px auto 0 auto; padding-top:60px; color:#fff; background:url(/uploads/image/pimages/service_banner_03.jpg) no-repeat;} .s3_main dt{width: 1200px; font-size: 36px; text-align: center; color: #555; padding: 80px 0 50px 0;} .yj_main{width:1200px;overflow:hidden;} .yj_bg{background:url(/uploads/image/pimages/pro_01.png) no-repeat;height:105px;} .yj_main .list-h{margin-left:60px;width:1890px;} .yj_main .list-h li{height:100%;overflow:hidden;color:#999;width:189px;height:162px;font-size:14px; float: left;} .yj_main .list-h li .s1{width:29px;font-size:18px; word-break: normal; float: left;} .yj_main .list-h li .s2{color:#b6b6b6; font-size: 12px;width:150px; float: left;} .yj_main .list-h li .s2 span{display:block;line-height:18px;padding-left:10px;} .s3_main .kflc{width: 1200px; height:1230px; background:url(/uploads/image/pimages/pro_02.png) no-repeat; } .s3_main .cpyy{width: 1200px; height:492px; background:url(/uploads/image/pimages/pro_03.png) no-repeat;} .s3_main .zysc{width: 1200px; height:840px; background:url(/uploads/image/pimages/pro_04.png) no-repeat;} /*网站建设*/ .s4_main_01{ width:1200px; padding-top:20px; margin:0 auto;} .s4_main_01 h2, .s4_main_02 h2{ font-size: 48px; color: #555; width: 1200px; text-align: center;} .s4_main_01 h3, .s4_main_02 h3{ font-size: 30px; color: #999; width: 1200px; text-align: center;} .s4_main_01 ul, .s4_main_02 ul{ float: left; color: #999; padding-top: 20px;} .s4_main_01 ul.leftfont, .s4_main_02 ul.leftfont{padding-left: 315px;} .s4_main_01 ul.rightfont,.s4_main_02 ul.rightfont{padding-left: 60px;} .s4_main_01 li, .s4_main_02 li{ line-height: 30px; font-size: 16px;} .s4_main_01 .s4_webapp_01{ width: 1200px; height: 460px; background: url(/uploads/image/pimages/webapp_01.jpg) no-repeat;} .s4_main_btn{width: 320px; height: 45px; margin: 0 auto; padding: 30px;} .s4_main_btn a.dingzhi{ width: 140px; height: 45px; background: url(/uploads/image/pimages/webapp_btn.png) 0 0 no-repeat; float: left;} .s4_main_btn a.dingzhi:hover{ background-position: -140px 0;} .s4_main_btn a.case{ width: 140px; height: 45px; background: url(/uploads/image/pimages/webapp_btn.png) 0 -45px no-repeat; float: left; margin-left: 30px;} .s4_main_btn a.case:hover{background-position: -140px -45px;} .s4_main_02{border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding:20px 0 40px 0; margin:0 auto; background: #f7f7f7; min-width: 1200px;} .s4_main_02 .width1200{width: 1200px; margin: 0 auto;} .s4_main_02 ul.rightfont{width: 340px;} .s4_main_02 .s4_webapp_02{ width: 1200px; height: 620px; background: url(/uploads/image/pimages/webapp_02.jpg) no-repeat;} /*全景*/ .s5_720_text{width: 1200px; text-align: center; font-size:16px; color: #999; margin: 0 auto; padding-top: 10px;} .s5_720bg_01{width: 1200px;height: 530px; background: url(/uploads/image/pimages/720bg_01.jpg) no-repeat; padding-bottom: 40px; } .s5_720bg_02{width: 1200px;height: 635px; background: url(/uploads/image/pimages/720bg_02.jpg) no-repeat; } .s5_720bg_03{width: 1200px;height: 110px; background: url(/uploads/image/pimages/720bg_03.jpg) no-repeat; padding-bottom: 60px; } .s4_main_btn a.jianzhan{ width: 140px; height: 45px; background: url(/uploads/image/pimages/webapp_btn.png) 0 -90px no-repeat; float: left;} .s4_main_btn a.jianzhan:hover{background-position: -140px -90px;} .padding_02{padding-bottom: 0; margin-bottom: 0;} /*案例*/ .case_banner{text-align: center; font-size: 24px; color: #fff; line-height: 110px;} .case_body{margin: 0 auto; width: 1200px; padding: 20px 0 50px 0;} .case_menu{width: 1065px; height: 55px; font-size: 18px; padding: 10px 0 10px 135px;} .case_menu a{padding: 3px 10px 3px 40px; line-height: 28px; float: left; color: #555; background: url(/uploads/image/pimages/case_menu_ico.png) no-repeat; margin-left: 20px;} .case_menu a:hover{background-color: #d90000; color: #fff; text-decoration: none;} .case_menu a.ico1{background-position: 9px 0;} .case_menu a.ico1:hover{background-position: 9px -35px;} .case_menu a.ico2{background-position: 6px -70px;} .case_menu a.ico2:hover{background-position: 6px -105px;} .case_menu a.ico3{background-position: 12px -140px;} .case_menu a.ico3:hover{background-position: 12px -175px;} .case_menu a.ico4{background-position: 7px -210px;} .case_menu a.ico4:hover{background-position: 7px -245px;} .case_menu a.ico6{background-position: 5px -280px;} .case_menu a.ico6:hover{background-position: 5px -315px;} .case_menu a.ico5{background-position: 5px -350px;} .case_menu a.ico5:hover{background-position: 5px -385px;} .case_menu a.hover1{background:url(/uploads/image/pimages/case_menu_ico.png) 9px -35px no-repeat #d90000; color: #fff;} .case_menu a.hover2{background:url(/uploads/image/pimages/case_menu_ico.png) 6px -105px no-repeat #d90000; color: #fff;} .case_menu a.hover3{background:url(/uploads/image/pimages/case_menu_ico.png) 12px -175px no-repeat #d90000; color: #fff;} .case_menu a.hover4{background:url(/uploads/image/pimages/case_menu_ico.png) 7px -245px no-repeat #d90000; color: #fff;} .case_menu a.hover6{background:url(/uploads/image/pimages/case_menu_ico.png) 5px -315px no-repeat #d90000; color: #fff;} .case_menu a.hover5{background:url(/uploads/image/pimages/case_menu_ico.png) 5px -385px no-repeat #d90000; color: #fff;} .case_xx_body{ background: #f4f4f4; border-bottom: 1px solid #f0f0f0; margin:0 auto; font-size: 16px; text-align: center; padding-bottom: 50px; clear: both;} .case_xx_body img{border: 0; margin: 0 auto; text-align: center;} .case_xx_body p{ width: 1200px; margin: 0 auto;} .case_xx_body .topbg{ margin: 0; height: 950px; clear: both;} .case_xx_body .topbg dl{width: 640px; margin: 0 auto; padding-top: 150px; color: #fff;} .case_xx_body .topbg dt{font-size: 48px; text-align: center;} .case_xx_body .topbg dd{font-size: 14px; line-height: 24px; text-align: left;} #float_banner{position:absolute; top:0; width:100%; height:80px; line-height:30px; background: url(/uploads/image/pimages/menu_bg.png) repeat-x; color:#fff; font-size:14px; z-index:2;} .case_xx_menu{ width: 1200px; margin: 0 auto; padding-top: 5px;} .case_xx_menu a{ color: #fff; float: left; background: url(/uploads/image/pimages/case_menu2_ico.png) no-repeat; text-align: center; padding: 40px 10px 0 10px; height: 20px; } .case_xx_menu a.xx_btn1{ background-position: 19px 7px;} .case_xx_menu a.xx_btn1:hover{ background-position: 19px -83px; color: #f6ff00; text-decoration: none;} .case_xx_menu a.xx_btn2{ background-position: 19px -173px;} .case_xx_menu a.xx_btn2:hover{ background-position: 19px -263px; color: #f6ff00; text-decoration: none;} .case_xx_menu a.xx_btn3{ background-position: 12px -353px;} .case_xx_menu a.xx_btn3:hover{ background-position: 12px -443px; color: #f6ff00; text-decoration: none;} .case_xx_menu a.xx_btn4{ background-position: 12px -533px;} .case_xx_menu a.xx_btn4:hover{ background-position: 12px -623px; color: #f6ff00; text-decoration: none;} .thumbnail { width: 1200px; padding-top: 10px; margin: 0 auto; } .thumbnail-wrap { margin-left: -55px; padding-bottom: 80px; zoom: 1; } .thumbnail-wrap:after { display: table; clear: both; content: "" } .thumbnail dl { float: left; margin-left: 54px; width: 573px; padding: 15px 0; height: 80px; border-bottom: 1px dashed #e7e7e7; } .thumbnail dl:hover { background-color: #fafafa; } .thumbnail img { width: 120px; height: 80px; } .thumbnail dt { position: absolute; } .thumbnail dd { margin-left: 132px; } .thumbnail .tn-caption { color: #555; height: 21px; overflow: hidden; font-size: 14px; } .thumbnail .tn-content { color: #999999; line-height: 18px; height: 36px; overflow: hidden; } .thumbnail .tn-meta { margin-top: 5px; padding-left: 20px; background: url(/uploads/image/pimages/article_ico.gif) 1px -81px no-repeat; } .thumbnail .tn-meta a { margin-right: 10px; } /*运营*/ .article_top_bg{min-width: 1200px; height: 200px; margin: 0 auto; background: url(/uploads/image/pimages/article_bg.jpg) center no-repeat;} .article_bg{margin: 0;background: #f3f3f3; border-bottom: 1px solid #e8e8e8; min-width: 1200px;} .article_body{ width:1200px; padding: 30px 0 50px 0; margin: 0 auto;} .article_left{width:878px; border: 1px solid #e7e7e7; background: #fff; float: left;} .article_left .a_menu{ height: 43px; background: #f8f8f8; border-left:2px solid #d90000; border-bottom: 1px solid #e7e7e7; float: left; width: 876px; padding-top: 12px;} .article_left .a_menu a{ float: left; color: #555; font-size: 16px; padding: 3px 6px; text-decoration: none; margin-left: 20px;} .article_left .a_menu a:hover{ background: #d90000; color: #fff;} .article_left .a_menu .hover{ background: #d90000; color: #fff;} .article_left .a_main{padding: 20px 0 20px 20px; width: 858px; float: left;} .a_main .main_box{width: 400px; float: left; overflow: hidden; padding:0 20px 40px 0; position: relative;} .a_main .main_box .box_top{width: 400px; margin-bottom: 5px;} .a_main .main_box .box_top .datatime{ width: 60px; line-height: 20px; float: left; color: #fff; padding: 8px 0; font-size: 14px;text-align: center; background: #555;} .a_main .main_box .box_top .top_title{ margin-left: 60px; padding-left: 6px;} .a_main .main_box .box_top .top_title h2{border-bottom: 1px solid #e7e7e7; padding-bottom: 5px; height: 24px; line-height: 28px; overflow: hidden;} .a_main .main_box .box_top .top_title a{color: #d90000; font-size: 18px;} .a_main .main_box .box_top .top_title .title_copy{height: 16px; line-height: 16px; font-size: 12px; margin-top: 8px; overflow: hidden;} .a_main .main_box .box_top .top_title span{margin-right: 20px; color: #999; height: 16px; padding-left: 18px;} .article_left .ico_user{background: url(/uploads/image/pimages/article_ico.gif) 4px -3px no-repeat;} .article_left .ico_fenlei{background: url(/uploads/image/pimages/article_ico.gif) 0 -27px no-repeat;} .article_left .ico_biaoqian{background: url(/uploads/image/pimages/article_ico.gif) 1px -81px no-repeat;} .article_left .ico_data{background: url(/uploads/image/pimages/article_ico.gif) 2px -53px no-repeat;} .a_main .main_box .box_middle{ border-bottom: 1px dotted #e7e7e7; padding: 5px 0; width: 400px; overflow: hidden; height: 140px;} .a_main .main_box .box_middle a{ height: 140px; overflow: hidden; color: #555; font-size: 14px; line-height: 24px;} .a_main .main_box .box_middle img{float: left; margin-right: 10px; width: 190px; height: 140px;} .a_main .main_box .box_bot{margin-top: 5px; height: 16px; color: #999; width: 360px; overflow: hidden; padding-left: 18px;} .a_main .main_box .box_bot a{color: #999;} .fanye{text-align: center; font-size: 14px; margin: 0 auto;} .article_right{width: 300px; float: right;} .article_right .search{ width: 300px; height: 45px; margin-bottom: 20px;} .article_right .search input.shuru{ width: 193px; height: 43px; line-height: 43px; background: url(/uploads/image/pimages/article_ico.gif) 7px -107px no-repeat #fff; padding-left: 35px; border: 1px solid #e7e7e7; float: left; font-size: 14px; color: #d90000;} .article_right .search input.so{width: 70px; height: 45px; text-align: center; color: #fff; background: #d90000; float: left; border: 0; font-weight: bold; font-size: 14px;} .article_right .right_box{width: 300px; margin-bottom: 20px;} .article_right .right_box .right_title{ width: 300px; height: 37px; border-bottom: 2px solid #d90000; margin-bottom: 15px; } .article_right .right_box .right_title span{height: 37px; line-height: 37px; padding: 0 20px; text-align: center; color: #fff; background: #d90000; font-size: 16px; float: left;} .article_right .right_box .weixin_left{ width: 120px; height: 20px; padding-top: 125px; background: url(/uploads/image/pimages/weixin_pic.gif) no-repeat; text-align:center;} .article_right .right_box .article_list{ width: 300px; color: #555; } .article_right .right_box .article_list li{width:285px; height: 26px; padding-left: 15px; font-size: 14px; line-height: 26px; background: url(/uploads/image/pimages/article_list.gif) 5px 13px no-repeat; overflow: hidden;} .article_right .right_box .article_link{width: 300px;} .article_right .right_box .article_link a{ float: left; width:140px; padding-right: 10px; height: 26px; line-height: 26px; overflow: hidden; font-size: 14px; } .article_right .right_box .article_biaoqian{width: 300px;} .article_right .right_box .article_biaoqian a{ font-size: 14px; float: left; padding: 4px 6px; color: #fff; margin:0 5px 5px 0;} #tags .tags0{background-color:#00aba9;} #tags .tags1{background-color:#d8b303; } #tags .tags2{background-color:#4a4a4a; } #tags .tags3{background-color:#5cb85c;} #tags .tags4{background-color:#428bca;} #tags .tags5{background-color:#d9534f;} #tags .tags6{background-color:#d8b303; } #tags .tags7{background-color:#b433ff; } #tags .tags8{background-color:#b37333; } #tags .tags9{background-color:#ca6842; } #tags .tags10{background-color:#bb30c8; } #tags .tags11{background-color:#c83042;} #tags .tags12{background-color:#1fc4b2;} #tags a:hover{ background-color:#d90000; text-decoration:none;} /*文章详细*/ .article_left .a_gps {width: 868px; border-bottom: 1px solid #f0f0f0; padding-left: 10px; line-height: 40px; color: #555; float: left;} .article_left .xx_top{width: 863px; border-bottom: 1px solid #e7e7e7; padding: 15px 0 15px 15px; float: left;} .article_left .xx_top .datatime{width: 60px; line-height: 20px; float: left; color: #fff; padding: 8px 0; font-size: 14px;text-align: center; background: #555;} .article_left .xx_top .a_title{margin-left: 60px; padding:3px 0 0 6px; width: 783px;overflow: hidden;} .article_left .xx_top .a_title h1{ padding-bottom: 5px; height: 24px; line-height: 28px; color: #d90000; font-size: 24px; overflow: hidden;} .article_left .xx_top .a_copy{height: 16px;line-height: 16px;font-size: 12px;margin-top: 8px; overflow: hidden;} .article_left .xx_top .a_copy span{margin-right: 20px; color: #999; height: 16px; padding-left: 18px;} .bdshare-button-style0-16{float: right;} .article_left .xx_main{ width: 818px; padding: 30px; margin: 0 auto; overflow: hidden; font-size: 16px; line-height: 30px; color: #555;} .article_left .xx_main a{ color: #d90000;} .article_left .xx_main a:hover{ color: #d90000; text-decoration: underline;} .article_left .xx_main img{ margin-bottom: 20px; border: 0; max-width: 818px; width:expression(document.body.clientwidth>818?"818px":"auto");} .article_left .xx_main h2{border-left: 5px solid #d90000;padding: 5px;padding-left: 10px;margin: 20px 0;background: #fff;font-size: 20px;} .article_left .xx_share{width: 840px; margin: 0 auto; height: 30px; border-bottom: 1px solid #e7e7e7; clear: both;} .article_left .xx_share span{margin:6px 20px 0 0; color: #999; height: 16px; padding-left: 18px; float: left;} .article_left .article_more{ width: 840px; margin: 0 auto; color: #555; padding-bottom: 30px; } .article_left .article_more .more_title{ width: 825px; font-size: 16px; padding:10px 0 10px 5px;} .article_left .article_more li{ width: 390px; height: 30px; padding-left: 23px; line-height: 30px; float: left; font-size: 14px; background: url(/uploads/image/pimages/article_list.gif) 11px 13px no-repeat; overflow: hidden;} /*联系我们*/ .about_bg{ margin: 0; background: #f3f3f3; border-bottom: 1px solid #e8e8e8; min-width: 1200px; padding: 30px 0;} .about_body{ width: 960px; background: #fff; border: 1px solid #e7e7e7; margin: 0 auto; color: #555;} .about_gps{ width: 950px; border-bottom: 1px solid #f0f0f0;padding-left: 10px;line-height: 40px;color: #555;} .about_main{padding: 30px; width: 890px;} .about_main h1{ width: 890px; text-align: center; font-size: 24px; padding: 10px 0;} .about_main span{font-size: 16px; line-height: 28px; } .about_main p{font-size: 14px; padding-top: 30px; line-height: 28px;} .contact_top_bg{min-width: 1200px; margin: 0 auto; height: 650px; background: url(/uploads/image/pimages/contact_top_bg.jpg) center bottom no-repeat;} .contact_top_bg .cmain{ width: 470px; height: 240px; margin: 0 auto; padding-top: 265px; } .cmain a{float:left; color: #fff; text-decoration: none; font-size: 18px; text-align: center;} .cmain a.qqmes {width: 125px; height: 30px; margin-left: 30px; background: url(/uploads/image/pimages/contact_top_ico.png) 13px 0 no-repeat; float: left; padding-top: 110px;} .cmain a.qqmes:hover{background-position: -131px 0;color: #f6ff00; text-decoration: none;} .cmain a.qqmes2 {width: 125px; height: 30px; margin-left: 145px; background: url(/uploads/image/pimages/contact_top_ico.png) 13px 0 no-repeat; float: left; padding-top: 110px; position: relative;} .cmain a.qqmes2:hover{background-position: -131px 0;color: #f6ff00; text-decoration: none;} .cmain a.weixinmes{width: 125px; height: 30px; margin-left: 145px; background: url(/uploads/image/pimages/contact_top_ico.png) -282px 0 no-repeat; float: left; padding-top: 110px; position: relative;} .cmain a.weixinmes img{border: 0; width: 125px; height: 140px; position: absolute; top:0; cursor:default;} .cmain a.weixinmes:hover{background-position: -432px 0;color: #f6ff00; text-decoration: none;} #enlarge_images{position:absolute;display:none;background: url(/uploads/image/pimages/weixin_shao.gif) no-repeat #fff; width: 180px; height: 210px; } .cmain .tel{ width: 465px; height: 60px; margin-top: 40px; float: left; background: url(/uploads/image/pimages/contact_top_ico.png) 4px -242px no-repeat;} .book{ width:1200px; height: 400px; margin:0 auto; clear:both; padding:42px 0 73px 0;} .book h2{ text-align: center; font-size: 30px; color: #555; display:block; padding-bottom: 30px;} .book .booktitle{width: 1200px; margin: 0 auto; color: #555; font-size: 18px;} .book .booktitle p{float: left; padding: 0 117px 10px 127px; width: 50px; } .book01{ width:254px; height:222px; display:block; background:url(/uploads/image/pimages/bg45.gif) no-repeat center center; padding-top:62px; padding-left:30px; font-size:14px; color:#2f2f2f; line-height:26px; float:left; padding-right:10px;} .book01.no{ background-image:url(/uploads/image/pimages/bg47.gif);} .book01.ok{ background-image:url(/uploads/image/pimages/bg46.gif);} .book01 p{ height:40px; display:block; clear:both; line-height:26px; padding-top:10px;} .book01 i{ display:block; width:74px; float:left; font-size:14px;} .book01 b{ display:block; float:left; width:140px; padding-right:5px;} .book01 b input{ width:130px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;} .book01 b input:hover{ border:1px solid #339dff;} .book01 b input:ok{ border:1px solid #51d91c;} .book01 b input.no{ border:1px solid #51d91c;} .book01 cite{ float:left; color:#f00; display:block; line-height:26px; font-size:13px;} .book01 big{ padding-left:83px; line-height:26px; clear:both; background:url(/uploads/image/pimages/bg48.gif) no-repeat 64px center; height:26px; display:none;} .book01 big.no{ display:block;} .book02{ width:254px; height:222px; display:block; background:url(/uploads/image/pimages/bg45.gif) no-repeat center center; padding-top:62px; padding-left:30px; font-size:14px; color:#2f2f2f; line-height:26px; float:left; padding-right:10px;} .book02.no{ background-image:url(/uploads/image/pimages/bg47.gif);} .book02.ok{ background-image:url(/uploads/image/pimages/bg46.gif);} .book02 p{ height:28px; display:block; clear:both; line-height:26px;} .book02 i{ display:block; width:74px; float:left; font-size:14px;} .book02 b{ display:block; float:left; width:140px; padding-right:5px;} .book02 b input{ width:130px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;} .book02 b input:hover{ border:1px solid #339dff;} .book02 b input:ok{ border:1px solid #51d91c;} .book02 b input.no{ border:1px solid #51d91c;} .book02 cite{ float:left; color:#f00; display:block; line-height:26px; font-size:13px;} .book02 big{ padding-left:83px; line-height:26px; clear:both; background:url(/uploads/image/pimages/bg48.gif) no-repeat 64px center; height:26px; display:none;} .book02 big.no{ display:block;} .drop_downmenu{ clear:both;} .drop_downmenu input{ display:block; width:100%; height:26px; border:1px solid #ccc; border-radius:3px; background:#fff;} .drop_downmenu dl{ display:block; width:214px; height:26px; position:relative;} .drop_downmenu dt b{ width:172px; display:block; float:left; line-height:26px; font-size:14px; text-indent:12px; overflow:hidden;} .drop_downmenu dt a{ float:right; padding-right:3px; width:24px; height:26px; background: no-repeat left bottom;} .drop_downmenu dt a:hover{ background-image:;} .drop_downmenu dt a.open{ background-image:;} .drop_downmenu dt a.open:hover{ background-image:;} .drop_downmenu dd{ width:100%; border:1px solid #ccc; position:absolute; left:0; top:27px; z-index:500; background:#fff; font-size:14px; border-radius:3px; display:none;} .drop_downmenu dd i{ display:block; cursor:pointer; background:#fff; font-size:14px; text-indent:12px; height:26px; line-height:26px; overflow:hidden; width:100%;} .drop_downmenu dd i:hover{ background:#3cf; color:#000;} .book03{ width:254px; height:222px; display:block; background:url(/uploads/image/pimages/bg45.gif) no-repeat center center; padding-top:62px; padding-left:30px; font-size:14px; color:#2f2f2f; line-height:26px; float:left; padding-right:10px;} .book03.no{ background-image:url(/uploads/image/pimages/bg47.gif);} .book03.ok{ background-image:url(/uploads/image/pimages/bg46.gif);} .book03 p{ height:28px; display:block; clear:both; line-height:26px; width:220px;} .book03 i{ display:block; width:74px; float:left; font-size:14px;} .book03 b{ display:block;width:140px; padding-right:5px;} .book03 input{ float:left; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;} .book03 input:hover{ border:1px solid #339dff;} .book03 input:ok{ border:1px solid #51d91c;} .book03 input.no{ border:1px solid #51d91c;} .book03 cite{ float:right; color:#f00; display:block; line-height:26px; font-size:13px;} .book03 big{ padding-left:83px; line-height:26px; clear:both; background:url(/uploads/image/pimages/bg48.gif) no-repeat 64px center; height:26px; display:none;} .book03 big.no{ display:block;} .book03 ul{ clear:both; display:block;} .book03 ul li{ width:110px; height:28px; display:block; float:left; line-height:28px;cursor:default;} .book03 ul li ins{ float:left; width:20px; height:28px; display:block; background:url(/uploads/image/pimages/bg44.gif) no-repeat left center; cursor:pointer;} .book03 ul li ins.hover{ background-image:url(/uploads/image/pimages/bg43.gif);} .book03 ul li small{ float:left; line-height:28px; font-size:14px;} .book03 ul li:hover small{ color:#ff3333; } .book03 em{ height:30px; display:block; clear:both; line-height:26px; width:220px;} .book03 em input{ width:214px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;} .book03 em input:hover{ border:1px solid #339dff;} .book03 em input:ok{ border:1px solid #51d91c;} .book03 em input.no{ border:1px solid #51d91c;} .book04{ width:254px; height:222px; display:block; background:url(/uploads/image/pimages/bg45.gif) no-repeat center center; padding-top:62px; padding-left:35px; font-size:14px; color:#2f2f2f; line-height:26px; float:left;} .book04.no{ background-image:url(/uploads/image/pimages/bg47.gif);} .book04.ok{ background-image:url(/uploads/image/pimages/bg46.gif);} .book04 p{ height:25px; display:block; clear:both; line-height:26px; padding-top:10px;} .book04 b{ display:block; float:left; width:120px; padding-right:5px;} .book04 b input{ width:110px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;} .book04 b input:hover{ border:1px solid #339dff;} .book04 b input:ok{ border:1px solid #51d91c;} .book04 b input.no{ border:1px solid #51d91c;} .book04 cite{ float:left; color:#f00; display:block; line-height:26px; font-size:13px;} .book04 big{ padding-left:83px; line-height:26px; clear:both; background:url(/uploads/image/pimages/bg48.gif) no-repeat 64px center; height:26px; display:none;} .book04 big.no{ display:block;} .book04 textarea{ width:214px; height:60px; line-height:18px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:12px; padding:5px 0 5px 5px;} .book04 ins{ float:left; padding-right:5px;} .book04 a{ float:left; display:block; width:20px; height:28px; background:url(/uploads/image/pimages/bg50.gif) no-repeat left center;} .book04 a:hover{ background-image:;} .book04 .bot01{ width:100px; height:28px; display:block; background:#bdbdbd; color:#fff; border-radius:3px; text-align:center; cursor:pointer; margin-left:5px; float:left;} .book04 .bot01:hover{ background:#868686;} .book04 .bot02{ width:100px; height:28px; display:block; background:#f57300; color:#fff; border-radius:3px; text-align:center; cursor:pointer; float:left; margin-left:5px;} .book04 .bot02:hover{ background:#ff2400;}