/*初始化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

* {
    font-size: 16px;
    font-family: "Microsoft YaHei",Verdana, Arial, Helvetica, "Hiragino Sans GB", 
    "WenQuanYi Micro Hei", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

a {
    color: #555;
    text-decoration: none;
    text-align: center;
}

a:hover {
    text-decoration:  underline;
}

img {
    border: none;
}

ol, ul, li {
    list-style: none;
}

table {
    border-collapse: collapse;
}

html {
    overflow-y: scroll;
}

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

.cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cf {
    *zoom: 1;
}

.cf .l {
    float: left;
}

.cf .r {
    float: right;
}
.red{
	color: red;
}
/*初始化*/
.l{float:left;}
.r{float:right;}
.w100{width: 100%;}
.h100{height: 100%;}
.w50{width: 50%;}
.h50{height: 50%;}
.wa{width: auto;}
.ha{height: auto;}
.l20{height: 20px;line-height: 20px;}
.l25{height: 25px;line-height: 25px;}
.l30{height: 30px;line-height: 30px;}
.l35{height: 35px;line-height: 35px;}
.l40{height: 40px;line-height: 40px;}
.l45{height: 45px;line-height: 45px;}
.l50{height: 50px;line-height: 50px;}
.l55{height: 55px;line-height: 55px;}
.l60{height: 60px;line-height: 60px;}
.tac{text-align: center;}
.tar{text-align:right;}
.tal{text-align:left;} 
.ti{text-indent:2em;}
.tdl{text-decoration:underline;}
.tdn,a.tdl:hover,a.tdn:hover{text-decoration:none;} 
.b{font-weight:bold;}
.n{font-weight:normal; font-style:normal;} 
.vam{vertical-align:middle;}
.vab{vertical-align:text-bottom;}
.vat{vertical-align:top;}
.vain{vertical-align:-2px;} 
.fa{font-family:arial;}
.ft{font-family:tahoma;}
.f10{font-size: 10px;}.f11{font-size: 11px;}.f12{font-size: 12px;}.f13{font-size: 13px;}.f14{font-size: 14px;}.f15{font-size: 15px;}.f16{font-size: 16px;}.f17{font-size: 17px;}.f18{font-size: 18px;}.f19{font-size: 19px;}.f20{font-size: 20px;}.f21{font-size: 21px;}.f22{font-size: 22px;}.f23{font-size: 23px;}.f24{font-size: 24px;}.f25{font-size: 25px;}.f26{font-size: 26px;}.f27{font-size: 27px;}.f28{font-size: 28px;}.f29{font-size: 29px;}.f30{font-size: 30px;}.f31{font-size: 31px;}.f32{font-size: 32px;}
.fmy{font-family:"Microsoft YaHei"}
.rel{position:relative;}
.abs{position:absolute;}
.ofh{overflow:hidden;} 
.dn{display:none;}
.db{display:block;}
.dib{display:inline-block;}
.di{display:inline;} 
.cur{cursor:pointer;}
.tl0{top: 0;left: 0;}
.tr0{top: 0; right: 0;}
.bl0{bottom: 0;left: 0;}
.br0{bottom: 0;right: 0;}
.bru5{border-radius: 5px;}
.bru10{border-radius: 10px;}
.bru50{border-radius: 50%;}
.bru100{border-radius: 100%;}
.m0a{margin: 0 auto;}
.mlra{margin-left: auto;margin-right: auto;}
.mall0{margin: 0;}
.mall1{margin: 10px;}
.mall2{margin: 20px;}
.mud1{margin: 10px 0;}
.mud2{margin: 20px 0;}
.mlr1{margin: 0 10px;}
.mlr2{margin: 0 20px;}
.mt1{margin-top:10px;}
.mt2{margin-top:20px;}
.mb1{margin-bottom: 10px;}
.mb2{margin-bottom: 20px;}
.mb12{margin-bottom: 120px;}
.ml1{margin-left: 10px;}
.ml2{margin-left: 20px;}
.mr1{margin-right: 10px;}
.mr2{margin-right: 20px;}
.pall0{padding: 0;}
.pall1{padding: 10px;}
.pall2{padding: 20px;}
.pud1{padding: 10px 0;}
.pud2{padding: 20px 0;}
.plr1{padding: 0 10px;}
.plr2{padding: 0 20px;}
.pt1{padding-top: 10px;}
.pt2{padding-top: 20px;}
.pm1{padding-top: 10px;}
.pm2{padding-top: 20px;}
.pl1{padding-top: 10px;}
.pl2{padding-top: 20px;}
.pr1{padding-top: 10px;}
.pr2{padding-top: 20px;}
.ls1{letter-spacing: 1px;}
.ls2{letter-spacing: 2px;}
.ls3{letter-spacing: 3px;}
.ls4{letter-spacing: 4px;}
.ls5{letter-spacing: 5px;}
.bgf{background: #fff;}
.co544{color: #0054AA !important;}
.bsc{background-size: contain;}
.bscv{background-size: cover;}
.brn{background-repeat: no-repeat;}
.boc{background-origin: content-box;}
.bob{background-origin: border-box;}
.bop{background-origin: padding-box;}
.bcb{background-clip: border-box;}
.bcp{background-clip: padding-box;}
.bcc{background-clip: content-box;}
.o0{opacity: 0;}
.o5{opacity: 0.50;}
.o7{opacity: 0.70;}
.o8{opacity: 0.80;}
.o9{opacity: 0.90;}
.o1{opacity: 1;}
.boxsb{box-sizing: border-box;}
.boxsc{box-sizing: content-box;}
.tran3{transition: all .3s ease;}
.ofdian{word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hodeg{display: block;margin-left: auto;margin-right: auto;margin-top: 8px;-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-o-transition: -o-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out;	}
.hodeg:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}	
.ptlt{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*设置子元素居中*/
.dja {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*设置子元素居中*/
.360rotate{
            -moz-animation:rotate 20s infinite linear;
            -webkit-animation:rotate 20s infinite linear;
            animation:rotate 20s infinite linear;
            position:absolute;
          	left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
          }

          @-moz-keyframes rotate{
            0%{
              -moz-transform:rotate(0deg);
             }
             100%{
               -moz-transform:rotate(360deg);
             }
          }
          @-webkit-keyframes rotate{
            0%{
              -webkit-transform:rotate(0deg);
             }
             100%{
               -webkit-transform:rotate(360deg);
             }
          }
          @keyframes rotate{
            0%{
              transform:rotate(0deg);
             }
             100%{
               transform:rotate(360deg);
             }
          }