﻿@charset "utf-8";
/* CSS Document 全局CSS */
@import url("common.css");

/*屏幕高度*/
.bodyheight{
  width:100%; height:100%; display:none; background:#000000; opacity:.1; filter:alpha(opacity=10); position:fixed; top:0; left:0; right:0; bottom:0; z-index:1500;
}
/*屏幕高度END*/

@font-face {
  font-family:PilsenPlakat;
  src:url(img/PilsenPlakat.eot);
  src:url(img/PilsenPlakat.eot#iefix) format('embedded-opentype'),url(img/PilsenPlakat.svg) format('svg'),url(img/PilsenPlakat.woff) format('woff'),url(img/PilsenPlakat.ttf) format('truetype');
}

.header{
  display:block;
  width:100%;
  height:80px;
  min-width:1200px;
}

.clearfix{
  display:block;
}

#head{
  width:100%;
  min-width:1200px;
  top:0;
  left:0;
  z-index:998;
}

.head_box{
  width:100%;
  min-width:1200px;
  height:80px;
  position:relative;
}

.head_bg{
  position:absolute;
  width:100%;
  height:80px;
  left:0;
  bottom:0;
  z-index:999;
  background:#FFF;
}

.head_main{
  position:relative;
  width:1200px;
  height:80px;
  margin:0px auto;
  z-index:1000;
}

.head_main .head_logo{
  margin:14px 0px 0px 0px;
}

.head_main .head_menu{
  position:relative;
  margin:15px 0px 0px 0px;
}

.head_main .head_menu li{
  float:left;
  position:relative;
  line-height:48px;
  margin:0px 0px 0px 55px;
}

.head_main .head_menu li.active{
  border-bottom:4px #2b71c1 solid;
}

.head_main .head_menu li.active a{
  color:#2b71c1;
}
.head_main .head_menu li.active a:hover{
  color:#2b71c1;
}

.head_main .head_menu li a{
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
  font-size:20px;
}

.head_main .head_menu li a:hover{
  text-decoration:none;
  color:#444444;
}

.nav_bar{
  display:block;
  position:absolute;
  bottom:0;
  left:55px;
  width:0px;
  height:4px;
  background-color:#2b71c1;
  pointer-events:none;
}

.main{
  width:100%;
  min-width:1200px;
  height:auto;
}

/* 大图 */
.bigBg{
  width:100%;
  height:250px;
}
.bigBox{
  width:100%;
  height:250px;
  overflow:hidden;
}
.bigBox li{
  width:100%;
  height:250px;
  background:url(img/bg.jpg) center no-repeat;
}
.big_box{
  width:1200px;
  height:250px;
  padding-top:50px;
  text-align:center;
  margin:0px auto;
}

/* 主区域 */
.main_box{
  width:1200px;
  height:auto;
  overflow:hidden;
  margin:0px auto;
}

/* 左侧菜单 */
.box_menu{
  float:left;
  width:165px;
  height:auto;
}

.box_menu li{
  width:165px;
  height:25px;
  line-height:25px;
  font-size:18px;
  color:#444444;
  border-left:4px solid #FFFFFF;
  cursor:pointer;
  padding-left:15px;
  margin-top:35px;
}

.box_menu li.ver{
  color:#2b71c1;
  border-left:4px solid #2b71c1;
}

/* 右侧内容 */
.box_main{
  float:left;
  width:1035px;
  height:auto;
  overflow:hidden;
  background:url(img/left_bg.jpg) left;
  background-repeat:repeat-y;
  padding-bottom:40px;
}

/* 手机端 */
.box_wap{
  width:1035px;
  height:auto;
}

.box_wap_a{
  float:left;
  width:486px;
  height:795px;
  margin-top:40px;
}

.box_wap_a .num{
  float:left;
  width:100px;
  height:auto;
  margin-top:30px;
}

.box_wap_a .num li{
  text-align:center;
  padding-left:20px;
  margin-top:10px;
}

