@media (max-width:1200px) {
  body{min-width: 1215px;max-width:none;}
  .container{min-width: 1215px;max-width:none;}
}
@media (min-width:1200px) {
  body{min-width: 1215px;}
	.container {width: 1215px;}
}


@media (min-width:1200px) and (max-width:1366px) {
  .container-big {width: 1215px;}
  .container-middle {width: 1215px;}
}
/* 描述的是 [1200,1366] 范围内的样式 */
@media (min-width:1367px) and (max-width:1601px) {
 .container-big {width: 1415px;}
 .container-middle {width: 1415px;}
}
/* 描述的是 [1367,1601] 范围内的样式 */
@media (min-width:1602px) {
 .container-big {width: 1515px;}
 .container-middle {width: 1415px;}
}
/* 描述的是 超过1602 范围内的样式 */

body{max-width: 100%;min-width: 1200px !important;}
.col-xs-c5,
.col-sm-c5,
.col-md-c5,
.col-lg-c5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-c5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-c5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-c5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-c5 {
        width: 20%;
        float: left;
    }
}



body{width: 100%;overflow-x: hidden;/* max-width: 1920px; *//* margin: auto; */}
*{outline: none !important;font-family:"microsoft yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;}
a:hover, a:active, a:focus { text-decoration: none; outline: none;color: #333; }

.button:active, 
 button:active,
.button:focus, 
 button:focus,
.button:hover, 
 button:hover{
    border:none !important;
    outline:none !important;

}
.slick-slider {
  -webkit-user-select: text !important;
  -khtml-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}
  .container-fluid{padding: 0}
img{max-width: 100%;}
ul, ol, li { margin: 0; padding: 0; list-style: none; }
.blk{display: block;}
.cl_fff { color: #fff !important }
.cl_ccc { color: #ccc !important }
.cl_2c { color: #2c2c2c !important }
.cl_333 { color: #333 !important }
.cl_666 { color: #666 !important }
.cl_999 { color: #999 !important }
.cl_red { color: #b5132a !important }
.cl_gray1 { color: #d5d5d5 !important }
.cl_blue1 { color: #019fe8 !important }
.cl_blue2 { color: #0070c0 !important }
.fb { font-weight: bold !important }
.w100{width: 100% !important}
@media only screen and (min-width : 1200px) {

.f10 { font-size: 10px !important }
.f12 { font-size: 12px !important }
.f14 { font-size: 14px !important }
.f16 { font-size: 16px !important }
.f18 { font-size: 18px !important }
.f20 { font-size: 20px !important }
.f22 { font-size: 22px !important }
.f24 { font-size: 24px !important }
.f26 { font-size: 26px !important }
.f30 { font-size: 30px !important }
.f32 { font-size: 32px !important }
.f32 { font-size: 32px !important }
.f34 { font-size: 34px !important }
.f36 { font-size: 36px !important }
.f40 { font-size: 40px !important }
.f45 { font-size: 45px !important }
.lh24 { line-height: 24px; }
.lh25 { line-height: 25px; }
.lh36 { line-height: 36px; }
.lh30 { line-height: 30px; }
.lh40 { line-height: 40px; }
.lh60 { line-height: 60px; }


.mt15 { margin-top: 15px; }
.mt25 { margin-top: 25px; }
.mt35 { margin-top: 35px; }
.mt65 { margin-top: 65px; }
.mt72 { margin-top: 72px; }


}
.btn1 { display: inline-block; background: #0070C0; color: #fff; line-height: 56px; padding: 0 50px; }
.btn1:hover { background: #019FE8;transition: background 0.3s;cursor: pointer;text-decoration: none}
.blk_ct{display: inline-block;margin-left: auto;line-height: 50px;margin-right: auto;border-radius: 3px;}

/* == clearfix == */
.clearfix:after {
    content:'.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.gutter-20.row { margin-right: -10px; margin-left: -10px; }
.gutter-20 > [class^='col-'], .gutter-20 > [class^=' col-'] { padding-right: 10px; padding-left: 10px; }
.gutter-30.row { margin-right: -15px; margin-left: -15px; }
.gutter-30 > [class^='col-'], .gutter-30 > [class^=' col-'] { padding-right: 15px; padding-left: 15px; }
.gutter-80.row { margin-right: -40px; margin-left: -40px; }
.gutter-80 > [class^='col-'], .gutter-80 > [class^=' col-'] { padding-right: 40px; padding-left: 40px; }
.gutter-50.row { margin-right: -25px; margin-left: -25px; }
.gutter-50 > [class^='col-'], .gutter-50 > [class^=' col-'] { padding-right: 25px; padding-left: 25px; }
.gutter-60.row { margin-right: -30px; margin-left: -30px; }
.gutter-60 > [class^='col-'], .gutter-60 > [class^=' col-'] { padding-right: 30px; padding-left: 30px; }
.gutter-44.row { margin-right: -22px; margin-left: -22px; }
.gutter-44 > [class^='col-'], .gutter-44 > [class^=' col-'] { padding-right: 22px; padding-left: 22px; }
.gutter-10.row { margin-right: -5px; margin-left: -5px; }
.gutter-10  [class^='col-'], .gutter-10  [class^=' col-'] { padding-right: 5px; padding-left: 5px; }

.gutter-0.row { margin-right: 0px; margin-left: 0px; }
.gutter-0  [class^='col-'], .gutter-0  [class^=' col-'] { padding-right: 0px; padding-left: 0px; }


.shadow10{
    position:relative;
   
}
.shadow10:after{
	transition: all .3s;
  z-index: 0;
  position: absolute;
  content: "";
-webkit-box-shadow: 0 0 5px 2px rgba(186,186,186,0.29);
-moz-box-shadow: 0 0 5px 2px rgba(186,186,186,0.29);
box-shadow: 0 0 5px 2px rgba(186,186,186,0.29);


  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.shadow10:hover:after{
-webkit-box-shadow: 0 0 5px 3px rgba(186,186,186,0.66);
-moz-box-shadow: 0 0 5px 3px rgba(186,186,186,0.66);
box-shadow: 0 0 5px 3px rgba(186,186,186,0.66);

}