a:hover {
	color:#2f62b6;
}
.bg0 {
	background-color: #ffffff;
}
.bg1 {
	background-color: #f8f8f8;
}
.bg2 {
	background-color: #f6f6f6;
}
.bg3 {
	background-color: #f9f9f9;
}
.colr_main {
	color:#2f62b6;
}
.colr_main2 {
	color:#0d4597;
}
.colrf {
	color:#fff;
}
.colr0 {
	color:#000;
}
.colr3 {
	color:#333;
}
.colr6 {
	color:#666;
}
.colr9 {
	color:#999;
}
ul, li {
	list-style:none;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:#a1a1a1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:#a1a1a1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:#a1a1a1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#a1a1a1;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

/*::-webkit-scrollbar{

    width: 3px;

    background-color: #dddddd;

}*/

/*定义滚动条轨道 内阴影+圆角*/

/*::-webkit-scrollbar-track{

    border-radius: 3px;

    background-color: #dddddd;

}*/

/*定义滑块 内阴影+圆角*/

/*::-webkit-scrollbar-thumb{

    border-radius: 3px;

    background-color: #81be01;

}*/

/*滑块效果*/

/*::-webkit-scrollbar-thumb:hover{

    border-radius: 3px;

    background-color: #81be01;

}*/

.input_color1::-webkit-input-placeholder {
color:#555555;
}
 .input_color1:-moz-placeholder {
color:#555555;
}
 .input_color1:-ms-input-placeholder {
color:#555555;
}
 .input_color2::-webkit-input-placeholder {
color:#777;
}
 .input_color2:-moz-placeholder {
color:#777;
}
 .input_color2:-ms-input-placeholder {
color:#777;
}
 .input_color3::-webkit-input-placeholder {
color:#888;
}
 .input_color3:-moz-placeholder {
color:#888;
}
 .input_color3:-ms-input-placeholder {
color:#888;
}
label_cont  .input_color4::-webkit-input-placeholder {
color:#999;
}
 .input_color4:-moz-placeholder {
color:#999;
}
 .input_color4:-ms-input-placeholder {
color:#999;
}
.imgBox {
	position:relative;
}
.imgBox img {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
}
/**动画**/

*[data-animation] {
	opacity: 0;
}
.animated {
	opacity: 1;
}
.AutoTitle {
	text-align:center;
	padding:65px 0 40px;
}
.AutoTitle .en {
	text-transform:uppercase;
	line-height:22px;
	font-size: 14px;
	color:#d4d4d4;
}
.AutoTitle .h3 {
	margin:5px 0 17px;
	font-weight:normal;
	line-height: 40px;
	font-size: 34px;
	color:#333333;
}
.AutoTitle .words {
	line-height: 20px;
	font-size: 16px;
	color:#999999;
	margin:-4px 0 22px;
}
.AutoTitle .line {
	display: block;
	height: 3px;
	background:url(../images/icon_icon10.png) no-repeat center;
}
.AutoTitle2 {
	padding:65px 0 40px;
}
.AutoTitle2 .en {
	margin-bottom: 10px;
	text-transform:uppercase;
	line-height: 46px;
	font-weight: bold;
	font-size: 47px;
	color:#e9e9e9;
}
.AutoTitle2 .h3 {
	line-height: 40px;
	font-weight: normal;
	font-size: 36px;
	color:#222222;
}
.AutoMore {
	text-align: center;
}
.AutoMore a,  .AutoMore .a {
	font-size:14px;
	color:#ffffff;
	line-height:44px;
	padding:0 30px;
	display:inline-block;
transition:all .3s;
	background:#1c1b1b;
}
 @media only screen and (min-width: 1200px) {
 .AutoMore a:hover,  .AutoMore .a:hover {
background-color:#81be01;
}
}
 @media only screen and (max-width: 1200px) {
 .AutoTitle {
padding:30px 0 25px;
}
 .AutoTitle .h3 {
margin:0px 0 10px;
line-height: 30px;
font-size: 24px;
}
 .AutoTitle .words {
font-size: 15px;
margin:-2px 0 15px
}
 .AutoTitle2 {
padding:30px 0 25px;
}
 .AutoTitle2 .en {
margin-bottom: 5px;
line-height: 34px;
font-size: 34px;
}
 .AutoTitle2 .h3 {
line-height:30px;
font-size: 24px;
}
 .AutoMore a,  .AutoMore .a {
line-height:32px;
}
}
 @media only screen and (max-width: 992px) {
}
 @media only screen and (max-width: 768px) {
 .AutoTitle {
padding:25px 0 20px;
}
 .AutoTitle .h3 {
margin:0px 0 4px;
font-size: 20px;
}
 .AutoTitle .words {
font-size: 14px;
margin:-2px 0 10px
}
 .AutoTitle2 {
padding:25px 0 20px;
}
 .AutoTitle2 .en {
margin-bottom: 0;
line-height: 30px;
font-size: 24px;
}
 .AutoTitle2 .h3 {
font-size: 20px;
}
}
/**头部导航**/

#header {
	/*position:fixed;*/
	left:0;
	width:100%;
	top:0;
	z-index:9;
	border-bottom:1px solid transparent;
	background-color:#000000e3;
transparent;
transition:all .5s;
}
#header:hover {
	background-color:#fff;
	border-bottom-color:#f0f0f0;
}
#header .Box {
	position:relative;
	z-index:2;
	padding:0 15px;
}
#header .tab-cell {
	display:table-cell;
	vertical-align:middle;
	height:82px;
}
.i_blank {
	height:82px;
	overflow:hidden;
	font-size:0;
}
#header .logo {
}
#header .logo img {
	display:block;
