@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(../images/index_bg_blue.jpg) center top  no-repeat;  */}
.index_top_menu {width: 100%; height: 90px; margin: 0; padding: 0; background-color: #fff; /* background: url(../images/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("../images/logo.png") 0 0 no-repeat; }
.menu .menu_logo span img { display:none}
.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; 
}
.hoverline {
    position: absolute;
    top: 76px;
    background-color: #E60011;
    height: 3px;
    line-height: 0; font-size: 0;
}
  .cz_bannn{
    height:650px;
    width:100%;
  }

  .sub_1_1{
    position:absolute;
    left:50%;
    margin-left:-391px !important;
    top:-163px

  }

  .sub_1_2{
    position:absolute;
    left:50%;
    margin-left:-500px !important;
    bottom:-286px
  }

  .sub_1_4{
    position:absolute;
    left:50%;
    margin-left:-410px !important;
    top:-236px

  }
  .sub_1_3{
    position:absolute;
    left:50%;
    margin-left:220px !important;
    bottom:-336px
  }

  .sub_1_5{
    position:absolute;
    left:50%;
    margin-left:-43px !important;
    /*top:-358px*/
    top: 308px
  }

  .sub_2_1{
    position:absolute;
    left:120%;
    margin-left:-154px !important;
    top:92px
    }

  .sub_2_2{
    position:absolute;
    left:-40%;
    margin-left:-220px !important;
    top:435px
  }

  .sub_2_3{
  position:absolute;
  top:550px;
  left:50%;
  margin-left:-43px !important;
  }

  .sub_3_1{
  position:absolute;
  left:50%;
  margin-left:-398px !important;
  top:-162px
  }

  .sub_3_2{
  position:absolute;
  left:50%;
  margin-left:-239px !important;
  top:-297px

  }

  .sub_3_3{
  position:absolute;
  top:306px;
  left:50%;
  margin-left:-43px !important;
  }

  .sub_3_1{
  position:absolute;
  left:50%;
  margin-left:-398px !important;
  top:-162px
  }

  .sub_3_2{
  position:absolute;
  left:50%;
  margin-left:-239px !important;
  top:-297px

  }

  .sub_4_1{
  position:absolute;
  left:50%;
  margin-left:-388px !important;
  top:-162px
  }

  .sub_4_2{
  position:absolute;
  bottom: -320px;
  left: 50%;
  margin-left: -177px !important;
  }
  .sub_4_3{

  position:absolute;
  /*bottom: -320px;*/
  top: 280px;
  left: 50%;
  margin-left: -571px !important;
  visibility: hidden;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  }


  .banner,.banner ul li{
  height: 650px;
  width: 100%;
  overflow:hidden
  }

  .banner_bottom{
  text-align:center;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:38px
  }

  .banner_bottoma{
  display:inline-block;
  height:38px;
  }

  .banner_bottoma{
  *display:inline
  }

  .banner_bottom ul li{
  display:block;
  width:38px;
  height:38px;
  float:left;
  margin:0 5px;
  position:relative
  }

  .banner_bottom ul li a{
  width:38px;
  background:#1f2227;
  height:17px;
  display:block;
  position:absolute;
  left:0;
  bottom:0;
  color:#1f2227;
  font-size:18px;
  font-weight:bold;
  line-height:38px
  }

  .banner_bottom ul li a:hover,.banner_bottom ul li a.cz_current{
    height:38px;
    background:#ca192b;
    color:#fff;
  }
  .banner {
    position: relative;
  }
  .banner, .banner ul li {
    height: 650px;
    width: 100%;
    overflow: hidden;
  }

  #mangoShow .kinMaxShow_button {
    width: 100%;
    left: 50%;
    margin-left: -37px !important;
  }
