.header {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    background: rgba(255, 255, 255, 1);
    z-index: 90;
    -webkit-transform: translateZ(0);

    box-shadow: 0 6px 10px -1px rgb(68 68 68 / 40%);
    -moz-box-shadow: 0 6px 10px -1px rgba(68,68,68,0.4);
    -webkit-box-shadow: 0 6px 10px -1px rgb(68 68 68 / 40%);


}

.logo {
    background-image: url(../images/logo-blue.png?t);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 140px;
    height: 55px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 12px;
    z-index: 10;
}
.menu li a {
    height: 40px;
    line-height: 40px;
    display: block;
    color: #333;
    position: relative;
}


.menu > ul > li:hover a:after, .menu > ul > li.active a:after {
    width: 100%;
    color: var(--SW-PAGE-ROOT-COLOR);
  }
  .menu > ul > li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 1px;
    border-bottom: 0.5px solid;
    display: inline-block;
    -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    -o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    
  }

  #banner{
    
    height: 370px;
    width: 100%;
    background: top center no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-top: 80px;
    position: relative;
}

#banner .txt{
    display: block;
    font-size: 30px;
    color: #fff;
    margin-top: 150px;
}
#banner .txt::after {
    content: "";
    border-top: 2px solid #fff;
    display: block;
    width: 50px;

    margin-top: 30px;
}

.pagetit{
    text-align: center;

}

.pagetit h3{
  font-size: 24px;
  color: var(--SW-PAGE-ROOT-COLOR);
  padding-top: 90px;
  padding-bottom: 90px;
  font-weight: normal;
    
}

.pagetit h3::after {
    content: "";
    border-top: 2px solid var(--SW-PAGE-ROOT-COLOR);
    display: block;
    width: 30px;
    margin: 0px auto;
    margin-top: 10px;
}

/*news*/
.news{
    margin-top: 90px;
}
.news ul{
    margin: 0 -15px;
    position: relative;
    
}

.news li {
    float: left;
    width: 33.333333%;
    padding: 0 15px;
    margin-bottom: 30px;
    
}
 
.news li a{
   
        position: relative;
        display: block;
        transition: all .36s;
        background: #fff;
       
     
}

.news li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    background: #e2e0e0;
}
.news .mc_e1_imgbox img {
    transition: all .36s;
}

.news .mc_list_imgbox {
    position: relative;
    overflow: hidden;
}

.mc_list_imgbox img {
    object-fit: cover;
   
}
.mc_list_img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}
.news li img{
    max-width: 100%;
}

.mc_e1_txtbox {
    padding: 10px 28px 15px;
}
.mc_e1_txt {
     
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    color: #000000; 
   
}
.mc_e1_date {

    font-size: 14px;
    color: #999999;
   
}

.news li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 0;
    height: 2px;
    background: #001eb4;
    transition: all .36s;
}

.news li a:hover::after {
    width: 100%;
}

.news li a:hover {
    box-shadow: 0 5px 47px 4px rgba(214, 211, 211, .75);
}
.mc_list_png {
    width: 100%;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
}



.pagers {
    padding-top: 40px;
    text-align: right;
    margin-bottom: 50px;
}

.pagers .on {
    background: var(--SW-PAGE-ROOT-COLOR);
    color: #fff;
    border-color: var(--SW-PAGE-ROOT-COLOR);
}

.pagers a {
    text-align: center;
    line-height: 20px;
    color: #666;
    padding: 6px 12px;
    display: inline-block;
    margin: 0 3px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
}
.pagers span {
    text-align: center;
    line-height: 20px;
    color: #666;
    padding: 6px 12px;
    display: inline-block;
    margin: 0 3px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
     
}
.pagers span.now {
    text-align: center;
    line-height: 20px;
    color: #fff;
    padding: 6px 12px;
    display: inline-block;
    margin: 0 3px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    background: var(--SW-PAGE-ROOT-COLOR);;
}
.newsdetail{
    margin-top: 90px;
}