transition:all .3s;
	height:31px;
}
#header .other {
	font-size:0;
	line-height:0;
	color:#81be01;
}
#header .other .line {
	display:none;
}
#header .SearchBtn {
	display:inline-block;
	margin-left:45px;
	vertical-align:middle;
	height:22px;
	width:22px;
	background:url(../images/icons_1_2.png) no-repeat center/21px auto;
	font-size:0;
}
#header:hover .SearchBtn {
	background-image:url(../images/icons_1.png);
}
#header:hover .SearchBtn:hover,  #header .SearchBtn:hover {
	background-image:url(../images/icons_1_1.png);
}
#header .Tank {
	display: inline-block;
	vertical-align: middle;
}
#header .Menu {
}
#header .Menu li {
	display: inline-block;
	vertical-align:top;
	text-align:center;
}
#header .Menu .title {
	display:block;
	font-size:12px;
	font-weight: bold;
	color:#222222;
}
#header .Menu .title:hover {
	color:#81be01;
}
#header .Menu .title .word {
	display: block;
	text-transform:uppercase;
}
#header .Menu li li .title .word {
	text-transform:capitalize;
}
#header .FormBox .form {
	border:2px solid #81be01;
	width:100%;
	border-radius:5px;
	display:block;
	position: relative;
}
#header .FormBox .form .Key {
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	padding:0 15px;
	font-size:16px;
	color:#666;
}
#header .FormBox .form .submit {
	display:block;
	cursor:pointer;
	position:absolute;
	right:10px;
	top:0;
	height:100%;
	width:30px;
	background:url(../images/icons_1.png) no-repeat center/21px auto;
}
#header .FormBox .form .submit:hover {
	background-image:url(../images/icons_1_1.png);
}
#header .MenuBtnBox {
	display: none;
}
.headerOn #header {
	background:#fff;
}
.headerOn #header .SearchBtn {
	background-image:url(../images/icons_1.png);
}
.headerOn #header .Menu .title {
	color:#222222;
}
.Index.SmallHeader #header {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.SmallHeader #header {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
 @media only screen and (min-width: 1200px) {

    /*body{ padding-top: 86px; }*/

    #header .tab-cell {
height:86px;
}
 .i_blank {
height:86px;
}
 #header .Tank>.container {
width:auto;
padding:0;
margin-right:.04rem;
}
 #header .pchide {
display: none!important;
}
 #header .Menu>.ul>li {
line-height: 86px;
}
 #header .Menu .li_A {
position: relative;
}
 #header .Menu .li_A:hover .Lib {
opacity: 1;
top:100%;
transform:scaleX(1) translateX(-50%);
-webkit-transform:scaleX(1) translateX(-50%);
-ms-transform:scaleX(1) translateX(-50%);
-moz-transform:scaleX(1) translateX(-50%);
-o-transform:scaleX(1) translateX(-50%);
}
 #header .Menu .li_A .Lib .ul {
display: block;
}
 #header .Menu .li_A .Lib li {
display: block;
text-align: left;
}
 #header .Menu .li_A .Lib li .title {
padding:10px 25px;
font-size:14px;
line-height:22px;
}
 #header .Menu .li_A .Lib li .title:hover {
background:#f3f3f3;
}
 #header .Menu .Lib {
position: absolute;
left:50%;
top:110%;
width:auto;
word-break: keep-all;
white-space: nowrap;
background:#fff;
border:1px solid #f0f1f2;
opacity: 1;
transform:scaleX(0) translateX(-50%);
-webkit-transform:scaleX(0) translateX(-50%);
-ms-transform:scaleX(0) translateX(-50%);
-moz-transform:scaleX(0) translateX(-50%);
-o-transform:scaleX(0) translateX(-50%);
transition:opacity .5s, top .3s;
}
 #header .Menu .Lib .Imgs {
white-space: nowrap;
text-align: center;
padding-top:20px;
padding-bottom:40px;
}
 #header .Menu .Lib .Imgs::before {