/*.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(../images/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("../images/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("../images/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("../images/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("../images/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("../images/index_service_bg.gif") right -110px no-repeat; }
.s_main .s_main_l .s_main_l2 a:hover { color: #d90000; background: url("../images/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("../images/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("../images/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("../images/index_service_bg.gif") left -330px no-repeat; }
.s_main .s_main_r .s_main_r2 a:hover { color: #d90000; background: url("../images/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: 720px; 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: 282px; padding-right: 27px;}
.c_pic dl.last{padding-right: 0;}
.c_pic dt{width: 382px; height: 242px; border: 0; overflow: hidden;}
.c_pic dd{width: 382px; 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;}
.c_pic dt img{ border:1px solid #CCC}

.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: 220px; 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("../images/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: #e62129;}
.copy_about i.qq{ width:18px; height:18px; background:url("../images/copyright_ico.gif") 0 0 no-repeat; float:left;margin:3px 3px 0 0;}
.copy_about a.qqmsn{ width: 78px; height: 21px;background:url("../images/copyright_ico.gif") 0 -72px no-repeat; float: left; margin-top: 1px;}
.copy_about .qqtext{float:left;}
.copy_about i.weixin{ width:18px; height:18px; background:url("../images/copyright_ico.gif") 0 -18px no-repeat; float:left;margin:3px 3px 0 0;}
.copy_about i.tel{ width:18px; height:18px; background:url("../images/copyright_ico.gif") 0 -36px no-repeat; float:left;margin:3px 3px 0 0;}
.copy_about i.mail{ width:18px; height:18px; background:url("../images/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("../images/solution_bg.jpg") 0 0 no-repeat;}
.solution li.s2 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url("../images/solution_bg.jpg") -242px 0 no-repeat;}
.solution li.s3 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url("../images/solution_bg.jpg") -483px 0 no-repeat;}
.solution li.s4 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url("../images/solution_bg.jpg") -724px 0 no-repeat;}
.solution li.s5 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url("../images/solution_bg.jpg") -966px 0 no-repeat;}


/*服务*/
.service_top_bg {min-width: 1200px; height: 200px; margin: 0 auto; background: url("../images/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("../images/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("../images/service_menu_ico.png") no-repeat;}
.s_menu a.h01{background: url("../images/service_menu_ico.png") -320px 0 no-repeat;}
.s_menu a.h02{background: url("../images/service_menu_ico.png") -300px 0 no-repeat;}
.s_menu a.h03{background: url("../images/service_menu_ico.png") -295px 0 no-repeat;}
.s_menu a.h04{background: url("../images/service_menu_ico.png") -270px 0 no-repeat;}
.s_menu a.h05{background: url("../images/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("../images/service_banner_01.jpg") no-repeat;}
.s_banner01 .black_bg{ width:570px; height:250px; background:url("../images/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("../images/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("../images/s1_menu.gif") -220px 0 no-repeat; color:#fff;}
.s1_menu  a.hover02{background:url("../images/s1_menu.gif") -220px -50px no-repeat; color:#fff;}
.s1_menu  a.hover03{background:url("../images/s1_menu.gif") -220px -100px no-repeat; color:#fff;}
.s1_menu  a.hover04{background:url("../images/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("../images/service_banner_02.jpg") no-repeat;}

.s_banner02 .black_bg, .s_banner03 .black_bg{ width:570px; height:320px; background:url("../images/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("../images/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("../images/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("../images/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("../images/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("../images/pro_02.png") no-repeat; }
.s3_main .cpyy{width: 1200px; height:492px; background:url("../images/pro_03.png") no-repeat;}
.s3_main .zysc{width: 1200px; height:840px; background:url("../images/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; font-weight:100; line-height:1.6}
.s4_main_01 h3, .s4_main_02 h3{ font-size: 30px; color: #999; width: 1200px; text-align: center; font-weight:100; line-height:1.6}
.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("../images/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("../images/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("../images/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("../images/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("../images/720bg_01.jpg") no-repeat; padding-bottom: 40px; }
.s5_720bg_02{width: 1200px;height: 635px; background: url("../images/720bg_02.jpg") no-repeat; }
.s5_720bg_03{width: 1200px;height: 110px; background: url("../images/720bg_03.jpg") no-repeat; padding-bottom: 60px; }
.s4_main_btn a.jianzhan{ width: 140px; height: 45px; background: url("../images/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{width: 1200px; margin:0 auto; 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: 1165px; height: 55px;  font-size: 18px; padding: 10px 0 10px 35px;}
.case_menu a{padding: 3px 10px 3px 40px; line-height: 28px; float: left; color: #555; background: url("../images/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 -417px;}
.case_menu a.ico1:hover{background-position:9px -450px;}
.case_menu a.ico2{background-position: 6px -70px;}
.case_menu a.ico2:hover{background-position: 6px -105px;}
.case_menu a.ico3{background-position: 9px 0px;}
.case_menu a.ico3:hover{background-position: 9px -35px;}
.case_menu a.ico4{background-position: 12px -140px;}
.case_menu a.ico4:hover{background-position: 12px -175px;}
.case_menu a.ico5{background-position: 7px -210px;}
.case_menu a.ico5: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.ico7{background-position: 5px -350px;}
.case_menu a.ico7:hover{background-position: 5px -385px;}

.case_menu a.hover1{background:url("../images/case_menu_ico.png") 9px -450px no-repeat #d90000; color: #fff;}
.case_menu a.hover2{background:url("../images/case_menu_ico.png") 6px -105px no-repeat #d90000; color: #fff;}
.case_menu a.hover3{background:url("../images/case_menu_ico.png") 9px -35px no-repeat #d90000; color: #fff;}
.case_menu a.hover4{background:url("../images/case_menu_ico.png") 12px -175px no-repeat #d90000; color: #fff;}
.case_menu a.hover5{background:url("../images/case_menu_ico.png") 7px -245px no-repeat #d90000; color: #fff;}
.case_menu a.hover6{background:url("../images/case_menu_ico.png") 5px -315px no-repeat #d90000; color: #fff;}
.case_menu a.hover7{background:url("../images/case_menu_ico.png") 5px -385px no-repeat #d90000; color: #fff;}

.respond_menu{width: 1165px; height:150px; font-size: 18px; margin: 10px 0 30px 35px;}
.respond_menu a{padding: 3px 10px; width:120px; text-align:center; font-size:14px; margin:5px; line-height: 28px; float: left; color: #555; background:#fff; border:1px solid #999;}
.respond_menu a:hover{background-color: #d90000; color: #fff; text-decoration: none;}


.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("../images/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("../images/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;}

.case_center { text-align:center}

.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("../images/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("../images/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("../images/article_ico.gif") 4px -3px no-repeat;}
.article_left .ico_fenlei{background: url("../images/article_ico.gif") 0 -27px no-repeat;}
.a_main .main_box .box_top .top_title .ico_fenlei a{ color: #999; height: 16px; line-height: 16px; font-size: 12px;}
.article_left .ico_biaoqian{background: url("../images/article_ico.gif") 1px -81px no-repeat;}
.article_left .ico_data{background: url("../images/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("../images/article_ico.gif") 7px -107px no-repeat #fff; padding-left: 35px; border: 1px solid #e7e7e7; float: left; font-size: 14px; color: #333;}
.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("../images/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("../images/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}
.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("../images/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("../images/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("../images/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.weixinmes{width: 125px; height: 30px; margin-left: 145px; background: url("../images/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("../images/weixin_shao.gif") no-repeat #fff; width: 180px; height: 210px; }
.cmain .tel{ width: 465px; height: 60px; margin-top: 40px; float: left; background: url("../images/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("../images/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("../images/bg47.gif");}
.book01.ok{ background-image:url("../images/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("../images/bg48.gif") no-repeat 64px center; height:26px; display:none;}
.book01 big.no{ display:block;}

.book02{ width:254px; height:222px; display:block; background:url("../images/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("../images/bg47.gif");}
.book02.ok{ background-image:url("../images/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("../images/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:url("../images/bg39.png") no-repeat left bottom;}
.Drop_downMenu dt a:hover{ background-image:url("../images/bg40.png");}
.Drop_downMenu dt a.open{ background-image:url("../images/bg42.png");}
.Drop_downMenu dt a.open:hover{ background-image:url("../images/bg43.png");}
.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("../images/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("../images/bg47.gif");}
.book03.ok{ background-image:url("../images/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("../images/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("../images/bg44.gif") no-repeat left center; cursor:pointer;}
.book03 ul li ins.hover{ background-image:url("../images/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("../images/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("../images/bg47.gif");}
.book04.ok{ background-image:url("../images/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("../images/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("../images/bg50.gif") no-repeat left center;}
.book04 a:hover{ background-image:url("../images/bg51.gif");}
.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;}