@charset "utf-8";
/* CSS Document */
body {
    font-size:12px;
    font-family:"OpenSansL";
    color:#363636;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,fieldset, lengend, button, input, textarea,th, td {
    margin: 0;
    padding: 0;
}
a{ 
	text-decoration:none; color:#333;
	-moz-transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
}
img{ border:0; vertical-align: middle;}
input,textarea{ border: 0; font-family:"font"; outline:none;}
ol,ul,li{list-style: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: 100%;}

/*合并表格边框，设置边框距为零*/
table{border-collapse: collapse;border-spacing: 0;}
/*清除浮动*/
.clear{clear:both;}
.clearfix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
.clearfix {+height:1%;}
/*强制换行*/
.break_word{word-wrap:break-word;word-break:break-all;}
/*禁止换行*/
.keep_all{word-break:keep-all;white-space:nowrap;}
/*超出省略号，仅限单行，并且需要设定一个宽度*/
.ellipsis { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
/*段落两端对齐*/
.case_intro , .txt_justify{text-align:justify;text-justify:inter-ideograph;}
/*禁止FF等浏览器给textarea增加可拖拽大小的设置*/
textarea { resize: none; }

@font-face { 
  font-family: 'OpenSansL'; 
  src: url('../font/OpenSans-Light.ttf');
} 
@font-face { 
  font-family: 'OpenSansR'; 
  src: url('../font/OpenSans-Regular.ttf');
} 
@font-face {font-family: 'font';
    src: url('../font/sourcesanspro-regular.eot');
    src: local('☺'), url('../font/sourcesanspro-regular.woff') format('woff'), url('../font/sourcesanspro-regular.ttf') format('truetype'), url('../font/sourcesanspro-regular.svg') format('svg');
}

@font-face {font-family: 'font1';
    src: url('../font/SourceSansPro-Semibold.eot');
    src: local('☺'), url('../font/SourceSansPro-Semibold.woff') format('woff'), url('../font/SourceSansPro-Semibold.ttf') format('truetype'), url('../font/SourceSansPro-Semibold.svg') format('svg');
}

/*me*/
.ma{
    width: 1280px; margin: 0 auto;
}
.ma1{ width: 1067px; margin: 0 auto}
.fl{ float: left;}
.fr{ float: right;}
ul.h-list li:nth-child(2n){ float: right;}
.tc{ text-align: center;}
.tr{ text-align: right;}

.bgf{ background-color: #fff;}

.font{ font-family: 'font';}
.font1{ font-family: 'font1';}

.col-a{ color: #a0a0a0;}
.col-blue{ color: #1e70c6;}
.col-white{ color: #fff;}
.col-one{ color: #1f1f1f}
.col-seven{ color: #797979;}
.col-black{ color: #000}
.col-two{ color: #212121}

.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
.f26{ font-size: 26px;}
.f36{ font-size: 36px;}
.f38{ font-size: 38px;}
.f60{ font-size: 60px;}

.mt8{ margin-top: 8px;}
.mt5{ margin-top: 5px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt65{ margin-top: 65px;}
.mt100{ margin-top: 97px;}
.mb10{ margin-bottom: 10px;}
.mb30{ margin-bottom: 30px;}

.t-big{ text-transform: uppercase;}

ul.d-list li,.scroll_horizontal .list li,.pore{ position: relative;}
.poab{ position: absolute;}

.line22{ line-height: 22px;}
.line30{ line-height: 30px;}
.line36{ line-height: 36px;}
/** {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*/

@-webkit-keyframes gupIn{
    from{ opacity:0; -webkit-transform:translate3d(0,-30px,0); }
}
@-moz-keyframes gupIn{
    from{ opacity:0; -moz-transform:translate3d(0,-30px,0); }
}
@keyframes gupIn{
    from{ opacity:0; transform:translate3d(0,-30px,0); }
}
@-webkit-keyframes gdownIn{
    from{ opacity:0; -webkit-transform:translate3d(0,30px,0); }
}
@-moz-keyframes gdownIn{
    from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes gdownIn{
    from{opacity:0; transform:translate3d(0,30px,0);}
}
@-webkit-keyframes gleftIn{
    0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}
    100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes gleftIn{
    0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}
    100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes gleftIn{
    0%{opacity:0; transform:translate3d(-30px,0,0);}
    100%{opacity:1; transform:translate3d(0,0,0);}
}
@-webkit-keyframes grightIn{
    0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}
    100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes grightIn{
    0%{opacity:0; -moz-transform:translate3d(80px,0,0);}
    100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes grightIn{
    0%{opacity:0; transform:translate3d(80px,0,0);}
    100%{opacity:1; transform:translate3d(0,0,0);}
}
@-webkit-keyframes gfadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes gfadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes gfadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes gfadeOut{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-moz-keyframes gfadeOut{
    0%{opacity:1;}
    100%{opacity:0;}
}
@keyframes gfadeOut{
    0%{opacity:1;}
    100%{opacity:0;}
}