content:"";
display:block;
border:1px solid #f0f1f2;
position: absolute;
top:-1px;
left:-100vw;
width:200vw;
height:100%;
height:calc(100% + 2px);
background:#ffffff;
}
 #header .Menu .Lib .Imgs a {
display: inline-block;
position:relative;
vertical-align:top;
}
 #header .Menu .Lib .Imgs a+a {
margin-left:60px;
}
 #header .Menu .Lib .Imgs .imgBox {
width:140px;
margin-bottom:12px;
}
 #header .Menu .Lib .Imgs .imgBox::before {
content:"";
display: block;
padding-top:114.285%;
}
 #header .Menu .Lib .Imgs .title {
font-size: 15px;
font-weight:normal;
line-height: 18px;
color:#222222;
}
 #header .Menu .Lib .Imgs a:hover .title {
color:#81be01;
}
 #header .Menu>.ul>li+li {
margin-left: 35px;
}
 #header .Menu>.ul>li>.title .word {
position: relative;
}
 #header .Menu>.ul>li>.title .word::before {
content: "";
margin-bottom:-1px;
position: absolute;
left: 50%;
bottom:0;
width:0;
height: 2px;
z-index: 2;
background:transparent;
transition: all .3s;
}
 #header .Menu>.ul>li.on>.title {
color:#81be01;
}
 #header .Menu>.ul>li:hover>.title .word::before,  #header .Menu>.ul>li.on>.title .word::before {
left:0;
width:100%;
}
 #header .Menu .title {
color:#ffffff;
}
 #header:hover .Menu .title {
color:#222222;
}
 #header:hover .Menu>.ul>li>.title .word::before {
background:#222222;
}
 #header .Menu .title:hover {
color:#81be01;
}
 #header .SearchBtn {
margin-left:30px;
}
 #header .FormBox {
display: block;
opacity:0;
position:fixed;
z-index:3;
left:0;
top:-15px;
height:100vh;
width:100%;
background:rgba(255, 255, 255, .93);
transform:scaleX(0);
-webkit-transform:scaleX(0);
-ms-transform:scaleX(0);
-moz-transform:scaleX(0);
-o-transform:scaleX(0);
transition:opacity .5s, top .3s;
}
 #header .FormBox .divBox {
display:block;
position:absolute;
top:50%;
width:inherit;
margin-left:-15px;
padding:0 15px;
}
 .SmallHeader #header .logo img {
height:30px;
}
 .SearchShow #header .FormBox {
opacity: 1;
top:0;
transform:scaleX(1);
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
-moz-transform:scaleX(1);
-o-transform:scaleX(1);
}
}
 @media only screen and (min-width: 1600px) {

   /* body{ padding-top: 106px; }*/

    #header .Box {
padding:0 50px;
}
 #header .tab-cell {
height:106px;
}
 .i_blank {
height:106px;
}
 #header .Menu>.ul>li {
line-height: 106px;
}
 #header .Menu>.ul>li+li {
margin-left: 75px;
}
 #header .Menu .Lib .Imgs a+a {
margin-left:90px;
}
}
 @media only screen and (max-width: 1200px) {
 #header {
position:sticky;
}
 #header .Box {
padding:0 15px;
}
 #header .tab-cell {
height: 60px;
display: inline-flex;
align-items: center;
}
 .i_blank {
height:0px;
}
 #header .logo img {
height:24px;
}
 #header .Tank {
position: fixed;
left:0;
bottom:0;
width:100%;
height:calc(100% - 60px);
background:#fff;
overflow-y: auto;
border-top:1px solid #ddd;
opacity: 0;
transform:scale(0);
transition:opacity .3s;
}
 #header .FormBox {
display: block;
margin:24px 0;
}
 #header .FormBox .container {
padding:0;
}
 #header .FormBox .divBox {
transform: translateY(0);
-webkit-transform: translateY(-0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
 #header .FormBox .form .Key {
line-height: 40px;
height: 40px;
font-size: 15px;
}
 #header .Menu .imgBox {
display: none;
}
 #header .Menu>.ul {
flex-wrap:wrap;
border-top:1px solid #ddd;
}
 #header .Menu .ul li {
width:100%;
text-align:left;
}
 #header .Menu .ul .li_A {
max-width:100%;
border-bottom:1px solid #ddd;
}
 #header .Menu .li_A .title {
font-size:16px;
line-height: 24px;
padding:10px 15px;
position:relative;
}
 #header .Menu .Lib .title {
font-size:14px;
line-height: 20px;
padding-top:7px;
padding-bottom:7px;
}
 #header .Menu .title .icon {
z-index:2;
position: absolute;
right:0;
top:0;
height:100%;
width:40px;
background:url(../images/icon_jt_right.svg) no-repeat center/8px auto;
transform:rotate(90deg) scaleX(1);
transition:all .3s;
}
 #header .Menu .click>.title .icon,  #header .Menu .TabBox.click .title .icon {
transform:rotate(90deg) scaleX(-1);
}
 #header .Menu .Lib {
