@charset "UTF-8";
a:focus,button:focus {outline:none!important;}
button::-moz-focus-inner {border:0;}
*:focus {outline:none;}
blockquote {padding:0;margin:0;}
input,button,select,textarea {outline:none;}
label {margin-bottom:0;}
p {margin:0;}
ul,ol {list-style:none;padding:0;margin:0;}
ul li,ol li {display:block;}
dl {margin:0;}
dt,dd {line-height:inherit;}
dt {font-weight:inherit;}
dd {margin-bottom:0;}
cite {font-style:normal;}
form {margin-bottom:0;}
blockquote {padding-left:0;border-left:0;}
address {margin-top:0;margin-bottom:0;}
figure {margin-bottom:0;}
html p a:hover {text-decoration:none;}

*, *::before, *::after {box-sizing: border-box;}

body {font-family:"微软雅黑"; font-size:16px; line-height:1.8; font-weight:500; color: #3d3d3d; background:#fff; -webkit-text-size-adjust:none; -webkit-font-smoothing:subpixel-antialiased; overflow-x: hidden;}

@media screen and (max-width:576px){
    body{font-size:14px;}
}

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


small,.small {display:block;font-size:12px;line-height:1.5;}
mark,.mark {padding:2px 4px;color:#fff;background:#151515;}
.big {font-size:18px;line-height:1.55556;}
.lead {font-size:24px;line-height:34px;font-weight:300;}
code {padding:10px 5px;border-radius:.2rem;font-size:90%;color:#111;background:#f2f2f2;}
p [data-toggle=tooltip] {color:#b7b7b7;}
p [style*=max-width] {display:inline-block;}


a {transition:all .5s ease-in-out}
a,a:focus,a:active,a:hover {text-decoration:none}
a,a:focus,a:active {color:#000;}
a:hover {color:var(--blue);}

.clearfix{clear: both;}
/*div:focus {outline: none; }*/
section:after {content: "";display: table;clear: both; }

::-webkit-scrollbar {width:8px;height:8px}
::-webkit-scrollbar-thumb {cursor:pointer;background:var(--blue);}
::selection {background-color:var(--blue);color:#fff}
-webkit-::selection {background-color:var(--blue);color:#fff}
::-moz-selection {background-color:var(--blue);color:#fff}

/*********************************定义网站板块背景色css*********************************/
.bg-default {background-color:#fff}


@font-face {
  font-family: "iconfont"; /* Project id 2508313 */
  src: url('../fonts/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-kefu:before {
  content: "\e658";
}

.icon-youxiang1:before {
  content: "\e612";
}

.icon-QQ:before {
  content: "\e882";
}

.icon-dizhi:before {
  content: "\e6eb";
}

.icon-24gf-telephone2:before {
  content: "\e96d";
}

.icon-fax-fill:before {
  content: "\e620";
}

.icon-lianjiewangzhi:before {
  content: "\e622";
}

.icon-daohangpinlei:before {
  content: "\e61e";
}

.icon-jiantoushang:before {
  content: "\e62d";
}

.icon-guanbi1:before {
  content: "\eaf2";
}

.icon-yuyan:before {
  content: "\e6be";
}

.icon-jiantoudown:before {
  content: "\e600";
}

.icon-duihao:before {
  content: "\e633";
}

.icon-liuyan:before {
  content: "\e614";
}

.icon-24gf-phoneBubble:before {
  content: "\e966";
}




@-webkit-keyframes fadeIn {
	0% {opacity:0}
    100% {opacity:1}
}
@keyframes fadeIn {
	0% {opacity:0}
    100% {opacity:1}
}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInDown {
	0% {opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {
	0% {opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown {-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInLeft {
	0% {opacity:0;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {
	0% {opacity:0;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight {
    0% {opacity:0;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
    0% {opacity:0;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeOut {
    0% {opacity:1}
    100% {opacity:0}
}
@keyframes fadeOut {
    0% {opacity:1}
    100% {opacity:0}
}
.fadeOut {-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes slideInUp {
    0% {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp {
    0% {-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp {-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideInDown {
    0% {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown {
    0% {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown {-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
    0% {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft {
    0% {-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInLeft {-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
    0% {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight {
    0% {-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
    100% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight {-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideOutDown {
    0% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100% {visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown {
    0% {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100% {visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown {-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@keyframes pagInX {
    0% {transform:translateX(-100%)}
    100% {transform:translateX(0)}
}
@keyframes pagOutX {
    0% {transform:translateX(0)}
    100% {transform:translateX(100%)}
}

@-webkit-keyframes rotate {
  0% {-webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);}
  100% {-webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);}
}

@keyframes rotate {
  0% {-webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);}
  100% {-webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);}
}