@charset "utf-8";
body{background:url(../newimg/footer_bg.png) right bottom no-repeat;background-color:#212429;}
/*全站主题颜色 同一系列，从深到浅*/
.g_ac0{color:#333;}
.g_ac0_h{color:#CD5403;}
.g_ac0:hover{color:#CD5403;}
.g_ac1{color:#333;}
.g_ac1_h{color:#FF6600;}
.g_ac1:hover{color:#FF6600;}
.g_ac2{color:#FF6600;}
.g_ac2_h{color:#FF6600;}
.g_ac2:hover{color:#FF5D56;}
.g_ac3{color:#2255DD;}
.g_ac3_h{color:#FF6600;}
.g_ac3:hover{color:#FF5D56;}

.g_ac98_h{color:#FF5D56;} /*过渡色，通用色*/
.g_ac98:hover{color:#FF5D56;} /*过渡色，通用色*/
.g_ac99_h{color:#B90505;} /*过渡色，通用色*/
.g_ac99:hover{color:#B90505;} /*过渡色，通用色*/

.g_bc0{border-color:#ccc;}
.g_bc0_h{border-color:#FF6600;}
.g_bc0:hover{border-color:#FF6600;}

.g_bg0{background-color:#CD5403;color:#fff;}
.g_bg1{background-color:#FF6600;color:#fff;}
/*全站主题色结束*/

.bfbtop1F{height:67px;}
.bfbtop1{background-color:#2a2e34;height:67px;position:fixed;top:0;box-shadow: 0px 2px 8px rgba(0,0,0,.5);z-index:999;}
.bfbtop1 .logo{float:left;}
.bfbtop1 .logo img{max-height:67px;}
.bfbtop1 .talltype{float:left;}
.bfbtop1 .talltype a{float:left;padding:0 15px;line-height:35px;margin:16px 0 0 30px;height:35px;color:#fff;font-size:15px;border-radius:35px;background:linear-gradient(351.09deg, #F029A0 4.36%, #F0B000 117.5%);box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);position: relative;overflow: hidden;z-index: 0;}
.bfbtop1 .talltype a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    background: linear-gradient(351.09deg, #F0B000 4.36%, #F029A0 117.5%);
    z-index: -1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.bfbtop1 .talltype a:hover::before {
    left: 0;
    transition: all 0.5s ease;
}

.bfbtop1 .notlogin{float:right;height:67px;margin-right:36px;}
.bfbtop1 .notlogin .a1{float:left;font-size:14px;color:#fff;height:21px;line-height:21px;margin:23px 0 0 0;}
.bfbtop1 .notlogin .a1:hover{color:#fed301;}
.bfbtop1 .notlogin .x{float:left;border-left:#bababa solid 1px;height:19px;width:24px;margin:24px 0 0 24px;}
.bfbtop1 .notlogin .qq{float:left;width:33px;height:32px;margin:17px 12px 0 24px;line-height:32px;color:#fff;background:url(../homeimg/defaultImg/qq.png) 5px center no-repeat;background-color:#008ad9;text-align:left;padding-left:25px;}
.bfbtop1 .notlogin .wx{float:left;width:33px;height:32px;margin:17px 0 0 0;line-height:32px;color:#fff;background:url(../homeimg/defaultImg/wx.png) 5px center no-repeat;background-color:#008000;text-align:left;padding-left:25px;}
.bfbtop1 .yeslogin{float:right;height:67px;margin-right:36px;color:#fff;font-size:14px;}
.bfbtop1 .yeslogin .fd{float:left;height:21px;line-height:21px;margin:23px 0 0 0;color:#fff;}
.bfbtop1 .yeslogin .a1{float:left;color:#fff;height:21px;line-height:21px;margin:23px 0 0 0;}
.bfbtop1 .yeslogin .a1:hover{color:#fed301;}
.bfbtop1 .yeslogin .x{float:left;border-left:#bababa solid 1px;height:19px;width:16px;margin:24px 0 0 16px;}
.bfbtop1 .yeslogin .a2{float:left;height:21px;line-height:21px;padding-left:19px;background:url(../homeimg/defaultImg/home.png) left center no-repeat;color:#fff;margin:23px 0 0 0;}
.bfbtop1 .yeslogin .a2:hover{color:#fed301;}
.bfbtop1 .yeslogin .a3{float:left;height:21px;line-height:21px;padding-left:19px;background:url(../homeimg/defaultImg/un.png) left center no-repeat;color:#fff;margin:23px 0 0 0;}
.bfbtop1 .yeslogin .a3:hover{color:#fed301;}


.bfbtop1 .rightxl{float:left;width:56px;height:30px;text-align:left;}
.bfbtop1 .rightxl .gl{float:left;height:30px;line-height:30px;margin-top:18px;width:71px;color:#fff;}
.bfbtop1 .rightxl .gl:hover{}
.bfbtop1 .rightxl .gl span{float:left;}
.bfbtop1 .rightxl .gl:hover span{color:#fff;}
.bfbtop1 .rightxl .gl img{float:left;margin-top:13px;margin-left:5px;-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;    transition: transform 0.2s ease-out;}
.bfbtop1 .rightxl:hover .gl{}
.bfbtop1 .rightxl:hover img{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.bfbtop1 .rightxl .u1{float:left;position:relative;width:384px;z-index:999;background-color:#fff;padding:0 20px 20px 5px;margin-left:-409px;margin-top:48px;box-shadow:6px 6px 10px rgba(0,0,0,0.1);display:none;}
.bfbtop1 .rightxl .u1 li{float:left;margin:22px 0 0 15px;width:113px;height:145px;}
.bfbtop1 .rightxl .u1 li .cap{float:left;clear:both;font-weight:700;color:#ff6600;font-size:14px;}
.bfbtop1 .rightxl .u1 li a{float:left;clear:both;width:100%;border-bottom:#ededed dotted 1px;height:28px;line-height:28px;font-size:13px;}
.bfbtop1 .rightxl .u1 li a:hover{color:#ff6600;}
.bfbtop1 .rightxl .u1 .l1{}
.bfbtop1 .rightxl:hover .u1{display:block;}



.gloleft{float:left;width:287px;text-align:left;padding:0 0 35px 0;background-color:#2a2e34;position:relative;z-index:998;}
.gloleft .biga{float:left;margin:30px 0 0 21px;height:20px;line-height:20px;color:#66696e;padding:0 0 0 32px;font-size:14px;clear:both;}
.gloleft .biga:hover{color:#fed301;}
.gloleft .biga4{background:url(../homeimg/defaultImg/left4.png) left center no-repeat;}
.gloleft .biga5{background:url(../homeimg/defaultImg/left5.png) left center no-repeat;}
.gloleft .biga6{background:url(../homeimg/defaultImg/left6.png) left center no-repeat;}
.gloleft .biga7{background:url(../homeimg/defaultImg/left7.png) left center no-repeat;}
.gloleft .biga8{background:url(../homeimg/defaultImg/left8.png) left center no-repeat;}
.gloleft .smalla{float:left;margin:30px 0 0 21px;height:20px;line-height:20px;color:#66696e;padding:0 0 0 51px;font-size:14px;clear:both;background:url(../homeimg/defaultImg/leftjian.png) 25px center no-repeat;}
.gloleft .smalla:hover{color:#fed301;}
.gloleft .qq{float:left;margin:10px 0 10px 21px;height:20px;line-height:20px;color:#66696e;padding:0 0 0 41px;font-size:14px;background:url(../homeimg/defaultImg/leftqq.png) 15px center no-repeat;}
.gloleft .qq:hover{color:#fed301;}
.gloleft .default02{float:left;width:80px;height:108px;text-align:center;color:#fff;margin:20px 0 0 20px;}
.gloleft .default02 img{float:left;width:80px;height:80px;margin:0 0 7px 0;}
.gloleft .default021{margin-right:30px;}

.gloright{float:right;width:calc(100% - 287px);}
.gloright .glod1{float:left;width:100%;text-align:center;color:#fff;font-size:73px;margin:85px 0 25px 0;font-weight:700;}
.gloright .glod2{float:left;width:100%;text-align:center;}
.gloright .glod2 a{font-size:18px;color:#fff;}
.gloright .inner-banner{float:left;height:402px;width:100%;background:url(../newimg/about-bg.jpg) left top no-repeat;background-size:100% 100%;position: relative;z-index:1;}
.gloright .bannarnone{background-image:none;}
.gloright .inner-banner .ani-img{top:100px;position:relative;z-index:-1;}
.gloright .inner-banner .ani-img img{position:absolute;}
.gloright .inner-banner .ani-img .img-1{left:-2%;bottom:0;-webkit-animation: spin 15s linear infinite;-moz-animation: spin 15s linear infinite;animation: spin 15s linear infinite;}
.gloright .inner-banner .ani-img .img-2{left:10%;-webkit-animation: spin 20s linear infinite;-moz-animation: spin 20s linear infinite;animation: spin 20s linear infinite;}
.gloright .inner-banner .ani-img .img-3{right:10%;-webkit-animation: spin 20s linear infinite;-moz-animation: spin 20s linear infinite;animation: spin 20s linear infinite;}

  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      -ms-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      -ms-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
  @keyframes zoomInOut {
    50% {
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
    }
  }

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes rotating-rev {
    from{
        -webkit-transform: rotate(360deg);
    }
    to{
        -webkit-transform: rotate(0deg);
    }
}

/*底*/
.globottom{float:right;width:calc(100% - 307px);padding-left:20px;padding-top:50px;}
.globottom .u1{float:left;width:100%;}
.globottom .u1 li{float:left;width:25%;height:70px;}
.globottom .u1 li strong{float:left;clear:both;color:#fff;font-size:14px;margin:15px 0 10px 60px;}
.globottom .u1 li span{float:left;clear:both;color:#5f5f5f;margin:0 0 0 60px;}
.globottom .u1 .l1{background:url(../newimg/b1.png) left center no-repeat;}
.globottom .u1 .l2{background:url(../newimg/b2.png) left center no-repeat;}
.globottom .u1 .l3{background:url(../newimg/b3.png) left center no-repeat;}
.globottom .u1 .l4{background:url(../newimg/b4.png) left center no-repeat;}
.globottom .bo{float:left;width:100%;border-top:#303030 solid 1px;margin:30px 0 0 0;padding:15px 0;font-size:14px;text-align:center;color:#495057;}