display:none;
background:#f9f9f9;
padding:7px 0;
margin-bottom:10px;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
 #header .other .line {
height:18px;
margin:0 15px;
background:#aaa;
}
 #header .SearchBtn {
display: none;
}
 #header .MenuBtnBox {
display: inline-block;
vertical-align: middle;
}
 #header .PhoneMenu {
display: block;
margin:0 auto;
width: 26px;
padding:7px;
padding:0;
position: relative;
}
 #header .PhoneMenu i {
display: block;
background: #777;
height: 3px;
opacity: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
 #header .PhoneMenu i+i {
margin-top:4px;
}
 .MenuShow #header .Tank {
opacity: 1;
transform: scale(1);
}
 .MenuShow #header .PhoneMenu i {
background:#81be01;
}
 .MenuShow #header .PhoneMenu .i1,  .MenuShow #header .PhoneMenu .i3 {
margin:0;
}
 .MenuShow #header .PhoneMenu .i2 {
opacity:0;
}
 .MenuShow #header .PhoneMenu .i1 {
transform:translateY(5px) rotate(45deg);
-webkit-transform:translateY(5px) rotate(45deg);
-ms-transform:translateY(5px) rotate(45deg);
-moz-transform:translateY(5px) rotate(45deg);
-o-transform:translateY(5px) rotate(45deg);
}
 .MenuShow #header .PhoneMenu .i3 {
transform:translateY(-5px) rotate(-45deg);
-webkit-transform:translateY(-5px) rotate(-45deg);
-ms-transform:translateY(-5px) rotate(-45deg);
-moz-transform:translateY(-5px) rotate(-45deg);
-o-transform:translateY(-5px) rotate(-45deg);
}
 .SmallHeader #header {
box-shadow:0 0 10px rgba(0, 0, 0, .2);
background:#fff;
}
}
 @media only screen and (max-width: 768px) {
 #header .logo img {
height: 20px;
}
}
/**底部**/

#footer {
	color:#6a6a6a;
	font-size:14px;
	line-height:20px;
	background:#ffffff;
	padding-top:50px;
}
#footer a {
	color:#6a6a6a;
}
#footer a:hover {
	color:#222222;
}
#footer .top {
	border-top:1px solid #efefef;
	padding-top:50px;
}
#footer .menu li {
	float:left;
	display:inline-block;
	width:24%;
	padding-right: 2%;
}
#footer .menu .contact {
	width:28%;
	padding-right:0;
}
#footer .menu .title {
	margin-bottom:14px;
	text-transform:capitalize;
	font-size:16px;
	font-weight: bold;
	line-height:24px;
	color:#222222;
}
#footer .menu .aBox {
}
#footer .menu .aBox .div {
	padding:5px 0;
}
#footer .menu .aBox .div a {
	display:inline-block;
	transform:translateX(0);
transition:all .3s;
	text-transform:capitalize;
}
#footer .menu .aBox .div a:hover {
	transform:translateX(2px);
}
#footer .menu .contact .t-left {
	display: inline-block;
}
#footer .menu .p {
	display:block;
	line-height: 24px;
}
#footer .menu .p+.p {
	margin-top:5px;
}
#footer .menu .p .icon {
	padding-left:30px;
	position: relative;
}
 #footer .menu .p .icon::before {
content:"";
position: absolute;
left:0;
top:0;
display:block;
height:100%;
width:22px;
background:no-repeat center;
}
 #footer .menu .p .icon1::before {
background-image:url(../images/icons_5.png);
}
 #footer .menu .p .icon2::before {
background-image:url(../images/icons_6.png);
}
 #footer .menu .p .icon3::before {
background-image:url(../images/icons_7.png);
}
#footer .menu .p .word {
	overflow: hidden;
}
#footer .bot {
	margin-top:50px;
	padding:32px 0;
	line-height:22px;
	color:#222222;
}
#footer .bot .f_r {
	font-size:0;
}
#footer .bot .icon {
	display: inline-block;
	vertical-align: middle;
	height:22px;
	width:22px;
	background:no-repeat center;
}
#footer .bot .icon+.icon {
	margin-left:15px;
}
#footer .bot .facebook {
	background-image:url(../images/icons_2.png);
}
#footer .bot .twitter {
	background-image:url(../images/icons_3.png);
}
#footer .bot .instagram {
	background-image:url(../images/icons_4.png);
}
#footer .bot .facebook:hover {
	background-image:url(../images/icons_2_1.png);
}
#footer .bot .twitter:hover {
	background-image:url(../images/icons_3_1.png);
}
#footer .bot .instagram:hover {
	background-image:url(../images/icons_4_1.png);
}
 @media only screen and (max-width: 1200px) {

    /**底部**/

    #footer {
padding-top:30px;
}
 #footer .top {
padding-top:25px;
}
 #footer .menu {
display:block;
float:none;
}
 #footer .menu li {
