@charset "utf-8";

/* CSS Document */

html {

    -webkit-text-size-adjust: none;font-size:20px;

}

@media (max-width:640px){

html{font-size:16px;}

}

body{line-height:1.6;color:#555;font-size:0.6rem;font-family:"microsoft yahei";behavior:url("csshover.htc");background:#f8f6f7;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

.yahei{font-family:"microsoft yahei"}.ent{font-family:Georgia, "Times New Roman", Times, serif}

*{list-style:none;margin:0;padding:0}

img{border:none}

a{text-decoration: none;color:#333;}a:hover{color:#a0ce4e;}.hover{transition: 0.3s linear all;}

.cl{ clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}.ov{overflow:hidden;}

.fl{float:left;}.fr{float:right;}.cen{text-align:center;}.txtr{text-align:right;}.txtl{text-align:left;}.posi{position:relative;}.lh{line-height:20px;}.lhxl{line-height:28px;}

.aboutline{line-height:2.6;}

.mt5{margin-top:0.25rem;}.mt10{margin-top:0.5rem;}.mt15{margin-top:0.75rem;}.mt20{margin-top:1rem;}.mt30{margin-top:1.5rem;}.mt50{margin-top:2.5rem;}

.font12{font-size:0.6rem;}.font14{font-size:0.7rem;}.font15{font-size:0.75rem;}.font16{font-size:0.8rem;}.font18{font-size:0.9rem;}.font20{font-size:1rem;}.font22{font-size:1.1rem;}.font24{font-size:1.2rem; line-height:1.6rem;}.font30{font-size:1.5rem;}.font48{font-size:2.4rem;}

.bold{font-weight:bold;}.blue{color:#29166f}.fff{color:#fff}.co333{color:#333;}.co666{color:#666;}.co999{color:#FFF;}.co9999{color:#999;}.red{color:#f00;}.yel{color:#ee7b1e;}.co888{color:#882209;}.co555{color:#555;}

.padtf{padding:1rem 0;}.en{font-family:Arial,Helvetica,sans-serif;}.daxie{text-transform:uppercase; font-weight:200;}.daxie_{text-transform:capitalize;}

.lhno{line-height:normal;}.inl{display:inline-block;}.block{display:block;}

.maxpic img{max-width:100%;}



.wrap,.wrapin{width:75%;margin:0 auto;}.w{width:100%;}.huibg{background:#f8f6f7;}.baibg{background:#fff;}

.content{width:96%;max-width:1200px;margin:2rem auto;}

@media (max-width:1200px){

.wrapin{width:96%;}

.content{margin:0.5rem auto;}

}



html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;overflow-y: scroll; -webkit-overflow-scrolling: touch;}

.Arial {font-family: "Arial"; }



table {border-collapse: collapse; border-spacing: 0; }

td,th { padding: 0; }



html,button,input,select,textarea {font-family: "Source Han Sans CN", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; }

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }

ul, ol, li, dl, dd { margin: 0; padding: 0; }

ul, ol { list-style: none outside none; }



.clear { clear: both; } strong {font-weight: bold; } .bold{font-weight:bold;} .ovh { overflow: hidden; } 





/*定位*/  .w{width:100%;}

.mt5{ margin-top:5px;} .mt10{margin-top:10px;}   .mt15{margin-top:15px;} .mt20{ margin-top:20px;} .mt30{ margin-top:30px;} .mt40{ margin-top:40px;} .mt50{ margin-top:50px;} .mt60{ margin-top:60px;} .mt100{ margin-top:100px;}

.mr10{ margin-right:10px;} .mr20{ margin-right:20px;}

.ml10{ margin-left:10px;} .ml20{ margin-left:20px;}

.mb5{ margin-bottom:5px;} .mb10{ margin-bottom:10px;} .mb20{ margin-bottom:20px;} .mb30{ margin-bottom:30px;} .mb40{ margin-bottom:40px;} .mb50{ margin-bottom:50px;}

.pt20{ padding-top:20px;} .pt50{ padding-top:50px;}

.pb10{ padding-bottom:1rem;}

.por { position: relative; }.poa { position: absolute; }.pof { position: fixed; }

.poa50 {position: absolute; left: 50%; top: 50%; }.poa100 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }



/*图形*/

img {border: 0; vertical-align: middle;-ms-interpolation-mode: bicubic;}

.img100 {display: block;width: 100%; }



/*对齐*/

.fl {float: left;display: inline; }.fr { float: right; display: inline; }  .tac { text-align: center; }



/*鼠标经过颜色*/

a { background: transparent;text-decoration: none;color: #333; }

a:active, a:hover {outline: 0; }

a:hover { color: #F60; }



 /*字体大小*/

h1, h2, h3 { line-height: 2; font-weight: normal; }

h1 { font-size: 18px; } h2 { font-size: 15.6px; } h3 { font-size: 14.04px; } h4 { font-size: 12px; } h5, h6 { font-size: 10.2px; text-transform: uppercase; }

.ft12{ font-size: 12px; line-height:16px} .ft14{ font-size: 14px; line-height:18px; }.ft16{ font-size:16px; line-height:22px; }.ft18{ font-size:18px; line-height:22px;} .fot18{ font-size:18px; line-height:24px;} .ft19{ font-size:19px; line-height:22px;}.ft20{ font-size:20px; line-height:24px;} .ft24{font-size:24px; line-height:28px}  .ft26{font-size:26px; line-height:30px;} .ft30{ font-size:30px; line-height:36px;}  .ft36{ font-size: 36px; line-height:40px; }



 /*宽度*/

.w1400 {width: 1400px; }.w980 { width: 980px; }.w1100 {width: 1100px; }.w1170 {width: 1170px; }.w1140 { width: 1140px; }  .w96b{ width:96%;  margin:0 auto;} .w100{ width:100%; }.w90{ width:90%; } .w80{ width:80%; } .w70{ width:70%; } .w60{ width:60%; } .w50{ width:50%; }   .w40{ width:40%; }   .w30{ width:30%; } .w35{ width:35%; }  .w65{ width:65%; }

.w20{ width:20%; } .w15{ width:15%; }

.w1200 { max-width:1200px;}

.w1400, .w1170, .w1140, .w1100, .w980 { margin-left: auto; margin-right: auto; }





 /*颜色*/

 .FFF{ color:#FFF;} .c333{color:#FFF} .c666{color:#666} .c999{color: #999;} .fenzi{color:#cc0066}  .chengse{color:#FFF;}

 

 /*背景颜色*/

.bg27 { background: #272727; }  .bgf5 { background: #f5f5f5; }.bgf6 {background: #f6f6f6; }.bgf0 { background: #f0f0f0; }



