@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#000;display:inline-block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .pub_button .pb_bg, .header .logo, .header.bg, .section_two .tab_box a i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.middle_box{display: table;width: 100%;height: 100%;position: absolute;height:100%;z-index:5;}
.middle_box .middle{display: table-cell;vertical-align: middle;width: 100%;text-align: center; }
.middle_box span{display: block;width:110px;margin: 35px auto;height:2px;background: #fff;}
img{ border: 0;vertical-align: middle;display:inline-block;}
table{ border-collapse: collapse; border-spacing: 0;}
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#2e3979;}
textarea{resize:none; overflow: auto;}
input{padding-top: 0; padding-bottom: 0;};
select,input{vertical-align:middle; }
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1;}
.s_width{width:83%;margin: 0 auto;}
*{ margin:0; padding:0;box-sizing:border-box; }



html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent; }
body{font-family: \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";font-size:16px;color:#333;background-color: #fff;overflow-x: hidden;}
.error3{display: none !important;}
html,body{max-width:1920px;margin:0 auto;}
.dn{display: none;}
@font-face {font-family: 'cuya';src: url('cuya.ttf');}
.cuya {font-family: "cuya";}
#fullPage-nav LI {margin: 0 0; width:10px;}
em,i,u {font-style: normal;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin: 0;padding: 0;}
body {color: #333;font-size: 16px;}
#fullPage-nav LI A {text-align: right;width: 6px; margin: 0 auto;background:#ddd; border-radius: 5px;  height: 6px;color: #f1c820;text-decoration: none;-webkit-transition: all 0.1s ease;transition: all 0.2s ease;}
#fullPage-nav LI .active {width:10px;height:10px; background: #ff0000}
#fullPage-nav LI A:hover {width:10px;height:10px; background: #ff0000}
#fullPage-nav SPAN {display: none;}
.fullPage-tooltip {font: 12px/21px;float: left;color: #fff;top: 0px;margin-right: 5px;width: 60px;text-align: center;line-height: 21px;border-radius: 25px;background: #0051a2;}
.dtgif {width: 50px;position: relative;left: 0;top: 88%;right: 0;margin: auto;}
.anniu {  position: absolute;top: 0px;width: 78px;height: 70px;animation: updown 1.5s infinite;animation-timing-function: linear;z-index: 999;}


.footer_p_in{ line-height:65px; text-align:center; font-size:15px; color:#fff; background: rgba(0,0,0,0.6);  position: absolute;left:0;bottom:0;width:100%}
.footer_p_in a{ color:#fff;font-size:15px; }
.footer_p_in a:hover{ color:#fff}


.section{ position:relative;overflow:hidden;background-repeat:no-repeat;}





.goods_e{width:70%;height:474px;left:15%;top:30%; position: absolute;z-index: 5;}
.goods_e .kuang{position: absolute;left:0;top:0;z-index: 6;;}
.goods_e .kuang2{position: absolute;right:0;top:0;z-index: 6;;}
.goods_e .goods_b{position: absolute;left:3%;top:0;z-index: 7;height: 100%; display: flex;justify-content:center;align-items:flex-start;flex-direction: column;}
.goods_pic{margin: 5px 0;}
.goods_e .goods_b p{font-size: 1.2rem;color: #fff;}
.goods_e .goods_b a{display: block;width:120px;border-radius: 30px;line-height: 45px; background: #f65808;color: #fff; text-align: center; margin:25px 0 0 0}
.goods_e .goods_b a:hover{ background: #fff; color: #f65808;}
.goods_e .goods_c{position: absolute;right:3%;top:0;z-index: 7;height: 100%; display: flex;justify-content:center;align-items:flex-end;flex-direction: column;}
.goods_e .goods_c p{font-size: 1.2rem;color: #fff;}
.goods_e .goods_c a{display: block;width:120px;border-radius: 30px;line-height: 45px; background: #f65808;color: #fff; text-align: center; margin:25px 0 0 0}
.goods_e .goods_c a:hover{ background: #fff; color: #f65808;}

.e_image-2 {
    overflow: hidden;
    height: 100vh;
    max-height: 1440px;
    animation: bounce3 2s infinite ease-in-out;
    -moz-animation: bounce2 8s infinite ease-in-out;
    -webkit-animation: bounce2 8s infinite ease-in-out;
    -o-animation: bounce2 2s infinite ease-in-out
}
.e_image-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;filter: blur(0);
    transition: filter 1s;
}

    
}
@-webkit-keyframes bounce2 {
	0%,100% {
	-webkit-transform:scale(1.1)
}
50% {
	-webkit-transform:scale(1)
}
}
@keyframes bounce2 {
	0%,100% {
	transform:scale(1.1);
	-webkit-transform:scale(1.1)
}
50% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
}

.f_58{font-size:58px;}
.f_48{font-size:48px;}
@media only screen and (max-width:1500px){ 
    .goods_e{width:80%; left:10%; top:25% }
    .goods_c img:nth-child(3){width:400px}
    .goods_b img:nth-child(3){width:400px}
}