display:none;
}
 #footer .menu .title {
display:none;
}
 #footer .menu .contact {
padding:0;
display:block;
width:100%;
max-width:100%;
float:none;
border:0 none;
}
 #footer .menu .p {
text-align:left;
}
 #footer .bot {
text-align: center;
margin:0;
padding:10px 0;
}
 #footer .bot .f_l,  #footer .bot .f_r {
width:100%;
}
 #footer .bot .f_l {
margin-top:5px;
}
}
 @media only screen and (max-width: 768px) {

    /**底部**/

    #footer {
padding-top:20px;
}
 #footer .top {
padding-top:15px;
}
}
/***Banner**/

.IndexBanner {
	position:relative;
}
.IndexBanner .swiper-slide {
	transition-timing-function: ease-out;
}
.IndexBanner .swiper-video {
	position: relative;
}
.IndexBanner .swiper-video video {
	display: block;
	width:100%;
}
.IndexBanner .swiper-pagination {
	position: absolute;
	left:0;
	width:100%;
	bottom:35px;
	z-index:2;
	padding:0 23px;
	text-align:right;
	font-size:0;
	line-height:0;
}
.IndexBanner .swiper-pagination span {
	display: inline-block;
	border-radius: 50%;
	border: solid 2px #ffffff;
	opacity: 1;
	vertical-align: top;
	height:10px;
	width:10px;
	background:transparent;
	margin:0 7px;
	cursor: pointer;
transition:all .3s;
}
.IndexBanner .swiper-pagination .swiper-pagination-bullet-active {
	background:#ffffff;
	opacity:1;
}
#AutoBan {
	position:relative;
	overflow:hidden;
}
#AutoBan .swiper-slide {
	font-size: 0;
	height: 630px;
	background:url(../images/product/Banner_back.jpg) no-repeat center/100% 100%;
}
#AutoBan .table {
	display:table;
	width: 100%;
	height: 100%;
}
#AutoBan .tab-cell {
	display:table-cell;
	vertical-align: middle;
}
#AutoBan .cont {
	display: inline-block;
	vertical-align: middle;
	width: 360px;
	transform:translateX(-80px);
	opacity: 0;
transition:all .7s cubic-bezier(0.42, 0, 0.58, 1) .3s;
}
#AutoBan .h1 {
	margin-bottom: 40px;
	line-height: 50px;
	font-size: 44px;
	color:#222222;
}
#AutoBan .des {
	line-height: 34px;
	font-size: 28px;
	color:#222222;
}
#AutoBan .Img {
	display: inline-block;
	vertical-align: middle;
	width: 780px;
	margin-left: 45px;
	transform:translateX(-80px);
	opacity: 0;
transition:all .7s cubic-bezier(0.42, 0, 0.58, 1) .5s;
}
#AutoBan .Img img {
margin-bottom:.03rem;
}
#AutoBan .swiper-slide-active .cont,  #AutoBan .swiper-slide-active .Img {
	transform: translateX(0);
	opacity: 1;
}
#AutoBan .paginations {
	position: absolute;
	left:0;
	width:100%;
	bottom:40px;
	z-index:2;
	color:#fff;
	text-align:center;
	font-size:0;
	line-height:0;
}
#AutoBan .paginations span {
	display: inline-block;
	border-radius: 0;
	opacity: .6;
	vertical-align: top;
	height:4px;
	width:44px;
	background:#fff;
	margin:0 4.5px;
	cursor: pointer;
transition:all .3s;
}
#AutoBan .paginations .swiper-pagination-bullet-active {
	background:#0d4597;
	opacity:1;
}
#AutoBanB {
	position: relative;
	overflow: hidden;
}
#AutoBanB img {
	animation:scaleAnim 5s ease forwards;
}
#AutoBanB .cont {
	position: absolute;
	left: 0;
	top:50%;
	width: 100%;
	text-align: center;
}
#AutoBanB .cont .h1 {
	line-height: 42px;
	font-weight: normal;
	font-size: 36px;
	color:#ffffff;
}
 @media only screen and (max-width: 1200px) {
 .IndexBanner .swiper-pagination {
bottom:15px;
text-align:center;
}
 #AutoBan .swiper-slide {
height: 450px;
}
 #AutoBan .cont {
width:260px;
}
 #AutoBan .tab-cell {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
 #AutoBan .h1 {
line-height:34px;
font-size:28px;
}
 #AutoBan .des {
line-height: 28px;
font-size: 20px;
}
 #AutoBan .Img {
margin-left: 0;
width:calc( 100% - 320px);
}
 #AutoBan .paginations {
bottom:15px;
}
 #AutoBan .paginations span {
width:36px;
}
 #AutoBanB .cont .h1 {
line-height: 36px;
font-size: 28px;
}
}
 @media only screen and (max-width: 992px) {
 #AutoBan .Box {
height:calc(100% - 80px);
}
 #AutoBan .tab-cell {