.newsdetail h1.title {
    height: 38px;
    font-size: 24px;
    font-weight: normal;
    line-height: 38px;
    color: #4b4a4a;
}


.newsdetail h1.title {
    height: 38px;
    font-size: 24px;
    font-weight: normal;
    line-height: 38px;
    color: #4b4a4a;

}

.newsdetail .subtit {
    font-size: 14px;
    color: #888;
    margin-top: 20px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 30px;

}

.newsdetail .conbox {
    float: left;
    width: 850px;

}



.newsdetail .details {
    margin-top: 30px;
    line-height: 1.8;
    padding-bottom: 30px;
}

.newsdetail .details img {
    max-width: 100%;

}

.newsdetail .prnews {
    border-top: 1px solid #dddddd;
    padding-top: 20px;
    font-size: 16px;
    position: relative;
}
.prnews ul{
    width: 80%;
}
.prnews li {
    margin-bottom: 20px;
}

.prnews .return {
    /*
    float: right;
    font-size: 14px;
    color: #fff;
    background: #19ccf4;

    line-height: 38px;
    padding: 0 20px;
    margin-top: 6px;*/

    
        position: absolute;
        display: block;
        top: 28px;
        right: 0px;
        font-size: 14px;
        color: #fff;
        background: var(--SW-PAGE-ROOT-COLOR);
    
        line-height: 38px;
        padding: 0 20px;
    

}
.aboutbox {
    margin-top: 90px;
}
.aboutbox .txtbox h3,.aboutbox1 .txtbox h3{
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 50px;
}
.aboutbox .txtbox h3::before,.aboutbox1 .txtbox h3::before {
    content: '';
    display: inline-block;
    position: relative;
    margin-right: 10px;
    /* top: 4px; */
    top: 4px;
    width: 2px;
    height: 28px;
    background:var(--SW-PAGE-ROOT-COLOR);
}

.aboutbox .txtbox{
    float: left;
    width: 600px;
    line-height: 1.8;
    padding-top: 90px;
    
}
.aboutbox .imgs{
    float: right;
    width: 435px;
    padding-top: 20px;
}

.aboutbox .imgs img{
    max-width: 100%;
}

.about-brand{
    max-height: 784px;
    background: url(../images/about-brand.jpg) top center no-repeat;
     
    background-size: cover;
    position: relative;
    margin-top: 90px;
    padding-bottom: 90px;

}

.about-brand .pagetit h3
{
    color:#fff
}

.about-brand .pagetit h3::after {
    
    border-top: 2px solid #fff;
    
}
.aboutbox1{
    margin-bottom: 90px;
}
.aboutbox1 .txtbox{
    float: right;
    width: 535px;
    line-height: 1.8;
    padding-top: 30px;
}
.aboutbox1 .imgs{
    float: left;
    width: 600px;
}
.brand{
    width: 502px;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
     
}

.brand .item div{
    float: left;
    height: 65px;
}

.brand .item .year
{
    width: 50px;
    margin-right: 45px;
}

.brand .item .line
{
    width: 1px;
    border-left: 1px solid #7a99b9;
    position: relative;
}

.brand .item .line img{
    position:absolute;
    top: 0;
    left: -6px;
}

.brand .item .txt
{
    text-align: left;
    width: 350px;
    margin-left: 45px;
}

.brand .item:last-child .line{
    border: none;
}

.sp-lct{
    width: 100%;
    padding-top: 90px;
    text-align: center;
}

.sp-lct img{
    max-width: 100%;
}

