body  
{
background: #212020;
font-size: 18px;
color: white;
}
header
{
 
}
.kontaktunten
{
  background-color: white;
  color: black;
}
.kontaktlinkslinks
{
 float: left;
 width: 30%;
  background-color: white;
    margin-top: 20px;
}

.kontaktlinksrechts
{
 float: left;
 width: 70%;
  background-color: white;
  margin-top: 30px;
}



.kontaktlinks, .kontaktmitte, .kontaktrechts
{
 width: 33.3%;
 float: left;
  background-color: white;
  height: 150px;
  color: darkgrey;
  text-align: left;
}






.logo
{
padding-top:10px;
}
.mainframe
{
 font-size: 100%;
}
tr
{
 border-bottom: 2px solid white;
}
footer
{
  position: absolute;
  width: 100%;
  bottom: 0;
}
.object-fit { 
	width: auto; 
	height: auto; 
	margin: 4em auto; 
	border:0px solid green;
}
.object-fit img { 
	object-fit: cover; 
	width: 100%; 
	height: 100%;
}
.w111 { 
position: absolute;
 }
 .svg-zero 
 { 
     background-image: -webkit-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -moz-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -ms-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -o-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: linear-gradient(to right, #c813ff, #72f9ff);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
  }
 
     .pro0232  {
         background-image: url("../img/maxdrawingbg.png");
 

    }
	
.banner .banner_lay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3)
}
.banner .banner_lay .banner_layin {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner .banner_lay h4 {
    font-size: 4em;
    color: #fff;
    font-weight: 700;
}

.load {
    padding: 0 130px;
    background: #f5f5f5;
    border-bottom: 1px solid #ebebeb;
    line-height: 100px;
}

.load .load_ul {
    width: 100%;
    display: flex
}

.load .load_ul>li {
    width: 33.333%;
    text-align: center;
    position: relative
}

.load .load_ul>li>span {
    display: block;
    position: relative;
    z-index: 2
}

.load .load_ul>li:before {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: -webkit-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -moz-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -ms-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -o-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: linear-gradient(to right, #c813ff, #72f9ff)
}

.load .load_ul>li>a {
    display: block;
    font-size: 18px;
    color: #4d4848;
    position: relative;
}

.load .load_ul>li.active:before,
.load .load_ul>li:hover:before {
    width: 100%
}

.load .load_ul>li.active a,
.load .load_ul>li:hover a {
    color: #fff
}

.content {
    padding: 0 130px
}

.about_con_wrap {
    padding: 60px 10%;
    margin: 0 auto;
    font-size: 18px;
    color: #545252;
    line-height: 40px;
    text-align: center
}

.about_con_wrap h3.about_con_tit {
    font-size: 40px;
    color: #545252;
    font-weight: 700;
    text-transform: uppercase
}

.about_con_wrap .about_con_p {
    font-size: 24px;
    color: #545252;
    margin: 20px 0 30px
}

.about_con_wrap .about_con h5 {
    font-size: 24px;
    color: #545252;
    margin-top: 20px
}

.about_con_wrap .about_conimg {
    margin-top: 130px
}

.essence_wrap {
    padding: 70px 10%;
    background: #f5f5f5
}

.essence_wrap .essence_wrap_tit {
    font-size: 40px;
    color: #464343;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 70px;
    font-weight: 700
}

.essence_wrap .essence_ul {
    background: #161616;
    overflow: hidden;
    color: #fff
}

.essence_wrap .essence_ul li {
    float: none;
    text-align: center;
    position: relative;
    clear: both;
    overflow: hidden;
    height: 543px
}

.essence_wrap .essence_ul li:nth-child(2n) .essence_r {
    float: left
}

.essence_wrap .essence_ul li:nth-child(2n) .essence_l {
    float: right
}

.essence_wrap .essence_ul li .col-sm-6 {
    padding: 0;
    height: 100%
}

.essence_wrap .essence_ul li h4 {
    font-size: 48px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase
}

.essence_wrap .essence_ul li p {
    font-size: 20px;
    line-height: 30px
}

.essence_wrap .essence_ul li .essence_lay {
    padding: 22% 110px 0
}

.tit_h4 {
    text-align: center;
    font-size: 40px;
    color: #545252;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: uppercase
}

.tit_p {
    text-align: center;
    font-size: 20px;
    color: #000;
    margin-bottom: 15px
}

.lx_wrap {
    padding-top: 60px
}

.con_ul {
    overflow: hidden;
    margin-bottom: 75px
}

.con_ul li {
    width: 33.333%;
    min-height: 90px
}

.con_ul li:nth-child(2) {
    position: relative;
    text-align: center
}

.con_ul li:nth-child(2) dl {
    display: inline-block
}

.con_ul li:nth-child(2):before {
    content: "";
    width: 1px;
    height: 80px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    top: 0
}

.con_ul li:nth-child(2):after {
    content: "";
    width: 1px;
    height: 80px;
    background: #e5e5e5;
    position: absolute;
    right: 0;
    top: 0
}

.con_ul li:nth-child(3) {
    text-align: right
}

.con_ul li dl {
    position: relative;
    width: 320px;
    padding-left: 125px;
    padding-top: 22px;
    display: inline-block
}

.con_ul li dl dd {
    text-align: left
}

.con_ul li dl dd h4 {
    font-size: 20px;
    color: #221e1f;
    font-weight: 700
}

.con_ul li dl dd p {
    font-size: 16px;
    color: #221e1f
}

.con_ul li dl dt {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    text-align: center;
    line-height: 90px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #c320ff, #75f1ff);
    font-weight: 400
}

.con_ul li dl dt i {
    font-size: 40px;
    color: #fff
}

.form_wrap {
    background: #f4f4f4;
    padding: 70px 30px 30px;
    margin-bottom: 30px;
	display:none;
	
}

.form_wrap .form_wrap_p {
    font-size: 18px;
    color: #282828;
    text-align: center;
    margin-bottom: 40px
}

.form_wrap .lx_list {
    margin-bottom: 20px
}

.form_wrap .lx_list p {
    font-size: 16px;
    color: #000;
    margin-bottom: 5px
}

.form_wrap .lx_list p span,
.mail_wrap .mail_form p span {
    color: #ed1534
}

.form_wrap .lx_list input {
    width: 100%;
    height: 48px;
    line-height: 48px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding-left: 10px;
    color: #c7c7c7
}

.form_wrap .lx_list textarea {
    width: 100%;
    height: 190px;
    border: 1px solid #e5e5e5;
    resize: none;
    padding: 10px;
    color: #c7c7c7
}

.form_wrap .lx_list button {
    border: none;
    padding: 13px 59px;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    position: relative;
    background-image: linear-gradient(to right, #c320ff, #75f1ff)
}

.form_wrap .lx_list button:hover {
    box-shadow: inset 0 0 0 25px rgba(0, 0, 0, .3)
}

.support_wrap {
    padding-top: 60px
}

.support_wrap .support_wrapin {
    padding: 65px 20px 65px 0;
    background: #f5f5f5
}

.support_wrap .support_wrapin .support_wrap_l {
    width: 23%
}

.support_wrap .support_wrapin .support_wrap_l ul li {
    float: none;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 25px;
    position: relative
}

.support_wrap .support_wrapin .support_wrap_l ul li:before {
    content: "";
    width: 5px;
    height: 0%;
    background: #ac5dff;
    position: absolute;
    top: 0;
    right: 0
}

.support_wrap .support_wrapin .support_wrap_l ul li.active,
.support_wrap .support_wrapin .support_wrap_l ul li:hover {
    cursor: pointer
}

.support_wrap .support_wrapin .support_wrap_l ul li.active:before,
.support_wrap .support_wrapin .support_wrap_l ul li:hover:before {
    height: 100%
}

.support_wrap .support_wrapin .support_wrap_l ul li.active i {
    background-image: linear-gradient(to right, #c813ff, #72f9ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.support_wrap .support_wrapin .support_wrap_l ul li.active p {
    color: #ac5dff
}

.support_wrap .support_wrapin .support_wrap_l ul li i {
    display: block;
    font-size: 40px;
    color: #000;
    margin-bottom: 0
}

.support_wrap .support_wrapin .support_wrap_l ul li p {
    font-size: 18px;
    color: #000
}

.support_wrap .support_wrapin .support_wrap_r {
    width: 77%;
    height: 565px;
    overflow-y: auto;
    background: #fff
}

.support_wrap .support_wrapin .support_wrap_r::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.support_wrap .support_wrapin .support_wrap_r::-webkit-scrollbar-track {
    background: #efefef;
    border-radius: 2px
}

.support_wrap .support_wrapin .support_wrap_r::-webkit-scrollbar-thumb {
    border-radius: 10px
}

.support_wrap .support_wrapin .support_wrap_r::-webkit-scrollbar-corner {
    background: #179a16
}

.support_wrap .support_wrapin .support_wrap_r .support_wrap_r_cons {
    padding: 35px 40px
}

.support_wrap .support_wrapin .support_wrap_r .support_wrap_r_cons dl {
    padding: 20px 0;
    border-bottom: 1px solid #eee
}

.support_wrap .support_wrapin .support_wrap_r .support_wrap_r_cons dl dt {
    font-size: 16px;
    color: #000;
    position: relative;
    padding-left: 25px
}

.support_wrap .support_wrapin .support_wrap_r .support_wrap_r_cons dl dt span {
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0
}

.support_wrap .support_wrapin .support_wrap_r .support_wrap_r_cons dl dd {
    font-size: 16px;
    color: #000;
    line-height: 25px;
    position: relative;
    padding-left: 25px;
    word-break: break-all
}

.support_wrap .support_wrapin .support_wrap_r .support_wrap_r_cons dl dd span {
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0
}

.mail_wrap .mail_form p {
    font-size: 16px;
    color: #221e1f;
    margin-bottom: 5px
}

.mail_wrap .mail_form input {
    width: 100%;
    height: 47px;
    line-height: 47px;
    border: 1px solid #e5e5e5;
    padding-left: 10px;
    margin-bottom: 15px
}

.mail_wrap .mail_form textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    resize: none;
    height: 150px;
    padding: 10px
}

.mail_wrap .mail_form button {
    float: right;
    border: none;
    padding: 13px 59px;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    position: relative;
    background-image: -webkit-linear-gradient(to right, #c320ff, #75f1ff);
    background-image: -moz-linear-gradient(to right, #c320ff, #75f1ff);
    background-image: -ms-linear-gradient(to right, #c320ff, #75f1ff);
    background-image: -o-linear-gradient(to right, #c320ff, #75f1ff);
    background-image: linear-gradient(to right, #c320ff, #75f1ff)
}

.support_wrap_r_cons {
    display: none
}

.support_wrap_r_cons.active {
    display: block
}

.mail_wrap {
    padding: 60px 0
}

.mail_wrap .tit_h4 {
    margin-bottom: 20px
}

.service_wrap {
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    padding: 37px 0;
    background-image: linear-gradient(to right, #c320ff, #75f1ff);
    border-bottom: 1px solid #fff
}

.blog_wrap {
    padding: 60px 0
}

.blog_wrap .blog_in {
    column-count: 3;
    column-gap: 0;
    margin: 0 -10px
}

.hat_div .blog_in {
    column-count: auto;
    overflow: hidden;
}

.hat_div .blog_in .blog_list {
    width: 25%;
    float: left;
}

.blog_wrap .blog_list {
    padding: 10px;
    break-inside: avoid;
    box-sizing: border-box
}

.blog_wrap .blog_list a {
    display: block;
    border: 1px solid #eee;
    padding: 10px
}

.blog_wrap .blog_list a .blog_b {
    padding: 25px 20px
}

.blog_wrap .blog_list a .blog_b h3 {
    font-size: 24px;
    color: #545252
}

.blog_wrap .blog_list a .blog_b .admin {
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
    padding: 10px 0;
    color: #545252;
    text-transform: uppercase;
    margin: 15px 0
}

.blog_wrap .blog_list a .blog_b .admin i {
    color: #8a8a8a;
    display: inline-block;
    padding-right: 5px
}

.blog_wrap .blog_list a .blog_b .info {
    font-size: 16px;
    color: #545252;
    line-height: 25px
}

.blog_wrap .blog_list a .blog_b span {
    font-size: 16px;
    color: #9c9a9a;
    display: block;
    margin-top: 30px
}

.new_h1 {
    font-size: 40px;
    text-align: center;
    color: #545252;
    font-weight: 700;
    text-transform: uppercase
}

.new_admin {
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
    padding: 10px 0;
    color: #545252;
    text-transform: uppercase;
    margin: 15px 0;
    text-align: center
}

.new_con {
    font-size: 16px;
    color: #545252;
    line-height: 25px;
    text-align: justify
}

.new_con img {
    max-width: 100%
}

.page_w {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding-top: 20px
}

.page_w span {
    display: block;
    font-size: 14px;
    color: #747373;
    margin-bottom: 10px;
    text-transform: uppercase
}

.page_w a {
    color: #747373
}

.team_in {
    margin: 0 -70px;
    overflow: hidden
}

.team_in .team_list {
    width: 33.3333%;
    padding: 0 70px;
    float: left
}

.team_in .team_list .team_peo {
    margin-bottom: 60px
}

.team_peo a {
    display: block;
    text-align: center
}

.team_peo a img {
    width: 88%!important;
    position: relative;
    z-index: 2
}

.team_peo a .scale01 {
    position: relative
}

.team_peo a .scale01:before {
    content: "";
    width: 88%;
    height: 100%;
    position: absolute;
    top: 30px;
    right: 0;
    background-image: linear-gradient(to bottom right, #c813ff, #72f9ff)
}

.team_peo a h3 {
    font-size: 30px;
    color: #545252;
    font-weight: 700;
    margin-top: 60px
}

.team_peo a .zw {
    font-size: 20px;
    color: #545252;
    margin-bottom: 10px
}

.team_peo a .info {
    font-size: 18px;
    color: #545252;
    line-height: 25px;
    text-align: left;
    text-align: justify
}

.team_in .team_b {
    padding-left: 25px
}

.team_in .team_list02 .team_peo a h3 {
    margin-top: 0
}

.team_in .team_list02 .team_peo .team_b {
    padding-bottom: 60px
}

.team_wrap {
    padding-top: 60px
}

.team_wrap .tit_h4 {
    margin-bottom: 80px
}

.dls_wrap {
    padding-top: 60px
}

.dealer_wrap {
    background-image: -webkit-linear-gradient(to bottom right, #c813ff, #72f9ff);
    background-image: -moz-linear-gradient(to bottom right, #c813ff, #72f9ff);
    background-image: -ms-linear-gradient(to bottom right, #c813ff, #72f9ff);
    background-image: -o-linear-gradient(to bottom right, #c813ff, #72f9ff);
    background-image: linear-gradient(to bottom right, #c813ff, #72f9ff);
    padding: 110px 100px;
    position: relative
}

.dealer_wrap:before {
    content: "";
    width: 2px;
    height: 85%;
    background: #c2afff;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 60px
}

.dealer_wrap .dealer_ul {
    overflow: hidden;
    position: relative
}

.dealer_wrap .dealer_ul li {
    width: 50%;
    clear: both;
    position: relative;
    min-height: 82px
}

.dealer_wrap .dealer_ul li:before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    right: -7px;
    top: 33px
}

.dealer_wrap .dealer_ul li:nth-child(2n) {
    float: right
}

.dealer_wrap .dealer_ul li:nth-child(2n):before {
    left: -7px;
    right: auto
}

.dealer_wrap .dealer_ul li:nth-child(2n) dl {
    padding-right: 0;
    padding-left: 160px
}

.dealer_wrap .dealer_ul li:nth-child(2n) dt {
    left: 60px;
    right: auto
}

.dealer_wrap .dealer_ul li:nth-child(2n) dd h4,
.dealer_wrap .dealer_ul li:nth-child(2n) dd p {
    text-align: left
}

.dealer_wrap .dealer_ul li dl {
    position: relative;
    padding-right: 160px
}

.dealer_wrap .dealer_ul li dl dt {
    width: 76px;
    height: 76px;
    border-radius: 100%;
    text-align: center;
    line-height: 76px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    top: 0;
    right: 60px
}

.dealer_wrap .dealer_ul li dl dt i {
    color: #fff;
    font-size: 40px;
    font-weight: 400
}

.dealer_wrap .dealer_ul li dl dd h4 {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 10px;
    text-align: right
}

.dealer_wrap .dealer_ul li dl dd p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 25px;
    text-align: right
}

.dealer_wrap .dealer_ul li:hover dl dt {
    background: rgba(255, 255, 255, .4);
}

.dealer_wrap .dealer_ul li:hover dl dd h4,
.dealer_wrap .dealer_ul li:hover dl dd p {
    color: rgba(255, 255, 255, 1);
}

.deal_form p {
    font-size: 20px;
    color: #000;
    margin-bottom: 30px
}
 

.deal_form .deal_form_list p {
    font-size: 16px;
    color: #221e1f;
    margin-bottom: 10px
}

.deal_form .deal_form_list p span {
    color: #ed1534
}

.deal_form .deal_form_list .zhuyi_p {
    width: 50%;
    float: left;
    margin-top: 20px
}

.deal_form .deal_form_list input {
    width: 100%;
    height: 46px;
    line-height: 46px;
    border: 1px solid #e5e5e5;
    padding-left: 10px;
    margin-bottom: 20px
}

.deal_form .deal_form_list textarea {
    width: 100%;
    height: 154px;
    resize: none;
    padding: 10px;
    border: 1px solid #e5e5e5
}

.deal_form .zhuyi_p {
    color: #221e1f;
    line-height: 30px
}

.deal_form button {
    float: right;
    border: none;
    padding: 13px 59px;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    position: relative;
    background-image: linear-gradient(to right, #c320ff, #75f1ff)
}

.deal_form {
    margin-top: 50px;
	display:none;
}

.deal_form button:hover,
.mail_wrap .mail_form button:hover {
    box-shadow: inset 0 0 0 25px rgba(0, 0, 0, .3)
}

.pro01 .pro01_lay {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    text-align: center
}

.pro01 .pro01_lay h1 {
    font-size: 184px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.pro01 .pro01_lay h2 {
    font-size: 177px;
    color: #c813ff;
    font-weight: 700;
    margin: 10px 0 20px;
    text-transform: uppercase
}

.tit_w h3 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 55px
}

.tit_w p {
    font-size: 24px;
    color: #fff;
    line-height: 30px
}

.pro02 .pro02img {
    position: absolute;
    left: 10%;
    bottom: 5%
}
.pro0232 .pro0232img {
    position: absolute;
    left: 10%;
    bottom: 5%
}
.pro03 {
    height: 1080px;
    background-image: linear-gradient(to top right, #c813ff, #72f9ff)
}

.pro03 .tit_w {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0
}

.pro03 .pro03img {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 10%
}

.pro03 .pro03img01 {
    position: absolute;
    left: 8%;
    top: 25%
}

.pro03 .pro03img02 {
    position: absolute;
    left: 34%;
    top: 39%
}

.pro03 .pro03img03 {
    position: absolute;
    left: 72%;
    top: 35%
}

.pro03 .pro03img04 {
    position: absolute;
    left: 65%;
    top: 83%
}

.pro03 .pro03img05 {
    position: absolute;
    right: 0;
    top: 46%
}

.tit_w01 h3 {
    font-size: 100px;
    color: #fff;
    font-weight: 700
}

.pro04 .tit_w {
    position: absolute;
    left: 5%;
    bottom: 5%
}

.pro04 .tit_w h3 {
    text-shadow: 2.5px 4.33px 5px rgba(49, 47, 47, .75)
}

.pro05 .tit_w {
    position: absolute;
    right: 5%;
    bottom: 5%;
    text-transform: uppercase
}



.pro_chan {
    text-align: center;
    padding-top: 190px
}

.pro_chan .pro_chan_b ul {
    display: inline-block
}

.pro_chan .pro_chan_b li {
    margin: 0 5px;
    position: relative
}

.pro_chan .pro_chan_b li span {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    border: 3px solid #121215;
    cursor: pointer
}

.pro_chan .pro_chan_b li em {
    font-style: normal;
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 50%;
    width: 135px;
    text-align: center;
    top: -26px;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pro_chan .pro_chan_b li.active span {
    border-color: #757373
}

.pro_chan .pro_chan_b li.active em {
    opacity: 1
}

.pro_cs_wrap {
    background: #121215
}

.poo_cshu_w {
    padding: 0 5%
}

.poo_cshu_w .poo_cshu {
    padding: 60px 0;
    border-bottom: 1px solid #525254
}

.poo_cshu_w .poo_cshu:last-of-type {
    border: none
}

.poo_cshu_w .poo_cshu h3 {
    font-size: 36px;
    color: #b9bcbf;
    font-weight: 700;
    margin-bottom: 40px
}

.poo_cshu_w .poo_cshu table th {
    font-size: 18px;
    color: #b9bcbf;
    font-weight: bolder!important;
    padding: 15px 45px;
    width: 320px!important;
    text-align: right
}

.poo_cshu_w .poo_cshu table td {
    font-size: 18px;
    color: #b9bcbf;
    padding: 15px 45px
}

.poo_cshu_w .poo_cshu table td:nth-child(2) {
    width: 300px
}

.pro_sj01 .pro_sj01_lay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7)
}

.pro_sj01 .pro_sj01_layin {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center
}

.pro_sj01 .pro_sj01_layin h3 {
    font-size: 177px;
    font-weight: bolder;
    text-transform: uppercase
}

.pro_sj01 .pro_sj01_layin h4 {
    font-size: 48px;
    color: #fff;
    font-weight: 700;
    line-height: 50px
}

.pro_sj02 .tit_w {
    position: absolute;
    left: 5%;
    top: 15%;
    text-align: left
}

.pro_sj02 .pro_sj02_ul {
    position: absolute;
    left: 5%;
    top: 37%;
    width: 780px
}

.pro_sj02 .pro_sj02_ul li {
    margin-bottom: 60px;
    margin-right: 140px;
    width: 160px
}

.pro_sj02 .pro_sj02_ul li:nth-child(3n) {
    margin-right: 0
}

.pro_sj02 .pro_sj02_ul li span {
    display: inline-block;
    width: 90px;
    height: 90px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 90px
}

.pro_sj02 .pro_sj02_ul li p {
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    margin-top: 20px
}

.pro_sj02 .pro_sj02img {
    position: absolute;
    right: 0;
    bottom: 0
}

.pro_sj02 .zhu {
    font-size: 20px;
    color: #fff;
    opacity: .34;
    position: absolute;
    left: 5%;
    bottom: 3%
}

.pro_sj03 {
    background-image: linear-gradient(to top right, #000b2c, #280024);
    padding: 100px 0;
    text-align: center
}

.pro_sj03 .tit_w {
    margin-bottom: 50px
}

.pro_sj04 {
    background: url(../images/bj5.jpg) no-repeat;
    background-size: cover
}

.pro_sj04 .pro_sj04_top {
    padding-top: 100px
}

.pro_sj04 .pro_sj04_in {
    padding: 0 5%
}

.pro_sj04 .pro_sj04_in .pro_sj04_in_ul {
    overflow: hidden
}

.pro_sj04 .pro_sj04_in .pro_sj04_in_ul li {
    overflow: hidden;
    float: none;
    background: #181818;
    height: 475px
}

.pro_sj04 .pro_sj04_in .pro_sj04_in_ul li:nth-child(2n) .pro_sj04_list_l {
    float: right
}

.pro_sj04 .pro_sj04_in .pro_sj04_in_ul li:nth-child(2n) .pro_sj04_list_r {
    float: left
}

.pro_sj04 .pro_sj04_in .pro_sj04_in_ul li .col-sm-6 {
    padding: 0;
    text-align: center
}

.pro_sj04 .pro_sj04_in .pro_sj04_in_ul li p {
    left: 0;
    right: 0;
    top: 50%;
    font-size: 24px;
    color: #fff;
    font-weight: bolder;
    line-height: 25px;
    position: absolute;
    top: 40%;
    left: 20%;
    right: 20%;
    line-height: 30px
}

.pro_sj05 .tit_w {
    position: absolute;
    top: 20%;
    right: 5%
}

.pro_sj06 {
    padding-bottom: 100px;
    background-image: linear-gradient(to top right, #070c16, #140914)
}

.pro_sj06 .tit_w {
    position: absolute;
    left: 5%;
    top: 40%;
    z-index: 2;
}

.pro_xn01 .pro_xn01_lay {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center
}

.pro_xn01 .pro_xn01_lay h3 {
    font-size: 177px;
    font-weight: bolder;
    text-transform: uppercase
}

.pro_xn01 .pro_xn01_lay p {
    font-size: 48px;
    color: #fff;
    font-weight: 700
}

.pro_xn02 {
    background: url(../images/bj6.jpg) no-repeat;
    background-size: cover;
    padding-top: 140px;
    text-align: center
}

.pro_xn02 .pro_xn02tit_w01 {
    margin-bottom: 90px
}

.pro_xn02 .pro_xn02tit_w02 {
    padding-top: 150px;
    margin-bottom: 70px
}

.pro_xn02 .pro_xn02_bnum {
    display: inline-block;
    width: 687px;
    height: 687px;
    text-align: center;
    line-height: 687px;
    border-radius: 100%;
    position: relative;
    z-index: 2;
    background: #090c17
}

.pro_xn02 .pro_xn02_bnum h3 {
    font-size: 165px;
    color: #fff;
    font-weight: lighter;
    text-shadow: 2.5px 4.33px 5px rgba(153, 152, 152, .75);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pro_xn02 .pro_xn02_bnum h3 i {
    font-size: 36px;
    color: #fff;
    font-weight: lighter;
    font-style: normal;
    display: block
}

.pro_xn02 .pro_xn02_en {
    width: 240px;
    height: 620px;
    display: inline-block;
    position: relative;
    margin-top: -50px;
    background-image: linear-gradient(to bottom, rgba(200, 19, 255, .3), rgba(114, 249, 255, .3))
}

.pro_xn02 .pro_xn02_en p {
    font-size: 36px;
    color: #fff;
    font-weight: bolder;
    position: absolute;
    left: -14%;
    top: 50%;
    transform: rotate(-90deg);
    width: 300px
}

.pro_xn02 .pro_xn02img02 {
    margin-top: -760px
}

.pro_xn03 {
    background-image: linear-gradient(to top right, #0f131b, #190f18);
    height: 770px
}

.pro_xn03 .tit_w {
    position: absolute;
    left: 5%;
    top: 30%
}

.pro_xn03 .pro_xn03img_w01 {
    position: absolute;
    right: 5%;
    bottom: -40%;
    z-index: 2;
    width: 900px;
    height: 900px;
    text-align: center;
    line-height: 900px;
    border-radius: 100%
}

.pro_xn03 .pro_xn03img_w01:before,
.pro_xn04 .pro_xn03img_w02:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #18132f;
    border-radius: 100%
}

.pro_xn03 .pro_xn03img_w01 img,
.pro_xn04 .pro_xn03img_w02 img {
    position: relative;
    z-index: 1
}

.pro_xn04 {
    background-image: linear-gradient(to bottom right, #240f2c, #1b122f);
    height: 1030px
}

.pro_xn04 .tit_w {
    position: absolute;
    right: 5%;
    top: 50%
}

.pro_xn04 .pro_xn03img_w02 {
    position: absolute;
    left: 5%;
    bottom: 10%;
    width: 755px;
    height: 755px;
    text-align: center;
    line-height: 755px;
    border-radius: 100%
}

.pro_xn05 {
    background: url(../images/bj7.jpg) no-repeat;
    background-size: cover;
    padding: 150px 0 100px
}

.pro_xn05 .pro_xn05_ul {
    display: inline-block;
    margin-top: 60px;
    overflow: hidden
}

.pro_xn05 .pro_xn05_ul li {
    margin: 0 80px
}

.pro_xn05 .pro_xn05_ul li span {
    display: inline-block;
    width: 90px;
    height: 90px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 90px;
    margin-bottom: 20px
}

.pro_xn05 .pro_xn05_ul li p {
    font-size: 20px;
    color: #fff
}

.pro_xn05 .pro_xn05img {
    margin-top: 60px
}

.manual_wrap {
    padding: 100px 0
}

.manual_wrap .manual_wrap_ul {
    overflow: hidden;
    margin-bottom: 30px;
    display: flex
}

.manual_wrap .manual_wrap_ul li {
    text-align: center;
    flex: 1
}

.manual_wrap .manual_wrap_ul li span {
    display: block;
    width: 140px;
    height: 140px;
    text-align: center;
    line-height: 140px;
    background: #f5f3f3;
    border-radius: 100%;
    border: 1px solid #e2e2e2;
    margin: 0 auto;
}

.manual_wrap .manual_con {
    border: 1px solid #dedddd;
    padding: 40px 80px;
    color: #393939;
    line-height: 25px;
    font-size: 17px
}

.manual_wrap .manual_con .manual_dl {
    position: relative;
    margin-bottom: 30px;
    padding-left: 120px
}

.manual_wrap .manual_con .manual_dl dt {
    width: 120px;
    position: absolute;
    top: 0;
    left: 0
}

.manual_wrap .manual_con .manual_dl dd h3 {
    font-size: 17px;
    color: #393939;
    margin-bottom: 10px
}

.manual_wrap .manual_con .manual_dl dd p {
    font-size: 14px;
    color: #393939;
    line-height: 23px
}

.manual_wrap h3 {
    font-size: 30px;
    color: #393939;
    font-weight: 700;
    margin-bottom: 15px
}

.manual_wrap .sa_w {
    border: 1px solid #dedddd;
    border-bottom: none;
    margin: 20px 0
}

.manual_wrap .sa_w .sa_dl {
    position: relative;
    padding: 25px 25px 25px 120px;
    border-bottom: 1px solid #dedddd;
    min-height: 85px
}

.manual_wrap .sa_w .sa_dl dt {
    width: 120px;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 0
}

.manual_wrap .sa_w .sa_dl dd {
    font-size: 16px;
    color: #393939
}

.manual_wrap .sa_w .sa_dl dd span {
    font-size: 16px;
    color: #393939;
    font-weight: 700
}

.manual_wrap .save_w {
    position: relative
}

.manual_wrap .save_w .save_span {
    display: inline-block;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    background: #dcdadb;
    padding: 5px 63px;
    border-radius: 40px;
    border: 1px solid #726f70;
    margin-bottom: 15px
}

.manual_wrap .save_w .save_wimg {
    position: absolute;
    top: -30px;
    right: 0
}

.banner_wrap {
    background: #212020
}

.banner_wrap:before {
    content: "";
    width: 100%;
    height: 60%;
    background: url(../images/wy.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.ce_ul {
    width: 252px;
    top: 20%;
    right: 5%;
    position: absolute;
    z-index: 10
}

.ce_ul li {
    float: none;
    margin-bottom: 30px;
    box-shadow: 1px 1px 3px 0 rgba(152, 152, 152, .59)
}

header {
    line-height: 70px;
    padding: 0 5%;
    background: #212020;
}

header.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100
}

header .logo {
    float: left
}

header .ss_w {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    float: right;
    margin-top: 18px
}

header .ss_w i {
    color: #fff
}

header .menu_ul>li {
    margin: 0 15px;
    float: left
}

header .menu_ul>li>a {
    display: block;
    font-size: 18px;
    color: #fff;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase
}

header .menu_ul>li>a:before {
    content: "";
    width: 0%;
    height: 2px;
    background: #fccc14;
    border-radius: 4px;
    position: absolute;
    left: 0;
    bottom: 0
}

header .menu_ul>li.active>a:before,
header .menu_ul>li:hover>a:before {
    width: 100%
}

footer {
    background: #2b2a2a
}

footer .foot_t {
    padding: 35px 5% 30px
}

footer .foot_t .foot_ul {
    overflow: hidden;
    font-size: 16px
}

footer .foot_t .foot_ul li {
    width: 16.6%;
    color: #999;
    line-height: 30px
}

footer .foot_t .foot_ul li a {
    font-size: 16px;
    color: #999;
    display: block
}

footer .foot_t .foot_ul li h3 {
    border-bottom: 1px solid #333232;
    padding-bottom: 20px;
    margin-bottom: 20px
}

footer .foot_t .foot_ul li h3 a {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase
}

footer .foot_form {
    width: 100%;
    height: 48px;
    background: #393838;
    border-radius: 40px;
    position: relative
}

footer .foot_form input {
    line-height: 48px;
    height: 48px;
    font-size: 14px;
    color: #b0b0b1;
    border-radius: 40px 0 0 40px;
    background: 0 0;
    padding-left: 15px;
    width: 100%;
    border-radius: 40px
}

footer .foot_form button {
    border: none;
    width: 85px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 0 40px 40px 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    line-height: 4px
}

footer .copy {
    overflow: hidden;
    background: #212020;
    color: #696969;
    font-size: 14px
}

footer .copy a {
    color: #696969
}

.srf-hero--color-nav li {
    float: none
}




/*
.srf-app,
.srf-hero--background,
.srf-hero.theme-green {
    background: 0 0!important
}
*/
.manual_con,
.manual_wrap .manual_wrap_ul li.active .manualimg01,
.manual_wrap .manual_wrap_ul li:hover .manualimg01,
.manualimg02 {
    display: none
}

.manual_con.active,
.manual_wrap .manual_wrap_ul li.active .manualimg02,
.manual_wrap .manual_wrap_ul li:hover .manualimg02 {
    display: block
}

.manual_wrap .manual_wrap_ul li.active span,
.manual_wrap .manual_wrap_ul li:hover span {
    background-image: linear-gradient(to top right, #c41dff, #77edff)
}

header .sec_wrap {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    background: #fff;
    z-index: 100;
    padding: 40px 5px;
    border: 1px solid #eee;
    display: none
}

header .sec_ul {
    overflow: hidden
}

header .sec_ul li {
    width: 25%;
    text-align: center;
    padding: 0 15px;
    margin: 0
}

header .sec_ul li a {
    display: block;
    border: 1px solid #eee;
    text-transform: uppercase
}

header .sec_ul li h3 {
    padding: 10px 0;
    color: #858384;
    font-size: 16px
}

header .logo {
    display: inline-block
}

header.active .logo img {
    width: 100%
}

footer .copy a:hover,
footer .foot_t .foot_ul li a:hover {
    color: #fff
}

.ss_w {
    position: relative;
    overflow: hidden
}

.ss_w.active {
    width: 280px
}

.ss_w input {
    width: 0;
    height: 32px;
    line-height: 32px;
    background: #393838;
    color: #b0b0b1;
    border-radius: 20px;
    padding-left: 10px
}

.ss_w button {
    border: none;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    float: right;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.ss_w.active input {
    width: 100%
}

body {
    overflow-x: hidden!important;
    overflow-y: auto!important
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, .9);
    padding: 7px 15px
}

.phone_menu {
    float: right;
    display: inline-block;
    margin-top: 17px
}

.phone_menu i {
    color: #fff
}

.menu_phone_ul {
    position: fixed;
    top: 72px;
    right: -100%;
    z-index: 100;
    background: rgba(0, 0, 0, .9);
    bottom: 0;
    width: 100%;
    border-top: 1px solid #eee;
    padding: 0 10%
}

.menu_phone_ul.active {
    right: 0
}

.menu_phone_ul li {
    float: none;
    padding: 30px 0;
    text-align: left;
    border-bottom: 1px solid #eee;
    position: relative
}

.menu_phone_ul li a {
    display: inline-block;
    color: #fff;
    text-transform: uppercase
}

.menu_phone_ul li span {
    display: inline-block;
    float: right
}

.menu_phone_ul li span i {
    color: #fff
}

.pro_sj05_ul li {
    position: absolute
}

.pro_sj05_ul li span {
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    background-image: -webkit-linear-gradient(to top right, rgba(200, 19, 255, .3), rgba(114, 249, 255, .3));
    background-image: -moz-linear-gradient(to top right, rgba(200, 19, 255, .3), rgba(114, 249, 255, .3));
    background-image: -ms-linear-gradient(to top right, rgba(200, 19, 255, .3), rgba(114, 249, 255, .3));
    background-image: -o-linear-gradient(to top right, rgba(200, 19, 255, .3), rgba(114, 249, 255, .3));
    background-image: linear-gradient(to top right, rgba(200, 19, 255, .3), rgba(114, 249, 255, .3));
    -webkit-animation: scale 3s infinite linear;
    -moz-animation: scale 3s infinite linear;
    -o-animation: scale 3s infinite linear;
    animation: scale 3s infinite linear
}

.pro_sj05_ul li:nth-child(1) {
    left: 41%;
    top: 49%
}

.pro_sj05_ul li:nth-child(2) {
    left: 30%;
    top: 74%
}

.pro_sj05_ul li:nth-child(3) {
    left: 42%;
    top: 63%
}

.pro_sj05_ul li .pro_sj05_span01 {
    width: 60px;
    height: 60px;
    top: 0;
    left: 0
}

.pro_sj05_ul li .pro_sj05_span02 {
    width: 30px;
    height: 30px;
    top: 15px;
    left: 15px
}

.pro_sj05_ul li .pr {
    width: 60px;
    height: 60px
}

.pro_sj05_ul li p {
    text-align: center;
    width: 200px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 80px;
    opacity: 0;
    transform: translateX(-50%)
}

.pro_sj05_ul li:hover p {
    opacity: 1;
    top: 66px
}

.imgphone,
.pro_sj02img02 {
    display: none
}

.pro04_left,
.pro05_left {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    bottom: 0;
    z-index: 1;
    display: none
}

.pro04_right,
.pro05_right {
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    bottom: 0;
    z-index: 1;
    display: none
}

.pro_header {
 
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: block
}

.pro_header.active {
    display: none
}

.canshu {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    z-index: 10
}

.canshu h3 {
    display: inline-block;
    font-size: 16px;
    color: #838388;
    text-transform: uppercase
}

.canshu ul li a {
    display: block;
    font-size: 16px;
    color: #79787d;
    margin-left: 20px
}

.canshu ul li.active a {
    color: #e7ba15
}

.canshu ul {
    float: right
}

.canshu.active {
    background: #000;
    top: 0
}

.canshu_in {
    padding: 15px 0;
    margin: 0 5%;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.canshu.active .canshu_in {
    border: none
}

.z-1 {
    width: 100%
}

#page {
    clear: both;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    display: table;
    margin-top: 20px
}

#page li {
    float: left;
    padding: 5px 14px;
    border: 1px solid #ccc;
    margin-right: 6px;
    color: #666;
    font-size: 12px;
    list-style: none
}

#page li:hover {
    border: 1px solid #f67d38
}

#page li:hover a {
    color: #f67d38
}

#page li a {
    color: #666
}

#page li.active {
    border: 1px solid #f67d38;
    background-color: #f67d38;
    color: #fff
}

#page li.active a {
    color: #fff
}

#page .thisclass {
    color: #fff
}

.ss_w em {
    border: none;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    float: right;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.ss_w button {
    display: none
}

.logo_phone {
    width: 60px;
    display: inline-block
}

.logo_phone img {
    width: 100%
}

.sec_menu_phone_ul li {
    float: none;
    padding: 15px 0;
    margin-left: 20px
}

.sec_menu_phone_ul a {
    display: block;
    color: #fff
}

.sec_menu_phone_ul li:last-of-type {
    border: none
}

.sec_menu_phone_ul {
    display: none
}

.about_con_wrap img {
    max-width: 100%
}

.header,
footer .foot_t .foot_ul li h3 span {
    display: none
}

.phone_team_peo {
    display: none
}

.blog_wrap .blog_list a:hover .blog_b span,
.page_w a:hover {
    color: #fccc14
}

.manual_wrap .manual_con .manual_dl dt img,
.manual_wrap .manual_wrap_ul li span img,
.new_con img,
.pro_xn02 .pro_xn02_bnum img {
    max-width: 100%
}

.con_ul li:hover dt,
.pro_sj02 .pro_sj02_ul li:hover span,
.pro_xn05 .pro_xn05_ul li:hover span {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.dowload_list {
    margin-bottom: 25px
}

.pro06 a {
    color: #fff
}

.dowload_list a {
    display: block;
    padding: 20px 0 0;
    text-align: center;
    border: 1px solid #eee
}

.dowload_list h3 {
    font-size: 20px;
    color: #4d4848;
    padding: 40px 0 20px
}

.dowload_list a i {
    display: block;
    font-size: 68px;
    padding: 30px 0
}

.down_wrap {
    padding: 60px 0
}

.dowload_list a:hover i {
    color: #fff
}

.pro_xn02_bnum img {
    -webkit-animation: scale 3s infinite linear;
    -moz-animation: scale 3s infinite linear;
    -o-animation: scale 3s infinite linear;
    animation: scale 3s infinite linear
}

.promini01_lay {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.promini01_lay h3 {
    font-size: 133px;
    font-weight: bolder;
    text-transform: uppercase
}

.promini01_lay h4 {
    font-size: 48px;
    color: #fff;
    text-shadow: 2.5px 4.33px 5px rgba(105, 104, 104, .75);
    text-transform: uppercase
}

.promini02 {
    padding: 100px 5%;
    font-size: 18px;
    color: #545252;
    line-height: 25px
}

.promini02 h3 {
    text-transform: uppercase;
    font-size: 36px;
    color: #545252;
    margin-bottom: 25px
}

.promini02img01 {
    margin-top: 100px
}

.site_cell a:hover {
    color: #fccc14!important
}

.vide_fix {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .9);
    z-index: 300;
    display: none
}

.vide_fix.active {
    display: block
}

.vide_fixin {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vide_fixin i {
    position: absolute;
    top: -32px;
    right: 3px;
    color: #fff;
    font-size: 24px
}

.vide_fixin video {
    width: 100%
}

.pro_xn03 .pro_xn03img_w01:before,
.pro_xn04 .pro_xn03img_w02:before {
    -webkit-animation: roate 1s infinite linear;
    -moz-animation: roate 1s infinite linear;
    -ms-animation: roate 1s infinite linear;
    -o-animation: roate 1s infinite linear;
    animation: roate 1s infinite linear
}

@keyframes roate {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes roate {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes roate {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-ms-keyframes roate {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes roate {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes scale {
    0% {
        transform: scale(.8)
    }
    50% {
        transform: scale(1)
    }
    100% {
        transform: scale(.8)
    }
}

@-moz-keyframes scale {
    0% {
        transform: scale(.8)
    }
    50% {
        transform: scale(1)
    }
    100% {
        transform: scale(.8)
    }
}

@-o-keyframes scale {
    0% {
        transform: scale(.8)
    }
    50% {
        transform: scale(1)
    }
    100% {
        transform: scale(.8)
    }
}

@keyframes scale {
    0% {
        transform: scale(.8)
    }
    50% {
        transform: scale(1)
    }
    100% {
        transform: scale(.8)
    }
}

@keyframes up {
    0% {
        bottom: 28%
    }
    50% {
        bottom: 30%
    }
    100% {
        bottom: 28%
    }
}

.pro_xn05img02 {
    -webkit-animation: up 2s infinite linear;
    -moz-animation: up 2s infinite linear;
    -ms-animation: up 2s infinite linear;
    -o-animation: up 2s infinite linear;
    animation: up 2s infinite linear
}

.pro03img01,
.pro03img02,
.pro03img03,
.pro03img04,
.pro03img05 {
    -webkit-animation: top 3s infinite linear;
    -moz-animation: top 3s infinite linear;
    -o-animation: top 3s infinite linear;
    animation: top 3s infinite linear
}

@keyframes top {
    0% {
        transform: translateY(-40px)
    }
    50% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-40px)
    }
}

img {
    max-width: 100%
}

.srf-hero--color-nav ul {
    opacity: 0!important
}

.srf-app.page-ready .srf-section-container {
    width: 100%;
    height: 100%;
    position: inherit!important
}

.sha_w {
    margin-top: 20px
}

.sha_w a {
    margin-right: 14px;
    display: inline-block;
    width: 42px;
    height: 42px;
    background: #373737;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    float: left
}

.con_sha_a a {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    float: left;
    margin: 0 3px
}

.sha_w a img {
    width: 25px
}

.con_sha_a {
    display: inline-block
}

.con_sha_a {
    margin-top: 10px
}

.pro02 {
    margin-top: -20px
}

.sj04_wrap_list {
    display: none;
    position: relative;
    height: 100%
}

.sj04_wrap_list.active {
    display: block
}

.sj04_in {
    height: 200px
}

.sj04_wrap_list p {
    position: absolute;
    left: 15px;
    right: 15px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 16px
}

.pro_xn02 .pro_xn02img01_wrap {
    position: relative
}

.pro_xn02 .pro_xn02img01_wrap:before {
    content: "";
    width: 100%;
    height: 30%;
    background-image: linear-gradient(rgba(15, 7, 15, 0), rgba(8, 7, 16, 1));
    position: absolute;
    left: 0;
    bottom: 0
}

.pro04 .tit_w01 h3,
.pro05 .tit_w01 h3 {
    line-height: inherit
}

.pro_xn05 {
    position: relative
}

.pro_xn05img02 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 28%
}

.pro_xn05img {
    position: relative;
    z-index: 2
}

.ce_ul li,
header .sec_ul li,
header .sec_ul li a {
    position: relative
}

.ce_ul li a {
    display: block;
    position: relative
}

.ce_ul li.active a:after,
.ce_ul li.active a:before,
.ce_ul li.active:after,
.ce_ul li.active:before,
.header .sec_ul li a:after,
.header .sec_ul li a:before,
header .sec_ul li:after,
header .sec_ul li:before {
    z-index: 10
}

.ce_ul li.active a:before {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    animation: line01 1s .5s infinite linear
}

.ce_ul li.active:after {
    content: "";
    height: 0;
    width: 2px;
    position: absolute;
    top: 0;
    right: 0;
    animation: line02 1s 1.5s infinite linear
}

.ce_ul li.active a:after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    right: 0;
    animation: line01 1s 2.5s infinite linear
}

.ce_ul li.active:before {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    animation: line02 1s 3.5s infinite linear
}

header .sec_ul li a:before {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0
}

header .sec_ul li:after {
    content: "";
    height: 0;
    width: 2px;
    position: absolute;
    top: 0;
    right: 15px
}

header .sec_ul li a:after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    right: 0
}

header .sec_ul li:before {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 15px
}

header .sec_ul li:hover:after,
header .sec_ul li:hover:before {
    height: 100%
}

header .sec_ul li:hover a:after,
header .sec_ul li:hover a:before {
    width: 100%
}

@keyframes line01 {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes line02 {
    from {
        height: 0
    }
    to {
        height: 100%
    }
}

.ce_ul span {
    display: none
}

.ban_p01 {
    position: absolute;
    left: 4%;
    top: 10%;
    font-size: 27px;
    color: #fff;
    text-transform: uppercase
}

.ban_p02 {
    position: absolute;
    left: 4%;
    bottom: -2%;
    font-size: 18px;
    line-height: 30px;
    color: #a2a2a3;
    text-transform: uppercase
}

.ban_sha {
    width: 44px;
    position: absolute;
    top: 30%;
    left: -2%;
    z-index: 100
}

.ban_sha a {
    display: block;
    margin-bottom: 10px
}

.ban_sha a:hover img,
.sha_w a:hover img {
    opacity: .3
}

.ban_p01 span {
    opacity: 0
}

@keyframes opacity {
    form {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.ban_p01 span:nth-child(1) {
    -webkit-animation: opacity 1s .2s forwards linear;
    -moz-animation: opacity 1s .2s forwards linear;
    -ms-animation: opacity 1s .2s forwards linear;
    -o-animation: opacity 1s .2s forwards linear;
    animation: opacity 1s .2s forwards linear
}

.ban_p01 span:nth-child(2) {
    -webkit-animation: opacity 1s .4s forwards linear;
    -moz-animation: opacity 1s .4s forwards linear;
    -ms-animation: opacity 1s .4s forwards linear;
    -o-animation: opacity 1s .4s forwards linear;
    animation: opacity 1s .4s forwards linear
}

.ban_p01 span:nth-child(3) {
    -webkit-animation: opacity 1s .6s forwards linear;
    -moz-animation: opacity 1s .6s forwards linear;
    -ms-animation: opacity 1s .6s forwards linear;
    -o-animation: opacity 1s .6s forwards linear;
    animation: opacity 1s .6s forwards linear
}

.ban_p01 span:nth-child(4) {
    -webkit-animation: opacity 1s .8s forwards linear;
    -moz-animation: opacity 1s .8s forwards linear;
    -ms-animation: opacity 1s .8s forwards linear;
    -o-animation: opacity 1s .8s forwards linear;
    animation: opacity 1s .8s forwards linear
}

.ban_p01 span:nth-child(5) {
    -webkit-animation: opacity 1s 1s forwards linear;
    -moz-animation: opacity 1s 1s forwards linear;
    -ms-animation: opacity 1s 1s forwards linear;
    -o-animation: opacity 1s 1s forwards linear;
    animation: opacity 1s 1s forwards linear
}

.ban_p01 span:nth-child(6) {
    -webkit-animation: opacity 1s 1.2s forwards linear;
    -moz-animation: opacity 1s 1.2s forwards linear;
    -ms-animation: opacity 1s 1.2s forwards linear;
    -o-animation: opacity 1s 1.2s forwards linear;
    animation: opacity 1s 1.2s forwards linear
}

.ban_p01 span:nth-child(7) {
    -webkit-animation: opacity 1s 1.4s forwards linear;
    -moz-animation: opacity 1s 1.4s forwards linear;
    -ms-animation: opacity 1s 1.4s forwards linear;
    -o-animation: opacity 1s 1.4s forwards linear;
    animation: opacity 1s 1.4s forwards linear
}

.ban_p01 span:nth-child(8) {
    -webkit-animation: opacity 1s 1.6s forwards linear;
    -moz-animation: opacity 1s 1.6s forwards linear;
    -ms-animation: opacity 1s 1.6s forwards linear;
    -o-animation: opacity 1s 1.6s forwards linear;
    animation: opacity 1s 1.6s forwards linear
}

.ban_p01 span:nth-child(9) {
    -webkit-animation: opacity 1s 1.8s forwards linear;
    -moz-animation: opacity 1s 1.8s forwards linear;
    -ms-animation: opacity 1s 1.8s forwards linear;
    -o-animation: opacity 1s 1.8s forwards linear;
    animation: opacity 1s 1.8s forwards linear
}

.ban_p01 span:nth-child(10) {
    -webkit-animation: opacity 1s 2s forwards linear;
    -moz-animation: opacity 1s 2s forwards linear;
    -ms-animation: opacity 1s 2s forwards linear;
    -o-animation: opacity 1s 2s forwards linear;
    animation: opacity 1s 2s forwards linear
}

.ban_p01 span:nth-child(11) {
    -webkit-animation: opacity 1s 2.2s forwards linear;
    -moz-animation: opacity 1s 2.2s forwards linear;
    -ms-animation: opacity 1s 2.2s forwards linear;
    -o-animation: opacity 1s 2.2s forwards linear;
    animation: opacity 1s 2.2s forwards linear
}

.ban_p01 span:nth-child(12) {
    -webkit-animation: opacity 1s 2.4s forwards linear;
    -moz-animation: opacity 1s 2.4s forwards linear;
    -ms-animation: opacity 1s 2.4s forwards linear;
    -o-animation: opacity 1s 2.4s forwards linear;
    animation: opacity 1s 2.4s forwards linear
}

.ban_p01 span:nth-child(13) {
    -webkit-animation: opacity 1s 2.6s forwards linear;
    -moz-animation: opacity 1s 2.6s forwards linear;
    -ms-animation: opacity 1s 2.6s forwards linear;
    -o-animation: opacity 1s 2.6s forwards linear;
    animation: opacity 1s 2.6s forwards linear
}

.ban_p01 span:nth-child(14) {
    -webkit-animation: opacity 1s 2.8s forwards linear;
    -moz-animation: opacity 1s 2.8s forwards linear;
    -ms-animation: opacity 1s 2.8s forwards linear;
    -o-animation: opacity 1s 2.8s forwards linear;
    animation: opacity 1s 2.8s forwards linear
}

.ban_p01 span:nth-child(15) {
    -webkit-animation: opacity 1s 3s forwards linear;
    -moz-animation: opacity 1s 3s forwards linear;
    -ms-animation: opacity 1s 3s forwards linear;
    -o-animation: opacity 1s 3s forwards linear;
    animation: opacity 1s 3s forwards linear
}

.fixtop {
    opacity: 0;
    cursor: pointer;
    position: fixed;
    right: 100px;
    bottom: 20%;
    z-index: 100;
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 66px;
    background: rgba(0, 0, 0, .3);
    border-radius: 100%
}

.fixtop:hover {
    background: rgba(0, 0, 0, .7)
}

.fixtop i {
    font-size: 30px;
    color: #fff
}

.fixtop.active {
    opacity: 1
}

.canshu,
.con_ul li dt,
.deal_form button,
.fixtop,
.form_wrap .lx_list button,
.load .load_ul li:before,
.mail_wrap .mail_form button,
.menu_phone_ul,
.move01img,
.pro_sj02 .pro_sj02_ul li span,
.pro_sj05_ul li p,
.pro_xn05 .pro_xn05_ul li span,
.ss_w input,
.support_wrap .support_wrapin .support_wrap_l ul li:before,
header .logo,
header .logo img,
header .menu_ul li a:before,
header .sec_ul li a:after,
header .sec_ul li a:before,
header .sec_ul li:after,
header .sec_ul li:before,
header .ss_w,
.dealer_wrap .dealer_ul li dl dd h4,
.dealer_wrap .dealer_ul li dl dd p,
.dealer_wrap .dealer_ul li dl dt {
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.blog_wrap .blog_list a .blog_b h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.blog_wrap .blog_list a .blog_b .info {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3;
    display: -ms-box;
    -ms-box-orient: vertical;
    -ms-line-clamp: 3;
    display: -o-box;
    -o-box-orient: vertical;
    -o-line-clamp: 3;
    overflow: hidden
}

.ce_ul li a:after,
.ce_ul li a:before,
.ce_ul li:after,
.ce_ul li:before,
.ce_ul span:after,
.essence_wrap .essence_lay01,
.manual_con03_ul01 li span,
.pro_sj04_lin01,
.pro_xn04 .pro_xn03img_w02:before,
.sj04_in,
.ss_w button,
.ss_w em,
.support_wrap .support_wrapin .support_wrap_r::-webkit-scrollbar-thumb,
.table04 th,
footer .foot_form button,
header .menu_ul>li>a:before,
header .sec_ul li a:after,
header .sec_ul li a:before,
header .sec_ul li:after,
header .sec_ul li:before {
    background-image: -webkit-linear-gradient(to top right, #c813ff, #72f9ff);
    background-image: -moz-linear-gradient(to top right, #c813ff, #72f9ff);
    background-image: -ms-linear-gradient(to top right, #c813ff, #72f9ff);
    background-image: -o-linear-gradient(to top right, #c813ff, #72f9ff);
    background-image: linear-gradient(to top right, #c813ff, #72f9ff)
}

#page .thisclass,
.pro_sj05 {
    background-image: -webkit-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -moz-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -ms-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -o-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: linear-gradient(to right, #c813ff, #72f9ff)
}

.canshu ul li.active a,
.dowload_list a i,
.pro01 .pro01_lay h2,
.pro_sj01 .pro_sj01_layin h3,
.pro_xn01 .pro_xn01_lay h3,
.pro_xn02 .pro_xn02tit_w02 h3 span,
.promini01_lay h3,
.srf-hero.animate .svg-zero {
    background-image: -webkit-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -moz-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -ms-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -o-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: linear-gradient(to right, #c813ff, #72f9ff);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block
}
.pro06 .pro06_lay h3 {
    background-image: -webkit-linear-gradient(to right,#72f9ff, #c813ff);
    background-image: -moz-linear-gradient(to right,#72f9ff, #c813ff);
    background-image: -ms-linear-gradient(to right,#72f9ff, #c813ff);
    background-image: -o-linear-gradient(to right,#72f9ff, #c813ff);
    background-image: linear-gradient(to right,#72f9ff, #c813ff);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    text-fill-color: transparent;
    display: inline-block;
line-height: 2em;

}
.pro06 {
    text-align: center
}

.pro06 .pro06_lay {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
	
}

.pro06 .pro06_lay h3 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 5px
}

.pro06 .pro06_lay h4 {
    font-size: 103px;
    color: #fff
}
p.lorem, .lorem p  {
  margin-top: 50px;
}
.buttonmiddle {
  margin-top: 50px;
}
.manual_con02_ul01 li {
    float: none;
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px
}

.manual_con02_ul01 li:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #393939;
    border-radius: 100%;
    position: absolute;
    top: 7px;
    left: 0
}

.manual_con02_ul02 {
    border-top: 1px solid #dedddd;
    border-left: 1px solid #dedddd;
    overflow: hidden
}

.manual_con02_ul02 li {
    width: 50%;
    border-right: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    padding: 15px;
    min-height: 200px
}

.manual_con02_ul02 li dl {
    position: relative
}

.manual_con02_ul02 li dt {
    width: 80px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.manual_con02_ul02 li dd img {
    float: right;
    margin-left: 10px
}

.manual_con03_ul01 li {
    margin-bottom: 10px;
    float: none;
    position: relative;
    padding-left: 25px
}

.manual_con03_ul01 li span {
    font-size: 12px;
    color: #000;
    display: inline-block;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    border-radius: 100%;
    position: absolute;
    top: 5px;
    left: 0
}

.table04 th {
    text-align: center;
    padding: 10px 0;
    border: 1px solid #dedddd;
    text-align: center;
    background: #dcdadb
}

.table04 td {
    padding: 10px 0;
    border: 1px solid #dedddd;
    text-align: center
}

.table04 tr td:nth-child(3),
.table04 tr td:nth-child(4) {
    background: #cec8c833
}

.table04 tr td:nth-child(1) {
    border-right: none
}

.manual_con05_ul01 {
    overflow: hidden
}

.manual_con05_ul01 li {
    width: 48%
}

.manual_con05_ul01 li:nth-child(2) {
    float: right
}

.manual_con05_ul01 li div {
    border: 1px solid #dedddd;
    margin-bottom: 10px
}

.manual_con05_ul01 li p span {
    margin: 0 5px;
    font-size: 12px;
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    background: #000
}

.manual_con06_ul01>li {
    width: 70%;
    float: none;
    min-height: 200px;
    border-bottom: 1px solid #dedddd;
    padding: 20px
}

.manual_con06_ul01>li:last-of-type {
    height: 100%;
    width: 30%;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #dedddd;
    border-bottom: none
}

.manual_con06_ul01>li:last-of-type dt {
    width: 100%!important;
    position: inherit!important;
    text-align: center
}

.manual_con06_ul01>li:last-of-type dl {
    padding: 0!important
}

.manual_con06_ul01 {
    overflow: hidden;
    height: 600px;
    position: relative;
    border: 1px solid #dedddd
}

.manual_con06_ul03 li {
    float: none;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px
}

.manual_con06_ul03 li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #000;
    position: absolute;
    left: 0;
    top: 5px
}

.manual_con06_ul03 li strong span {
    text-align: center;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    margin: 0 3px;
    background: #000;
    color: #fff;
    border-radius: 100%;
    font-size: 12px
}

.manual_con06_ul04 li {
    float: none;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px
}

.manual_con06_ul04 li span {
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    width: 20px;
    color: #fff;
    font-size: 12px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background: #000;
    border-radius: 100%;
    margin-right: 10px
}

.manual_con06_ul10 li {
    width: 33.3333%;
    margin-bottom: 10px
}

.manual_con06_ul10 li span {
    margin-right: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    background: #000;
    color: #fff;
    font-size: 12px
}

.manual_con06_ul05 li {
    width: 48%;
    margin-bottom: 20px;
    word-break: break-all;
    min-height: 100px
}

.manual_con06_ul05 li:nth-child(2n) {
    float: right
}

.manual_con06_ul05 li strong span {
    margin-right: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #000;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    color: #fff;
    font-size: 12px
}

.manual_con06_ul05 li strong {
    display: block;
    margin-bottom: 10px
}

.manual_con06_ul06 li {
    float: none;
    margin-bottom: 20px
}

.manual_con06_ul06 dt {
    position: relative;
    padding-left: 20px
}

.manual_con06_ul06 dt:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 100%;
    position: absolute;
    top: 5px;
    left: 0
}

.manual_con06_ul06 dd p {
    position: relative;
    padding-left: 25px
}

.manual_con06_ul06 dd p span {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 3px;
    left: 0
}

.manual_con06_ul06 dd {
    padding-left: 25px
}

.manual_con06_ul07 li {
    width: 33.3333%;
    padding: 20px;
    border-right: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd
}

.manual_con06_ul07 {
    border-top: 1px solid #dedddd;
    border-left: 1px solid #dedddd
}

.manual_con06_w {
    margin-top: 20px;
    border-top: 1px solid #dedddd;
    padding-top: 20px
}

.manual_con06_ul05,
.manual_con06_ul07,
.manual_con06_ul10 {
    overflow: hidden
}

.manual_con01_w strong {
    display: block;
    margin-bottom: 10px;
    font-weight: bolder
}

.manual_con07_ul01 li {
    float: none;
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px
}

.manual_con07_ul01 li:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 100%;
    position: absolute;
    top: 7px;
    left: 0
}

.manual_con01_w {
    margin-bottom: 20px
}

.table08 td,
.table08 th {
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #dedddd;
    padding: 10px 0
}

.table08 td {
    background: #fff
}

.manual_con09_ul01 li {
    float: none;
    position: relative;
    padding-left: 25px;
    margin-bottom: 35px
}

.manual_con09_ul01 li span {
    display: inline-block;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    background: #000;
    color: #fff;
    font-size: 12px;
    border-radius: 100%;
    position: absolute;
    top: 5px;
    left: 0
}

.fp-auto-height.fp-section {
    height: auto!important
}

#dowebok {
    position: fixed!important
}

header .sec_ul li a {
    position: relative
}

.index_head.active {
    background: rgba(0, 0, 0, .4);
    display: block!important
}

.manual_con02_ul02 li:nth-child(2) dd img,
.manual_con02_ul02 li:nth-child(3) dd img {
    width: 200px
}

.manual_con06_ul01>li ul {
    overflow: hidden
}

.manual_con02_ul02 li:nth-child(4) dd img {
    width: 150px
}

.manual_con03_ul01 li span {
    background: #000;
    color: #fff;
    font-size: 12px
}

.manual_con06_ul01>li:nth-child(2) ul li,
.manual_con06_ul01>li:nth-child(3) ul li {
    width: 50%;
    position: relative;
    padding-left: 20px
}

.manual_con06_ul01>li:nth-child(2) ul li:before,
.manual_con06_ul01>li:nth-child(3) ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #000;
    position: absolute;
    top: 8px;
    left: 0
}

.manual_con06_ul01>li:nth-child(2) ul li {
    float: none;
    margin-bottom: 10px
}

.manual_con06_ul01>li:nth-child(4) dd h3 {
    position: relative;
    padding-left: 0
}

.manual_con06_ul01>li:nth-child(4) dd h3 span {
    display: inline-block;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    border-radius: 100%;
    background: #000;
    color: #fff;
    font-size: 12px;
    margin-right: 5px
}

.manual_con06_ul01>li:nth-child(4) dd p {
    margin-bottom: 15px
}

.manual_con06_ul04 {
    margin-top: 20px
}

.manual_con06_ul06 dt p {
    display: inline-block;
    font-weight: 400
}

.sa_w img {
    width: 60px
}

.parkcon img {
    position: absolute;
    top: -80px;
    right: 0;
    width: 150px
}

.manual_con02_ul02 li dd img {
    width: 150px
}

.manual_con06_ul07 li {
    min-height: 570px
}

.manual_con02_ul02 li:nth-child(3) dd img {
    width: 100px
}

.manual_con02_ul02100 li {
    min-height: 225px
}

.manual_con02_ul02200 li:nth-child(2) dd img {
    width: 100px
}

.manual_con02_ul02200 li {
    min-height: 310px
}

.manual_con06_ul06 dt span {
    font-weight: 400
}

.manual_con06_ul07 li p {
    margin-top: 20px
}

.sa_w01 .sa_dl {
    min-height: 90px
}

.manual_con02_ul02100 li dd img,
.manual_con02_ul02200 li dd img,
.myul100 li dl dd img,
.myul200 li dl dd img {
    width: auto!important
}

.myul200 li {
    min-height: 330px!important
}

.manual_con06_ul01 li,
.manual_wrap .manual_con .manual_dl dd p,
.manual_con02_ul01 li {
    text-align: justify;
}

.manual_wrap .manual_wrap_ul li h3 {
    font-size: 14px;
    color: #545252;
    margin-top: 10px;
    line-height: 20px;
}

.manual_con01_w img {
    margin-bottom: 20px;
}

.manual_con07_ul01 {
    padding-top: 5%;
}

.manual_con07_ul01 li span {
    font-size: 12px;
    margin: 0 2px;
    background: #000;
    display: inline-block;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    color: #fff;
    border-radius: 100%;
}

.manual_con07_ul0101 {
    padding-top: 0;
}

.line_w {
    border: 1px solid #dedddd;
    border-left: none;
    border-right: none;
    padding: 20px 0;
    margin-bottom: 30px;
}

.line_w02 {
    border-bottom: 1px solid #dedddd;
    padding: 20px 0;
}

.mukuyh {
    float: right;
    background-image: -webkit-linear-gradient(to top right, #c813ff, #72f9ff);
    background-image: -moz-linear-gradient(to top right, #c813ff, #72f9ff);
    background-image: -ms-linear-gradient(to top right, #c813ff, #72f9ff);
    background-image: -o-linear-gradient(to top right, #c813ff, #72f9ff);
    background-image: linear-gradient(to top right, #c813ff, #72f9ff);
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    margin-top: 18px;
    margin-left: 5px;
    border-radius: 100%;
}

.mukuyh:hover {
    color: #fff;
}

header .menu_ul>li:nth-child(2),
header .menu_ul>li:nth-child(4) {
    position: relative;
}

.menu_secul {
    position: absolute;
    background: #fff;
    top: 100%;
    width: 100%;
    z-index: 10;
    line-height: 20px;
    font-size: 14px;
    display: none;
}

.menu_secul li {
    float: none;
    text-align: center;
    padding: 10px 0;
}

.menu_secul li a {
    display: block;
    color: #545252;
}

.menu_secul li:hover {
    background: #000;
}

.menu_secul li:hover a {
    color: #fff;
}

.menu_secul11 {
    /* position: absolute; */
    background: #fff;
    /* top: 100%; */
    width: 60%;
    margin: 0 auto;
    z-index: 10;
    line-height: 25px;
    font-size: 14px;
    display: block;
    overflow: hidden;
    padding-top: 35px;
}

.menu_secul11 li {
    float: none;
    text-align: center;
    width: 50%;
    float: left;
}


/* .menu_secul11 li:first-child{

	  border-bottom: 1px solid #666;
} */

.menu_secul11 li a {
    display: inline-block;
    padding: 15px 0;
    width: 100%
}

.menu_secul11 li a {
    position: relative;
    background: #ffffff;
    border-bottom: 1px solid #ebebeb;
}

.menu_secul11 li a::after {
    content: "";
    width: 0%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -moz-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -ms-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: -o-linear-gradient(to right, #c813ff, #72f9ff);
    background-image: linear-gradient(to right, #c813ff, #72f9ff);
}

.menu_secul11 li:hover a::after,
.menu_secul11 li.active a::after {
    width: 100%;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

@keyframes xiaoshi {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.pro01_lay.active {
    animation: xiaoshi 1s linear forwards;
}

.fm_fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: url("//img.brwq.top/miku/fm.jpg") no-repeat center;
    background-size: cover;
}

@media(max-width:1900px) {
    .essence_wrap .essence_ul li {
        height: 530px
    }
}

@media(max-width:1600px) {
    header .menu_ul>li>a {
        font-size: 16px;
        padding: 0 10px
    }
    header {
        padding: 0 5%
    }
    header {
        line-height: 80px
    }
    header .ss_w {
        margin-top: 23px
    }
    header .logo {
        width: 60px
    }
    header .logo img {
        width: 100%
    }
    .load {
        line-height: 80px
    }
    .essence_wrap .essence_ul li .essence_lay {
        padding: 22% 50px 0
    }
    .essence_wrap .essence_ul li {
        height: 390px
    }
    footer .foot_t {
        padding: 35px 5% 30px
    }
    footer .copy {
        padding: 22px 5%
    }
    footer .foot_form input {
        font-size: 12px
    }
    .essence_wrap .essence_ul li h4 {
        font-size: 40px
    }
    .team_in .team_list {
        padding: 0 30px
    }
    .team_in {
        margin: 0 -30px
    }
    .new_h1 {
        font-size: 30px
    }
    .manual_wrap .manual_wrap_ul li span img {
        width: 100px
    }
    .manual_wrap .manual_wrap_ul li span {
        width: 100px;
        height: 100px;
        line-height: 100px
    }
    .manual_wrap .manual_con {
        padding: 40px
    }
    .support_wrap .support_wrapin .support_wrap_l ul li i {
        margin-bottom: 0
    }
    .support_wrap .support_wrapin .support_wrap_l ul li p {
        font-size: 14px
    }
    .support_wrap .support_wrapin .support_wrap_l {
        width: 30%
    }
    .support_wrap .support_wrapin .support_wrap_r {
        width: 70%;
        height: 458px
    }
    .support_wrap .support_wrapin .support_wrap_r .support_wrap_r_cons {
        padding: 20px 15px
    }
    .pro_xn01 .pro_xn01_lay h3 {
        font-size: 100px
    }
    .pro_xn01 .pro_xn01_lay p {
        font-size: 30px
    }
    .tit_w h3 {
        font-size: 40px
    }
    .tit_w p {
        font-size: 20px
    }
    .pro_xn02 {
        padding-top: 60px
    }
    .pro_xn02 .pro_xn02img01 {
        width: 800px
    }
    .pro_xn02 .pro_xn02_bnum {
        width: 400px;
        height: 400px;
        line-height: 400px
    }
    .pro_xn02 .pro_xn02_bnum h3 {
        font-size: 70px
    }
    .pro_xn02 .pro_xn02_bnum h3 i {
        font-size: 26px
    }
    .pro_xn02 .pro_xn02_en {
        width: 170px;
        height: 500px
    }
    .pro_xn02 .pro_xn02_en p {
        left: -38%
    }
    .pro_xn02 .pro_xn02img02 {
        margin-top: -660px;
        position: relative;
        z-index: 2
    }
    .pro_xn03 .pro_xn03img,
    .pro_xn04 .pro_xn04img {
        width: 500px
    }
    .pro_xn03 {
        height: 500px
    }
    .pro_xn04 {
        height: 700px
    }
    .pro_xn05 {
        padding: 100px 0
    }
    .pro_xn05 .pro_xn05img {
        width: 400px
    }
    .pro06 .pro06_lay h4 {
        font-size: 80px
    }
    .pro_sj01 .pro_sj01_layin h3 {
        font-size: 100px
    }
    .pro_sj01 .pro_sj01_layin h4 {
        font-size: 30px;
        line-height: 35px;
        margin-top: 20px
    }
    .pro_sj02 .pro_sj02_ul li {
        margin-right: 55px
    }
    .pro_sj02 .pro_sj02_ul {
        width: 740px
    }
    .pro_sj02 .pro_sj02img {
        width: 600px
    }
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li {
        height: 355px
    }
    .pro_sj05img {
        width: 1000px
    }
    .pro_sj05_ul li:nth-child(3) {
        left: 39%;
        top: 63%
    }
    .pro_sj05_ul li:nth-child(1) {
        left: 38%;
        top: 49%
    }
    .pro_sj06img {
        width: 800px
    }
    .pro_chan .pro_chanimg {
        width: 600px
    }
    .poo_cshu {
        background-size: 50%!important
    }
    .pro01 .pro01_lay h1 {
        font-size: 100px
    }
    .pro01 .pro01_lay h2 {
        font-size: 120px
    }
    .pro01play {
        width: 100px
    }
    .pro02img {
        width: 600px
    }
    .pro03img {
        width: 1200px
    }
    .pro03 {
        height: 800px
    }
    .pro03img01 {
        width: 150px
    }
    .pro03img02 {
        width: 70px
    }
    .pro03img03 {
        width: 100px
    }
    .pro03img04 {
        width: 90px
    }
    .pro03img05 {
        width: 120px
    }
    .canshu_in {
        margin: 0 5%
    }
    .canshu {
        top: 80px
    }
    .dowload_list h3 {
        font-size: 14px
    }
    .pro_xn03 .pro_xn03img_w01 {
        width: 650px;
        height: 650px;
        line-height: 650px
    }
    .pro_xn04 .pro_xn03img_w02 {
        width: 550px;
        height: 550px;
        line-height: 550px
    }
    .pro_xn04 .pro_xn03img_w02 img {
        width: 450px
    }

    .srf-hero--bike-images .bike-image {
        transform: scale(.8) translateX(-150px)
    }
    .ce_ul {
        width: 190px
    }
    .ce_ul li {
        margin-bottom: 20px
    }
    .ban_p02 {
        text-align: left;
        bottom: 8%;
        font-size: 16px;
        line-height: 25px
    }
    .srf-hero--viewer {
        right: 42%!important
    }
    .ban_p01 {
        font-size: 23px;
        top: 17%
    }
    .sha_w a {
        width: 30px;
        height: 30px;
        line-height: 30px
    }
    footer .foot_t .foot_ul li {
        width: 15%
    }
    footer .foot_t .foot_ul li:nth-child(5) {
        width: 22%
    }
    footer .foot_t .foot_ul li:nth-child(6) {
        width: 17%
    }
    .sha_w a img {
        width: 16px
    }
    .manual_con02_ul02 li {
        min-height: 270px
    }
    .table04 td,
    .table04 th {
        padding: 5px 0
    }
    .manual_con05_ul01 li p {
        font-size: 14px
    }
    .manual_con06_ul05 li,
    .parkcon {
        font-size: 14px
    }
    .manual_con02_ul02100 li {
        min-height: 275px
    }
    .parkcon {
        padding-right: 160px
    }
    .manual_con02_ul02100>li dl dd img,
    .manual_con02_ul02200>li dl dd img,
    .myul100 li dl dd img,
    .myul200 li dl dd img {
        width: 150px!important
    }
    .manual_con06_ul01>li ul {
        font-size: 14px
    }
    .manual_con02_ul02200 li {
        min-height: 280px
    }
    .manual_con02_ul02100 li {
        min-height: 330px
    }
}

@media(max-width:1300px) {
    .manual_con02_ul02100 li {
        min-height: 379px;
    }
    .manual_con02_ul02200 li {
        min-height: 297px;
    }
    .manual_con06_ul05 li {
        min-height: 130px;
    }
}

@media(max-width:1200px) {
    header .menu_ul>li {
        margin: 0 0
    }
    .banner .banner_lay h4 {
        font-size: 40px
    }
    .about_con_wrap {
        padding: 60px 0
    }
    .content,
    .load {
        padding: 0 60px
    }
    .essence_wrap {
        padding: 60px
    }
    .essence_wrap .essence_ul li .essence_lay {
        padding: 18% 15px 0
    }
    .essence_wrap .essence_ul li {
        height: 322px
    }
    .essence_wrap .essence_ul li p {
        font-size: 16px;
        line-height: 25px
    }
    .essence_wrap .essence_ul li h4,
    .tit_h4 {
        font-size: 30px
    }
    footer .foot_form button {
        width: 70px;
        font-size: 14px
    }
    .dealer_wrap {
        padding: 110px 50px
    }
    .manual_wrap .manual_con {
        padding: 40px 15px
    }
    .pro_xn02 .pro_xn02img02 {
        margin-top: -480px
    }
    .pro_xn03 .pro_xn03img,
    .pro_xn04 .pro_xn04img {
        width: 300px
    }
    .pro_xn03 {
        height: 400px
    }
    .pro_xn04 {
        height: 500px
    }
    .pro_sj02 .pro_sj02_ul {
        width: 568px
    }
    .pro_sj02 .pro_sj02_ul li {
        margin-right: 20px
    }
    .pro_sj02 .pro_sj02img {
        width: 500px
    }
    .pro_sj02>img:nth-child(1) {
        height: 700px
    }
    .pro_sj03img01 {
        width: 600px
    }
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li {
        height: 269px
    }
    .pro_sj05img {
        width: 700px
    }
    .pro03 .pro03img01 {
        top: 41%
    }
    .promini01_lay h3 {
        font-size: 100px
    }
    .promini01_lay h4 {
        font-size: 30px
    }
    .promini02img01 {
        margin-top: 20px
    }
    .pro_xn03 .pro_xn03img_w01 {
        width: 350px;
        height: 350px;
        line-height: 350px
    }
    .pro_xn04 .pro_xn03img_w02 {
        width: 350px;
        height: 350px;
        line-height: 350px
    }
    .pro_xn04 .pro_xn03img_w02 img {
        width: 270px
    }
    .ban_p02 {
        bottom: -2%
    }
    .ban_p01 {
        top: -2%
    }
    .ce_ul {
        top: 35%
    }
    .sha_w a {
        margin-right: 5px
    }
    .ce_ul span {
        display: inline-block;
        color: rgba(255, 255, 255, .3);
        font-size: 14px;
        position: relative
    }
    .ce_ul li {
        width: 33.333%;
        text-align: center;
        float: left;
        box-shadow: inherit!important
    }
    .ce_ul {
        width: 100%;
        left: 0;
        bottom: 8%;
        right: 0;
        top: auto!important
    }
    .ce_ul li img {
        display: none
    }
    .ce_ul span:after {
        content: "";
        width: 110%;
        height: 2px;
        position: absolute;
        left: -5%;
        bottom: -10px;
        display: none
    }
    .banner_wrap {
        background: #212020!important;
        margin-top: -52px!important
    }
    .index_headphone {
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }
    .header {
        display: block
    }
    .ban_p01,
    .ban_p02,
    .ban_sha,
    .banner_wrap:before,
    header {
        display: none!important
    }
    .manual_wrap .manual_wrap_ul li span {
        width: 80px;
        height: 80px;
        line-height: 80px
    }
    .manual_con02_ul02 li dd img {
        width: 100px
    }
    .manual_wrap .manual_con .manual_dl {
        padding-left: 86px
    }
    .manual_wrap .manual_con .manual_dl dt {
        width: 80px
    }
    .manual_con02_ul02 li:nth-child(4) dd img {
        width: 100px
    }
    .table04 td img {
        width: 40px
    }
    .manual_con06_ul01>li {
        width: 100%;
        float: none
    }
    .manual_con06_ul01>li:last-of-type {
        position: inherit;
        border: none
    }
    .manual_con06_ul04 {
        font-size: 14px
    }
    .manual_con06_ul05 li {
        min-height: 157px
    }
}

 

@media(max-width:991px) {
    body {
        padding-top: 72px
    }
    .banner .banner_lay h4 {
        font-size: 30px
    }
    .content,
    .load {
        padding: 0 30px
    }
    .essence_wrap {
        padding: 30px
    }
    .essence_wrap .essence_ul li {
        height: 253px
    }
    .essence_wrap .essence_ul li .essence_lay {
        padding: 12% 15px 0
    }
    footer .foot_t .foot_ul li {
        width: 33.333%;
        margin-bottom: 20px
    }
    .team_in .team_list {
        padding: 0 15px
    }
    .team_in {
        margin: 0 -15px
    }
    .team_in .team_list .team_peo a .zw {
        font-size: 16px
    }
    .team_in .team_list .team_peo a h3 {
        font-size: 26px
    }
    .team_in .team_list .team_peo a .info {
        font-size: 16px
    }
    .blog_wrap {
        padding: 30px 0
    }
    .blog_wrap .blog_list a .blog_b {
        padding: 15px 9px
    }
    .blog_wrap .blog_in {
        column-count: 2
    }
    .dealer_wrap {
        padding: 110px 15px
    }
    .dealer_wrap .dealer_ul li dl dt {
        right: 15px
    }
    .dealer_wrap .dealer_ul li dl {
        padding-right: 100px
    }
    .dealer_wrap .dealer_ul li:nth-child(2n) dt {
        left: 15px
    }
    .dealer_wrap .dealer_ul li:nth-child(2n) dl {
        padding-left: 100px
    }
    .manual_wrap .manual_wrap_ul li span {
        width: 60px;
        height: 60px;
        line-height: 60px
    }
    .pro_sj01 .pro_sj01_layin h3,
    .pro_xn01 .pro_xn01_lay h3 {
        font-size: 70px
    }
    .pro_sj01 .pro_sj01_layin h4,
    .pro_xn01 .pro_xn01_lay p {
        font-size: 20px
    }
    .tit_w p {
        font-size: 16px
    }
    .tit_w h3 {
        font-size: 30px
    }
    .pro_xn02 .pro_xn02_en p {
        top: 43%;
        left: -106%;
        font-size: 20px
    }
    .pro_xn02 .pro_xn02_en {
        width: 95px
    }
    .pro_xn04 .tit_w {
        width: 300px
    }
    .pro_xn05 .pro_xn05_ul li {
        margin: 0 20px
    }
    .pro_xn05 .pro_xn05_ul li p {
        font-size: 16px
    }
    .pro06 .pro06_lay h4 {
        font-size: 60px
    }
    .pro06 .pro06_lay h3 {
        font-size: 30px
    }
    .pro_xn02 .pro_xn02img01 {
        width: 600px
    }
    .pro_sj01 .pro_sj01_layin h4 {
        line-height: 25px
    }
    .pro_sj02 .pro_sj02_ul li span {
        width: 60px;
        height: 60px;
        line-height: 60px;
        border-width: 1px
    }
    .pro_sj02 .pro_sj02_ul li span img {
        transform: scale(.5)
    }
    .pro_sj02 .pro_sj02_ul li p {
        font-size: 14px;
        line-height: 18px
    }
    .pro_sj02 .pro_sj02_ul {
        width: 396px
    }
    .pro_sj02 .pro_sj02_ul li {
        width: 116px;
        margin-bottom: 18px
    }
    .pro_sj02 .pro_sj02_ul li p {
        font-size: 14px;
        line-height: 18px
    }
    .pro_sj02 .pro_sj02img {
        width: 300px
    }
    .pro_sj02 .zhu {
        font-size: 12px
    }
    .pro_sj02>img:nth-child(1) {
        height: 500px
    }
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li p {
        font-size: 16px;
        line-height: 25px;
        left: 5%;
        right: 5%
    }
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li {
        height: 200px
    }
    .pro_sj05img {
        width: 500px
    }
    .pro_sj05_ul li:nth-child(1) {
        left: 32%;
        top: 43%
    }
    .pro_sj05_ul li:nth-child(2) {
        left: 24%;
        top: 71%
    }
    .pro_sj05_ul li:nth-child(3) {
        left: 33%;
        top: 63%
    }
    .pro_sj06img {
        width: 600px
    }
    .tit_w p {
        line-height: 25px
    }
    .pro01 .pro01_lay h1 {
        font-size: 70px
    }
    .pro01 .pro01_lay h2 {
        font-size: 80px
    }
    .pro01play {
        width: 80px
    }
    .pro02 .pro02img {
        width: 400px
    }
    .pro03 {
        height: 600px
    }
    .pro03img01 {
        width: 100px
    }
    .pro03img02 {
        width: 50px
    }
    .pro03img03 {
        width: 80px
    }
    .pro03img04 {
        width: 70px
    }
    .pro03img05 {
        width: 90px
    }
    .srf-hero--headline .svg-srf,
    .srf-hero--headline .svg-zero {
        font-size: 75px
    }
    .manual_con02_ul02 li {
        width: 100%;
        float: none;
        min-height: 200px
    }
    .manual_wrap .manual_con {
        font-size: 14px;
        line-height: 23px
    }
    .table04 td img {
        width: 30px
    }
    .manual_con06_ul01>li:nth-child(3) ul li {
        width: 100%;
        float: none
    }
    .manual_con06_ul07 li {
        min-height: 440px
    }
    .manual_con06_ul01 {
        height: inherit
    }
    .manual_con06_ul01>li:last-of-type {
        width: 100%
    }
    .table08 td,
    .table08 th {
        font-size: 14px
    }
    .manual_con09_ul01 li {
        margin-bottom: 15px
    }
    .manual_con02_ul02100 li {
        min-height: 280px!important
    }
    .myul200 li {
        min-width: 250px!important
    }
}

@media(max-width:1024px) {
    .menu_secul11 {
        width: 100%;
    }
    .logo_phone {
        width: 40px
    }
    .phone_menu {
        margin-top: 2px
    }
    .phone_menu i {
        font-size: 26px
    }
    body {
        padding-top: 53px
    }
    .load {
        display: none
    }
    .menu_phone_ul {
        top: 52px
    }
    .menu_phone_ul li {
        padding: 15px 0
    }
    .sec_menu_phone_ul li {
        padding: 10px 0
    }
    .about_con_wrap h3.about_con_tit,
    .essence_wrap .essence_wrap_tit {
        font-size: 26px
    }
    .about_con_wrap .about_con_p {
        font-size: 16px;
        line-height: 25px;
        font-weight: 700;
        margin: 0 0 10px
    }
    .about_con_wrap {
        font-size: 14px;
        line-height: 25px;
        padding: 30px 0
    }
    .about_con_wrap .about_con h5 {
        font-size: 20px
    }
    .about_con_wrap .about_conimg {
        margin-top: 50px
    }
    .essence_wrap .essence_wrap_tit {
        margin-bottom: 30px
    }
    .essence_wrap {
        padding: 30px 15px;
        text-align: center
    }
    .content {
        padding: 0 15px
    }
    .essence_wrap .essence_ul li {
        height: auto
    }
    .essence_wrap .essence_ul li .essence_lay {
        padding: 30px 15px
    }
    .essence_wrap .essence_ul li h4 {
        font-size: 26px
    }
    footer .foot_t .foot_ul li {
        float: none;
        width: 100%
    }
    footer .foot_t .foot_ul li h3 span {
        display: inline-block;
        float: right
    }
    footer .foot_t .foot_ul li h3 span i {
        color: #fff
    }
    footer .foot_t .foot_ul li h3 a {
        display: inline-block
    }
    footer .foot_t .foot_ul li h3 a {
        font-size: 14px
    }
    footer .foot_t .foot_ul li h3 {
        padding-bottom: 10px;
        margin-bottom: 10px
    }
    footer .foot_t .foot_ul li {
        margin-bottom: 0
    }
    footer .copy {
        padding: 5px 15px;
        font-size: 12px
    }
    .phone_team_peo {
        display: block
    }
    .team_in {
        display: none
    }
    .team_wrap .tit_h4 {
        font-size: 30px;
        margin-bottom: 30px
    }
    .team_wrap {
        padding-top: 30px
    }
    .team_peo a h3 {
        margin-top: 0
    }
    .team_b {
        padding: 50px 0 30px;
        text-align: center
    }
    .team_peo a .info {
        font-size: 14px;
        line-height: 20px
    }
    .team_peo a h3 {
        font-size: 22px
    }
    .blog_wrap .blog_in {
        column-count: 1
    }
    .blog_wrap .blog_list {
        margin-bottom: -5px
    }
    .new_h1 {
        font-size: 26px
    }
    .page_w span {
        font-size: 12px;
        margin-bottom: 5px
    }
    .dealer_wrap .dealer_ul li {
        width: 100%
    }
    .dealer_wrap .dealer_ul li:before,
    .dealer_wrap:before {
        display: none
    }
    .dealer_wrap .dealer_ul li {
        min-height: auto;
        margin-bottom: 25px
    }
    .dealer_wrap {
        padding: 60px 0
    }
    .dealer_wrap .dealer_ul li dl dd p {
        padding-right: 15px;
        line-height: 20px
    }
    .dealer_wrap .dealer_ul li:last-of-type {
        margin-bottom: 0
    }
    .dealer_wrap .dealer_ul li dl dt {
        left: 15px;
        right: auto
    }
    .dealer_wrap .dealer_ul li dl {
        padding-right: 0;
        padding-left: 100px
    }
    .dealer_wrap .dealer_ul li dl dd h4,
    .dealer_wrap .dealer_ul li dl dd p {
        text-align: left
    }
    .deal_form p {
        font-size: 16px;
        margin-bottom: 20px
    }
    .deal_form .deal_form_list .zhuyi_p {
        width: 100%;
        line-height: 22px
    }
    .deal_form button {
        width: 100%
    }
    .deal_form {
        padding-bottom: 20px
    }
    .dls_wrap {
        padding-top: 30px
    }
    .essence_wrap .essence_ul li h4,
    .tit_h4 {
        font-size: 26px
    }
    .manual_wrap .manual_wrap_ul li span {
        width: 60px;
        height: 60px;
        line-height: 60px
    }
    .manual_wrap .manual_wrap_ul {
        margin-bottom: 15px
    }
    .manual_wrap {
        padding: 30px 0
    }
    .manual_wrap .manual_con .manual_dl dt {
        width: 40px
    }
    .manual_wrap .manual_con .manual_dl {
        padding-left: 50px
    }
    .manual_wrap .manual_con .manual_dl dd p {
        font-size: 14px;
        line-height: 20px;
        text-align: initial !important;
    }
    .manual_wrap h3 {
        font-size: 18px
    }
    .manual_wrap .manual_con {
        font-size: 14px;
        line-height: 20px
    }
    .manual_wrap .sa_w .sa_dl dt {
        width: 55px
    }
    .manual_wrap .sa_w .sa_dl {
        padding: 15px 15px 15px 60px
    }
    .manual_wrap .sa_w .sa_dl dd {
        font-size: 14px;
        /* text-align: justify*/
    }
    .manual_wrap .save_w .save_span {
        font-size: 14px;
        padding: 5px 15px
    }
    .manual_wrap .save_w .save_wimg {
        position: inherit;
        margin-top: 40px
    }
    .save_w {
        overflow: hidden
    }
    .save_w img {
        float: right;
        width: 100px
    }
    .support_wrap {
        padding-top: 30px
    }
    .support_wrap .support_wrapin .support_wrap_l,
    .support_wrap .support_wrapin .support_wrap_r {
        width: 100%;
        float: none
    }
    .support_wrap .support_wrapin .support_wrap_l ul li {
        width: 25%;
        float: left;
        padding-bottom: 10px;
        padding-top: 0
    }
    .support_wrap .support_wrapin {
        padding: 30px 15px
    }
    .support_wrap .support_wrapin .support_wrap_l ul li:before {
        width: 0;
        height: 2px;
        left: 0;
        top: auto;
        bottom: 0;
        right: auto
    }
    .support_wrap .support_wrapin .support_wrap_l ul li.active:before {
        height: 2px;
        width: 100%
    }
    .support_wrap .support_wrapin .support_wrap_l ul li i {
        font-size: 30px
    }
    .support_wrap .support_wrapin .support_wrap_l ul li p {
        font-size: 12px
    }
    .support_wrap .support_wrapin .support_wrap_r {
        height: 284px
    }
    .support_wrap .support_wrapin .support_wrap_r .support_wrap_r_cons dl dd {
        font-size: 14px
    }
    .support_wrap .support_wrapin .support_wrap_r .support_wrap_r_cons dl {
        padding: 10px 0
    }
    .mail_wrap {
        padding: 30px 0
    }
    .tit_p {
        font-size: 16px
    }
    .mail_wrap .mail_form button {
        width: 100%
    }
    .service_wrap {
        font-size: 16px;
        padding: 20px 0
    }
    .lx_wrap {
        padding-top: 30px
    }
    .con_ul li dl dt {
        display: inline-block;
        width: 80px;
        height: 80px;
        line-height: 80px;
        position: inherit;
        left: auto;
        top: auto
    }
    .con_ul li dl dt i {
        font-size: 30px
    }
    .con_ul li dl {
        padding: 0;
        text-align: center;
        width: auto
    }
    .con_ul li dl dd {
        text-align: center
    }
    .con_ul li {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 25px
    }
    .con_ul li dl dd h4 {
        margin: 10px 0 5px
    }
    .con_ul li:nth-child(3) {
        text-align: center
    }
    .con_ul li:nth-child(2):after,
    .con_ul li:nth-child(2):before {
        display: none
    }
    .con_ul {
        margin-bottom: 30px
    }
    .form_wrap {
        padding: 30px 15px;
        margin-bottom: 30px
    }
    .form_wrap .form_wrap_p {
        font-size: 16px
    }
    .form_wrap .lx_list button {
        width: 100%;
        margin-top: 15px
    }
    .pro_xn01 .pro_xn01_lay h3 {
        font-size: 30px
    }
    .pro_sj01 .pro_sj01_layin h4,
    .pro_xn01 .pro_xn01_lay p {
        font-size: 16px;
        padding: 0 15px;
        line-height: 20px
    }
    .pro_xn02 .tit_w p {
        padding: 0 15px;
        line-height: 20px
    }
    .tit_w h3 {
        font-size: 26px
    }
    .pro_xn02 {
        padding-top: 30px
    }
    .pro_xn02 .pro_xn02img01 {
        width: 300px
    }
    .pro_xn02 .pro_xn02tit_w02 {
        padding-top: 30px
    }
    .pro_xn02 .pro_xn02_bnum {
        width: 250px;
        height: 250px;
        line-height: 250px
    }
    .pro_xn02 .pro_xn02_bnum h3 {
        font-size: 40px
    }
    .pro_xn02 .pro_xn02_bnum h3 i {
        font-size: 20px
    }
    .pro_xn02 .pro_xn02_en p {
        top: 53%;
        left: -109%
    }
    .pro_xn02 .pro_xn02_en {
        height: 300px
    }
    .pro_xn02 .pro_xn02img02 {
        margin-top: -180px
    }
    .pro03 .tit_w,
    .pro_sj02 .tit_w,
    .pro_sj05 .tit_w,
    .pro_sj06 .tit_w,
    .pro_xn03 .tit_w,
    .pro_xn04 .tit_w {
        width: 100%;
        top: 30px;
        left: 0;
        right: 0;
        text-align: center
    }
    .pro_xn03 .pro_xn03img_w01,
    .pro_xn04 .pro_xn03img_w02 {
        bottom: 30px;
        left: 0;
        right: 0;
        text-align: center;
        width: 200px
    }
    .pro_xn04 {
        height: 400px
    }
    .tit_w p {
        line-height: 25px
    }
    .pro_xn05 {
        padding: 30px 15px
    }
    .pro_xn05 .pro_xn05_ul li span {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-bottom: 5px
    }
    .pro_xn05 .pro_xn05_ul li span img {
        width: 25px
    }
    .pro_xn05 .pro_xn05_ul li p {
        font-size: 12px
    }
    .pro_xn05 .pro_xn05_ul li {
        margin: 0 10px
    }
    .pro_xn05 .pro_xn05_ul {
        margin-top: 30px
    }
    .pro_xn05 .pro_xn05img {
        width: 250px
    }
    .pro06 .pro06_lay h3 {
        font-size: 24px
    }
    .pro_sj01 .pro_sj01_layin h3 {
        font-size: 30px
    }
    .pro06 .pro06_lay h4 {
        font-size: 22px
    }
    .pro_sj01 .pro_sj01_layin h4 {
        margin-top: 5px
    }
    .pro_sj02 .pro_sj02_ul li {
        margin-right: 10px;
        width: 97px;
        min-height: 86px
    }
    .pro_sj02 .pro_sj02_ul li p {
        font-size: 12px;
        line-height: 18px;
        margin-top: 10px
    }
    .pro_sj02 .pro_sj02_ul li span {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
    .pro_sj02 .pro_sj02_ul {
        width: 300px;
        top: 27%
    }
    .pro_sj02img02 {
        display: block;
        position: absolute;
        top: 30%;
        right: -26%;
        width: 300px;
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        -o-transform: rotate(18deg);
        transform: rotate(18deg)
    }
    .pro_sj02img01 {
        display: none
    }
    .pro_sj03 {
        padding: 30px 0
    }
    .pro_sj03 .tit_w h3 {
        padding: 0 15px
    }
    .pro_sj03img01 {
        width: 300px
    }
    .pro_sj04 .pro_sj04_top {
        padding: 30px 0 0
    }
    .pro_sj04 .pro_sj04img {
        margin-top: 30px
    }
    .pro_sj04 {
        padding-bottom: 30px
    }
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li {
        height: auto
    }
    .pro_sj04_list_l {
        height: 200px
    }
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li:nth-child(2n) .pro_sj04_list_r {
        float: none
    }
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li:nth-child(2n) .pro_sj04_list_l {
        float: none
    }
    .imgpc {
        display: none
    }
    .imgphone {
        display: block
    }
    .pro_sj05_ul li .pr,
    .pro_sj05_ul li .pro_sj05_span01 {
        width: 40px;
        height: 40px
    }
    .pro_sj05_ul li .pro_sj05_span02 {
        width: 20px;
        height: 20px;
        top: 10px;
        left: 10px
    }
    .pro_sj05_ul li:nth-child(1) {
        left: 30%;
        top: 35%
    }
    .pro_sj05_ul li:nth-child(2) {
        left: 16%;
        top: 62%
    }
    .pro_sj05_ul li:nth-child(3) {
        left: 30%;
        top: 53%
    }
    .pro_sj06 {
        padding: 30px 0
    }
    .pro_chan {
        padding-top: 60px
    }
    .pro_chan .pro_chanimg {
        width: 300px
    }
    .pro_chan_b {
        margin-top: 30px
    }
    .poo_cshu_w .poo_cshu {
        padding: 30px 0
    }
    .poo_cshu_w .poo_cshu h3 {
        font-size: 26px
    }
    .poo_cshu_w .poo_cshu table td,
    .poo_cshu_w .poo_cshu table th {
        padding: 10px;
        font-size: 14px;
        line-height: 20px
    }
    .poo_cshu_w .poo_cshu table th {
        width: 100px!important
    }
    .pro01 .pro01_lay h1 {
        font-size: 26px
    }
    .pro01 .pro01_lay h2 {
        font-size: 30px
    }
    .pro01play {
        width: 40px
    }
    .pro02 .pro02img {
        width: 250px
    }
	    .pro0232 .pro0232img {
      
    }
    .pro03 {
        height: 400px
    }
    .pro03 .tit_w {
        padding: 0 15px
    }
    .pro03 .pro03img {
        width: 400px
    }
    .pro03 .pro03img01 {
        width: 40px;
        top: 56%
    }
    .pro03 .pro03img02 {
        width: 20px;
        top: 55%
    }
    .pro03 .pro03img03 {
        width: 50px;
        top: 49%
    }
    .pro03 .pro03img04 {
        width: 30px;
        top: 90%
    }
    .pro03 .pro03img05 {
        width: 50px;
        top: 50%
    }
    .canshu ul li a {
        font-size: 12px;
        margin-left: 5px
    }
    .canshu h3 {
        font-size: 12px;
        font-weight: 700;
        display: block
    }
    .canshu ul {
        overflow: hidden
    }
    .canshu ul li {
        margin: 0;
        padding-right: 10px
    }
    .canshu_in {
        padding: 5px 0;
        overflow: hidden
    }
    .canshu {
        top: 60px
    }
    .promini01_lay h3 {
        font-size: 30px
    }
    .promini01_lay h4 {
        font-size: 16px
    }
    .promini02 {
        padding: 30px 5%;
        font-size: 14px
    }
    .promini02 h3 {
        font-size: 22px
    }
    .promini02img01 {
        margin-bottom: 20px
    }
    .banner .banner_layin {
        display: none
    }
    .essence_wrap .essence_ul li .essence_lay01 {
        height: 245px!important
    }
    .about_con_wrap h3.about_con_tit,
    .blog_wrap .tit_h4,
    .essence_wrap .essence_wrap_tit,
    .new_h1,
    .team_wrap .tit_h4,
    .tit_h4 {
        background-image: -webkit-linear-gradient(to right, #c813ff, #72f9ff);
        background-image: -moz-linear-gradient(to right, #c813ff, #72f9ff);
        background-image: -ms-linear-gradient(to right, #c813ff, #72f9ff);
        background-image: -o-linear-gradient(to right, #c813ff, #72f9ff);
        background-image: linear-gradient(to right, #c813ff, #72f9ff);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -ms-background-clip: text;
        -o-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-text-fill-color: transparent;
        -ms-text-fill-color: transparent;
        -o-text-fill-color: transparent;
        text-fill-color: transparent;
        display: block
    }
    .banner .banner_lay {
        display: none
    }
    .blog_wrap .blog_list a .blog_b h3,
    .essence_wrap .essence_ul li h4 {
        font-size: 22px!important
    }
    footer .copy {
        text-align: center
    }
    footer .copy p {
        float: none
    }
    .blog_wrap .tit_h4,
    .team_wrap .tit_h4 {
        font-size: 26px
    }
    .team_in .team_list .team_peo a .scale01:before {
        display: block!important
    }
    .team_peo a .zw {
        font-size: 18px
    }
    .new_h1 {
        font-size: 20px
    }
    .pro01 .pro01_lay {
        top: 29%
    }
    .tit_w h3 {
        line-height: 30px
    }
    .canshu ul li a {
        display: block!important
    }
    .pro05 .tit_w {
        left: 5%;
        right: auto!important;
        text-shadow: 2.5px 4.33px 5px rgba(49, 47, 47, .7)
    }
    .pro_sj01 .pro_sj01_layin {
        top: 40%
    }
    .pro_sj02 .pro_sj02_ul li:nth-child(3n) {
        margin-right: 10px
    }
    .pro_sj03 .tit_w h3 {
        font-size: 18px;
        line-height: 25px
    }
    .tit_w h3 {
        margin-bottom: 0
    }
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li:nth-child(2) .pro_sj04_list_l,
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li:nth-child(3) .pro_sj04_list_l,
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li:nth-child(4) .pro_sj04_list_l {
        display: none
    }
    .pro_sj04_list_r:before {
        content: "";
        width: 100%;
        height: 100%;
        background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
        position: absolute;
        top: 0;
        left: 0
    }
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li {
        background: 0 0!important
    }
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li:nth-child(1) .pro_sj04_list_r:before {
        display: none
    }
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li .pro_sj04_list_l,
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li .pro_sj04_list_r {
        margin-bottom: 15px
    }
    .pro_sj04 .pro_sj04_in .pro_sj04_in_ul li .pro_sj04_list_r p.imgphone {
        top: 30px
    }
    .pro_sj05_ul li p {
        font-size: 14px;
        top: 41px
    }
    .pro_xn01 .pro_xn01_lay {
        top: 42%
    }
    .dowload_list a i {
        padding: 20px 0 0
    }
    .dowload_list h3 {
        padding: 20px 0 20px
    }
    .down_wrap {
        padding: 30px 0
    }
    .pro_xn04 .pro_xn03img_w02 {
        width: 200px;
        height: 200px;
        line-height: 200px
    }
    .pro_xn03 .pro_xn03img_w01 img,
    .pro_xn04 .pro_xn03img_w02 img {
        width: 150px
    }
    .pro_xn03 .pro_xn03img_w01 {
        width: 200px;
        height: 200px;
        line-height: 200px
    }
    .pro_xn03 .pro_xn03img_w01,
    .pro_xn04 .pro_xn03img_w02 {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .banner_wrap:before,
    footer .foot_t .foot_ul li {
        display: none
    }
    footer .foot_t .foot_ul li:last-of-type {
        display: block
    }
    footer .foot_form button {
        width: 100px
    }
    footer .foot_t .foot_ul li:last-of-type h3 {
        display: none
    }
    .sha_w {
        overflow: hidden;
        text-align: center;
        display: inline-block
    }
    .foot_b_wrap {
        text-align: center
    }
    .fixtop {
        width: 40px;
        height: 40px;
        line-height: 44px;
        right: 20px;
        bottom: 10%
    }
    .fixtop i {
        font-size: 25px
    }
    #dowebok {
        position: inherit!important
    }
    .index_head.active {
        display: none!important
    }
    .srf-hero--bike-images .bike-image {
        transform: scale(1.1) translateX(0)
    }
    .srf-app,
    .srf-hero--background,
    .srf-hero.theme-green {
        background-image: url(../images/55555.jpg) !important;
        background-size: 100% 100% !important;
    }
    .srf-hero--viewer {
        right: 50%!important
    }
    footer .foot_t .foot_ul li:nth-child(6) {
        width: 100%!important
    }
    .manual_con02_ul02 li dd img {
        width: 120px!important
    }
    .ce_ul li:nth-of-type(1) span {
        background-image: -webkit-linear-gradient(to right, #c813ff, #72f9ff);
        background-image: -moz-linear-gradient(to right, #c813ff, #72f9ff);
        background-image: -ms-linear-gradient(to right, #c813ff, #72f9ff);
        background-image: -o-linear-gradient(to right, #c813ff, #72f9ff);
        background-image: linear-gradient(to right, #c813ff, #72f9ff);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -ms-background-clip: text;
        -o-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-text-fill-color: transparent;
        -ms-text-fill-color: transparent;
        -o-text-fill-color: transparent;
        text-fill-color: transparent;
    }
    .ce_ul li span {
        color: #525254;
    }
    .manual_con02_ul02 li:nth-child(6) dd img {
        width: 80px!important
    }
    .manual_con02_ul02 li {
        min-height: inherit
    }
    .table04 tr td:nth-child(1),
    .table04 tr td:nth-child(3) {
        width: 80px!important
    }
    .table04 td img {
        width: 25px
    }
    .manual_con05_ul01 li {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }
    .manual_con06_ul01>li {
        min-height: inherit
    }
    .manual_con06_ul03 {
        margin-top: 10px
    }
    .manual_con06_ul10 li {
        width: 100%
    }
    .manual_con06_ul05 li {
        padding: 15px 15px 15px 0;
        margin-bottom: 0;
        float: none;
        width: 100%
    }
    .parkcon img {
        display: none
    }
    .parkcon {
        padding-right: 0
    }
    .manual_con02_ul02100 li img,
    .manual_con02_ul02200 li img {
        float: none!important
    }
    .manual_con06_ul07 li {
        width: 100%;
        float: none
    }
    .manual_con06_ul07 p {
        margin-top: 10px
    }
    .manual_con06_ul01 {
        height: inherit
    }
    .manual_con06_ul01>li:last-of-type {
        width: 100%
    }
    .pro_sj05_ul li p {
        left: -82%;
        transform: translateX(0);
    }
    .pro_sj05_ul li:hover p {
        opacity: 1;
        top: 43px;
        font-size: 12px;
    }
    .manual_wrap .manual_wrap_ul {
        display: block !important;
    }
    .manual_wrap .manual_wrap_ul li {
        flex: inherit !important;
        width: 33.333%;
        padding: 0 5px;
    }
    .manual_wrap .manual_wrap_ul li h3 {
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 10px;
    }
    .myul100 li dl dd img {
        width: 100px !important;
    }
    .manual_con06_ul01>li:nth-child(2) ul li {
        width: 100%;
        float: none;
    }
    .manual_con06_ul01 li,
    .manual_con02_ul01 li {
        text-align: initial !important;
    }
    .table04 td {
        font-size: 12px;
    }
    .manual_con06_ul05 li:nth-child(2n) {
        float: none;
    }
    .manual_con06_ul05 li {
        padding: 0;
        min-height: inherit !important;
    }
    .srf-hero--cursor-large {
        display: block !important;
        opacity: 1 !important;
        top: 0 !important;
        bottom: auto !important;
    }
    .srf-hero--cursor .loading-animation {
        opacity: 1;
    }
    .srf-hero.animate .svg-srf {
        font-size: 50px;
    }
    .srf-hero--headline .svg-srf {
        /*top: 35px !important; */
    }
}

.new_lb_div .gallery-top {
    width: 80%;
    float: left;
}

.new_lb_div .gallery-thumbs {
    width: 16%;
    float: right;
    height: 570px;
    margin-top: 32px;
}

.new_lb_div .swiper-slide {
    border: 1px solid #dcdcdc;
    /* background: #fff; */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.new_lb_div .gallery-top .swiper-slide>div {
    height: 520px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.new_lb_div .swiper-button-next,
.new_lb_div .swiper-button-prev {
    background: none;
    height: 26px;
    line-height: 26px;
    width: 130px;
    opacity: 1;
    background: #d6d6d6;
}

.new_lb_div .swiper-button-next .iconfont,
.new_lb_div .swiper-button-prev .iconfont {
    font-size: 25px;
    font-weight: bold;
}

.new_lb_div .swiper-button-next span,
.new_lb_div .swiper-button-prev span {
    /* height: 40px; */
    width: 100%;
    background: #ebebeb;
    display: inline-block;
    color: #ac5dff;
    /* line-height: 40px; */
    text-align: center;
}

.new_lb_div .swiper-button-next {
    top: 22px;
    right: 0;
}

.new_lb_div .swiper-button-prev {
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
}

.new_lb_div .swiper-slide-thumb-active {
    border: 1px solid #35a7ed;
}
.new_lb_size table,
.new_lb_size td,
.new_lb_size tr{
    border: none;
}
.new_lb_size tr{
    line-height: 45px;
}
@media(max-width:767px){
    .hat_div .blog_in .blog_list{
        width: 50%;
    }
    .new_lb_div .gallery-top{
        width: 100%;
        float: none;
    }
    /* .new_lb_div .gallery-thumbs{
        width: 100%;
        float: none;
        height: auto;
    } */
    .new_lb_div .gallery-thumbs {
        height: 100%;
        width: 80%;
        margin: 25px 35px 0 8%;
    }
    .new_lb_div .swiper-button-next {
        top: auto;
        right: auto;
        left: 0;
        bottom: 2px;
    }
    .new_lb_div .swiper-button-next,
    .new_lb_div .swiper-button-prev {
        height: 70px;
        width: 30px;
    }
}
@media only screen and (min-width: 480px) {
	body { font-size: 13px;}
	.banner {
    font-size: 1em;
	white-space: nowrap;
}
}
@media only screen and (min-width: 768px) {
	body { font-size: 14px;}
		.banner {
    font-size: 1.5em;
	white-space: nowrap;
}
}
@media only screen and (min-width: 1000px) {
	body { font-size: 20px;}
	.mainframe { font-size: 12px; background: no-repeat url("../img/triangels1024.png");}
	/* banner ist die Hauptüberschrift direkt unter dem Menü */
.banner {font-size: 2.5em; white-space: nowrap; line-height: 1.2;}
.banner2 {font-size: 2.5em; white-space: nowrap; line-height: 1.2; font-weight: 700;}
/*Dieser Block ist das Verhältniss der Elemente auf der Startseite */
.srf-hero--headline .svg-zero { color: #c813ff; font-weight: 700;}
.srf-hero--headline .svg-srf {color: #fff; font-weight: 700;}
.frontheadlefttop {font-size: 5em; text-align: left; position:absolute; z-index: 666; top: 70px; left: 5%;}
.frontheadleftbottom {font-size: 2em; text-align: left; position: absolute; z-index: 888;  top: 170px; left: 6%;}
.frontheadleftspecs {position: absolute; top: 220px; text-align: left; left: 6%;}
.frontheadrighttop {font-size: 5em; text-align: right; position: absolute; z-index: 666; top: 70px; right: 5%;}
.frontheadrightbottom {font-size: 2em; text-align: right; position: absolute; z-index: 888; top: 170px; right: 6%;}
.frontheadrightspecs {position: absolute; top: 220px; right: 6%; text-align: right;}
.w111l { left: 19.5%; top: 88px; width: 30%; height: auto;}
.w111r { right: 18%; top: 100px; width: 30%; height: auto;}
.buttonbottom {font-size: 1em;width: 45%; position: absolute; z-index:999; top: 350px; text-align: center;  font-weight: 700;}
.buttonbottomleft {width: 50%; float: left; text-align: right;}
.buttonbottomleft img {width: 50%; }
.buttonbottomright {width: 50%; float: right; text-align: left;}
.buttonbottomright img {width: 50%;}
.buttonleft img {width: 50%; height: auto; text-align: right;}
.buttonright img {width: 50%; height: auto;}
.innerboxleft {width: 50%; height: 100%; min-height: 900px; float: left;}
.innerboxright {width: 50%; height: 100%; min-height: 850px; float: right;}
footer .copy {padding: 30px 10%;}
}
@media only screen and (min-width: 1170px) {
	body { font-size: 20px;}
	.mainframe { font-size: 20px; background: no-repeat url("../img/triangels.png");background-color: #212020; height: 540px; background-position: bottom; background-repeat: no-repeat;}
	/* banner ist die Hauptüberschrift direkt unter dem Menü */
.banner {font-size: 2em; white-space: nowrap; line-height: 1.2;}
.banner2 {font-size: 2em; white-space: nowrap; line-height: 1.2;}
/*Dieser Block ist das Verhältniss der Elemente auf der Startseite */
.srf-hero--headline .svg-zero { color: #c813ff; font-weight: 700;}
.srf-hero--headline .svg-srf {color: #fff; font-weight: 700;}
.frontheadlefttop {font-size: 7em; text-align: left; position:absolute; z-index: 666; top: 100px; left: 5%;}
.frontheadleftbottom {font-size: 3em; text-align: left; position: absolute; z-index: 888;  top: 220px; left: 6%;}
.frontheadleftspecs {position: absolute; top: 300px; text-align: left; left: 6%;}
.frontheadrighttop {font-size: 7em; text-align: right; position: absolute; z-index: 666; top: 100px; right: 5%;}
.frontheadrightbottom {font-size: 3em; text-align: right; position: absolute; z-index: 888; top: 220px; right: 6%;}
.frontheadrightspecs {position: absolute; top: 300px; right: 6%; text-align: right;}
.w111l { left: 19.5%; top: 120px; width: 30%; height: auto;}
.w111r { right: 18%; top: 140px; width: 30%; height: auto;}
.buttonbottom {font-size: 1.5em;width: 45%; position: absolute; z-index:999; top: 450px; text-align: center;  font-weight: 700;}
.buttonbottomleft {width: 50%; float: left; text-align: right;}
.buttonbottomleft img {width: 50%; }
.buttonbottomright {width: 50%;}
.buttonbottomright img {width: 50%;}
.buttonleft img {width: 50%; height: auto; text-align: right;}
.buttonright img {width: 50%; height: auto;}
.innerboxleft {width: 50%; height: 100%;  float: left;}
.innerboxright {width: 50%; height: 100%;  float: right;}
footer .copy {padding: 30px 10%;}
}
@media only screen and (min-width: 1340px) {
	body { font-size: 20px;}
	.mainframe { font-size: 20px; background: no-repeat url("../img/triangels1366.png");background-color: #212020; height: 700px; background-position: bottom; background-repeat: no-repeat;}
	/* banner ist die Hauptüberschrift direkt unter dem Menü */
.banner {font-size: 2em; white-space: nowrap; line-height: 1.2;}
.banner2 {font-size: 2em; white-space: nowrap; line-height: 1.2;}
/*Dieser Block ist das Verhältniss der Elemente auf der Startseite */
.srf-hero--headline .svg-zero { color: #c813ff; font-weight: 700;}
.srf-hero--headline .svg-srf {color: #fff; font-weight: 700;}
.frontheadlefttop {font-size: 8em; text-align: left; position:absolute; z-index: 666; top: 140px; left: 5%;}
.frontheadleftbottom {font-size: 3em; text-align: left; position: absolute; z-index: 888;  top: 280px; left: 6%;}
.frontheadleftspecs {position: absolute; top: 350px; text-align: left; left: 6%;}
.frontheadrighttop {font-size: 8em; text-align: right; position: absolute; z-index: 666; top: 140px; right: 5%;}
.frontheadrightbottom {font-size: 3em; text-align: right; position: absolute; z-index: 888; top: 280px; right: 6%;}
.frontheadrightspecs {position: absolute; top: 350px; right: 6%; text-align: right;}
.w111l { left: 16%; top: 150px; width: 30%; height: auto;}
.w111r { right: 16%; top: 170px; width: 30%; height: auto;}
.buttonbottom {font-size: 1.5em;width: 45%; position: absolute; z-index:999; top: 470px; text-align: center;  font-weight: 700;}
.buttonbottomleft {width: 50%; float: left; text-align: right;}
.buttonbottomleft img {width: 50%; }
.buttonbottomright {width: 50%; float: right; text-align: left;}
.buttonbottomright img {width: 50%;}
.buttonleft img {width: 50%; height: auto; text-align: right;}
.buttonright img {width: 50%; height: auto;}
.innerboxleft {width: 50%; height: 100%;  float: left;}
.innerboxright {width: 50%; height: 100%;  float: right;}
footer .copy {padding: 30px 10%;}
}
@media only screen and (min-width: 1580px) {
	body { font-size: 20px;}
	.mainframe { font-size: 20px; background-image: url("../img/triangels.png"); background-color: #212020; height: 850px; background-position: bottom; background-repeat: no-repeat;}
	/* banner ist die Hauptüberschrift direkt unter dem Menü */
.banner {font-size: 2.5em; white-space: nowrap; line-height: 1.2;} 
.banner2 {font-size: 2.5em; white-space: nowrap; line-height: 1.2; }
/*Dieser Block ist das Verhältniss der Elemente auf der Startseite */
.srf-hero--headline .svg-zero { color: #c813ff; font-weight: 700;}
.srf-hero--headline .svg-srf {color: #fff; font-weight: 700;}
.frontheadlefttop {font-size: 11em; text-align: left; position:absolute; z-index: 666; top: 140px; left: 5%;}
.frontheadleftbottom {font-size: 5em; text-align: left; position: absolute; z-index: 888;  top: 340px; left: 6%;}
.frontheadleftspecs {position: absolute; top: 480px; text-align: left; left: 6%;}
.frontheadrighttop {font-size: 11em; text-align: right; position: absolute; z-index: 666; top: 140px; right: 5%;}
.frontheadrightbottom {font-size: 5em; text-align: right; position: absolute; z-index: 888; top: 340px; right: 6%;}
.frontheadrightspecs {position: absolute; top: 480px; right: 6%; text-align: right;}
.w111l { left: 16%; top: 200px; width: 30%; height: auto;}
.w111r { right: 16%; top: 220px; width: 30%; height: auto;}
.buttonbottom {font-size: 2em;width: 45%; position: absolute; z-index:999; top: 650px; text-align: center;  font-weight: 700;}
.buttonbottomleft {width: 50%; float: left; text-align: right;}
.buttonbottomright {width: 50%; float: right; text-align: left;}
.buttonleft img {width: 50%; height: auto; text-align: right;}
.buttonright img {width: 50%; height: auto;}
.innerboxleft {width: 50%; height: 100%;  float: left;}
.innerboxright {width: 50%; height: 100%;  float: right;}
footer .copy {padding: 30px 10%;}
}
@media only screen and (min-width: 1780px) {
	body { font-size: 20px;}
	.mainframe { font-size: 20px; background: no-repeat url("../img/triangels.png"); background-color: #212020; height: 1040px; background-position: top; background-repeat: no-repeat;}
	/* banner ist die Hauptüberschrift direkt unter dem Menü */
.banner {font-size: 3em; white-space: nowrap; line-height: 1.2;}
.banner2 {font-size: 3em; white-space: nowrap; line-height: 1.2; }
/*Dieser Block ist das Verhältniss der Elemente auf der Startseite */
.srf-hero--headline .svg-zero { color: #c813ff; font-weight: 700;}
.srf-hero--headline .svg-srf {color: #fff; font-weight: 700;}
.frontheadlefttop {font-size: 11em; text-align: left; position:absolute; z-index: 666; top: 210px; left: 5%;}
.frontheadleftbottom {font-size: 5em; text-align: left; position: absolute; z-index: 888;  top: 410px; left: 6%;}
.frontheadleftspecs {position: absolute; top: 510px; text-align: left; left: 6%;}
.frontheadrighttop {font-size: 11em; text-align: right; position: absolute; z-index: 666; top: 210px; right: 5%;}
.frontheadrightbottom {font-size: 5em; text-align: right; position: absolute; z-index: 888; top: 410px; right: 6%;}
.frontheadrightspecs {position: absolute; top: 510px; right: 6%; text-align: right;}
.w111l { left: 16%; top: 200px; width: 30%; height: auto;}
.w111r { right: 16%; top: 220px; width: 30%; height: auto;}
.buttonbottom {font-size: 2em;width: 45%; position: absolute; z-index:999; top: 650px; text-align: center;  font-weight: 700;}
.buttonbottomleft {width: 50%; float: left; text-align: right;}
.buttonbottomright {width: 50%; float: right; text-align: left;}
.buttonleft img {width: 50%; height: auto; text-align: right;}
.buttonright img {width: 50%; height: auto;}
.innerboxleft {width: 50%; height: 100%; min-height: 900px; float: left;}
.innerboxright {width: 50%; height: 100%; min-height: 850px; float: right;}
footer .copy {padding: 30px 10%;}
}
@media only screen and (min-width: 1980px) {
	body { font-size: 24px; }
		.banner {
    font-size: 3.5em;
	white-space: nowrap;
}
}
@media only screen and (min-width: 2200px) {
	body { font-size: 24px; }
		.banner {
    font-size: 3.5em;
	white-space: nowrap;
}
}