.box_wap_a .num li a{
  display:inline-block;
  width:41px;
  height:41px;
  line-height:41px;
  text-align:center;
  color:#555555;
  font-size:20px;
  background:url(img/a_bg.png);
}

.box_wap_a .num li a.on{
  display:inline-block;
  width:41px;
  height:41px;
  line-height:41px;
  text-align:center;
  color:#FFFFFF;
  font-size:20px;
  background:url(img/a_bg_ver.png);
}

.box_wap_a .pic{
  position:relative;
  width:386px;
  height:795px;
  overflow:hidden;
}

.box_wap_a .pic .pic_bg{
  position:absolute;
  width:386px;
  height:795px;
  top:0px;
  left:0px;
  z-index:10;
}

.box_wap_a .pic .pic_box{
  position:absolute;
  width:386px;
  height:795px;
  top:0px;
  left:18px;
  z-index:9;
  overflow:hidden;
}

.box_wap_a .pic .pic_list{
  width:350px;
  height:795px;
}

.box_wap_b{
  float:right;
  width:519px;
  height:auto;
  margin-top:40px;
}

/* PC端 */
.box_pc{
  width:1035px;
  height:auto;
}

.box_pc_a{
  float:left;
  width:465px;
  height:auto;
  padding-left:35px;
  margin-top:40px;
}

.box_pc_b{
  float:right;
  width:520px;
  height:auto;
  margin-top:40px;
}

.box_love{
  float:left;
  width:995px;
  height:auto;
  padding-left:35px;
  margin-top:20px;
}

/* 详情报价 */
.adv_text{
  height:32px;
  font-size:16px;
  color:#555555;
}

.adv_text em{
  padding:0 10px;
}

.adv_text em.cor{
  padding:0px;
  color:#fc8716;
}

table{
  background:#CCCCCC;
  color:#555555;
}

table tr{
  background:#FFFFFF;
}

table tr.cor{
  background:#f8f8f8;
}

table td{
  padding:0 15px;
}

table td.adv_td_tit{
  height:38px;
  text-align:center;
  background:#e9e9e9;
}

table td.adv_td_tit_l{
  height:38px;
  background:#e9e9e9;
  padding-left:15px;
}

table td.adv_td_con{
  height:38px;
  text-align:center;
}

table td.adv_td_con_l{
  height:38px;
  line-height:22px;
  padding:10px 0 10px 15px;
}

table td.adv_td_tits_1{
  padding:10px 0;
  text-align:center;
  width:100px;
  background:#f8f8f8;
}

table td.adv_td_tits_2{
  padding:10px 15px;
  width:130px;
  background:#f8f8f8;
}

table td.adv_td_tits_3{
  padding:10px 0;
  text-align:center;
  width:130px;
  background:#f8f8f8;
}

table td.adv_td_tits_4{
  padding:10px 0;
  text-align:center;
  width:130px;
  background:#f8f8f8;
}

table td.adv_td_cons_1{
  padding:10px 0;
  text-align:center;
  width:100px;
}

table td.adv_td_cons_2{
  padding:10px 15px;
  width:130px;
}

table td.adv_td_cons_3{
  padding:10px 0;
  text-align:center;
  width:130px;
}

table td.adv_td_cons_4{
  padding:10px 0;
  text-align:center;
  width:130px;
}

.adv_table_vip{
  margin-top:20px;
  padding:20px;
  border:#CCCCCC solid 1px;
  box-sizing:border-box;
}

.adv_table_vip .vip_tit li{
  text-align:center;
  font-size:20px;
  font-weight:bold;
}

.adv_table_vip .vip_con{
  margin-top:30px;
}

.adv_table_vip .vip_con li{
  font-size:14px;
  line-height:30px;
  padding-bottom:10px;
}

.adv_table_vip .vip_con .con_tit{
  font-size:18px;
  font-weight:bold;
  color:#FF0000;
}

.adv_table_vip .vip_con .con_s{
  font-size:16px;
  font-weight:bold;
}

.adv_table_home ul{
  margin-top:20px;
  margin-bottom:10px;
}

.adv_table_home ul li{
  text-align:center;
  font-size:18px;
}