.superiority{display:flex;height:800px;padding:0 40px;font-size:0; margin-bottom: 90px;}
.superiority .list{display: inline-block;width:100%;height:100%;font-size: 0;vertical-align: top; margin-top: 90px;}
.superiority .list .item{width:calc(25% - 7.5px);margin-right:10px;display: inline-block;height:100%;position: relative;opacity:0;transition:all 0.6s ease-out 0s;transform:scale(0.95);overflow: hidden;}
.superiority .list .item .bg{background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;left:0;top:0;width:100%;transition:all 0.3s ease-out 0s;}
.superiority .list .item:hover .bg{transform:scale(1.05);}
.superiority .list .item:nth-child(2){transition-delay:0.2s;}
.superiority .list .item:nth-child(3){transition-delay:0.4s;}
.superiority.show .list .item{opacity:1;transform:none;}
.superiority .list .item .inner{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);text-align: center;color: #fff;padding:0 40px;}
.superiority .list .item:last-child{margin-right:0;}
.superiority .list .item .l{border-left:1px solid #999;height:90px;width:0;display: inline-block;margin-left:1px;margin-bottom:20px;}
.superiority .list .item:nth-child(2) .l{margin-top:20px;margin-bottom:0;}
.superiority .list .item .h{font-size:23px;}
.superiority .list .item .p{font-size:16px;margin-top:15px; text-align: center; line-height: 1.8;}
.superiority .content{display: inline-block;width:calc(40% - 10px);margin-left:10px;height:100%;background:url(../image/bg4.png);font-size: 0;opacity:0;transition:all 0.6s ease-out 0.6s;transform:scale(0.95);vertical-align: top;}
.superiority.show .content{transform:none;opacity:1;}
.superiority .content:after{content:"";vertical-align: middle;height:100%;display: inline-block;}
.superiority .content .inner{display: inline-block;vertical-align: middle;padding:0 70px;color: #fff;}
.superiority .content .title1{text-align:left;color:#fff;}
 
 
.icon1{width:113px;height:113px;line-height:113px;text-align:center;border:1px solid #ccc;position: relative;overflow:hidden;transition:all 0.5s ease-out 0s;margin:auto;}
.icon1 img{max-width:70%;max-height:70%;position:relative;}
.icon1:before{content:"";width:79px;height:79px;border:1px solid #ccc;position: absolute;left:50%;top:50%;margin:-40px 0 0 -40px;transition:all 0.4s ease-out 0s;}
.item:hover .icon1:before{transform:scale(1.5);}
.icon1 span{position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ccc;border-radius:100%;transition:all 0.4s ease-out 0s;box-sizing:border-box;}
.item:hover .icon1 span{transform:rotate(90deg);width:150%;height:150%;left:-25%;top:-25%;}
.icon1 span:before{content:"";position: absolute;left:50%;margin-left:-1px;border-left:1px solid #ccc;top:0;bottom:0;transition:all 0.5s ease-out 0s;}
.icon1 span:after{content:"";position: absolute;top:50%;border-top:1px solid #ccc;left:0;right:0;transition:all 0.5s ease-out 0s;}
.contacbox {
    margin-bottom: 90px;
}

.contacbox ul li {
	width: 32%;
	 
	float: left;
	border-right: 1px solid #e7e7e7;
	box-sizing: border-box;
	text-align: center;
    padding-top: 40px;
    padding-bottom:40px;
	 
}
.contacbox ul li:last-child{
    border: none;
}
.contacbox ul li:hover {
 
    color: #fff;
	 
	background: var(--SW-PAGE-ROOT-COLOR);
}



.contacbox .address icon{
    display: block;
    width: 64px;
    height: 50px;
    margin: 0 auto;
    background-color: #666;
    -webkit-mask: url(../images/icon-addres.png) no-repeat;
    mask: url(../images/icon-addres.png) no-repeat;
}

.contacbox .tel icon{
    display: block;
    width: 54px;
    height: 54px;
    margin: 0 auto;
    background-color: #666;
    -webkit-mask: url(../images/icon-tel.png) no-repeat;
    mask: url(../images/icon-tel.png) no-repeat;
}
.contacbox .mail icon{
    display: block;
    width: 53px;
    height: 50px;
    margin: 0 auto;
    background-color: #666;
    -webkit-mask: url(../images/icon-mail.png) no-repeat;
    mask: url(../images/icon-mail.png) no-repeat;
}


.contacbox li:hover  icon{
    
    background-color: #fff;
    
}
.contacbox li p{
    color: #777;
}
.contacbox li p.t{
    font-weight: 700;
    font-size: 18px;
    color: var(--SW-PAGE-ROOT-COLOR);
}
.contacbox li:hover p{
    color: #fff;
}
.contacbox li:hover p.t{
    color: #fff;
}

.feedback{
    height: 507px;
    background: url(../images/feedbackbg.jpg) top center no-repeat;
     
    background-size: cover;
    position: relative;
    margin-top: 90px;
    color: #fff;
    padding-top: 90px;
}

.feedback .tips{
    font-size: 18px;
}
.feedback .tips::before {
    content: '';
    display: inline-block;
    position: relative;
    margin-right: 10px;
    /* top: 4px; */
    top: 4px;
    width: 4px;
    height: 18px;
    background: #fff;
}

.forms{
    margin-top: 50px;
    font-size: 16px;
}

.forms input{
    border: 1px solid #fff;
    background: none;
    width: 265px;
    height: 30px;
    color:#fff;
}
.forms .item{
    float: left;
    margin-right: 20px;
}
.forms .boxs{
    padding-top: 30px;
}
.forms .boxs input{
    margin-right: 20px;

}   

.forms textarea{
    border: 1px solid #fff;
    background: none;
    width: 560px;
    height: 100px;
    color:#fff;
}
.forms button{
    width: 135px;
    height: 35px;
    background: #fff;
    border: none;
}

.forms .boxt{
    float: right;
}

.forms .boxb{
    float: left;
}

.product{
    margin-top: 90px;
    margin-bottom: 90px;
}

.mc_section{
    margin-top: 90px;
    margin-bottom: 90px;
}
.ma_b1s1m_l, .ma_b1s1m_r {
    height: 500px;
}



.mc_section .more {
    
    width: 182px;
    height: 46px;
    text-transform: inherit;
    text-align: center;
    height: auto;
    min-width: auto;
    background: none;
    border: 2px solid #e1e1e1;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    font-weight: 200;
    margin-top: 50px;
    border-radius: 5px;
    color:var(--SW-PAGE-ROOT-COLOR);
    margin-left: auto;
    margin-right: auto;
}

.mc_section .more:after {
    background: var(--SW-PAGE-ROOT-COLOR);
  }
  .mc_section .more:hover{
	color: #fff;
    border: 2px solid var(--SW-PAGE-ROOT-COLOR);
}
.mc_section .more:before {
    background: var(--SW-PAGE-ROOT-COLOR);
}

.mc_b1s1 .ma_b1s1m_l {
    width: 350px;
    float: left;
}
.ma_b1s1_main {
    box-shadow: 0 0 14px 1px rgb(234 234 234 / 75%);
}
.ma_b1s1ml_list {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ma_b1s1ml_li {
    width: 100%;
    padding: 30px 75px;
    max-height: 100%;
}
.mc_b1s1 .ma_b1s1ml_li {
    padding: 30px 30px;
}

.mc_b1s1 .ma_b1s1m_r {
    width: calc(100% - 400px);
    float: right;position: relative;
}

.mc_b2s1_imgbox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.mc_b2s1_imgbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
}

.mc_b2s1_imgbox .mc_b2s1_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .5s;
    overflow: hidden;
}
.mc_b2s1_img.act {
    opacity: 1;
}

.mc_b2s1_poster {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.mc_b2s1_list {
    width: 100%;
    height: 100%;
}

.mc_b2s1_li {
    float: left;
    width: 20%;
    height: 100%;
    position: relative;
}
.mc_b2s1_li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.mc_b2s1_lisbox {
    display: block;
    width: 100%;
    height: 100%;
}

.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mc_b2s1li_cont {
    width: 100%;
    padding: 0 12px;
}
.deco {
    display: block;
    width: 6rem;
    height: 6rem;
    opacity: 1;
    transition: .1s;
    transform: translateZ(0);
    margin: 0 auto;
}
.deco:before {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.75);
    transition: .4s;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 100%;
    height: 4rem;
    width: 4rem;
}
.deco i, .deco em {
    background: hsla(0, 0%, 100%, .8);
    border: 1px solid #fff;
    border-radius: 100%;
    height: 2.2rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.5);
    transition: .4s;
    width: 2.2rem;
}
.deco:after {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.75);
    transition: .4s;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 100%;
    height: 6rem;
    width: 6rem;
}
.mc_b1s1 .mc_b2s1li_title {
    font-weight: bold;
    font-size: 12px;
    margin-top: 20px;
    color:#fff;
    text-align: center;
}


.mc_b2s1_li:hover .deco:before {
    animation: scalepulse 1.3s linear .3s infinite both;
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.mc_b2s1_li:hover .deco i,
.mc_b2s1_li:hover .deco em {
    background: #fff;
    animation: scalepulse 1.3s linear 0s infinite both;
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.mc_b2s1_li:hover .deco:after {
    animation: scalepulse 1.3s linear .15s infinite both;
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.mc_b2s1_li:hover .mc_b2s1li_title {
    font-weight: bold;
}
.ma_b1s12_title {
    font-size: 30px;
}
.ma_b1s1m_l p {
    font-size: 20px;
    line-height: 1.7;
}

@keyframes scalepulse {
    20% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
        transform: translate3d(-50%, -50%, 0) scale(1.15);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    50% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}

.maps .pagetit h3 {
    font-size: 24px;
    color: var(--SW-PAGE-ROOT-COLOR);
     padding-top: 0px; 
     padding-bottom: 90px; 
    font-weight: normal;
}

.netboxs .netlist{
    float: left;
    width: 200px;
    margin-right: 50px;
    overflow-y: auto;
    height: 500px;
}
.netlist li{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d7d7d7;
    cursor: pointer;
}
.netlist p{
    padding: 0;
    margin: 0;
}
.netlist .name{
    font-size: 16px;
    color:#333;
    font-weight:500;

}

.netlist .address{
    font-size: 12px;
    color:#999;
    margin-top: 10px;
    line-height: 1.5;
    
}

.netboxs .mapbox{
    float: left;
    width: 950px;
}

.network{
    margin-bottom: 50px;
    
}

.network .searchtit{
    float: left;
}
.network .searchev{
    float: right;
}

.searchev button {
    box-shadow: none;
    border: none;
    cursor: pointer;
    color: #ffffff;
    background-color: var(--SW-PAGE-ROOT-COLOR);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0;
    overflow: hidden;
    padding: 9px 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase !important;
    vertical-align: middle;
    white-space: nowrap;
    
}
select{
    outline: 0;
}
.searchev select{
    border: 1px solid #e5e5e5;
    padding:5px 12px;
    line-height: 24px;
    vertical-align: middle;
    height: auto !important;
}

@media screen and (min-width: 1600px){

}

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

}

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

}



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

}
@media screen and (max-width:1250px){

  }
@media screen and (max-width:1024px){

  }


  @media screen and (max-width:768px){
    .logo {
      
        height: 35px;
        width: 90px;
        top: 5px;
    }
    .menu-link span,
    .menu-link span:before,
    .menu-link span:after {background-color: #333;}
  

    .menu-link.active span:before { background-color:#333;
    -webkit-transform: rotate(45deg) translate(.5em, .4em);
    -moz-transform: rotate(45deg) translate(.5em, .4em);
    -ms-transform: rotate(45deg) translate(.5em, .4em);
    -o-transform: rotate(45deg) translate(.5em, .4em);
    transform: rotate(45deg) translate(.5em, .4em);
    }
    .menu-link.active span:after { background-color:#333;
  
    }
    .menu li a {
      
        color: #fff;
        
    }.menu > ul > li a:after {
        display: none;
    }

    .mob-language{
        color: #333;
    }

    #banner {
        height: 200px;
        margin-top: 50px;
        background-size: cover;
        background-position: top center;
    }


    #banner .txt{
        display: block;
        font-size: 18px;
        color: #fff;
        margin-top: 80px;
    }
    #banner .txt::after {
        content: "";
        border-top: 2px solid #fff;
        display: block;
        width: 50px;
    
        margin-top:10px;
    }

    .aboutbox {
        margin-top: 0px;
    }
    .aboutbox .txtbox {
        float: none;
        width: 100%;
        line-height: 1.8;
        padding-top: 50px;
    }
    .aboutbox .imgs {
        float: none;
        width: 100%;
    }

    .aboutbox .imgs img, .aboutbox1 .imgs img {
        max-width: 100%;
    
    }

    .aboutbox1 .imgs {
        float: none;
        width: 100%;
    }
    .aboutbox1 .txtbox {
        float: none;
        width: 100%;
        margin-top: 40px;
      
    }
    .pagetit h3 {
        
        padding-top: 40px;
        padding-bottom: 40px;
         
    }

    .about-brand {
       max-height: 784px;
         
        margin-top: 90px;
    }

    .brand {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        color: #fff;
    }
    .brand .item .txt {
        text-align: left;
        width: calc(100% - 151px);
        margin-left: 45px;
    }

    .contacbox ul li {
        width: 100%;
        height: 200px;
        float: none;
        border-right: none;
        box-sizing: border-box;
        text-align: center;
        padding-top: 20px;
    }
    .forms .boxs input {
        margin-bottom: 20px;
    }

    .feedback {
        height: 607px;
        margin-top: 40px;
       
        padding-top: 40px;
    }

    .forms .boxs input {
        margin-right: 20px;
        float: left;
        width: 150px;
        color:#fff;
    }

    .forms .boxb{
        float: none;
         
    }
    
    .forms .boxt{
        float: none;
        margin-top: 10px;
    }

    .forms textarea {
        border: 1px solid #fff;
        background: none;
        width: 300px;
        height: 50px;
        color:#fff;
    }
    .forms .boxs {
        padding-top: 10px;
    }

    .news{
        padding-top: 90px;
    }
    .news li {
        float: none;
        width: 100%;
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .superiority {
        display: block;
        height: auto;
       
    }

    .superiority .list .item {
        width: 100%;
        margin-right: 0px;
        display: inline-block;
        height: 500px;
        position: relative;
        opacity: 0;
        transition: all 0.6s ease-out 0s;
        transform: scale(0.95);
        overflow: hidden;
        margin-bottom: 20px;
    }

    .superiority .list {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 0;
        vertical-align: top;
    }
    .sp-lct {
        padding-top: 0;
    }
    .sp-lct img{
       
    }

    .product {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mc_b1s1 .ma_b1s1m_l {
        width: 100%;
    }

    .mc_b1s1 .ma_b1s1m_r {
        width: 100%;
    }

    .mc_b2s1_li {
        width: 100%;
        height: 20%;
    }

    .mc_b2s1_li:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }
    .deco {
        float: right;
    }

    .mc_b1s1 .mc_b2s1li_title {
        font-size: 14px;
        text-align: left;
        margin-top: 40px;
    }
    .mc_b1s1 .ma_b1s1ml_li {
        padding: 0px 30px;
    }

    .ma_b1s1m_l {
        height: 300px;
    }

    .mc_title40 {
        font-size: 24px;
    }

    .ma_b1s1m_l p {
        font-size: 16px;
    }

    .network .searchtit {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .network .searchev{
        float: none;
        width: 100%;
    }
    .network .searchev select,.network .searchev button{
        margin-top: 5px;
    }

    .netlist{
        display: none;
    }
    .netboxs .mapbox {
        float: none;
        width: 100%;
        height: 500px;
    }

  }
  
  @media screen and (max-width:740px){


  }
  
  @media screen and (max-width:640px){


  
  }
    
  @media screen and (max-width:540px){

  }

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


}

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


}

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




}