font-size:22px;
}
 #AutoBan .h1 {
font-size:20px;
}
 #AutoBan .swiper-slide {
height: 300px;
}
 #AutoBan .cont {
width:40%;
}
 #AutoBan .h1 {
line-height:24px;
font-size:20px;
margin-bottom: 25px;
}
 #AutoBan .des {
line-height: 20px;
font-size: 16px;
}
 #AutoBan .Img {
width:55%;
}
}
 @media (max-width:768px) {
 .IndexBanner .paginations {
bottom:10px;
}
 .IndexBanner .paginations span {
width:30px;
}
 #AutoBan .swiper-slide {
height: 200px;
}
 #AutoBan .h1 {
line-height:22px;
font-size:16px;
margin-bottom: 10px;
}
 #AutoBan .des {
line-height: 20px;
font-size: 14px;
}
 #AutoBan .paginations {
bottom:10px;
}
 #AutoBan .paginations span {
width:30px;
}
 #AutoBanB .cont .h1 {
line-height: 30px;
font-size: 22px;
}
}
 @media (max-width:375px) {
 #AutoBan .h1 {
line-height:20px;
font-size:14px;
}
}
 @keyframes scaleAnim {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
}
.page4 #header {
background:#;
}
/**首页**/

.Index {
	padding-top:0;
}
.FullPage {
	height:100vh;
	width:100%;
	
	
	
}
.FullPage>.swiper-wrapper>.swiper-slide {
	height:100vh;
	width:100vw;
	overflow: hidden;
}
.FullPage .swiper-slide {
}
.FullPage .ImgBg {
	background:no-repeat center/cover;
}
.FullPage .page2 .content {
	width:860px;
	padding:19vh 90px 0;
	max-width:100%;
	text-align: center;
}
.FullPage .page2 .content .icon {
	display:block;
	opacity: 0.49;
	font-size: 139px;
	font-weight: normal;
	line-height: 1em;
	height: 62px;
	letter-spacing: 11px;
	color: #222222;
}
.FullPage .page2 .content .h2 {
	margin:20px 0 50px;
	text-transform:uppercase;
	font-size: 61px;
	line-height: 1.1em;
	color: #222222;
}
.FullPage .page2 .content .word {
	font-size: 17px;
	font-weight: normal;
	line-height: 26px;
	color: #222222;
}
.FullPage .page3 {
	text-align:center;
}
.FullPage .page3 .content {
	display: flex;
	height:100%;
	align-items: center;
}
.FullPage .page3 .h2 {
	font-size: 48px;
	line-height: 1.1em;
	color: #222222;
}
.FullPage .page3 .swiper-product {
	position: relative;
	margin:7.6vh 0 8.3vh;
}
 .FullPage .page3 .imgBox::before {
content:"";
display:block;
padding-top:150%;
}
.FullPage .page3 .imgBox .i {
	opacity: 1;
}
.FullPage .page3 .imgBox .i_h {
	opacity: 0;
}
.FullPage .page3 .swiper-slide:hover .i {
	opacity: 0;
}
.FullPage .page3 .swiper-slide:hover .i_h {
	opacity: 1;
}
.FullPage .page3 .title {
	margin-top:15px;
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
	color: #222222;
}
.FullPage .page3 .des {
	font-size: 14px;
	line-height: 18px;
	color: #b0b0b0;
}
.FullPage .page3 .swiper-slide:hover .title {
	color:#81be01;
}
.FullPage .page3 .swiper-button a {
	display:block;
	position: absolute;
	top:0;
	height:100%;
	width:36px;
	background:transparent no-repeat center;
	opacity:.23;
transform:all .3s;
}
.FullPage .page3 .swiper-button a:hover {
	background-color:#f1f1f1;
	opacity:.9;
}
.FullPage .page3 .swiper-button .prev {
	left:-40px;
	background-image:url(../images/icons_jt_1.png);
}
.FullPage .page3 .swiper-button .next {
	right:-40px;
	background-image:url(../images/icons_jt_2.png);
}
.FullPage .page4 {
}
.FullPage .page4 .content {
	padding-top:29.16vh;
	width:490px;
	max-width:100%;
}
.FullPage .page4 .line {
	display:block;
	width: 82px;
	height: 4px;
	background-color: #222222;
	opacity: 0.13;
}
.FullPage .page4 .h2 {
	margin:23px 0 20px;
	font-size: 54px;
	font-weight: bold;
	line-height: 1.2em;
	color: #222222;
}
.FullPage .page4 .word {
	-webkit-line-clamp: 8;
	height:208px;
	font-size: 17px;
	line-height: 26px;
	color: #222222;
}
.FullPage .page4 .AutoMore {
	margin-top:6.25vh;
	text-align: left;
}
.FullPage .page4 .AutoMore a {
	width:220px;
	text-align: center;
}
.FullPage .page5 {
}
.FullPage .page5 .content {
	padding-top:17.7vh;
	width:510px;
	max-width:100%;
}
.FullPage .page5 .h2 {
	font-size: 54px;
	font-weight: bold;
	line-height: 1.2em;
	color: #222222;
}
.FullPage .page5 .des {
	margin-bottom:25px;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	color: rgba(34, 34, 34, .39);
}
.FullPage .page5 .form {
	display:block;
	padding:0;
	margin:0;
}
.FullPage .page5 .label {
	display:block;
	text-align:left;
}
.FullPage .page5 .label+.label {
	margin-top:16px;
}
.FullPage .page5 .label .input {
	display:block;
	width:100%;
	height:50px;
	background:rgba(255, 255, 255, .6);
	padding-left:5%;
	padding-right:5%;
	font-size:14px;
	line-height:50px;
}
.FullPage .page5 .label textarea.input {
	height:190px;
	padding-top:2.5%;
	padding-bottom:2.5%;
	line-height:20px;
}
.FullPage .page5 .label.code .input {
	display: inline-block;
	vertical-align:top;
	width:50%;
	margin-right:12px;
}
.FullPage .page5 .label.code img {
	cursor: pointer;
}
.FullPage .page5 .submit {
	display: inline-block;
	font-weight:bold;
	cursor: pointer;
}
.FullPage .pageFooter {
	height: auto!important;
}
 @media (min-width:992px) {
 .FullPage .Box {
height:100%;
}
}
 @media (min-width:1200px) {
 .FullPage .page2 .icon {
transform:translateX(-18vw);
opacity:0!important;
}
 .FullPage .page2 .h2 {
transition-delay:.2s;
transform:translateX(-20vw);
opacity:0!important;
}
 .FullPage .page2 .word {
transition-delay:.2s;
transform:translateX(10vw);
opacity:0;
}
 .FullPage .page2.ani-slide .icon,  .FullPage .page2.ani-slide .h2,  .FullPage .page2.ani-slide .word {
transform:translateX(0);
opacity:1!important;
}
 .FullPage .page3 .h2,  .FullPage .page3 .swiper-product {
transform:translateY(-10vh);
opacity:0;
}
 .FullPage .page3 .AutoMore {
transform:translateY(10vh);
opacity:0;
}
 .FullPage .page3.ani-slide .h2,  .FullPage .page3.ani-slide .swiper-product {
transform:translateY(0);
opacity:1;
}
 .FullPage .page3.ani-slide .AutoMore {
transform:translateY(0);
opacity:1;
}
 .FullPage .page4 .line,  .FullPage .page4 .h2 {
transition-delay:.2s;
}
 .FullPage .page4 .line,  .FullPage .page4 .h2,  .FullPage .page4 .word {
transform:translateY(-10vh);
opacity:0;
}
 .FullPage .page4 .AutoMore {
transition-delay:.2s;
transform:translateY(10vh);
opacity:0;
}
 .FullPage .page4.ani-slide .line,  .FullPage .page4.ani-slide .h2,  .FullPage .page4.ani-slide .word,  .FullPage .page4.ani-slide .AutoMore {
transform:translateY(0);
opacity:1;
}
 .FullPage .page5 .h2,  .FullPage .page5 .des {
transform:translateX(5vh);
opacity:0;
}
 .FullPage .page5 .label {
transform:translateX(10vh);
opacity:0;
}
 .FullPage .page5.ani-slide .h2,  .FullPage .page5.ani-slide .des,  .FullPage .page5.ani-slide .label {
transform:translateX(0);
opacity:1;
}
 .FullPage .page5.ani-slide .label:nth-child(2) {
transition-delay:.2s;
}
 .FullPage .page5.ani-slide .label:nth-child(2) {
transition-delay:.3s;
}
 .FullPage .page5.ani-slide .label:nth-child(3) {
transition-delay:.4s;
}
 .FullPage .page5.ani-slide .label:nth-child(5) {
transition-delay:.5s;
}
 .FullPage .page5.ani-slide .label:nth-child(6) {
transition-delay:.6s;
}
 @media (max-height:820px) {
 .FullPage .page3 .h2 {
margin-top:10vh;
}
 .FullPage .page3.ani-slide .swiper-product {
width:993px;
margin:4vh auto;
max-width: 100%;
}
 .FullPage .page5 .content {
padding-top:13vh;
}
 .FullPage .page5 .h2 {
font-size:32px;
}
 .FullPage .page5 .des {
margin-bottom:10px;
line-height:28px;
}
 .FullPage .page5 .label+.label {
margin-top:10px;
}
 .FullPage .page5 .label .input {
height:42px;
line-height:42px;
}
 .FullPage .page5 .label textarea.input {
height:100px;
}
 .container #code_img {
height:42px;
}
}
}
 @media (min-width:1600px) {
 .FullPage .page3 .swiper-button .prev {
left:-90px;
}
 .FullPage .page3 .swiper-button .next {
right:-90px;
}
}
 @media (max-width:1200px) {
 .FullPage {
height:auto;
}
 .FullPage>.swiper-wrapper {
flex-wrap: wrap;
}
 .FullPage>.swiper-wrapper>.swiper-slide {
height:auto;
}
 .FullPage .Box {
height:auto;
}
 .FullPage .page2 .content {
width: 100%;
padding:5% 30% 15% 15px;
}
 .FullPage .page2 .content .icon {
font-size:100px;
height:50px;
}
 .FullPage .page2 .content .h2 {
margin:10px 0 15px;
font-size:40px;
}
 .FullPage .page2 .content .word {
font-size:16px;
}
 .FullPage .page3 .content {
padding:5% 0 4%;
}
 .FullPage .page3 .h2 {
font-size:40px;
}
 .FullPage .page3 .swiper-product {
margin:2% 36px 30px;
}
 .FullPage .page3 .title {
margin-top:10px;
font-size:14px;
}
 .FullPage .page3 .swiper-button .prev {
left:-40px;
}
 .FullPage .page3 .swiper-button .next {
right:-40px;
}
 .FullPage .page4 .content {
width: 100%;
padding:5% 30% 15% 15px;
}
 .FullPage .page4 .content .h2 {
margin:10px 0 15px;
font-size:40px;
}
 .FullPage .page4 .word {
height:auto;
font-size:16px;
}
 .FullPage .page4 .AutoMore {
margin-top:6%;
}
 .FullPage .page5 .content {
width: 100%;
padding:5% 0 3.5%;
}
 .FullPage .page5 .content .h2 {
margin:10px 0 0;
font-size:40px;
line-height:1.1em;
}
 .FullPage .page5 .des {
margin-bottom:15px;
}
 .FullPage .page5 .label .input {
padding-left:15px;
padding-right:15px;
height:40px;
line-height:40px;
}
 .FullPage .page5 .label textarea.input {
padding-top:10px;
padding-bottom:10px;
}
 .FullPage .page5 .label+.label {
margin-top:12px;
}
 .FullPage .page5 .label.code img {
height:40px;
width:108px;
}
}
 @media (max-width:992px) {
 .FullPage .page2 .content {
width: 100%;
padding:30px 0 25px;
}
 .FullPage .page2 .content .icon {
font-size:80px;
height:30px;
}
 .FullPage .page2 .content .h2 {
margin:10px 0 10px;
font-size:20px;
}
 .FullPage .page2 .content .word {
font-size:16px;
line-height:24px;
}
 .FullPage .page3 .content {
padding:30px 0 25px;
}
 .FullPage .page3 .h2 {
font-size:20px;
}
 .FullPage .page3 .swiper-product {
margin:10px 24px 15px;
}
 .FullPage .page3 .title {
margin-top:5px;
}
 .FullPage .page3 .swiper-button a {
width:24px;
background-size:12px auto;
}
 .FullPage .page3 .swiper-button .prev {
left:-24px;
}
 .FullPage .page3 .swiper-button .next {
right:-24px;
}
 .FullPage .page4 .content {
padding:35px 0 25px;
}
 .FullPage .page4 .line {
height:3px;
}
 .FullPage .page4 .content .h2 {
margin:5px 0 10px;
font-size:20px;
}
 .FullPage .page4 .word {
font-size:16px;
line-height:24px;
}
 .FullPage .page4 .AutoMore {
margin-top:15px;
}
 .FullPage .page5 .content {
padding:35px 0 25px;
}
 .FullPage .page5 .content .h2 {
margin:0;
font-size:20px;
}
 .FullPage .page5 .des {
margin-bottom:10px;
line-height:22px;
}
 .FullPage .page5 .label .input {
padding-left:15px;
padding-right:15px;
height:40px;
line-height:40px;
}
 .FullPage .page5 .label textarea.input {
padding-top:10px;
padding-bottom:10px;
}
 .FullPage .page5 .label+.label {
margin-top:12px;
}
 .FullPage .page5 .label.code {
font-size:0;
}
 .FullPage .page5 .label.code .input {
width:calc(100% - 115px);
margin-right:7px;
}
 .FullPage .page5 .label.code img {
height:40px;
width:108px;
}
}
 @media (max-width:768px) {
 .FullPage .page2 .content {
width: 60%;
}
 .FullPage .page2 .Box::before {
content:"";
display:block;
padding-top:130.66%;
}
 .FullPage .page2 .Box .container {
position: absolute;
left:0;
top:0;
width:100%;
}
 .FullPage .page4 .Box::before {
content:"";
display:block;
padding-top:130.66%;
}
 .FullPage .page4 .Box .container {
position: absolute;
left:0;
top:0;
width:100%;
}
 .FullPage .page4 .content {
width:60%;
}
}