/* CSS Document */
.nbg{ background: none;}
.formtip{ vertical-align:central;}
.font_red14{ font-size:14px;color:#e60012;}
.rightbgcolor{ background-color:#ecf0f5;}
.pb10{ padding-bottom:5px;}
.pb5{padding-bottom:5px;}
.pt-120 {padding-top:120px;}
.pb-120 {padding-bottom:120px;}
.pt-90 {padding-top:90px;}
.pb-90 {padding-bottom:90px;}
.pt-80 {padding-top:80px;}
.pb-80 {padding-bottom:80px;}
.pt-70 {padding-top:70px;}
.pb-70 {padding-bottom:70px;}
.pt-60 {padding-top:60px;}
.pb-60 {padding-bottom:60px;}
.pt-55 {padding-top:55px;}
.pb-55 {padding-bottom:55px;}
.pt-50 {padding-top:50px;}
.pb-50 {padding-bottom:50px;}
.pb-40 {padding-bottom:40px;}
.pt-30 {padding-top:30px;}
.pb-30 {padding-bottom:30px;}
.pt-20 {padding-top:20px;}
.pb-20 {padding-bottom:20px;}
.pt-15 {padding-top:15px;}
.pb-15 {padding-bottom:15px;}
.pt-10 {padding-top:10px;}
.pb-10 {padding-bottom:10px;}
.mt-120 {margin-top:120px;}
.mb-120 {margin-bottom:120px;}
.mt-60 {margin-top:60px;}
.mb-60 {margin-bottom:60px;}
.mt-50 {margin-top:50px;}
.mb-50 {margin-bottom:50px;}
.mt-40 {margin-top:40px;}
.mb-40 {margin-bottom:40px;}
.mt-30 {margin-top:30px;}
.mb-30 {margin-bottom:30px;}
.mt-20 {margin-top:20px;}
.mb-20 {margin-bottom:20px;}
.mt-15 {margin-top:15px;}
.mb-15 {margin-bottom:15px;}
.mt-10 {margin-top:10px;}
.mb-10 {margin-bottom:10px;}

.ml-10 {margin-left:10px;}
.mr-10 {margin-right:10px;}
.ml-15 {margin-left:15px;}
.mr-15 {margin-right:15px;}
.ml-20 {margin-left:20px;}
.mr-20 {margin-right:20px;}
.ml-30 {margin-left:30px;}
.mr-30 {margin-right:30px;}

.pl-10 {padding-left:10px;}
.pr-10 {padding-right:10px;}
.pl-15 {padding-left:15px;}
.pr-15 {padding-right:15px;}
.pl-20 {padding-left:20px;}
.pr-20 {padding-right:20px;}
.pl-30 {padding-left:30px;}
.pr-30 {padding-right:30px;}



.fleft{ float:left;}
.form .form-section, .portlet-form .form-section {
    margin: 30px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7ecf1; font-size: 24px;
}
.page-title {
    padding: 0;
    font-size: 24px;
    letter-spacing: -1px;
    display: block;
    color: #333;
     margin: 15px 0;
    font-weight: 300;
}
.page-title small {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 300;
    color: #888;
}
.lancnbox{ position: relative; display: inline-block;  width: 18px;  height: 14px;  }
.lancnbox .lan-cn{ background: url( ../img/icon_china.png) no-repeat 0px 2px; background-size: 15px;    display: inline-block;  width: 17px;  height: 17px;    text-align: center; position: absolute;}
.lancnbox .lan{ display: inline-block;  width: 17px;  height: 17px;    text-align: center; position: absolute;}
.lancnbox .lan-en{ background: url( ../img/icon_en.png) no-repeat 0px 2px; background-size: 15px;    display: inline-block;  width: 17px;  height: 17px;    text-align: center; position: absolute;}
.well {
    border: 0;
    padding: 20px;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important; border-radius: 0px; background-color: #f1f4f7;
}

.control-sidebar>.tab-content .list-items{margin:0;padding:0;list-style:none}
.control-sidebar>.tab-content .list-items>li{margin:0;padding:15px 0px;background:0 0;border: 0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#273037;border-radius: 0!important;line-height: 1.42857;}
.control-sidebar>.tab-content.list-items>li:hover{background:#273037}
.control-sidebar>.tab-content .list-items>li:last-child{border-bottom:0}
.control-sidebar>.tab-content .list-items.borderless li{border:0}
.control-sidebar>.tab-content .list-items li .bootstrap-switch{float: right;border: 0;min-width: 59px;}

.moban{width:100%; margin-top:30px;}
.moban ul{width:104%;}
.moban li{width:25%; float:left; margin:40px 3% 0 0; display:inline-block; position:relative; text-align:center;}
.moban li h2{font-size:18px; color:#555; line-height:30px; height:30px; margin-top:20px; width:100%; overflow:hidden;}
.moban li p{color:#999;  margin-top:5px; }
.moban li .moban_info{position:relative; border:1px #f0f0f0 solid; border-radius:3px; background:#f0f0f0; height: 273px; overflow: hidden;}
.moban li .moban_info:before {content: "";height: 100px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;box-shadow: 0 6px 50px rgba(0, 0, 0, 0.5);z-index: -1;width: 80%;}
.moban li .moban_info img{border-radius:0px; width:100%;}
.moban li .moban_info .moban_over{position:absolute; top:0; left:0; background:rgba(0,0,0,.7); width:100%; height:100%; border-radius:3px; text-align:center; z-index:1; opacity:0;}
.moban li:hover .moban_info .moban_over{ opacity:1; display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;
  
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;}
.moban li .moban_info .moban_over span, .moban li .moban_info .moban_over em{width:100%; margin:0 auto; overflow:hidden; display:inline-block; color:#fff; font-size: 18px; line-height: 2; }
.moban li .moban_info .moban_over span i{ width:20%; border-radius:0; -webkit-transition:all .3s ease-out 0s ; -moz-transition:all .3s ease-out 0s ; -ms-transition:all .3s ease-out 0s; -o-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;-webkit-transform: translateY(20px); -moz-transform:translateY(20px); -ms-transform: translateY(20px); -o-transform:translateY(20px); transform:translateY(20px);font-size: 36px; }
.moban li:hover .moban_info .moban_over span i{-webkit-transform: translateY(0px); -moz-transform:translateY(0px); -ms-transform: translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }


@media all and (min-width:0) and (max-width:768px) {
	.moban li{width:100%; margin-top:20px;}
	.moban li h2{font-size:15px; line-height:20px; height:20px; margin-top:15px;}
	.moban li p{font-size:12px;}
	.moban li .xcx_case_info{border-width:6px;height: auto; overflow: auto;}
	.moban {margin-top:15px;}
}
a.link_dark{ color:#333;text-decoration: none; }
a.link_dark:hover{ color:#0073b7; text-decoration: none;}
