/*-----  Global  ----*/
*{margin:0;padding:0;border-width:0;box-sizing:border-box;font-weight:normal;}
*html .clearfix {zoom:1;}
html{scroll-behavior:smooth;}
body,textarea{font-family:"Microsoft YaHei","Arial";font-size:14px;color: #333;line-height: 1.4;-webkit-font-smoothing: antialiased;}
body{overflow-x: hidden;}
table{border-collapse:collapse; border-spacing:0; } 
a{text-decoration:none;color:#555;}
a:hover,a:active{text-decoration:none;color:#555;}
ol,ul{list-style:none;}
img {max-width: 100%;border: none; vertical-align: middle;}
input,textarea,select {font-size: 14px;color: rgba(18, 26, 39, 0.30);;font-family:"Arial","Microsoft YaHei";border:none;resize:none;background: none;outline: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;}
::-webkit-input-placeholder {font-size: 14px;color: rgba(18, 26, 39, 0.30);;}
::-moz-placeholder {font-size: 14px;color: rgba(18, 26, 39, 0.30);;}
::-ms-input-placeholder {font-size: 14px;color: rgba(18, 26, 39, 0.30);;}
select::-ms-expand {display: none;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.icon{vertical-align: middle;}

.container{width:1400px;margin:0 auto;position:relative;}
.container:after, .container:before {content:" ";display:table;}
.img-cover{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 1.5s;}
.positionimg{width: 100%;padding-bottom: 75%;position: relative;overflow: hidden;}
.positionimg img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.positionimg img.img_way{object-fit:contain;}
.scale_img:hover img{
    -webkit-transform:scale(1.1);
       -moz-transform:scale(1.1);
         -o-transform:scale(1.1);
            transform:scale(1.1);
}
.l5{-webkit-transform:translateX(-50%);
       -moz-transform:translateX(-50%);
         -o-transform:translateX(-50%);
            transform:translateX(-50%);}
.t5{-webkit-transform:translateY(-50%);
       -moz-transform:translateY(-50%);
         -o-transform:translateY(-50%);
            transform:translateY(-50%);}
.lt5{-webkit-transform:translate(-50%,-50%);
       -moz-transform:translate(-50%,-50%);
         -o-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);}
.de3,.de3:before{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.de5,.de5:before{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.de7,.de7:before{-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
.de10,.de10:before{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}
@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@keyframes spinY {
    from {transform: rotatey(0deg);}
    to {transform: rotatey(360deg);}
}
@keyframes rotate360 { 100% { transform: rotate(360deg); } }
@keyframes warn {
    0% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
    50% {-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);transform: scale(2);}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
}

@keyframes warn1 {
    0% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
    50% {-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
}

@keyframes jump {
    0% {transform: translateY(0);}
    50% {transform: translateY(-15px);}
    100% {transform: translateY(0);}
}
@keyframes slideUp {
        0% { left: 100%;opacity: 0;}
        100% { left: 0%;opacity: 1;}
}
@keyframes bjbh {
    0% {background-size: 100%;background-position: 0 center;}
    50% {background-size: 200%;;background-position: 50% center;}
    100% {background-size: 100%;background-position: 0 center;}
}
@keyframes scroll {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}

@keyframes gradientBackground {
    0% {background-image: linear-gradient(to right, #FAB005, #20C997, #228BE6);}
    50% {background-image: linear-gradient(to right, #228BE6, #228BE6, #FAB005);}
    100% {background-image: linear-gradient(to right, #FAB005, #20C997, #228BE6);}
}

@keyframes gradientBG {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

@keyframes miaobian {
  0% {stroke-dashoffset: 600;}
  80% {stroke-dashoffset: 0;}
  100% {fill: '#339AF0';}
}

@-webkit-keyframes donhua1 {
    from {-webkit-transform: translateY(0);transform: translateY(0)}
    to {-webkit-transform: translateY(30px);transform: translateY(30px)}
}
@-o-keyframes donhua1 {
    from {-o-transform: translateY(0);transform: translateY(0)}
    to {-o-transform: translateY(30px);transform: translateY(30px)}
}
@keyframes donhua1 {
    from {-webkit-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0)}
    to {-webkit-transform: translateY(30px);-o-transform: translateY(30px);transform: translateY(30px)}
}

@-webkit-keyframes suofangzhanshi{
    0%{opacity:0.0;-webkit-transform:scale(0.1);}
    50%{opacity:0.7}
    100%{opacity:0;-webkit-transform:scale(1);}
}
@keyframes suofangzhanshi{
    0%{transform:scale(0.1);opacity:0.0}
    50%{opacity:0.7}
    100%{transform:scale(1);opacity:0.0}
}

@keyframes scale01{
    0%{transform:scale(1.1);}
    100%{transform:scale(1);}
}


@media only screen and (max-width:1800px) {

}
@media only screen and (max-width:1699px) {
    .container{width: 1200px;}
}
@media only screen and (max-width: 1499px) {
    input,textarea,select {font-size: 14px;}
    ::-webkit-input-placeholder {font-size: 14px;}
    ::-moz-placeholder {font-size: 14px;}
    ::-ms-input-placeholder {font-size: 14px;}

    .container{width: 1100px;}
}
@media only screen and (max-width: 1299px) {
    .container{width: 994px;}
}
@media only screen and (max-width: 1023px) {
    .container{width: 740px;}

    
}
@media only screen and (max-width: 767px) {
    .container{width:calc(100% -  30px);}
}