.adv_table_job table{
  margin-top:15px;
}

.adv_table_job ul{
  margin-top:20px;
}

.adv_table_job ul li{
  text-align:center;
  font-size:18px;
}

.adv_table_job .adv_td_job_tit{
  padding:10px 15px;
  text-align:center;
  background:#f8f8f8;
  font-size:16px;
  font-weight:bold;
}

.adv_table_job .adv_td_job_con{
  padding:10px 15px;
}

.adv_table_job .adv_td_job_con_1{
  padding:10px 15px;
  text-align:center;
}

.adv_table_job .adv_td_job_con_2{
  padding:10px 15px;
  line-height:25px;
}

/*底部模块样式*/
.footer{
  width:100%;
  height:auto;
  background:#F2F2F2;
  border-top:1px solid #ddd;
  padding:15px 0px 30px 0px;
}

.footer_nav_box{
  width:100%;
  height:50px;
  line-height:50px;
  text-align:center;
}

.footer_nav_box em{
  font-size:12px;
  color:#cccccc;
}

.footer_nav_box a{
  display:inline-block;
  color:#444444;
  font-size:14px;
  text-decoration:none;
  margin:0px 15px 0px 15px;
}

.footer_nav_box a:hover{
  color:#222222;
  text-decoration:underline;
}

.copy_m{
  width:100%;
  height:auto;
}

.copy_m li{
  text-align:center;
  font-size:14px;
  color:#555555;
}

.copy_m li span{
  display:inline-block;
  height:30px;
  font-size:14px;
  color:#555555;
  padding:0px 3px 0px 3px;
}

.copy_m li span a{
  color:#555555;
  text-decoration:none;
}

.copy_m li span a:hover{
  color:#555555;
  text-decoration:underline;
}

.copy_m li span img{
  vertical-align:bottom;
  padding-right:5px;
}

.cnzz{
  display:none;
}

/*提示*/
.msg_pop{
  position:fixed; top:0; left:0; display:none; z-index:1800;
}
.msg_pop_up{
  -webkit-animation:msgUp .3s 0s ease both;
}
.msg_pop_out{
  -webkit-animation:msgOut .2s 0s ease both;
}
@-webkit-keyframes msgUp{
  0%{opacity:0; -webkit-transform:translateY(20px);}
  100%{opacity:1; -webkit-transform:translateY(0px);}
}
@-webkit-keyframes msgOut{
  0%{opacity:1; -webkit-transform:scale(1);}
  100%{opacity:0; -webkit-transform:scale(.8);}
}
.msg_box{
  position:relative; display:inline-block; border-radius:5px; box-shadow:0px 3px 6px rgba(0,0,0,.25); z-index:1799;
}
.msg_box .msg_txt{
  position:relative; padding-left:20px; padding-right:20px; line-height:45px; color:#fff; z-index:1802;
}
.msg_box span{
  position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:45px; border-radius:5px; background-color:#000; opacity:.80; filter:alpha(opacity=80); display:inline-block; z-index:1801;
}

/*加载动画*/
.loading_main{
  position:fixed; top:0; left:0; display:none; padding:20px 30px; background:#FFFFFF; border-radius:10px; z-index:2001;
}
.loading_main_up{
  -webkit-animation:InScale .5s 0s ease both;
}
.loading_main_out{
  -webkit-animation:OutScale .5s 0s ease both;
}
@-webkit-keyframes InScale{
  0%{-webkit-transform:scale(0);}
  50%{-webkit-transform:scale(1.2);}
  100%{-webkit-transform:scale(1);}
}
@-webkit-keyframes OutScale{
  0%{-webkit-transform:scale(1);}
  50%{-webkit-transform:scale(1.2);}
  100%{-webkit-transform:scale(0);}
}
.loading{
  border-radius:100%; background:0 0; box-shadow:none; border:none;	width:auto; height:24px; background:url(img/loading-0.gif) center no-repeat;
}
.loading_txt{
  text-align:center; margin-top:5px; color:#555555;
}