@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0; list-style: none;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0; font-variant:normal;}
sup{ vertical-align:text-top;}
sub{ vertical-align:text-bottom;}
input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select{ *font-size:100%;}
legend{ color:#000;}



 /* ------------------public------------------------- */

      /*1.位置属性(position, top, right, z-index, display, float等)*/
      .pos-rel,.rela{position:relative;}
      .pos-abs{position:absolute;}

      sup{vertical-align:text-top;}
      sub{vertical-align:text-bottom;}
      .v-m{vertical-align:middle;}
      .v-t{vertical-align:top;}
      .v-b{vertical-align:bottom;}

      .show,.dis-b{display:block;}
      .hide,.kgc-hide,.dis-n{display:none;}
      .dis-i{display:inline-block;}
      .dis-f{display:flex;}
      .dis-t{display:table;}
      .dis-tc{display:table-cell;}

      .left{float:left;}
      .right{float:right;}

      /*2.大小(width, height, padding, margin)*/
      .kgc-w {width:100%;}
      .kgc-h {height:100%;}

      .kgc-ofx-h{overflow-x: hidden;}
      .kgc-ofx-a{overflow-x: auto;}
      .kgc-ofx-v{overflow-x: visible;}
      .kgc-ofy-h{overflow-y: hidden;}
      .kgc-ofy-a{overflow-y: auto;}
      .kgc-ofy-v{overflow-y: visible;}
      .kgc-of-h{overflow:hidden}

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

      /*定位*/
      .center{margin:0 auto;}
      .kgc-mla {margin-left:auto;}
      .kgc-mra {margin-right:auto;}
      .kgc-ml0,.offset0{margin-left:0;}
      .kgc-ml5,.offset5{margin-left:5px;}
      .kgc-ml10,.offset10{margin-left:10px;}
      .kgc-ml15,.offset15{margin-left:15px;}
      .kgc-ml20,.offset20{margin-left:20px;}
      .kgc-ml30 {margin-left:30px;}
      .kgc-ml40 {margin-left:40px;}
      .kgc-ml50 {margin-left:50px;}
      .kgc-ml100 {margin-left:100px;}
      .kgc-mt0,.top0{margin-top:0;}
      .kgc-mt5,.top5{margin-top:5px;}
      .kgc-mt10,.top10{margin-top:10px;}
      .kgc-mt15,.top15{margin-top:15px;}
      .kgc-mt20,.top20{margin-top:20px;}
      .kgc-mt30,.top30{margin-top:30px;}
      .kgc-mt40,.top40{margin-top:40px;}
      .kgc-mt50,.top50{margin-top:50px;}
      .kgc-mt100 {margin-top:100px;}
      .kgc-mr0 {margin-right:0;}
      .kgc-mr5 {margin-right:5px;}
      .kgc-mr10 {margin-right:10px;}
      .kgc-mr15 {margin-right:15px;}
      .kgc-mr20 {margin-right:20px;}
      .kgc-mr30 {margin-right:30px;}
      .kgc-mr40 {margin-right:40px;}
      .kgc-mr50 {margin-right:50px;}
      .kgc-mr100 {margin-right:100px;}
      .kgc-mb0 {margin-bottom:0;}
      .kgc-mb5 {margin-bottom:5px;}
      .kgc-mb10 {margin-bottom:10px;}
      .kgc-mb15 {margin-bottom:15px;}
      .kgc-mb20 {margin-bottom:20px;}
      .kgc-mb30 {margin-bottom:30px;}
      .kgc-mb40 {margin-bottom:40px;}
      .kgc-mb50 {margin-bottom:50px;}
      .kgc-mb100 {margin-bottom:100px;}

      .kgc-p0 {padding:0;}
      .kgc-p10 {padding:10px;}
      .kgc-p15 {padding:15px;}
      .kgc-p20 {padding:20px;}
      .kgc-p30 {padding:30px;}
      .kgc-pt5 {padding-top:5px}
      .kgc-pt10 {padding-top:10px}
      .kgc-pt15 {padding-top:15px}
      .kgc-pt20,.pad-t20{padding-top:20px}
      .kgc-pt30 {padding-top:30px}
      .kgc-pt50 {padding-top:50px}
      .kgc-pt80 {padding-top:80px}
      .kgc-pt100 {padding-top:100px}
      .kgc-pb5 {padding-bottom:5px}
      .kgc-pb10 {padding-bottom:10px}
      .kgc-pb15 {padding-bottom:15px}
      .kgc-pb20,.pad-b20{padding-bottom:20px;}
      .kgc-pb30 {padding-bottom:30px}
      .kgc-pb50 {padding-bottom:50px}
      .kgc-pb90 {padding-bottom:90px}
      .kgc-pb100 {padding-bottom:100px}
      .kgc-pl5 {padding-left:5px}
      .kgc-pl10 {padding-left:10px}
      .kgc-pl15 {padding-left:15px}
      .kgc-pl20,.pad-l20{padding-left:20px}
      .kgc-pl30 {padding-left:30px}
      .kgc-pl50 {padding-left:50px}
      .kgc-pl100 {padding-left:100px}
      .kgc-pr5 {padding-right:5px}
      .kgc-pr10 {padding-right:10px}
      .kgc-pr15,.pad-r15 {padding-right:15px}
      .kgc-pr20,.pad-r20{padding-right:20px}
      .kgc-pr30 {padding-right:30px}
      .kgc-pr50 {padding-right:50px}
      .kgc-pr100 {padding-right:100px}

      /*3.文字系列(font, line-height, letter-spacing, color- text-align等)*/
      /*文本对齐*/
      .align-left,.kgc-aL {text-align:left;}
      .align-right,.kgc-aR {text-align:right;}
      .acenter,.kgc-aC {text-align:center;}
      .kgc-aJ {text-align:justify;text-justify: inter-ideograph;}
      /*字体*/
      .FYH,.font-yahei {font-family: "Microsoft YaHei", SimHei, "微软雅黑", "黑体";}
      .FST{font-family:"宋体";}
      .FHT{font-family:"黑体";}
      /*字号*/
      .f0{line-height:0px; font-size:0px; text-indent:-999em; overflow:hidden;}
      .f12{font-size:12px;}
      .f13{font-size:13px;}
      .f14{font-size:14px;}
      .f16{font-size:16px;}
      .f18{font-size:18px;}
      .f20{font-size:20px;}
      .f24{font-size:24px;}
      .f28{font-size:28px;}
      .f34{font-size:34px;}
      .f36{font-size:36px;}
      /*行高*/
      .l24{line-height:24px;}
      .l20{line-height:20px;}
      .l30{line-height:30px;}
      /**/
      .strong{font-weight:bold;}
      .normal{font-weight:normal;}
      /*省略号*/
      .ellipsis{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
      /*折行*/
        .ws-nowrap{white-space:nowrap;}
      .ws-normal{white-space:normal;}
      /*下划线*/
        .td-underline{
            text-decoration:underline
        }
      .td-none{
          text-decoration:none
      }

      /*颜色*/
      .white,.white a{color:#FFF;}
      .reds,.reds a{color:#F00;}
      .blue,.blue a{color:#0177A7;}
      .black,.black a{color:#000;}
      .gray{color:#969696;}

      /*4.背景(background, border等)*/
      .no-border{border:none;}
      /*表现样式*/

      .cursor-p,.cursor-click{cursor:pointer;}
      .cursor-d{cursor:default;}
      .cursor-m{cursor:move;}
      .cursor-h{cursor:help;}
      /*透明*/
      .opacity0{opacity:0}
      .opacity10{opacity:.1}
      .opacity20{opacity:.2}
      .opacity30{opacity:.3}
      .opacity40{opacity:.4}
      .opacity50{opacity:.5}
      .opacity60{opacity:.6}
      .opacity70{opacity:.7}
      .opacity80{opacity:.8}
      .opacity90{opacity:.9}
      .opacity100{opacity:1}
      /*5.其他(animation, transition等)*/
      @keyframes f2ChangeHeigt1 {
        0% {
          height: 0px;
        }
        100% {
          height: 62px;
        }
      }
      .f2ChangeHeigt1 {
        -webkit-animation-name: f2ChangeHeigt1;
        animation-name: f2ChangeHeigt1;
      }
      @keyframes f2ChangeHeigt2 {
        0% {
          height: 0px;
        }
        100% {
          height: 193px;
        }
      }
      .f2ChangeHeigt2 {
        -webkit-animation-name: f2ChangeHeigt2;
        animation-name: f2ChangeHeigt2;
      }
      @keyframes f2ChangeHeigt3 {
        0% {
          height: 0px;
        }
        100% {
          height: 255px;
        }
      }
      .f2ChangeHeigt3 {
        -webkit-animation-name: f2ChangeHeigt3;
        animation-name: f2ChangeHeigt3;
      }
      @keyframes f3ChangeWidth1 {
        0% {
          width: 0px;
        }
        100% {
          width: 400px;
        }
      }
      .f3ChangeWidth1 {
        -webkit-animation-name: f3ChangeWidth1;
        animation-name: f3ChangeWidth1;
      }
      @keyframes f3ChangeWidth2 {
        0% {
          width: 0px;
        }
        100% {
          width: 370px;
        }
      }
      .f3ChangeWidth2 {
        -webkit-animation-name: f3ChangeWidth2;
        animation-name: f3ChangeWidth2;
      }
      @keyframes f3ChangeWidth3 {
        0% {
          width: 0px;
        }
        100% {
          width: 340px;
        }
      }
      .f3ChangeWidth3 {
        -webkit-animation-name: f3ChangeWidth3;
        animation-name: f3ChangeWidth3;
      }
      @keyframes f3ChangeWidth4 {
        0% {
          width: 0px;
        }
        100% {
          width: 310px;
        }
      }
      .f3ChangeWidth4 {
        -webkit-animation-name: f3ChangeWidth4;
        animation-name: f3ChangeWidth4;
      }
      @keyframes f3ChangeWidth5 {
        0% {
          width: 0px;
        }
        100% {
          width: 280px;
        }
      }
      .f3ChangeWidth5 {
        -webkit-animation-name: f3ChangeWidth5;
        animation-name: f3ChangeWidth5;
      }
      @keyframes f3ChangeWidth6 {
        0% {
          width: 0px;
        }
        100% {
          width: 230px;
        }
      }
      .f3ChangeWidth6 {
        -webkit-animation-name: f3ChangeWidth6;
        animation-name: f3ChangeWidth6;
      }
      @-webkit-keyframes circle {
        from {
          -webkit-transform: rotate(-360deg);
        }
        to {
          -webkit-transform: rotate(0deg);
        }
      }
      @-moz-keyframes circle {
        from {
          -moz-transform: rotate(-360deg);
        }
        to {
          -moz-transform: rotate(0deg);
        }
      }
      @-o-keyframes circle {
        from {
          -o-transform: rotate(-360deg);
        }
        to {
          -o-transform: rotate(0deg);
        }
      }
      @keyframes circle {
        from {
          transform: rotate(-360deg);
        }
        to {
          transform: rotate(0deg);
        }
      }

      .w1110 {
        width: 1110px;
        margin: 0 auto;
      }


      .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: #fff;
      }
       .swiper-pagination-bullet-active {
        background: #fff;
      }
       .swiper-pagination-bullets {
        bottom: 30px;
      }






      .fix:after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
      }
      .left {
        float: left;
      }
      .right {
        float: right;
      }