@charset "utf-8";
body{color:#333; font-size:14px; background: #fff;
    font-family: CN-Regular;
}
@font-face {
    font-family: CN-Regular;
    src: url("http://cms.shenlilaw.cc/statics/fonts/SourceHanSansCN-Regular.otf") format("opentype");
}

/* reset */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: border-box;}
html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
input, textarea ,select{border:none;background:none;cursor:pointer;vertical-align:middle;}
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }

a * { cursor: pointer }
:focus { outline: none }

/* 移入放大 */
#grad:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
/* 移入位移 */
#grad:hover{ -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);transform: translate(0, -10px);}
/* 从上到下渐变 */
#grad {
    background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(red, blue); /* 标准的语法 */
  }
/* 从左到右渐变 */
#grad {
    background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, red , blue); /* 标准的语法 */
  }

/* 动画缓存公共文件  最好放最下面 */
a,*:before,*:after{-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

/*font-size*/
.fnt_12 { font-size: 12px;}
.fnt_14 { font-size: 14px;}
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_22 {font-size: 22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:32px;}
.fnt_36 { font-size:36px;}
.fnt_38 { font-size:38px;}
.fnt_40 { font-size:40px;}
.fnt_42 { font-size:42px;}
.fnt_44 { font-size:44px;}
.fnt_48 { font-size:48px;}
.fnt_50 {font-size: 50px;}
.fnt_60{ font-size:60px;}

@media only screen and (max-width:1440px) {
    /*.fnt_22 {font-size: 18px;}
    .fnt_24 { font-size:22px;}
    .fnt_26 { font-size:22px;}
    .fnt_28 { font-size:24px;}
    .fnt_30 { font-size:28px;}
    .fnt_32 { font-size:28px;}
    .fnt_36 { font-size:30px;}
    .fnt_38 { font-size:31px;}
    .fnt_42 { font-size:34px;}
    /*.fnt_50 {font-size: 42px;}*/

}
@media only screen and (max-width:1366px) {
    .fnt_20 { font-size:18px;}
    .fnt_22 { font-size:18px;}
    .fnt_26 { font-size:20px;}
    .fnt_28 { font-size:22px;}
    .fnt_30 { font-size:24px;}
    .fnt_32 { font-size:24px;}
    .fnt_36 { font-size:26px;}
    .fnt_38 { font-size:27px;}
    .fnt_40 { font-size:36px;}
    .fnt_42 { font-size:30px;}
    .fnt_44 { font-size:38px;}
    .fnt_48 { font-size:38px;}
    .fnt_50 {font-size: 38px;}
    .fnt_60{ font-size:50px;}
}
@media only screen and (max-width:1280px) {
    .fnt_26 { font-size:18px;}
    .fnt_28 { font-size:20px;}
    .fnt_30 { font-size:22px;}
    .fnt_32 { font-size:22px;}
    .fnt_36 { font-size:24px;}
    .fnt_38 { font-size:25px;}
    .fnt_40 { font-size:28px;}
    .fnt_42 { font-size:28px;}
    .fnt_44 { font-size:32px;}
    .fnt_48 { font-size:32px;}
    .fnt_50 {font-size: 34px;}
    .fnt_60{ font-size:44px;}
}
@media only screen and (max-width:1024px) {
    .fnt_16 { font-size:14px;}
    .fnt_18 { font-size:14px;}
    .fnt_20 { font-size:16px;}
    .fnt_22 { font-size:18px;}
    .fnt_24 { font-size:18px;}
    .fnt_30 { font-size:20px;}
    .fnt_32 { font-size:20px;}
    .fnt_36 { font-size:22px;}
    .fnt_38 { font-size:22px;}
    .fnt_40 { font-size:22px;}
    .fnt_42 { font-size:24px;}
    .fnt_44 { font-size:28px;}
    .fnt_48 { font-size:28px;}
    .fnt_50 { font-size:28px;}
    .fnt_60{ font-size:36px;}4
}
@media only screen and (max-width:767px) {
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:16px;}
.fnt_20 { font-size:16px;}
.fnt_22 { font-size:16px;}
.fnt_24 { font-size:16px;}
.fnt_30 { font-size:18px;}
.fnt_32 { font-size:18px;}
.fnt_36 { font-size:18px;}
.fnt_40 { font-size:18px;}
.fnt_44 { font-size:18px;}
.fnt_48 { font-size:18px;}
.fnt_50 { font-size:18px;}
.fnt_60{ font-size:24px;}
}

.inner{width: 1200px;margin: 0 auto;}