@charset "utf-8";
/*---------------------------------------------------------------- 
// 版权所有。  
// 文件名： common.css
// 文件功能描述： 公共样式文件
// author：gzz_ais
// 创建时间：2018·12·22
// 修改时间：2019·01.28
//----------------------------------------------------------------*/
.rightlooyu{position: fixed; top: 90px; left: 10px; z-index: 2147483647; width: 120px; height: 488px;}
.rightlooyu span{position: absolute;right: -5px;top: 0; width: 30px; height: 30px; display: block; cursor: pointer;}
.kp_tan{width: 500px; height: 280px; position: fixed; top: 50%; left: 50%; margin-left: -250px; margin-top: -140px; overflow: hidden; display: none; z-index: 2147483647;}
.kp_tan img{display: block; width: 100%;}
.kp_tan .left{top: 0; left: 0; width: 174px; position: absolute; z-index: 9}
.kp_tan .right{float: right; width: 326px; position: absolute; left: -174px; top: 0; z-index: 8}

.kp_tan .right .a1{display: block; position: absolute; width: 106px; height: 36px; line-height: 36px; left: 42px; bottom: 32px; color: #FFF; font-size: 13px; border-radius: 15px; text-align: center;}
.kp_tan .right .a2{display: block; position: absolute; width: 106px; height: 36px; line-height: 36px ; left: 178px; bottom: 32px ; color: #FFF; font-size: 14px; border-radius: 15px; text-align: center; cursor: pointer;}

.kp_tan .kp_tan_cjb .right .a1{left: 41px; bottom: 42px; background: #58b629;}
.kp_tan .kp_tan_cjb .right .a2{left: 176px; bottom: 42px; background: #8ac00f;}

.kp_tan .kp_tan_qj .right .a2{ left: 290px; bottom: 240px; width: 30px; background: rgba(255,255,255,0.75); color: #000; border-radius: 30px;}

.kp_tan .kp_tan_yjz .right .a1{width: 129px; left: 22px; bottom: 20px; background: #ff9d00; color: #fff;}
.kp_tan .kp_tan_yjz .right .a2{width: 129px; left: 175px; bottom: 20px; background: #ffc973; color: #fff;}

.kp_tan .fadeOut{display: none;}

.tcBox.flipInY {
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
}
.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes flipOutY {
 from {
 -webkit-transform:perspective(2000px) rotateY(0deg);
 transform:perspective(2000px) rotateY(0deg);
 opacity: 1;
}
 to {
 -webkit-transform:perspective(2000px) rotateY(90deg);
 transform:perspective(2000px) rotateY(90deg);
 opacity: 0;
}
}
 @keyframes flipOutY {
 from {
 -webkit-transform:perspective(2000px) rotateY(0deg);
 transform:perspective(2000px) rotateY(0deg);
 opacity: 1;
}
 to {
 -webkit-transform:perspective(2000px) rotateY(90deg);
 transform:perspective(2000px) rotateY(90deg);
 opacity: 0;
}
}
.flipOutY {
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}
 @-webkit-keyframes flipInY {
 from {
 -webkit-transform:perspective(2000px) rotateY(-90deg);
 transform:perspective(2000px) rotateY(-90deg);
 opacity: 0;
}
 to {
 -webkit-transform:perspective(2000px) rotateY(0deg);
 transform:perspective(2000px) rotateY(0deg);
 opacity: 1;
}
}
 @keyframes flipInY {
 from {
 -webkit-transform:perspective(2000px) rotateY(-90deg);
 transform:perspective(2000px) rotateY(-90deg);
 opacity: 0;
}
 to {
 -webkit-transform:perspective(2000px) rotateY(0deg);
 transform:perspective(2000px) rotateY(0deg);
 opacity: 1;
}
}
.flipInY {
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@-webkit-keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 200%, 0);
 transform: translate3d(0, 200%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 200%, 0);
 transform: translate3d(0, 200%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
 @-webkit-keyframes fadeOutDown {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
 @keyframes fadeOutDown {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

.kp_btm_box{width: 100%; height: 150px; position: fixed; left: 0; bottom: 0; display: none; z-index: 9992;}
.kp_btm_box .kp_btm_bg{width: 100%; height: 115px; background: rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0;}
.kp_btm_box .kp_btm_con{width: 1170px; height: 115px; position: absolute; bottom: 0; left: 50%; margin-left: -585px; clear: both;}
.kp_btm_box .kp_btm_con .kp_btm_con_L{width: 972px; height: 115px; float: left;}
.kp_btm_box .kp_btm_con .kp_btm_con_L img{margin-top: -35px;}
.kp_btm_box .kp_btm_con .kp_btm_con_R{width: 198px; height: 115px; float: left; padding-top: 10px;}
.kp_btm_box .kp_btm_con .kp_btm_con_R a{width: 140px; height: 40px; border-radius: 4px; display: block; text-align: center; font-size: 14px; color: #4d4c4c; line-height: 40px;}
.kp_btm_box .kp_btm_con .kp_btm_con_R .kp-btm-yy{background: #1f3db6; color: #FFF; margin-bottom: 10px;}
.kp_btm_box .kp_btm_con .kp_btm_con_R .kp-btm-zx{background: #b6240c; color: #FFF;}
.kp_btm_box .kp_btm_closs{width: 24px; height: 24px; display: block; position: absolute; top: 40px; left: 50%; margin-left: 550px; background: url(../images/kp_btm_closs.png) no-repeat; text-indent: -9999px; overflow: hidden; z-index: 9}
.kp_btm_box .kp_btm_from{width: 1170px; height: 150px; position: absolute; bottom: 0; left: 50%; margin-left: -585px; clear: both; display: none;}
.kp_btm_box .kp_btm_from .questionBlock1{width: 810px; height: 115px; padding-top: 35px; padding-left: 350px; padding-right: 190px; margin: 0 auto; background: url(../images/kp_btm_qjb4.png) left top no-repeat; position: relative;}
.kp_btm_box .kp_btm_from ul li{float: left; height: 35px; margin-right: 10px; background: #FFF; border-radius: 4px;}
.kp_btm_box .kp_btm_from ul li label {font-size: 14px; color: #444; line-height: 35px; display: inline-block; float: left;  padding-left: 10px; background: #FFF; border-radius: 4px 0 0 4px;}
.kp_btm_box .kp_btm_from ul li .txt_1{width: 110px; padding: 5px; height: 25px; font-size: 14px; color: #4c4c4c; border: none; float: left; background: none;}
.kp_btm_box .kp_btm_from ul li .txt_2{width: 95px; padding-left: 5px; height: 35px; font-size: 14px; color: #4c4c4c; border: none; float: left; background: none;}
.kp_btm_box .kp_btm_from ul li .btn{margin-right: 0;}
.kp_btm_box .kp_btm_from ul li #btn_submit{width: 100px; height: 35px; border: none; background: #e33d3d; font-size: 14px; color: #FFF; border-radius: 4px; cursor: pointer;}
.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
.kp_btm_box.fadeInUp {animation-delay:0s; -webkitanimation-delay:0s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;}
.kp_btm_box.fadeOutDown {animation-delay:0s; -webkitanimation-delay:0s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s;}

/*新增*/
.mainw{margin-bottom: 30px;}
.footTel{display: none;}
.footLinks{display: none;}
.public-banner .bx-wrapper .bx-pager.bx-default-pager a{width: 30px; height: 4px; border: 1px #000 solid; background: rgba(0,0,0,0.6); border-radius: 0; margin: 0 5px;}
.public-banner .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff !important; width: 60px;}
.public-banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .public-banner .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #fff !important;}