@charset "UTF-8";
html {
    max-width: 110%;
    min-width: 100%;
}

.container-fluid {
    padding: 0px;
}

.btn-primary {
    display: none;
}

* {
    padding: 0px;
    margin: 0px;
}

@media only screen and (max-width: 768px) {
    pre {
        padding: 0px 73px 0px 73px;

    }

    #sixteen .container p {
        padding: 0px 76px 0px 76px;

    }

    #sixteen .breadcrumb_text {
        font-size: 18px;
        letter-spacing: 2px;
        /* text-indent: 47px; */
        margin-top: 2em;
    }

    #sixteen .clearfix {
        margin: 0px auto;
        /*width: 611px;*/
    }

    #sixteen .container {
        /*width: 611px;*/
        margin: 0px auto;
    }

    #blog .breadcrumb_text {
        font-size: 18px;
        letter-spacing: 2px;
        /*text-indent: 47px;*/
        margin-top: 2em;
    }

    .mysh {
        margin-left: 1.2em;
        margin-top: 32px;
        height: 27px;
        width: 1px;
    }

    #buttomwarp .colitem-first>img {
        margin-top: 2.5em;
        margin-left: 1em;
    }

    #blog-list .blog-list-content {
        font-size: 19px;
        color: #181818;
        font-weight: 600;
        margin: 0px;
        margin-top: -10px;
        text-indent: 13px;
    }

    #blog-list .block-container {
        border-bottom: 1px solid #999999;
        /*height: 239px;*/
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .collection img {
        vertical-align: middle;
        max-width: 100%;

    }

    .collection .down img {
        width: auto;
        max-width: unset;
    }

    #blog-list .container {
        padding: 6px 0px 6px 0px;
    }

    #blog-list .blog-list-style {
        font-size: 20px;
        color: #999999;
        text-indent: 15px;
    }

    .mybolo-list>img {
        border-radius: 20px;
        width: 66%;
        margin-bottom: 13px;
        margin-top: -26px;
    }

    /* #blog-list .blog-list-style {
    font-size: 20px;
    color: #999999;
    text-indent: 97px;
}
    #blog-list .blog-list-content {
    font-size: 20px;
    margin: 0px;
    text-indent: 75px;
    text-align: center;
}
 #blog-list .breadcrumb_text {
    font-size: 18px;
    letter-spacing: 2px;
    text-indent: 91px;
}
*/


    .accessoryh1 {
        color: #ffffff;
        /*margin-left: -2.4em;*/
        text-align: left;

        margin-top: 3.3em;
    }

    .products .product_image- img {
        width: 46%;
        margin-left: 8em;
    }

    .accessory-item-tag- {
        position: absolute;
        top: 1px;
        right: 0px;
        background: #ec641a;
        width: 61px;
        text-indent: 3px;
    }

    .products .thumbnail- {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 51.3%;
        margin: 0 1% 1rem;
        font-size: 1rem;
        background: #FAFAFA;
        margin: 7px auto;
        vertical-align: top;
    }

    #fourwarp {
        height: 400px;
    }
}


@media only screen and (max-width: 414px) {
    .mycol {
        width: 100%;
        margin: 0px auto;
    }

    pre {
        padding: 0px 8px 0px 8px;
    }

    #blog .breadcrumb_text {
        font-size: 13px;
        letter-spacing: 2px;
        /* text-indent: 47px; */
        margin-top: 2em;
    }

    #blog .blog-title {
        font-size: 23px;
        margin: 0px;
        font-weight: 700;
    }

    #blog .blog-content {
        font-size: 15px;
        margin: 0px;
    }

    #blog .blog-style {
        font-size: 15px;
        color: #999999;
    }

    #sixteen .container p {
        padding: 0px 8px 0px 8px;

    }

    #sixteen .container {
        /*padding: 0px 0px 0px 8px;*/
        margin: 0px auto;
    }

    #sixteen .clearfix {
        margin: 0px auto;
        /*width: 347px;*/
    }

    .mysh {
        margin-left: 1.2em;
        margin-top: 32px;
        height: 27px;
        width: 1px;
    }

    #buttomwarp .colitem-first img {
        height: 17px;
        /*margin-top: 0.8em;*/
    }

    .mybolo-list>img {
        border-radius: 20px;
        margin-bottom: 16px;
        margin-top: -32px;
    }

    #blog-list .container {
        /*width: 340px;*/
        height: auto;
    }

    #blog-list .blog-list-title {
        font-size: 23px;
        margin: 0px;
        /*text-indent: 53px;*/
        font-weight: 700;
    }

    #blog-list .blog-list-content {
        font-size: 14px;
        color: #181818;
        font-weight: 600;
        margin: 0px;
        margin-top: -10px;
        /*text-indent: 51px;*/
    }

    #blog-list .blog-list-style {
        font-size: 15px;
        color: #999999;
        /*text-indent: 50px;*/
    }

    #blog-list .breadcrumb_text {
        /*        font-size: 14px;
        letter-spacing: 2px;
        padding: 0px 0px 0px 14px;*/
        /*margin-left: 42px;*/
        /*text-indent: -55px;*/
        /* text-align: center; */
    }

    .blog-breadcrumb {
        margin: 0px;
    }

    .accessoryh1 {
        color: #ffffff;
        /*margin-left: -41.4em;*/
        text-align: left;

        margin-top: 3.3em;
    }

    .accessory-item-tag- {
        position: absolute;
        top: 1px;
        /*left: 251px;*/
        right: 0px;
        background: #ec641a;
        width: 61px;
        text-indent: 3px;
    }

    #slide-collection .bcg1 {
        background-image: url(/static/upload/image/20200810/1597049040854625.png);
        height: 40%;
        background-position: -56px -1px;
        background-size: cover;
        width: 101%;
    }

    .products .thumbnail- {
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        margin: 0 1% 1rem;
        font-size: 1rem;
        background: #FAFAFA;
        margin: 7px auto;
        vertical-align: top;
    }

    #fourwarp {
        height: 257px;
    }

    #fourwarp img {
        height: 100%;
        width: 100%;
    }

    #fivewarp p {
        margin-top: 29px;
        font-size: 15px;
        color: #181818;
        font-family: '微软雅黑';
        text-align: center;
    }

    .colitem-three p {
        width: 415px;
        box-shadow: 0 0 black;
        margin: 0px auto;
    }

    #buttomwarp .colitem-three {
        margin-top: 66px;
    }
}

@media screen and (min-width:1000px) {
    #header a {
        color: #ffffff;
        font-size: 32px;
        display: inline-block;
        height: 40px;
        position: absolute;
        top: 9px;
        left: 19em;
        text-align: center;
        font-size: 25px;
        padding-top: 5px;
    }

    #contact- .featured-image--true {
        height: 410px;
    }
}

@media (max-width: 800px) {
    #buttomwarp .colitem-two img {
        /*    position: absolute;
    height: 25px;
    left: -3.8em;
    width: 1px;
    top: -0.9em;*/
    }
}

@media screen and (max-width: 320px) {
    .page a {
        list-style-type: none;
        float: left;
        margin-left: 0.8em;
        width: 38px;
        height: 30px;
        background: #e6e6e6;
        text-align: center;
        margin-top: 1em;
        margin-bottom: 29px;
        line-height: 2.5rem;
    }

    #buttomwarp .myultwo a:first-child {
        margin-left: 177px;
    }

    .mycol {
        width: 100%;
        margin: 0px auto;
    }

    #buttomwarp .myultwo a {
        float: left;
        width: 29px;
        height: 29px;
        margin-top: -2em;
        list-style-type: none;
        margin-left: 0.5em;
        background-size: cover;
    }
}


/*媒体查询*/
@media screen and (max-width: 800px) {
    .column {
        display: block;
        position: absolute;
    }

    .btn-primary {
        display: block;
    }

    #threewarp {
        height: 1100px;
    }

    .firstimg {
        width: 320px;
        margin: 0px auto;
    }

    .p {
        width: 500px;
        margin: 0px auto;
    }

    .twoimg {
        width: 320px;
        margin: 0px auto;
    }

    .threeimg {
        width: 320px;
        margin: 0px auto;
    }

    .fourimg {
        width: 320px;
        margin: 0px auto;
    }

    /*.colitem-first>img{
        margin-left: 12em;
        margin-top: 0em;
    }*/
    #buttomwarp .colitem-first>img {
        /*margin-top: 2.5em;*/
        /*margin-left: 11em;*/
    }

    #buttomwarp .colitem-two {
        /*margin-top:3em;*/
    }

    #buttomwarp .colitem-three {
        /*margin-top: 0em;
        margin-left:3em;*/
    }

    #buttomwarp .myultwo {
        /*margin-left: 8em;*/
        margin-top: -0.2em;
    }

    /*#buttomwarp .myultwo li{
        margin-left: 6em;
        margin-top: 0em;
    }*/
    .nav {
        display: block;
    }

    #navbar .navbar-one>a {
        margin-left: 20em;
    }

}

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


    .navbar {
        position: fixed;
        z-index: 9999;
    }

    .column {
        display: block;
        position: absolute;

    }

    .btn-primary {
        display: block;
        position: absolute;
    }

    .mypo {
        /*left: -1em;*/
    }

    #buttomwarp .colitem-two img {
        /* position: absolute;
    height: 25px;
    left: -4em;
    width: 1px;
    top: -0.8em;*/
    }

    #threewarp {
        height: 1193px;
    }

    .firstimg {
        width: 320px;
        margin: 0px auto;
    }

    .p {
        width: 500px;
        margin: 0px auto;
    }

    .twoimg {
        width: 320px;
        margin: 0px auto;
    }

    .threeimg {
        width: 320px;
        margin: 0px auto;
    }

    .fourimg {
        width: 320px;
        margin: 0px auto;
    }

    #fourwarp img {
        height: 100%;
        width: 100%;
    }

    /*.colitem-first>img{
        margin-left: 12em;
        margin-top: 0em;
    }*/
    /* #buttomwarp .colitem-first>img {
        margin-top: 2.4em;
        margin-left: 1em;
    }*/

    #buttomwarp .colitem-two {
        /*      width: 386px;
        margin-top: 0px;*/
    }

    /* #buttomwarp .colitem-three {
        margin-top: 1.5em
    }*/

    #buttomwarp .myultwo {
        /*   margin-left: 0em;
    margin-top: -0.2em;*/
    }

    /*#buttomwarp .myultwo li{
        margin-left: 6em;
        margin-top: 0em;
    }*/
    .nav {
        display:
    }

    #navbar .navbar-one>a {
        margin-left: 20em;
    }

    /* .mysh{
    display: none;
 } */
}

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

    .navbar {
        position: fixed;
    }

    .column {
        display: block;
        position: absolute;
    }

    .nav {
        display: none;
    }

    #threewarp {
        height: 1100px;
    }

    .firstimg {
        width: 320px;
        margin: 0px auto;
    }

    .p {
        width: 588px;
        margin: 0px auto;
    }

    .twoimg {
        width: 320px;
        margin: 0px auto;
    }

    .threeimg {
        width: 320px;
        margin: 0px auto;
    }

    .fourimg {
        width: 320px;
        margin: 0px auto;
    }

    /*.colitem-first>img{
        margin-left: 12em;
        margin-top: 0em;
    }*/
    #buttomwarp .colitem-first>img {
        margin-top: 1.5em;
        margin-left: 11em;
    }

    #buttomwarp .colitem-two {
        margin-top: 3em;
    }

    #buttomwarp .colitem-three {
        margin-top: 1em;
    }

    #buttomwarp .myultwo {
        margin-left: 10em;
        margin-top: -2em;
    }

    /*#buttomwarp .myultwo li{
        margin-left: 6em;
        margin-top: 0em;
    }*/
    .nav {
        display: none;
    }

    #navbar .navbar-one>a {
        margin-left: 29em;
    }

}

#slide-banner .bcg3 {
    background-image: url(/static/upload/image/20200810/1597049107584514.png);
    width: 100%;
    background-size: contain;
    height: 241px;
    /*margin-top: 67px;*/
}

h2.title a.see-more {
    display: inline-block;
    margin-left: 15px;
    color: #0178d6;
    font-size: 14px;
    border: 1px solid rgb(1,122,217);
    border-radius: 5px;
    padding: 1px 15px;
    text-decoration: none;
    vertical-align: middle;
    margin-bottom: 0;
}
h2.title a.see-more:hover {
    background: #0178d6;
    color: #fff;
}

.sidetop{display: none;position:fixed;z-index:99;right:50px;bottom:40px;width:50px;height:50px;background:#d6d4d4;text-align:center;line-height:50px;border-radius:5px;cursor: pointer;}
.sidetop.sidetop2{bottom:503px;}
.sidetop span{font-size:14px;color:#fff;}
.sidetop:hover span{color:#b2b2b2;}

/* 超小屏幕（手机，小于 768px），没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
@media screen and (min-width: 0px) {
    .hidden-xs {
        display: none;
    }
    .visible-xs-block {
        display: block;
    }

    .prdbox .thumbbox .slides {
        /*padding: 0 50px;*/
        height: auto;
    }

    #procut-detail .flexslider .slides img {
        display: block;
        max-width: 70%;
        height: auto;
        margin: 0 auto;
        /*margin-top: 111px;*/
        /*margin-left: 10%;*/
    }

    #procut-detail .container .seven.columns {
        width: 100%;
        height: auto;
        margin: 0px;
    }

    #procut-detail .breadcrumb_text {
        margin-top: -33px;
        font-size: 12px;
    }

    .prdbox .thumbbox {
        /* background: #F0F0F0; */
        color: #000;
        height: auto;
    }

    .container .nine.columns {
        /*width: 100%;*/
        overflow: hidden;
        /*margin: 0px auto;*/
    }

    .collection .sixteen.columns {
        margin: 0px auto;
    }

    .container .eight.columns {
        /* margin-left: 0em; */
        /*width: 91%;*/
        margin: 0px auto;
    }

    .hsContainer {
        display: table;
        table-layout: fixed;
        width: 100%;
        overflow: hidden;
        position: relative;
        opacity: 1;
        z-index: 1;
        height: 342px;
    }

    .bcg .hsContent .container {
        max-width: 94%;
    }

    .prdbox .tabbox .nav {
        list-style: none;
        width: 100%;
        margin: 0px auto;
    }

    .next2:hover {
        background: url({pboot:sitetplpath}/images/duo.png)no-repeat #0178D6 74px 14px;
        margin: 0px auto;
        margin-left: 0em;
    }

    .quan {
        margin-top: 3em;
        position: absolute;
        top: 12%;
        right: 4%;
        /* -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.9s;*/
    }

    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 9px;
        left: 0;
        width: 100%;
    }

    #product-list .container .eight.columns {
        margin: 0px 39px auto;
    }

    #slide-collection .bcg1 {
        background-image: url(/static/upload/image/20200810/1597049040854625.png);
        height: auto;
        background-position: 1px -1px;
        background-size: cover;
        width: 100%;

    }

    #accessory .breadcrumb_text {
        /*margin: 0px 51px auto;*/
        margin-top: 35px;
    }

    /*#product-list .breadcrumb {
        margin: 0px 39px auto;
    }*/
    #research .research-divone:first-child {
        position: relative;
        height: 269px;
        background-size: cover;
        background-position: 74%;
    }

    .products .product_image- {
        background: #F0F0F0;
        position: relative;
        padding: 31px;
    }

    #accessory .products .thumbnail-:hover {
        -webkit-box-shadow: 0 0 27px #aaa;
        box-shadow: 0 0 27px #aaa;
        z-index: 1;
    }

    .thumbnail a:hover {
        -webkit-box-shadow: 0 0 27px #aaa;
        box-shadow: 0 0 27px #aaa;
        z-index: 1;
    }

    .products .product_image img {
        width: 68%;
        margin-left: auto;
        margin-top: 44px;
    }

    /*.thumbnail a img:hover {
    width: 77%;
    backface-visibility: hidden;
    -webkit-transition: 1s;
}*/
    /*#accessory .products .thumbnail-:hover{
    -webkit-box-shadow: 0 0 40px #aaa;
    box-shadow: 0 0 40px #aaa;
    z-index: 1;
}
#accessory .products .product_image- img:hover{
    width: 63%;
    backface-visibility: hidden;
    -webkit-transition: 1s;
}*/
    .page {
        text-align: center;
    }

    .btn {
        /* background: #0178D6;
        border-radius: 44px;
        height: 22px;
        line-height: 1.9em;
        text-indent: 8px;
        font-size: 6px;
        width: 72px;
        font-weight: 500;
        display: inline-block;
        margin-top: 0.8em;*/
        background: #0178D6;
        border-radius: 44px;
        height: 22px;
        line-height: 1.9em;
        text-indent: 5px;
        font-size: 13px;
        width: 72px;
        font-weight: 500;
        display: inline-block;
        margin-top: 0.8em;
        padding: 2px;
    }

    .pagination {
        /* width: 71%; */
        margin: 0px auto;
        overflow: hidden;
        /* text-align: center; */
        display: inline-block;
    }

    .page a {
        list-style-type: none;
        float: left;
        margin-left: 2.2em;
        width: 45px;
        height: 30px;
        background: #e6e6e6;
        text-align: center;
        margin-top: 2em;
        margin-bottom: 29px;
        line-height: 2.5rem;
        color: #181818;
    }

    .page a:first-child {
        /*margin-left: 0.8em;*/
    }

    /*  .quan {
         width: 300px; 
        margin-top: 3em;
        position: absolute;
        top: 23%;
        right: 12%;*/
    /*  -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.9s;*/
    /*}*/

    .swiper-slide .title {
        font-size: 15px;
        font-weight: 300;
    }

    .swiper-slide .subtitle {
        font-size: 12px;
        margin-top: -0.4em;
        letter-spacing: 1px;
    }

    .timeline-item {
        width: 100%
    }

    /*.timeline.timeline .timeline-item {
    width: 92%;
    margin-bottom: 20px;
}*/
    .timeline-body>div {
        width: 100%;
        /*text-align: left;*/
    }

    .timeline-heading h5 {
        margin: 0px;
        padding: 0px;
        /*text-align: left;*/
        margin-bottom: -10px;
    }

    #research #why-choose p>img {
        width: 100%;
    }

    #research #why-choose p {
        text-align: center;
    }

    #research .research-divone-p {
        color: white;
        font-size: 29px;
        font-weight: 700;
        position: absolute;
        left: 1em;
        top: 139px;
    }

    #reaearch .columns {
        width: 90% margin: 0px auto;
        padding: 0px;
    }

    #research .myconten-co-one>p {
        font-size: 16px;
        font-weight: 400;
        width: auto;
        margin: 0px auto;
    }

    #research .myconten-co>p {
        font-size: 18px;
        width: auto;
        margin: 0px auto;
    }

    #research #why-choose {
        width: 90%;
        margin: 0px auto;
    }

    #why-choose-us .container .eight.columns {
        /*width: 97%;*/
        margin: 0px auto;
        font-size: 13px;
        text-indent: 46px;
        padding: 0px;
        left: -28px;
        margin-top: 35px;
        position: absolute;
        top: 6px;
    }

    #why-choose-us .choose-block-two {
        height: 510px;
        background: white;
    }

    #why-choose-us .choose-bg {
        height: 281px;
        background-position: 67%;
        background-size: cover;
    }

    #why-choose-us .choose {
        /*position: absolute;*/
        /*top: -3em;*/
    }

    #why-choose-us .research-divone-p- {
        color: white;
        font-size: 31px;
        font-weight: 700;
        position: absolute;
        left: 1em;
        top: 161px;
    }

    #why-choose-us #why-choose {
        width: 97%;
        margin: 150px auto;
    }

    #why-choose-us .myconten-co>p {
        font-size: 14px;
        width: 87%;
        margin: 0 auto;
        color: #181818;
        font-family: '微软雅黑';
    }

    #why-choose-us .myconten-co-one>p {
        font-size: 14px;
        font-weight: 400;
        width: 76%;
        margin: 0 auto;
    }

    #why-choose-us #why-choose-us .choose-bg {
        height: 600px;
    }

    #slide-banner .bcg3 {
        width: 100%;
        background-size: cover;
        height: auto;
        /* margin-top: 67px; */
        background-position: 87%;
    }

    .myconten-co-one>p {
        font-size: 16px;
        font-weight: 400;
        width: 76%;
        margin: 0 auto;

    }

    .myconten-co>p {
        font-size: 17px;
        width: 87%;
        margin: 0 auto;
        color: #181818;
        font-family: '微软雅黑';
    }

    .who-ulone li {
        list-style-type: none;
    }

    #who-width {
        width: 80%;
        margin: 0px auto;
    }

    .who-ulone {
        width: 70%;
        /* margin-top: 26px; */
        margin: 111px auto;
    }

    #who-we-are .img- {
        height: 872px;
        position: absolute;
        left: 21px;
        top: 72px;
    }

    .who-ultwo {
        width: 70%;
        margin: -86px auto;
    }

    #contact- .next10 {
        background: url(../images/duo.png)no-repeat #0178D6 82px 15px;
        margin-left: 0em;
        margin-bottom: 20px;
    }

    #contact- .con-font {
        font-size: 16px;
        margin: 0px;
        color: #181818;
        font-family: '微软雅黑'
    }

    #contact- .myafterco-one input {
        width: 100%;
        /* margin: 6px; */
        margin-top: 14px;
    }

    #contact- .breadcrumb-text {
        font-size: 15px;
        letter-spacing: 2px;
    }

    #contact- .featured-image--true {
        height: auto;
    }

    #contact- .bcg1 {
        width: 100%;
        background-position-x: 89%;
        height: auto;
        background-size: cover;
        /*margin-top: 16%;*/
    }

    #contact- .mymessges {
        border-radius: 28px;
        width: 97%;
        height: 132px;
        text-indent: 10px;
        resize: none;
        font-size: 17px;
        margin-top: 10px;
        font-family: '微软雅黑';
    }

    #contact- .cnt-margin {
        margin-left: -58%;
        margin-top: 7%;
    }

    #contact- .breadcrumb {
        font-size: 13px;
        margin-top: 0px;
    }

    #contact- .headline-h1 {
        font-weight: 800;
        font-size: 21px;
    }

    #contact- .con {
        font-size: 17px;
        color: #181818;
        font-family: '微软雅黑'
    }

    .next10 {
        width: 101px;
        height: 36px;
        border-radius: 45px;
        text-indent: -11px;
        font-size: 17px;
        font-family: '微软雅黑';
        font-weight: 500;
        line-height: 1;
    }

    #downlods .cnt {
        color: #fff;
        margin-top: -174px;
        margin-left: 5px;
    }

    #downlods .bcg {
        background-image: url(/static/upload/image/20200810/1597049208656652.png);
        width: 100%;
        height: 72%;
        background-size: cover;
    }

    #downlods .cnt>h1 {
        font-size: 19px;
        width: 40%;
        margin-left: 0%;
    }

    #downlods #slide-banner .cnt>div {
        font-size: 11px;
        margin-top: -0.8em;
    }

    #downlods .featured-image--true {
        height: auto;
    }

    #downlods .cnt {
        color: #fff;
        margin-top: 36px;
        margin-left: 5px;
    }

    #warranty .mywarranty {
        height: auto;
    }

    #warranty #slide-banner .bcg1 {
        width: 100%;
        background-position-x: 76%;
        height: 81%;
        /*margin-top: 15%;*/
        background-size: cover;
    }

    #blog .breadcrumb_text {
        font-size: 13px;
        letter-spacing: 2px;
        margin-top: 0px;
    }

    #slide-banner .bcg2 {
        width: 100%;
        background-size: cover;
        height: 239px;
        /* height: 326px; */
        background-repeat: no-repeat;
        /* background-position-y: 67px; */
    }

    .item-posit {
        position: absolute;
        top: 20px;
        left: 24px;
    }

    .three-img {
        width: 100%;
        height: 100%;
    }

    #test-three {
        width: 89%;
    }

    .next9 {
        width: 101px;
        height: 36px;
        border-radius: 45px;
        text-indent: -11px;
        font-size: 17px;
        font-family: '微软雅黑';
        font-weight: 500;
        line-height: 1;
        margin-top: 17px;
    }

    .mycon-test p:nth-child(1) {
        font-size: 20px;
        margin-top: 76px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .myheight {
        height: auto;
    }

    .mycon-test p:nth-child(2) {
        font-size: 17px;
        margin-top: 20px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(3) {
        font-size: 18px;
        margin-top: 20px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(4) {
        font-size: 18px;
        margin: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(5) {
        font-size: 20px;
        margin: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(6) {
        font-size: 17px;
        margin: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(7) {
        font-size: 17px;
        font-family: '微软雅黑';
        color: #181818;
        margin: 0px;
    }

    .mycon-test p:nth-child(8) {
        font-size: 17px;
        font-family: '微软雅黑';
        color: #181818;
        margin: 0px;
    }

    .mycon-test p:nth-child(9) {
        font-size: 17px;
        margin: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(10) {
        font-size: 19px;
        margin-top: 20px;
        margin-bottom: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(11) {
        font-size: 19px;
        margin: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .myafterco-seven {
        background: #ededed;
        width: 95%;
        border-radius: 28px;
        border: none;
        height: 104px;
        float: left;
        font-size: 19px;
        font-family: '微软雅黑'
            color: #9a9a9a;
        text-align: center;
        margin-top: 22px;
        margin-bottom: 16px;
    }

    #sixteen .container p {
        padding: 0px 8px 0px 8px;
        font-size: 12px;
    }

    .download .container {
        width: 96%;
    }

    #sixteen .container p {
        padding: 0px 8px 0px 8px;
        font-size: 12px;
    }

    #blog .breadcrumb_text {
        font-size: 12px;
        letter-spacing: 2px;
    }

    #blog-list .blog-list-title {
        font-size: 23px;
        margin: 0px;
        text-indent: 10px;
        font-weight: 700;
    }

    #fivewarp p {
        font-size: 16px;
        color: #181818;
        font-family: '微软雅黑';
        margin-top: 25px;
    }


    .colitem-three p {
        width: 444px;
        box-shadow: 0 0 black;
        margin: 0px auto;
    }

    .mycol {
        display: inline-flex;
        margin: 0px auto;
        overflow: hidden;
    }

    #fourwarp img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }


    /*第四部分end*/
    /*第五部分start*/
    #fivewarp {
        background-color: #EEEEEE;
        height: 183px;
        font-family: '微软雅黑';
    }

    #fivewarp button {
        height: 28px;
        border-radius: 12px;
        width: 272px;
        border: none;
        font-weight: 600;
        color: #222222;
        cursor: pointer;
        outline: none;
    }

    #fivewarp button:first-child {}

    #fivewarp .firstbtn {
        background: #CCCCCC;
        color: #181818;
        margin-top: 0.4em;
        width: 323px;
        text-indent: 55px;
        font-size: 18px;
        border-radius: 30px;
        cursor: pointer;
        border: 1px solid #dfdfdf;
        outline: none;
        box-sizing: border-box;
    }

    input::input-placeholder {
        color: black;
    }

    input::-webkit-input-placeholder {
        color: black;
    }

    input::-moz-placeholder {
        color: black;
    }

    input:-moz-placeholder {
        color: black;
    }

    input:-ms-input-placeholder {
        color: black;
    }

    #fivewarp .my-p {
        color: black;
        font-weight: 600;
        position: absolute;
    }

    #fivewarp .twobtn {
        background-color: #0178D6;
        color: white;
        width: 323px;
        height: 35px;
        border-radius: 30px;
        margin-top: 1.158em;
        font-weight: 500;
        line-height: 1;
        text-indent: 0;
        font-size: 17px;
    }

    #fivewarp .mycontainer {
        display: flex;
        direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 34%;
    }

    /*第五部分end*/
    /*底部start*/
    #buttomwarp {
        background-color: #fff;
    }

    #buttomwarp .row {
        margin: 0px auto;
        width: 500px;
    }

    #buttomwarp .colitem-first {
        float: left;
        margin-left: 7px;
        /*margin-left: 36em;*/
    }

    #buttomwarp .colitem-first img {
        height: 30px;
    }

    #buttomwarp .colitem-two {
        line-height: 1em;

    }

    #buttomwarp .colitem-two img {
        margin-left: 18px;
        margin-top: 29px;
        /* position: absolute;
        height: 25px;
        left: -6em;
        width: 1px;
        top: 0.4em;*/
    }

    #buttomwarp .myultwo {
        /*margin-left: 34em;*/
    }

    #buttomwarp .myultwo a {
        float: left;
        width: 29px;
        height: 29px;
        margin-top: -1.7em;
        list-style-type: none;
        margin-left: 0.7em;
        background-size: cover;
    }

    #buttomwarp .myultwo a:first-child {
        /*margin-left: 172px;*/
    }

    #buttomwarp .myultwo .one {
        background-image: url('../images/you-tube.png');
    }

    #buttomwarp .myultwo .one:hover {
        background-image: url('../images/you-tube01.png');
    }

    #buttomwarp .myultwo .two {
        background-image: url('../images/tuite.png');
    }

    #buttomwarp .myultwo .two:hover {
        background-image: url('../images/tuite01.png');
    }

    #buttomwarp .myultwo .three {
        background-image: url('../images/facebook.png');
    }

    #buttomwarp .myultwo .three:hover {
        background-image: url('../images/facebook01.png');
    }

    #buttomwarp .myultwo .four {
        background-image: url('../images/instagramo.png');
    }

    #buttomwarp .myultwo .four:hover {
        background-image: url('../images/instagram01.png');
    }

    #buttomwarp .colitem-three {
        margin-top: 1.8em;
        font-size: 33px;
        background: #eee;
    }

    #buttomwarp .colitem-three p {
        color: #999999;
        font-weight: 600;
        width: 98%;
        font-size: 13px;
        text-align: center;
    }


    #buttomwarp .colitem-two {
        /*margin-top: 2.5em;
            margin-top: 2.5em;*/
        /*width: 250px;*/
    }

    /*底部end*/


    /*移上显示*/
    .drop {
        position: absolute;
        top: 100%;
        width: 100%;
        height: 0;
        left: 0em;
        background: #fff;
        z-index: 9;

        display: none;
    }


    .nav-two-ul li p {
        text-align: center;
    }

    .nav-two- {
        position: absolute;
        margin: 0px auto;
        width: 400px;
        height: 200px;
    }

    .nav-two-ul {
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
        margin-top: 1em;
        z-index: 30;
        height: 100px;
        display: none;
    }

    .nav-two:hover .nav-two-ul {
        margin-top: 0em;
        position: absolute;
        display: block;
    }

    .nav-two-ul li {
        float: left;
        list-style-type: none;
    }

    .nav-two {
        height: 20px;
    }

    .nav-one-ul li p {
        text-align: center;
    }

    /*.mynav li:hover .nav-two-{
        position: absolute;
    top: 7em;
    }*/
    .nav-one- {
        top: 2em;
        position: absolute;
        margin: 0px auto;
        width: 400px;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
        margin-top: 1em;
        z-index: 30;
        display: none;
    }

    .nav-one-ul {}

    .nav-one:hover .nav-one- {
        margin-top: 4em;
        display: block;
        position: absolute;
    }

    .nav-one-ul li {
        float: left;
        list-style-type: none;
    }

    /*下拉*/
    .nav1 {
        list-style: none;
        width: 72%;
        height: 50px;
        float: right;
        margin-top: 0.6em;
        cursor: pointer;
    }

    .nav1 li {
        width: 133px;
        height: 50px;
        line-height: 46px;
        text-align: center;
        float: left;
        color: white;
        position: relative;
    }

    .nav1 li:hover a:before {
        width: 30px;
    }

    .nav1 li:hover a {
        width: 30px;
        height: 30px;
    }

    .nav1 li a:before {
        content: "";
        position: absolute;
        bottom: 10px;
        left: 50.5%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0px;
        height: 2px;
        background: #0178d6;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
    }

    .sub {
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.9s 0.1s;

        list-style-type: none;
        position: absolute;
        z-index: 30;
        width: 626px;
        left: -21em;
        display: none;
        height: 100px;
        overflow: hidden;
    }

    .nav1 li:hover .sub li {
        margin-top: 3em;
    }

    .sub li {
        color: black;
        width: 86px;
        overflow: hidden;
        /* -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.9s 0.1s; */
        margin-top: -6em;
        margin-left: 2em;
        height: 71px;

        float: left;
        list-style-type: none;
    }

    .sub li img {
        width: 50px;
        height: 30px;
        margin-top: -1em;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.9s 0.1s;
    }

    .sub li img:hover {
        margin-top: 1em;
    }

    .sub li p {
        text-align: center;
        margin-top: -2.1em;
        font-size: 11px;
    }

    .subdiv {
        z-index: 3;
        width: 100%;
        left: 0px;
        top: 4.8em;
        height: 100px;
        display: none;
        background-color: #FFFFFF;
        position: absolute;
    }

    .column {
        display: none;
    }

    .navbar-brand>img {
        width: 195px;
        margin-top: 0.1em;
    }

    .navbar-nav li {
        margin-left: 3.5em;
        line-height: 4em;
        height: 55px;
        position: relative;
    }

    .carousel {
        padding: 0px;
    }

    .carousel-inner {
        padding: 0px;
        margin: 0px;
    }

    .myp-two {
        background-color: #0178D6;
        width: 0em;
        height: 0.2em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 3s;
        -ms-transition: 3s;
        transition: 0.4s;
        transform: translateX(-50%);
        margin-left: 2em;
    }

    .myp-two- {
        width: 30px;
    }

    .my {
        width: 30px;
    }

    .myp {
        background-color: #0178D6;
        width: 0em;
        height: 0.2em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 3s;
        -ms-transition: 3s;
        transition: 0.4s;
        transform: translateX(-50%);
        margin-left: 2em;
    }

    #navbar {
        background-color: black;
    }

    #navbar .navbar-one {
        width: 1200px;
        margin: 0px auto;
    }

    #navbar .navbar-one>a {
        margin-left: 2em;
        margin-top: 0.2em;
        display: inline-block;
        width: 150px;
    }

    #navbar .firstimg {
        width: 139px;
        height: 19px;
        margin-left: -0.3em;

    }

    #navbar .twoimg {
        width: 113px;
        margin-top: -1em;
        margin-left: 0.3em;
    }

    #navbar .navbar-nav {
        float: right;
        width: 638px;
    }

    #navbar .navbar-nav li:first-child {
        margin-left: 0em;
    }

    #navbar .navbar-nav li>a {
        text-decoration: none;
        color: white;
    }

    /*轮播图start*/
    #demo .carousel-indicators .active {
        background-color: orangered;
    }

    #demo .carousel-item img {
        height: 300px;
        width: 100%;
    }

    #demo .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 46px;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none;
    }

    #demo .carousel-inner img {
        width: 100%;
        height: 500px;
    }

    #demo .mycarousel {
        font-family: Regular;
        color: white;
        margin-left: 76em;
        margin-top: -10em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 2s;
        -ms-transition: 2s;
        transform: 2s;
    }

    #demo .mycarousel h2>span {
        font-size: 17px;
    }

    #demo .mycarousel button {
        border-radius: 15px;
        border: none;
        background-color: #0178D6;
        width: 110px;
        height: 31px;
        cursor: pointer;
        color: #Fff;
        font-size: 15px;
    }


    #demo .mycarousel2 {
        font-family: Regular;
        color: white;
        margin-left: 68em;
        margin-top: -18em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 2s;
        -ms-transition: 2s;
        transform: 2s;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
    }

    #demo .mycarousel2 h2>span {
        font-size: 17px;
    }

    #demo .mycarousel2 button {
        border-radius: 15px;
        border: none;
        background-color: #0178D6;
        width: 110px;
        height: 28px;
        color: #Fff;
        font-size: 15px;
    }

    /*轮播图end*/
    /*第三部分start*/
    #threewarp {
        height: 466px;
    }

    #threewarp h1 {
        margin-top: 56px;

        text-align: center;
        font-size: 27px;
    }

    #threewarp .itembg {
        width: 61px;
        background-color: #0178d6;
        height: 1.4px;
        margin: 11px auto;

    }

    #threewarp .twoimg {
        height: 262px;
        width: 250px;
        margin: 0px auto;
    }

    #threewarp .firstimg {
        height: 262px;
        width: 270px;
        margin: 0px auto;
    }

    #threewarp .threeimg {
        height: 262px;
        width: 290px;
        margin: 0px auto;
    }

    #threewarp .fourimg {
        height: 262px;
        width: 290px;
        margin: 0px auto;
    }

    #threewarp .container {
        margin-top: 5em;
    }

    .breadcrumb_text span a {
        color: #181818;
    }

    .breadcrumb_text span a:hover {
        color: #181818;
    }

    .mytest {
        width: 331px;
        height: 183px;
        border-radius: 12px;
        position: absolute;
        z-index: 99999999;
        background-color: #fff;
        top: -490px;
        box-shadow: 3px 3px 3px 3px #e3e3e3;
        display: none;
    }

    .mytest>img {
        width: 82px;
        margin: 32px 128px auto;
    }

    .mytest>p {
        font-family: '微软雅黑';
        font-size: 25px;
        text-indent: 10px;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }

    /*#threewarp .firstimg .twoimg .threeimg .fourimg{
        width: 200px;
     height: 128px;
    }*/
    #threewarp .firstimg>img {
        width: 185px;
        height: 86px;
        margin-top: 3em;
        margin-left: 3em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transform: 0.4s;
    }

    #threewarp .firstimg>img:hover {

        margin-top: 1em;
    }

    #threewarp .twoimg>img {
        width: 149px;
        height: 70px;
        margin-top: 4em;
        margin-left: 3em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transform: 0.4s;
    }

    #threewarp .twoimg>img:hover {

        margin-top: 1em;
    }

    #threewarp .threeimg>img {
        width: 118px;
        height: 135px;
        margin-top: 1em;
        margin-left: 6em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transform: 0.4s;
    }

    #threewarp .item-first {
        height: 100px;
        margin-top: 1em;
    }

    #threewarp .threeimg>img:hover {
        /* margin-left: 8em; */
        margin-top: -1em;
    }

    #threewarp .fourimg>img {
        width: 107px;
        height: 109px;
        margin-top: 2em;
        margin-left: 6em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transform: 0.4s;
    }

    #threewarp .fourimg>img:hover {

        margin-top: 1em;
    }

    #threewarp .colblock h2 {
        text-align: center;
        font-size: 20px;
    }

    #threewarp .colblock p {
        color: #9C9C9C;
        width: 286px;
        margin: 0px auto;
        font-weight: 600;
        line-height: 17px;
    }

    /*第三部分end*/
    /*第四部分start*/
    #fourwarp {
        overflow: hidden;
        /*background-image: url('../images/bj.jpg');*/
        background-position: 50% 10%;
        background-size: cover;
        height: 257px;
        position: relative;
    }

    #fourwarp h1 {
        width: 300px;
        margin-top: -50px;
        margin-left: -150px;
        font-family: '微软雅黑';
        color: white;
        z-index: 9999;
        font-size: 14px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
    }


    .products .thumbnail- {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 75%;
        margin: 10px auto;
        /* margin: 0 1% 1rem; */
        font-size: 1rem;
        background: #FAFAFA;
        vertical-align: top;
    }

    .products .product_image- img {
        width: 63%;
        margin-left: 3em;
    }

    .mybolo-list>img {
        margin-bottom: 20px;
        margin-top: -20px;
        width: 58%;
    }

    .accessory-item-tag- {
        right: 0px;
        background: #ec641a;
        width: 84px;
        height: 32px;
        text-indent: 8px;
        color: #fff;
        font-size: 14px;
        line-height: 2.6rem;
        position: absolute;
        top: 0px;
    }

    .accessoryh1 {
        color: #ffffff;
        margin-left: 0em;
        text-align: left;
        margin-top: 3.3em;
    }

    #blog-list .breadcrumb_text {
        font-size: 12px;
        letter-spacing: 2px;
        padding: 10px 0px 0px 12px;
    }

    #blog .blog-title {
        font-size: 25px;
        margin: 0px;
        font-weight: 700;
    }

    #blog .clearfix {
        margin-top: -0.1em;
    }

    #blog .breadcrumb_text {
        font-size: 12px;
        letter-spacing: 2px;
        text-indent: 8px;
        margin-top: 27px;
    }

    #blog .blog-content {
        font-size: 20px;
        margin: 0px
    }

    strong {
        font-size: 14px
    }

    pre {
        font-size: 12px;
    }

    #blog .blog-style {
        font-size: 20px;
        color: #999999
    }

    #blog-list .clearfix {
        margin-top: -0.1em;
    }

    #blog-list .blog-list-title {
        font-size: 15px;
        margin: 0px;
        text-indent: 10px;
        font-weight: 700;
    }

    #blog-list .blog-list-content {
        font-size: 12px;
        margin: 0px;
        text-indent: 8px;
    }

    #blog-list .blog-list-style {
        font-size: 10px;
        color: #999999;
        text-indent: 8px;
    }

    #blog-list .block-container {
        border-bottom: 1px solid #999999;
        /*height: 380px*/
    }

    .mysh {
        margin-left: 2.2em;
        margin-top: 32px;
        height: 27px;
        width: 1px;
    }

    #buttomwarp .colitem-first>img {
        margin-top: 2.6em;
        margin-left: -4px;
    }

    .buttomwarp-top {
        width: 500px;
    }

    .myultwo a {
        /* width: 29px;
        height:29px;
        margin-left: 2em*/
    }

    .myspan {
        line-height: 39px;
        margin-left: 21px;
    }

    .itemleft {
        float: left;
        /*width: 50%;*/
    }

    .itemright {
        float: left;
        /*width: 50%;*/
    }

    #contact .featured-image--true {
        height: auto;

    }

    /*#slide-banner .cnt>h1 {
    font-size: 24px;
}*/
    #main-after {
        width: 87%;
    }

    /*#slide-banner .cnt {
    color: #fff;
          margin-top: -80px;
    margin-left: 5px;
}*/
    #slide-banner .cnt>div {
        font-size: 24px;
        margin-top: -0.8em;
    }

    .bcg {
        background-size: cover;
        height: auto;

        background-position-y: 107%;
        background-position-x: 52%;
        /*margin-top: 66px;*/
    }

    .itemright p {
        font-family: '微软雅黑';
        font-weight: 600;
        width: 720px;
    }

    .itemleft p {
        font-family: '微软雅黑';
        font-weight: 600;
        width: 772px;
    }


    .clearfix div {
        /*margin-top: -1em;*/
    }

    /*.clearfix div:first-child {
        margin-top: -1em;
    }*/
    .products div:fisrt-child {
        margin-top: 0em;
    }

    .mindiv div {
        overflow: hidden;
    }

    .mypo {
        display: inline-flex;
        justify-content: center;
        align-items: flex-end;
    }

    .myconten {
        font-family: '微软雅黑'
    }

    .myconten>h1 {
        font-weight: 700
    }

    .myconten>p {
        font-size: 18px
    }

    .myafterco-one {
        width: 100%;
        float: left;
    }

    .myafterco-two {
        width: 69%;
        float: right;
    }

    .myafterco-five {
        width: 100%;
        margin-top: 0em;
        float: left;
    }

    .myafterco-three {
        width: 100%;
    }

    .myafterco-six {
        width: 33%;
        float: left;
        margin-top: 24px;
        /*text-align: center;*/
    }

    .myafterco-ten {
        width: 99%;
        float: left;
        margin-top: 13px;
        /*text-align: center;*/
    }

    .myafterco-ten input {
        width: 88%;
    }

    .myafterco-ten p {
        font-family: '微软雅黑';
        /*font-weight: 600;*/
        font-size: 19px;
        text-indent: 10px;
        padding: 0px;
        margin: 0px;
    }

    .myafterco-one input {
        width: 100%;
    }

    .myafterco-six p {
        font-family: '微软雅黑';
        /*font-weight: 600;*/
        font-size: 19px;
        text-indent: 10px;
        padding: 0px;
        margin: 0px;
    }

    .myafterco-one p {
        font-family: '微软雅黑';
        font-size: 16px;
        text-indent: 19px;
        padding: 0px;
        margin: 0px;
        color: #181818;
    }

    .myafterco-three p {
        font-family: '微软雅黑';
        font-size: 19px;
        text-indent: 18px;
        padding: 0px;
        color: #181818;
        margin: 0px;
    }

    .myafterco-two p {
        font-family: '微软雅黑';
        /*font-weight: 600;*/
        font-size: 19px;
        text-indent: 10px;
        padding: 0px;
        margin: 0px;
    }

    .myafterco-four {
        width: 100%;
    }

    .myafterco-eight {
        width: 100%;
        float: left;
    }

    .myafterco-eight p {
        font-family: '微软雅黑';
        /*font-weight: 600;*/
        font-size: 14px;
        padding: 0px;
        margin: 0px;

    }

    .myafterco-four input {
        width: 100%;
        height: 39px;
    }

    .myafterco-four p {
        font-family: '微软雅黑';
        font-size: 19px;
        color: #181818;
        text-indent: 18px;
        padding: 0px;
        margin: 0px;

    }

    .submit {
        border-radius: 22px;
        width: 118px;
        font-size: 18px;
        height: 40px;
        font-weight: 500;
        line-height: 1;
        font-family: '微软雅黑';
    }

    .myselect {
        background: url('../images/xiala.png')no-repeat right center;
        background-color: #ededed;
    }

    .stylefont {
        font-family: '微软雅黑';
        text-indent: 10px;
        font-size: 19px;
        margin: 0px
    }

    .bannero img {
        width: 100%;
    }

    .bannero{
        --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
        --swiper-preloader-color: #0178d6;/* 单独设置预加载圆圈的颜色 */
    }
    .bannero .swiper-slide {
        min-height: 3em;
    }

    .myafterco-seven p {
        color: #181818;
        width: 286px;
        margin-left: 2px;
        letter-spacing: 0px;
        margin-top: 20px;
        font-size: 16px;
        text-align: center;
    }

    .myafterco-seven {
        background: #ededed;
        width: 88%;
        border-radius: 28px;
        border: none;
        height: 104px;
        float: left;
        font-size: 19px;
        font-family: '微软雅黑'
            color: #9a9a9a;
        text-align: center;
        margin-top: 22px;
        margin-bottom: 16px;
    }

    .next {

        width: 101px;
        height: 38px;
        border-radius: 45px;
        text-indent: -11px;
        font-size: 19px;
        font-family: '微软雅黑';
        font-weight: 500;
        line-height: 1;
    }

    .myafterco-seven a {
        color: #9a9a9a;
        text-decoration: underline;
    }

    .ofbt {
        color: #181818;

    }

    .fobt {
        font-size: 16px;
        font-family: '微软雅黑';
        color: #181818;
        margin-left: 10px;
    }

    .textareaone {
        width: 100%;
        height: 47px;
        border-radius: 18px;
        resize: none;
        margin-top: 11px;
    }

    .mydiv-margin {
        margin-top: 5px
    }

    .mydiv-margin input[type="checkbox"] {
        -webkit-appearance: none;
        width: 23px;
        height: 23px;
        border-radius: 10%;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        line-height: 18px;
        position: relative;
    }

    .mydiv-margin input[type="checkbox"]::before {
        content: "";
        position: absolute;
        border-radius: 10%;
        top: 0;
        left: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        border: 1px solid #d9d9d9
    }

    .item-cent {
        font-family: '微软雅黑'
            position:relative;

    }

    .item-cent p:first-child {
        font-size: 16px;
        margin-top: 0em;
    }

    .item-cent p {
        color: white;
        text-align: center;
        font-size: 12px;
        padding: 0px;
        margin: 0px;
    }

    .main-height {
        height: 635px;
    }

    .item-posit {
        position: absolute;
        top: 15%;
        left: 5%;
        width: 89%;
    }

    .close img {
        /*margin-top: -2em;*/
    }

    .mymessges {
        border-radius: 28px;
        width: 71%;
        height: 220px;
        text-indent: 10px;
        resize: none;
        font-size: 17px;
        margin-top: 10px;
        font-family: '微软雅黑';
    }

    .myinpotn {
        font-size: 17px;

    }

    .mainfont {
        color: #181818;
    }

    #contact- .con-fontone {
        font-size: 23px;
        margin: 0px;
        font-weight: 700;
        color: #181818;
    }

    .con-fontone {
        font-size: 23px;
        margin: 0px
    }

    .con-font {
        font-size: 19px;
        margin: 0px
    }

    .con {
        font-size: 19px;
    }

    .breadcrumb-text {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .headline-h1 {
        font-weight: 800;
        font-size: 51px
    }

    .cnt-margin {
        margin-left: -605px;
    }

    .Registration a {
        color: black;
    }

    .Registration a:hover {
        color: black;
    }

    .weare-bloack-one {
        height: 383px;
        background-image: url(../images/whoweare.png);
        margin-top: -1px;
        background-size: cover;
        background-position: 68%;
    }

    #who-we-are .research-divone-p- {
        position: relative;
    }

    #who-we-are .research-divone-p->p {
        font-size: 25px;
        color: #fff;
        font-family: '微软雅黑';
        position: absolute;
        left: 16%;
        margin-top: 39%;
    }

    #who-we-are .container .eight.columns {
        /*width: 91%;*/
        font-size: 13px;
        margin: 0px auto;
        padding: 9px;
        ;
    }

    #who-width h1 {
        font-size: 20px;
        color: #333;
        font-family: '微软雅黑';
        letter-spacing: -1px;
        line-height: 50px;
    }

    #who-we-are .weare-bloack-three {
        color: #fff;
        font-family: '微软雅黑'
    }

    #who-we-are p {
        /*color: #181818;*/
        font-family: '微软雅黑'
    }

    .weare-bloack-two {
        background: white;
        font-family: '微软雅黑';
        margin-top: 29px;
        margin-bottom: 33px;
    }

    #who-we-are .font-marginsize {
        font-size: 15px;
        margin-top: 2em;
        color: #181818;
    }

    .weare-bloack-three {
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;

    }

    #who-we-are .weare-item-p {
        text-align: none;
        color: white;
        padding: 0px;
        margin: 0px;
    }

    /*.weare-item-p {
        text-align: right;
        color: white;
        padding: 0px;
        margin: 0px;
    }*/

    .font-sizeseven {
        font-size: 17px;
    }

    .font-stylesize {
        font-size: 15px;
        color: #181818
    }

    .font-marginsize {
        font-size: 18px;
        margin-top: 2em;
    }

    .container {
        position: relative;
    }

    .wi-first {
        margin-top: 0px;
        /*margin-top: 229px;*/
    }

    .wi-two {
        /*margin-top: 122px;*/
        margin-top: 0px;
    }

    .wi-three {
        margin-top: -18px;
        /*margin-top: 115px;*/
    }

    .wi-four {
        margin-top: 0px;
        /*margin-top: 105px;*/
        color: white;
    }

    .wi-five {
        margin-top: 0px;
        /*margin-top: 136px;*/
        color: white;
    }

    #who-we-are .who-ultwo li {
        list-style-type: none;
        padding: 0px;
        margin-top: 29px;
    }

    .wi-six {
        margin-top: 0px;
        /*margin-top: 134px;*/
        color: white;
    }

    .wi-seven {
        margin-top: 0px;
        /*margin-top: 107px;*/
        color: white;
    }

    .myconten-title {
        font-weight: 600;
        color: white;
        margin: 0px;
        text-align: center;
    }

    .choose h1 {
        font-weight: 600;
        margin: 0px;
        text-align: center;
        margin-bottom: 5px;
    }

    .choose-block-one {
        height: 600px;
        margin-top: -1px;
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
    }

    .choose-block-two {
        height: 453px;
        background: white;
    }



    .accessory-item-tag {
        position: absolute;
        top: -12px;
        background: #ec641a
    }

    .accessorysize-img {
        width: 57%;
        opacity: 1;
        margin-top: 11%;
    }

    .after-item-p {
        font-family: '微软雅黑';
        font-weight: 700;
        text-indent: 10px;
        font-size: 16px;
        margin: 0px
    }

    .after-item-p-two {
        font-family: '微软雅黑';
        font-weight: 700;
        text-indent: 10px;
        font-size: 16px;
        margin-top: -10px;
    }

    .after-block-d2 p {
        font-family: '微软雅黑';
        text-indent: 19px;
        font-size: 15px;
        color: #181818;
    }

    .after-text {
        border-radius: 28px;
        width: 100%;
        resize: none;
        height: 90px;
    }

    .after>h1 {
        font-weight: 800;
        font-size: 51px
    }

    .after>div {
        font-size: 21px;
        font-weight: 700;
        /* margin: -2px; */
        margin-top: 19px;
    }

    #after .breadcrumb_text {
        font-size: 14px;
        letter-spacing: 2px;
        color: #181818;
    }

    /*#after .myafterco-one {
    width: 83%;
    float: left;
}
#after .myafterco-one p {
        font-family: '微软雅黑';
    font-size: 17px;
    text-indent: 9px;
    padding: 0px;
    margin: 0px;
    color: #181818;
}
#after .myafterco-one select {
        font-family: '微软雅黑';
    font-size: 17px;
    text-indent: 9px;
    padding: 0px;
    margin: 0px;
    color: #181818;
}*/
    #apply-test .clearfix {
        margin-top: -0.1em;
    }

    #apply-test .cnt {
        /*margin-left: -326px;*/
        margin-top: -4px;
    }

    #apply-test .headline {
        font-weight: 800;
        font-size: 29px;
        float: left;
    }

    #apply-test .breadcrumb_text {
        font-size: 13px;
        letter-spacing: 2px;
    }

    .breadcrumb {
        text-align: none;
        margin-bottom: 0em;
    }

    #apply-test .mywidthsize {
        width: 292px;
        height: 40px;
    }

    #apply-test .ms-margin {
        margin-top: 20px;
    }

    #test-three {
        margin: 26px auto;
    }

    #apply-test-block {
        margin: 35px auto;
    }

    #test-item-eight {
        margin-top: 20px;
        float: right;
    }

    .test-item-six {
        margin-top: 20px;
        text-align: center;
        width: 752px;
        float: right;
    }

    .test-block-five {
        height: auto;
    }

    .next1 {
        width: 101px;
        height: 36px;
        border-radius: 45px;
        text-indent: -11px;
        font-size: 17px;
        font-family: '微软雅黑';
        font-weight: 500;
        line-height: 1;
    }

    #mar-columns .clearfix {
        width: 97%;
        margin: 0px auto;
    }

    #test-block-two {
        width: 90%;
    }

    #test-block-two {
        margin: 20px auto;
    }

    .next2 {


        width: 101px;
        height: 36px;
        border-radius: 45px;
        text-indent: -11px;
        font-size: 17px;
        font-family: '微软雅黑';
        font-weight: 500;
        display: block;
        line-height: 1;
    }

    #warranty .cnt {
        /*margin-left: -57%;*/
        margin-top: 0px;
        /*margin-top: -9%;*/
    }

    #warranty .cnt>h1 {
        text-align: left;
        font-weight: 800;
        font-size: 32px;
    }

    #warranty .myselect {
        background: url(../images/xiala.png)no-repeat #ededed 349px 18px;
        width: 100%
    }

    #warranty .cnt>div {
        /*font-size: 29px;*/
        font-weight: 700;
        text-align: left;
        /*margin: -10px;*/
        /*text-indent: 25px;*/
    }

    #warranty .breadcrumb_text {
        font-size: 16px;
        letter-spacing: 2px;
        text-indent: 7px;
    }

    #warranty .warranty-fontsize {
        font-size: 22px;
        margin: 0px;
    }

    #warranty .myafterco-one p {
        font-family: '微软雅黑';
        font-size: 16px;
        text-indent: 9px;
        padding: 0px;
        margin: 0px;
        color: #181818;
    }

    #warranty .stylefont {
        font-family: '微软雅黑';
        text-indent: 10px;
        font-size: 17px;
        margin: 0px;
    }

    #warranty .warranty-p {
        font-size: 16px;
        padding: 0px;
        margin: 0px;
    }

    #research .research-p {
        margin-top: -41px;
    }

    #research .research_divone {
        background: white;
    }

    #research .research-block-one {
        margin-top: 29px;
    }

    #research .breadcrumb_text {
        /*margin-left: 1em;*/
    }

    #research .reaearch-span {
        margin-left: -30px;
        margin-top: -11px;
        display: inherit;
    }

    #research .myconten-co {
       /* position: absolute;
        top:9em;
        left: 5%;*/
    }

    #research .myconten-co-one {
        /*position: absolute;
        top: 18em;
        left: 5%;
        width: 1200px;
        margin: 0px auto;*/
    }

    #research .research-twospan {
        margin-left: -1.4em;
        margin-top: -5.8em;
        display: inherit;
    }

    #research .research-threespan {
        position: absolute;
        top: 1px;
        left: 51px;
    }

    #research .myconten-co-ul li img {
        width: 16px;
        height: 19px;
    }

    #research .rd-span {
        margin-left: -18px;
        margin-top: -11px;
        display: inherit;
    }

    #research .rd-span2 {
        margin-left: -0.7em;
        margin-top: -5.8em;
        display: inherit;
    }

    #research .rd-span3 {
        margin-left: -1.3em;
        margin-top: -5.8em;
        display: inherit;
    }

    #research .rd-span4 {
        margin-left: -26px;
        margin-top: -11px;
        display: inherit;
    }

    #research .rd-span5 {
        margin-left: -25px;
        margin-top: -11px;
        display: inherit;
    }

    #research .rd-span6 {
        margin-left: -0.7em;
        margin-top: -5.8em;
        display: inherit;
    }

    #research .myconten-co>h1 {
        font-weight: 600;
    }

    #research .myconten-co>p {
        font-size: 18px
    }

    #research .myconten-co-one>h1 {
        font-weight: 600;
        color: white;
        margin: 0px;
        font-size: 21px;
        text-align: center;
    }

    #research .myconten-co-one>p {
        font-size: 17px;
        margin-top: -11px;

    }

    #research .research_divtwo {
        height: 487px;
        background: white;
    }

    #research .myconten-co>h1 {
        font-weight: 600;
        margin: 0px;
        text-align: center;
    }

    #research .myconten-co>p {
        font-size: 15px;
        margin-top: -6px;
    }

    #apply-test .apply-cont-fist {
        width: 100%;
        height: 393px;
        position: relative;
    }

    #apply-test .apply-block-first {
        font-family: '微软雅黑';
        color: white;
        position: absolute;
        top: 114px;
    }

    #apply-test .apply-block-first>p:first-child {
        margin: 0px;
        text-align: center;
        font-size: 19px
    }

    #apply-test .apply-block-first>p {
        text-align: center;
    }

    #apply-test .ap-margin {
        margin-top: 20px;
    }

    #apply-test .ap-margin {
        margin-top: 20px;
        width: 100%;
    }

    #apply-test .test-block-two1 {
        width: 100%;
        height: 182px;
        position: relative;
    }

    #apply-test .test-item-two {
        font-family: '微软雅黑';
        color: white;
        position: absolute;
        top: 31px;
    }

    #apply-test .test-item-two p:first-child {
        margin: 0px;
        text-align: center;
        font-size: 19px
    }

    #apply-test .test-item-two p {
        text-align: center;
    }

    #apply-test .myafterco-eight {
        margin-top: 22px
    }

    #apply-test .myafterco-six {
        width: 77%;
        float: left;
        margin-top: 12px;
        position: relative;
    }

    /*#apply-test .myinput-{
    width: 774px;height: 40px;
    }*/

    .item-padding {
        padding: 50px 0px;
    }

    #mycont .container {
        width: 78%;
        margin: 0px auto;
    }

    .weare-item-p- {
        text-align: left;
        color: white;
        padding: 0px;
        margin: 0px;
    }

    .accessoryeight {
        width: 24.3%;
    }

    .accessoryeight- {
        width: 58%;
    }

    .prdbox .tabbox .specification table tr:nth-child(odd) {
        background: #fff;
    }

    .prdbox .tabbox .specification table tr:nth-child(even) {
        background: #e6e6e6;
    }
}

/* 小屏幕（平板，大于等于 768px）默认样式 */
@media screen and (min-width: 768px) {
    .hidden-xs {
        display: block;
    }
    .visible-xs-block {
        display: none;
    }

    .featProds .product {
        width: 50%;
    }

    .prdbox .thumbbox .slides {
        /*padding: 0 50px;*/
        height: 420px;
    }

    #procut-detail .flexslider .slides img {
        display: block;
        max-width: 56%;
        height: auto;
        /* margin: 0 auto; */
        margin-left: 159px;
        margin-top: -10px;
    }

    #procut-detail .prdbox .thumbbox .description {
        color: #777;
        font-size: 12px;
        line-height: 1.5;
        width: 95%;
        margin: 0px auto;
    }

    #procut-detail .prdbox .product_name {
        font-weight: 900;
        margin-bottom: 10px;
        line-height: 1.2;
        font-size: 22px;
        text-align: center;
        margin: 0px auto;
    }

    #procut-detail .container .seven.columns {
        width: 79%;
        height: auto;
        margin: 0px auto;
    }

    #procut-detail .container .nine.columns {
        width: 600px;
        overflow: hidden;
        margin: 0px auto;
    }

    #procut-detail .tagline {
        margin-bottom: 20px;
        font-size: 14px;
        color: #1b1b1b;
        font-weight: 600;
        text-align: center;
        /* width: 67%; */
        font-family: '微软雅黑';
    }

    #procut-detail .columns {
        display: block;
        float: none;
    }

    #procut-detail .breadcrumb_text {
        margin-top: 8em;
    }

    #procut-detail .flexslider .slides img {
        display: block;
        max-width: 56%;
        height: auto;
        margin: 0 auto;
        margin-top: 97px;
    }

    .myafterco-one input {
        width: 96%;
    }

    .form .myafterco-one {
        width: 50%;
        float: left;
    }

    .form .myselect {
        width: 95%;
    }

    .container .eight.columns {
        margin-left: 0em;
        /*width: 342px;*/
    }

    .collection .sixteen.columns {
        margin: 0px auto;
    }

    .bcg .hsContent .container {
        max-width: 94%;
    }

    .hsContainer {
        display: table;
        table-layout: fixed;
        width: 100%;
        overflow: hidden;
        position: relative;
        opacity: 1;
        z-index: 1;
        height: 574px;
    }

    .quan {
        margin-top: 3em;
        position: absolute;
        top: 12%;
        right: -39%;

    }

    #product-list .container .eight.columns {
        margin: 0px 182px auto;
    }

    .featured-image--true+div.content {
        padding-top: 3px;
    }

    #product-list .breadcrumb {
        /*margin: 0px 39px auto;*/
        margin-top: 35px;
        margin-bottom: 10px;
    }

    #accessory .breadcrumb_text {
        margin-top: 35px;
        /*width: 364px;*/
        /* margin-left: 9.5em; */
        /*margin: 0px 136px auto;*/
    }

    .products .info .title {
        color: #000;
        font-size: 1.5rem;
        font-weight: 700;
    }

    .products .product_image img {
        width: 69%;
        margin-left: auto;
        margin-top: 27px;
    }

    .quan {
        margin-top: 3em;
        position: absolute;
        top: 18%;
        right: -8%;
    }

    .products .info {
        color: #7f7f7f;
        font-size: 12px;
        padding: 6px 10px;
        text-align: left;
        height: 112px;
        width: 92%;
        margin-left: 7px;
    }

    .products .thumbnail {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 51.3%;
        margin: 0 1% 1rem;
        font-size: 1rem;
        background: #FAFAFA;
        margin: 7px auto;
        vertical-align: top;
    }

    .products .product_image {
        background: #F0F0F0;
        height: 377px;
    }

    .crowdfunding .subbox {
        background: #fff;
        border-radius: 25px;
        height: 40px;
        overflow: hidden
    }

    .crowdfunding .subbox .input {
        height: 40px;
        line-height: 40px;
        padding: 0 1rem
    }

    .crowdfunding .subbox .contact_email {
        border: none;
        width: auto;
        min-width: 260px;
        padding: 0 1.5rem
    }

    .crowdfunding .subbox .sign_up {
        height: 36px;
        line-height: 36px;
        margin: 2px;
        vertical-align: top
    }

    #who-we-are .research-divone-p->p {
        font-size: 25px;
        color: #fff;
        font-family: '微软雅黑';
        position: absolute;
        left: 16%;
        margin-top: 18%;
    }

    #accessory .products .thumbnail-:hover {
        -webkit-box-shadow: 0 0 27px #aaa;
        box-shadow: 0 0 27px #aaa;
        z-index: 1;
    }

    .thumbnail a:hover {
        -webkit-box-shadow: 0 0 27px #aaa;
        box-shadow: 0 0 27px #aaa;
        z-index: 1;
    }

    /*.products .product_image {
    background: #F0F0F0;
    height: 434px;
}*/
    .products .product_image img {
        width: 64%;
        margin-left: auto;
        margin-top: 32px;
    }

    .thumbnail a img {
        width: 76%
    }

    /*.thumbnail a img:hover{
    width: 77%;
    backface-visibility: hidden;
    -webkit-transition: 1s;
}*/
    /*#accessory .products .thumbnail-:hover{
    -webkit-box-shadow: 0 0 40px #aaa;
    box-shadow: 0 0 40px #aaa;
    z-index: 1;
}
#accessory .products .product_image- img:hover{
    width: 65%;
    backface-visibility: hidden;
    -webkit-transition: 1s;
}*/
    .swiper-slide .title {
        font-size: 23px;
        font-weight: 300;
    }

    #apply-test .headline {
        font-weight: 800;
        font-size: 29px;
        float: left;
    }

    #blog-list .breadcrumb_text {
        font-size: 12px;
        letter-spacing: 2px;
        padding: 10px 0px 0px 38px;
    }

    .page {
        text-align: center;
    }

    .pagination {
        /* width: 71%; */
        margin: 0px auto;
        overflow: hidden;
        /* text-align: center; */
        display: inline-block;
    }

    .swiper-slide .subtitle {
        font-size: 20px;
        margin-top: 0.3em;
        letter-spacing: 1px;
    }

    #research .research-divone:first-child {
        position: relative;
        height: 372px;
        background-size: cover;
        background-position: 74%;
    }

    #slide-banner .myblog {
        height: 300px;
    }

    #apply-test .cnt {
        /*margin-left: -484px;*/
        margin-top: 20px;
    }

    /*#research .research-divone {
    position: relative;
    height: 432px;
    background-size: cover;
    background-position: 74%;
}*/
    #research #why-choose p>img {
        width: 100%;
    }

    #research #why-choose p {
        text-align: center;
    }

    #research .research-divone-p {
        color: white;
        font-size: 30px;
        font-weight: 700;
        position: absolute;
        left: 1em;
        top: 162px;
    }

    #why-choose-us .container .eight.columns {
        width: 97%;
        margin: 0px auto;
        font-size: 14px;
        /*text-indent: 46px;*/
        text-indent: 216px;
        margin-top: 35px;
        padding: 0px;
        left: -28px;
        position: absolute;
        top: 6px;
    }

    #why-choose-us .choose-block-two {
        height: 510px;
        background: white;
    }

    #why-choose-us .choose-bg {
        height: 476px;
        background-position: 67%;
        background-size: cover;
    }

    #why-choose-us .choose {
        position: absolute;
        top: -3em;

    }

    #why-choose-us .research-divone-p- {
        color: white;
        font-size: 42px;
        font-weight: 700;
        position: absolute;
        left: 1em;
        top: 184px;
    }

    #why-choose-us #why-choose {
        width: 97%;
        margin: 150px auto;
    }

    #why-choose-us #why-choose-us .choose-bg {
        height: 600px;
    }

    #why-choose {
        width: 97%;
        margin: 0px auto;
    }

    #why-choose .myconten-co-one>p {
        font-size: 16px;
        font-weight: 400;
        width: 100%;
        margin: 0 auto;
    }

    #who-width {
        width: 80%;
        margin: 0px auto
    }

    #contact-width {
        width: 82%;

    }

    #who-we-are .weare-bloack-three {
        height: auto;
        width: 100%;
        background-size: cover;
        background-position: 10%;
        background-attachment: fixed;
        ;

    }

    #who-we-are .who-ulone li {
        list-style-type: none;
        margin-top: -23px;
    }

    #who-we-are .who-ulone {
        width: 78%;
        margin: -18px auto;
        margin-top: -369px;
    }

    #who-we-are .who-ultwo {
        width: 78%;
        margin: 0px auto;
        /*margin-top: -764px;*/
    }

    #who-we-are .img- {
        height: 378px;
        margin-left: 3em;
    }

    #contact- .headline-h1 {
        font-weight: 800;
        font-size: 38px;
    }

    #contact- .con-fontone {
        font-size: 23px;
        margin: 0px;
        font-weight: 700;
        color: #181818;
    }

    #contact- .con-font {
        font-size: 16px;
        margin: 0px;
        color: #181818;
        font-family: '微软雅黑';
    }

    #contact- .con {
        font-size: 17px;
        color: #181818;
        font-family: '微软雅黑';
    }

    #contact- .breadcrumb-text {
        font-size: 15px;
        letter-spacing: 0px;
        color: #181818;
        font-family: '微软雅黑';
    }

    #contact-width .container {
        width: auto;

    }

    #contact-width .myafterco-one input {
        width: 94%;
    }

    #contact-width .myafterco-one {
        width: 50%;
        float: left;
    }

    #contact- .featured-image--true {
        height: auto;
    }

    #contact-width .next10 {
        background: url(../images/duo.png)no-repeat #0178D6 82px 15px;
        margin-left: 0em;
    }

    #contact- .cnt {
        color: #fff;
        margin-top: -22%;
        margin-left: -59%;
    }

    #downlods .cnt {
        color: #fff;
        margin-top: -27px;
        /*margin-left: 68px;*/
    }

    #downlods #slide-banner .cnt>div {
        font-size: 18px;
        margin-top: -1.8em;
    }

    #downlods .featured-image--true {
        height: auto;
    }

    #downlods .cnt>h1 {
        font-size: 56px;
        width: 40%;
        margin-left: 0%;
    }

    #downlods .bcg {
        background-image: url(/static/upload/image/20200810/1597049208656652.png);
        width: 100%;
        height: auto;
        /* overflow: hidden; */
        background-size: cover;
        margin-top: 62px;
    }

    #slide-banner .hsContainer {
        height: 321px;
    }

    #contact .cnt {
        color: #fff;
        margin-top: -188px;
        /*margin-left: 83px;*/
    }

    /*warranty registration*/
    #warranty .mywarranty {
        height: 387px;
    }

    #warranty .myselect {
        background: url(../images/xiala.png)no-repeat #ededed 349px 18px;
        width: 92%;
    }

    #warranty .warranty-container {
        width: 89%;
        margin: 0px auto;
    }

    #warranty .myafterco-one input {
        width: 91%;
    }

    #warranty .myafterco-one {
        width: 50%;
        float: left;
    }

    #warranty-width .clearfix {
        width: 100%;
        margin: 0px auto;
    }

    #warranty-width .warranty-p {
        font-size: 20px;
        padding: 0px;
        margin: 0px;
        color: #181818;
        font-family: '微软雅黑';
    }

    #warranty-width {
        color: #181818;
        font-family: '微软雅黑'
    }

    #warranty-width #warranty .breadcrumb_text {
        font-size: 19px;
        letter-spacing: 0px;
        color: #181818;
        font-family: '微软雅黑';
    }

    #warranty-width .breadcrumb_text {
        font-size: 18px;
        letter-spacing: 0px;
        text-indent: -3px;
    }

    #warranty-width .myafterco-one p {
        font-family: '微软雅黑';
        font-size: 19px;
        text-indent: 19px;
        padding: 0px;
        margin: 0px;
        color: #181818;
    }

    #warranty .cnt {
        margin-top: -199px;
        /*margin-left: -481px;*/
        text-align: left;
    }

    #warranty #slide-banner .bcg1 {
        width: 100%;
        background-position-x: 55%;
        height: 79%;
        margin-top: 7%;
        background-size: cover;
    }

    #warranty .cnt {
        margin-top: -113px;
        /*margin-left: -486px;*/
        text-align: left;
    }

    /*warranty registration*/
    #apply-test .test-item-two {
        font-family: '微软雅黑';
        color: white;
        position: absolute;
        top: 90px;
        left: 127px;
    }

    .mywarranty {
        height: 336px;
    }

    #slide-banner .bcg1 {
        width: 100%;
        background-position-x: 96%;
        height: auto;
        background-size: cover;
        margin-top: 7%;
    }

    .page a:first-child {
        /*margin-left: 3.8em;*/
    }

    .page a:first-child:hover {
        /*margin-left:39em;*/
    }

    #slide-banner .bcg2 {

        width: 100%;
        background-size: cover;
        height: 313px;
        background-repeat: no-repeat;
        /*background-position-y: 67px;*/
    }

    .bcg2 {

        width: 100%;
        background-size: cover;
        height: 326px;
        background-repeat: no-repeat;
        /*background-position-y: 67px;*/
    }

    .page a {
        list-style-type: none;
        float: left;
        margin-left: 3.6em;
        width: 45px;
        height: 30px;
        background: #e6e6e6;
        text-align: center;
        margin-top: 2em;
        margin-bottom: 29px;
        line-height: 2.5rem;
        color: #181818;
    }

    .page a.page-num-current,
    .page a:hover {
        list-style-type: none;
        float: left;
        margin-left: 3.6em;
        width: 45px;
        height: 30px;
        background: #999999;
        text-align: center;
        margin-top: 2em;
        margin-bottom: 29px;
        line-height: 2.5rem;
    }

    #contact .featured-image--true {
        height: 379px;
    }

    .bcg {
        background-size: cover;
        height: 77%;
        width: 100%;
        background-repeat-x: 10px;
        background-position-y: 102%;
        background-position-x: 3%;
        /* background-position: -12px; */
    }

    #after {
        width: 89%;
    }

    #after .clearfix {
        width: 89%;
        margin: 0px auto;
    }

    #after .breadcrumb_text {
        font-size: 20px;
        letter-spacing: 2px;
        text-indent: 10px;
        color: #181818;
    }

    #after .myafterco-one {
        width: 50%;
        float: left;

    }

    #after .myafterco-one input {
        width: 90%;
        height: 38px;
    }

    #after .after-text {
        border-radius: 28px;
        width: 94%;
        resize: none;
        height: 106px;
    }

    /* #main-after {
        width: 97%
    }*/

    #main-after .myafterco-one p {
        font-family: '微软雅黑';
        font-size: 17px;
        text-indent: 19px;
        padding: 0px;
        margin: 0px;
        color: #181818;
    }

    #main-after .after-block-d2 p {
        font-family: '微软雅黑';
        text-indent: 19px;
        font-size: 18px;
        color: #181818;
    }

    #after .after-item-p-two {
        font-family: '微软雅黑';
        font-weight: 500;
        text-indent: 10px;
        color: #181818;
        font-size: 18px;
        margin-top: -10px;
    }

    #after .after-item-p {
        font-family: '微软雅黑';
        font-weight: 500;
        text-indent: 10px;
        color: #181818;
        font-size: 19px;
        margin-top: -10px;
    }

    .item-cent p:first-child {
        font-size: 23px;
        margin-top: 0em;
    }

    .item-cent p {
        color: white;
        text-align: center;
        font-size: 16px;
        padding: 0px;
        margin: 0px;
    }

    .item-posit {
        position: absolute;
        top: 87px;
        left: 24px;
    }

    .three-img {
        width: 100%;
        height: 100%;
    }

    #test-three {
        width: 89%;
    }

    #mar-columns .clearfix {
        width: 93%;
        margin: 0px auto;
    }

    #test-block-two {
        width: 86%;
    }

    #apply-test .test-item-two p {
        text-align: center;
        width: 75%;
    }

    #apply-test .myafterco-eight {
        margin-top: 22px;
    }

    .myafterco-eight p {
        font-family: '微软雅黑';
        /* font-weight: 600; */
        font-size: 18px;
        /* font-weight: 600; */
        padding: 0px;
        margin: 0px;
        /* color: #181818; */
    }

    .myafterco-eight {
        width: 100%;
        float: left;
    }

    .textareaone {
        width: 519px;
        height: 58px;
        border-radius: 18px;
        resize: none;
        margin-top: 11px;
    }

    #slide-banner .bcg3 {
        /*background-image: url(/static/upload/image/20200810/1597049107584514.png);*/
        width: 100%;
        background-size: cover;
        height: 100%;
        background-position: 71%;
        /*margin-top: 67px;*/
    }

    #apply-test .test-block-two1 {
        width: 100%;
        height: 287px;
        position: relative;
    }

    .test-block-five {
        height: auto;
    }

    .myheight {
        height: auto;
    }

    .download .container {
        width: 90%;
        margin-top: 17px;
    }

    #slide-banner .cnt {
        color: #fff;
        /*margin-top: -140px;
    margin-left:78px;*/
    }

    /*#slide-banner .cnt>h1{
    font-size: 28px;
  }*/
    #slide-banner .cnt>div {
        font-size: 28px;
        margin-top: -0.8em;
    }

    #apply-test .apply-cont-fist {
        width: 100%;
        height: 386px;
        position: relative;
        /* margin: 0px auto; */
    }

    .myafterco-five {
        width: 100%;
        margin-top: 2em;
        float: left;
        margin: 0px auto;
    }

    #apply-test .myafterco-six {
        width: 50%;
        float: left;
        margin-top: 12px;
        position: relative;
    }

    .myafterco-seven p {
        color: #181818;
        width: 452px;
        margin-left: 65px;
        letter-spacing: 0px;
        margin-top: 17px;
        text-align: center;
        font-size: 18px;
    }

    #apply-test .myafterco-six {
        width: 45%;
        float: left;
        margin-top: 12px;
        margin: 0px auto;
        position: relative;
    }

    #apply-test .mywidthsize {
        width: 260px;
        height: 35px;
        margin: 0px 1px auto;
    }

    .myafterco-ten {
        width: 99%;
        float: left;
        margin-top: 13px;
        /* text-align: center; */
    }

    /*.myafterco-six p {
    font-family: '微软雅黑';
    /* font-weight: 600; */
    /* font-size: 19px;
    text-indent: 40px;
    padding: 0px;
    margin: 0px;
}.myafterco-ten input {
    width: 90%;
    margin: 0px auto;
}*/
    /*.myafterco-ten p {
    font-family: '微软雅黑';*/
    /* font-weight: 600; */
    /* font-size: 19px;
    text-indent: 34px;
    padding: 0px;
    margin: 0px;
}*/

    #fourwarp {
        /* background-image: url(../images/bj.jpg); */
        background-position: 50% 10%;
        background-size: cover;
        height: 388px;
    }

    #fourwarp h1 {
        width: 768px;
        margin-left: -384px;
        margin-top: -100px;
        font-family: '微软雅黑';
        color: white;
        z-index: 9999;
        font-size: 30px;
    }

    #blog .blog-title {
        font-size: 25px;
        margin: 0px;
        font-weight: 700;
    }

    #sixteen .container p {
        padding: 0px 8px 0px 8px;
        font-size: 15px;
    }

    pre {
        font-size: 17px;
    }

    #sixteen .container p {
        padding: 0px 8px 0px 8px;
        font-size: 18px;
    }

    #blog .breadcrumb_text {
        font-size: 16px;
        letter-spacing: 1px;
        text-indent: 9px;
        margin-top: 30px;
    }

    #blog-list .blog-list-style {
        font-size: 13px;
        color: #999999;
        text-indent: 14px;
    }

    .mybolo-list>img {
        margin-bottom: 20px;
        margin-top: -20px;
        width: 58%;
        margin-left: 13px;
    }

    #blog-list .blog-list-title {
        font-size: 32px;
        margin: 0px;
        text-indent: 14px;
        font-weight: 700;
    }

    #blog-list .blog-list-content {
        font-size: 17px;
        margin-top: -13px;
        text-indent: 13px;
    }

    .quan {
        margin-top: 3em;
        position: absolute;
        top: 23%;
        right: -3%;
        /*    -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.9s;*/
    }

    .products .thumbnail- {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;

        margin: 15px auto;
        width: 63%;
        /* margin: 0 1% 1rem; */
        font-size: 1rem;
        background: #FAFAFA;
        vertical-align: top;
    }

    .products .product_image- img {
        width: 59%;
        margin-left: 4em;
        margin-top: 20px;
        padding: 27px;
    }

    #slide-banner .bcg2 {
        background-image: url(/static/upload/image/20200810/1597049079945212.png);
        width: 100%;
        background-size: cover;
    }

    /*#slide-banner .bcg3 {
    background-image: url(/static/upload/image/20200810/1597049107584514.png);
    width: 100%;
    background-size: contain;
    height: 241px;
    margin-top: 67px;
}*/
}




.next2 {
    background: url({pboot:sitetplpath}/images/duo.png)no-repeat #0178D6 74px 14px;
    margin: 0px auto;
    margin-left: 19em;
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width: 992px) {
    .hidden-xs {
        display: block;
    }
    .visible-xs-block {
        display: none;
    }
    #procut-detail .flexslider .slides img {
        display: block;
        max-width: 56%;
        height: auto;
        margin: 0 auto;
        /*margin-left: 213px;*/
        margin-top: 81px;
    }

    #procut-detail .prdbox .flex-control-thumbs {
        text-align: center;
        margin-top: -4em;
    }

    .form {
        width: 800px;
    }

    .form .myafterco-one {
        width: 50%;
        float: left;
    }

    .form .myselect {
        width: 96%;
    }

    #accessory .container {
        position: relative;
        width: 1024px;
        margin: 0 auto;
        padding: 0;
    }

    #product-list .container {
        position: relative;
        width: 1200px;
        margin: 0 auto;
        padding: 0;
    }

    .collection .sixteen.columns {
        margin: 0px auto;
    }

    .quan {
        margin-top: 3em;
        position: absolute;
        top: 23%;
        right: 6%;
    }

    #accessory .products .thumbnail-:hover {
        -webkit-box-shadow: 0 0 27px #aaa;
        box-shadow: 0 0 27px #aaa;
        z-index: 1;
    }

    #accessory .breadcrumb_text {
        /*width: 364px;*/
        /* margin-left: 9.5em; */
        /*margin: 0px 248px auto;*/
        margin-top: 35px;
    }

    .page {
        text-align: center;
    }

    .products .thumbnail {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 53.3%;
        margin: 0 1% 1rem;
        font-size: 1rem;
        background: #FAFAFA;
        margin: 7px auto;
        vertical-align: top;
    }


    .weare-bloack-one {
        height: 484px;
        background-image: url(../images/whoweare.png);
        margin-top: -1px;
        background-size: cover;
        background-position: 68%;
    }

    #header a {
        color: #ffffff;
        font-size: 32px;
        display: inline-block;
        height: 40px;
        position: absolute;
        top: 9px;
        left: 18em;
        text-align: center;
        font-size: 25px;
        padding-top: 5px;
    }

    #who-we-are .research-divone-p->p {
        font-size: 25px;
        color: #fff;
        font-family: '微软雅黑';
        position: absolute;
        left: 16%;
        margin-top: 12%;
    }

    #apply-test .cnt {
        /*margin-left: -570px;*/
        margin-top: 20px;
    }

    .container .eight.columns {
        /*margin-left: 19em;*/
        /* width: 580px; */
        /*width: 796px;*/
        margin: 0px auto;
    }

    .accessoryh1 {
        color: #ffffff;
        /*margin-left: -7em;*/
        text-align: left;
        margin-top: 3.3em;
    }

    .timeline:before {
        content: "";
        position: absolute;
        top: 19px;
        left: 0;
        bottom: 0;
        width: 50%;
        height: 94% !important;
        margin-left: 1px;
        border-right-width: 2px;
        order-right-style: solid;
        border-right-color: #888;
    }

    .page a.page-num-current,
    .page a:hover {
        list-style-type: none;
        float: left;
        margin-left: 2.4em;
        width: 45px;
        height: 30px;
        background: #999999;
        text-align: center;
        margin-top: 2em;
        margin-bottom: 29px;
        line-height: 2.5rem;
    }

    .page a {
        list-style-type: none;
        float: left;
        margin-left: 2.4em;
        width: 45px;
        height: 30px;
        background: #e6e6e6;
        text-align: center;
        margin-top: 2em;
        margin-bottom: 29px;
        line-height: 2.5rem;
        color: #181818;
    }

    .pagination {
        /* width: 71%; */
        margin: 0px auto;
        overflow: hidden;
        /* text-align: center; */
        display: inline-block;
    }

    .timeline {
        max-width: 1200px;
        position: relative;
        padding: 1px 0;
        list-style: none;
        font-weight: 300;
        margin: 0px auto;

    }

    #who-we-are .weare-bloack-three {
        height: auto;
        width: 100%;
        padding: 45px 0px 45px 0px;
        background-size: cover;
        background-position: 10%;
    }

    .timeline-heading h5 {
        margin: 0px;
        padding: 0px;
        /*text-align: left;*/
        margin-bottom: -10px;
    }

    .timeline-body>div {
        width: 100%;
        /*text-align: left;*/
    }

    #research .research-divone:first-child {
        position: relative;
        height: 448px;
        background-size: cover;
        background-position: 74%;
    }

    #who-we-are .who-ultwo li {
        list-style-type: none;
        margin-bottom: 0px;
    }

    #research #why-choose p>img {
        width: 100%;
    }

    #research #why-choose p {
        text-align: center;
        margin-top: 1px;
    }

    #research .research-divone-p {
        color: white;
        font-size: 54px;
        font-weight: 700;
        position: absolute;
        left: 1em;
        top: 158px;
    }

    #why-choose-us .research-divone-p- {
        color: white;
        font-size: 72px;
        font-weight: 700;
        position: absolute;
        left: 1em;
        top: 294px;
    }

    #why-choose-us .choose-bg {
        height: 600px;
    }

    #why-choose-us .container .eight.columns {
        /* width: 51%;
        margin: 0px auto;
        font-size: 21px;
        text-indent: 61px;
        padding: 0px;*/
        width: 51%;
        margin: 0px auto;
        font-size: 14px;
        text-indent: 216px;
        margin-top: 35px;
        padding: 0px;
    }

    #why-choose-us #why-choose {
        width: 99%;
        margin: 157px auto;
    }

    #why-choose-us .choose-block-two {
        height: 484px;
        background: white;
    }

    #why-choose .myconten-co {
        position: absolute;
        top: 7em;
        /*   width: 1200px;
    margin: 0px auto;*/
    }

    #why-choose {
        width: 99%;
        margin: 0px auto;
    }

    #who-we-are .who-ulone {
        width: 70%;
        margin: 34px 232px auto
    }

    #who-we-are .who-ultwo {
        width: 52%;
        margin: -9px auto;
    }

    #who-width {
        width: 80%;
        margin: 0px auto
    }

    #who-we-are .weare-bloack-three {
        height: auto;
        width: 100%;
        background-size: cover;
        background-position: 10%;
    }

    #who-we-are .who-ultwo {
        /*float: right;*/
        /* width: 45%; */
        /* margin-left: 10%; */
        /*position: absolute;*/
        /*left: top;*/
        /*top: 85%;*/
        /*left:29%;*/
    }

    #who-we-are .who-ulone li {
        list-style-type: none;
        color: #fff;
        width: 100%;
    }

    #who-we-are .who-ulone li p {
        font-size: 15px;
        padding: 0px;
        margin: 0px;
        /* height: 27px; */
        margin-top: -12px;
        width: 69%
    }

    #who-we-are .who-ulone {
        /* float: left; */
        width: 65%;
        /* margin-left: 33%; */
        /* margin-left: 59px; */
        margin-top: 7%;
    }

    .download .container {
        width: 87%;
    }

    #contact- .next10 {
        background: url(../images/duo.png)no-repeat #0178D6 82px 15px;
        margin-left: 0em;
    }

    #contact- .featured-image--true {
        height: auto;
    }

    #contact- .cnt {
        color: #fff;
        margin-top: -15%;
    }

    #contact-width {
        width: 78%;
    }

    #contact-width .featured-image--true {
        height: 321px;
    }

    #contact-width .con-fontone {
        font-size: 23px;
        margin: 0px;
        font-weight: 700;
        font-family: '微软雅黑';
        color: #181818;

    }

    #contact-width .bcg1 {
        background-image: url(/static/upload/image/20200810/1597049244734860.png);
        width: 100%;
        height: 100%;
        background-size: cover;
    }

    #contact-width .con-font {
        font-size: 19px;
        margin: 0px;
        color: #181818;
        font-family: '微软雅黑';
    }

    #contact- .breadcrumb_text {
        margin-bottom: 1em;
        padding-top: 8px;
        color: #181818;
        font-family: '微软雅黑';
    }

    #contact-width .mymessges {
        border-radius: 28px;
        width: 97%;
        height: 203px;
        text-indent: 10px;
        resize: none;
        font-size: 17px;
        margin-top: 10px;
        font-family: '微软雅黑';
    }

    #contact-width .myafterco-one {
        width: 50%;
        float: left;
    }

    #contact-width .myafterco-one input {
        width: 94%;
    }

    #contact-width .container {
        width: auto;
    }

    #contact .cnt {
        color: #fff;
        margin-top: -165px;
        /*margin-left: 117px;*/

    }

    #slide-banner .bcg1 {
        width: 100%;
        height: 100%;
        background-size: cover;
        margin-top: 0px;
    }

    #warranty-width {
        width: 89%
    }

    #warranty-width .myafterco-one {
        width: 50%;
        float: left;
    }

    #warranty-cnt {
        color: #fff;
        margin-top: -174px;
        margin-left: -606px;
    }

    #warranty-width .myafterco-one p {
        font-family: '微软雅黑';
        font-size: 16px;
        text-indent: 0px;
        padding: 0px;
        margin: 0px;
        color: #181818;
    }

    #warranty-width .myselect {
        background: url(../images/xiala.png)no-repeat #ededed 367px 18px;
        width: 91%;
        margin: 0px -6px auto;
    }

    #warranty-width .myafterco-one input {
        width: 91%;
        margin: 0px -6px auto;
    }

    #warranty-width .clearfix {
        width: 100%;
        margin: 0px auto;
    }

    .mywarranty {
        height: 336px;
    }

    #slide-banner .cnt>h1 {
        font-size: 46px;
        /*text-align: left;*/
        /*width: 99%;*/
    }

    #slide-banner .cnt>div {
        font-size: 32px;
        margin-top: -0.8em;
    }

    .bcg {
        background-size: cover;
        height: 100%;
        width: 100%;
        margin-top: 0px;
        background-repeat-x: 10px;
        /* background-position-y: 106%; */
        /* background-position-x: 4%; */
        /* background-position: -12px; */
        background-repeat: no-repeat;
    }

    #contact- .cnt {
        margin-top: 8%;
        margin-left: -67%;
    }

    #mar-columns .clearfix {
        width: 86%;
        margin: 0px auto;
    }

    .mycon-test p:nth-child(1) {
        font-size: 22px;
        margin-top: 67px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .myheight {
        height: 176px;
    }

    .mycon-test p:nth-child(2) {
        font-size: 17px;
        margin-top: 20px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(3) {
        font-size: 18px;
        margin-top: 20px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(4) {
        font-size: 18px;
        margin: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(5) {
        font-size: 20px;
        margin: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(6) {
        font-size: 17px;
        margin: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(7) {
        font-size: 17px;
        font-family: '微软雅黑';
        color: #181818;
        margin: 0px;
    }

    .mycon-test p:nth-child(8) {
        font-size: 17px;
        font-family: '微软雅黑';
        color: #181818;
        margin: 0px;
    }

    .mycon-test p:nth-child(9) {
        font-size: 17px;
        margin: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(10) {
        font-size: 19px;
        margin-top: 20px;
        margin-bottom: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    .mycon-test p:nth-child(11) {
        font-size: 19px;
        margin: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    #slide-banner .bcg3 {
        background-image: url(/static/upload/image/20200810/1597049107584514.png);
        width: 100%;
        background-size: contain;
        height: 74%;
        margin-top: 0px;
    }

    .myafterco-six p {
        font-family: '微软雅黑';
        /* font-weight: 600; */
        font-size: 19px;
        text-indent: 10px;
        padding: 0px;
        margin: 0px;
    }

    .myheight {
        height: auto;
    }

    .myafterco-seven p {
        color: #181818;
        width: 463px;
        margin-left: 38px;
        letter-spacing: 0px;
        margin-top: 17px;
        text-align: center;
    }

    .next2 {
        background: url(/images/duo.png)no-repeat #0178D6 74px 14px;
        margin: 0px;
        margin-left: 0em;
    }

    .myafterco-seven {
        background: #ededed;
        width: 86%;
        border-radius: 28px;
        border: none;
        height: 104px;
        float: left;
        font-size: 19px;
        font-family: '微软雅黑';
            color: #9a9a9a;
        text-align: center;
        margin-top: 22px;
        margin-bottom: 16px;
    }

    #apply-test .mywidthsize {
        width: 316px;
        height: 40px;
        margin: 0px 1px auto;
    }

    .myafterco-ten input {
        width: 92%;
    }

    .myafterco-ten {
        width: 93%;
        float: left;
        margin-top: 13px;
        /* text-align: center; */
    }

    #slide-banner .hsContainer {
        height: 321px;
    }

    #slide-banner .bcg3 {
        background-image: url(/static/upload/image/20200810/1597049107584514.png);
        width: 100%;
        background-size: contain;
        height: auto;
        margin-top: 77px;
    }

    #blog-list .blog-list-content {
        font-size: 28px;
        margin-top: -13px;
        text-indent: 13px;
    }

    #slide-banner .bcg2 {
        background-image: url(/static/upload/image/20200810/1597049079945212.png);
        width: 100%;
        background-size: cover;
        height: 321px;
        background-position-y: 0px;
    }

    #blog-list .blog-list-style {
        font-size: 18px;
        color: #999999;
        text-indent: 14px;
        margin-top: -16px;
    }

    #blog-list .breadcrumb_text {
        font-size: 23px;
        letter-spacing: 2px;
        text-indent: 7px;
        padding: 20px 0px 0px 50px;
    }

    #header a {
        color: #ffffff;
        font-size: 32px;
        display: block;
        height: 40px;
        position: absolute;
        top: 14px;
        left: 359px;
        /* text-align: center; */
        font-size: 25px;
        padding-top: 5px;
    }

    #header a.icon-menu span {
        top: -4px;
        margin-left: 2px;
        font-size: 26px;
    }

    #header a.icon-menu {
        left: -12px;
        top: 28px;
    }

    .products .thumbnail- {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        /* margin: 0 1% 1rem; */
        margin-top: 17px;
        font-size: 1rem;
        background: #FAFAFA;
        vertical-align: top;
    }

    /*.container .eight.columns {
    width: 460px;*/
    /* margin: 0px auto; */
    /*  padding: 0px 248px 0px 248px;
}*/
    .products .product_image- {
        background: #F0F0F0;
        position: relative;
        height: 403px;
        /* padding: 45px; */
    }

    .products .product_image- img {
        width: 57%;
        margin-left: 6em;
        margin-top: 40px;
    }

    .products {
        box-sizing: border-box;
        font-size: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0px 254px 0px 254px;
        /* margin: 0px auto; */
    }

    .featProds .product {
        box-sizing: border-box;
        float: left;
        width: 25%;
        padding: 0 10px;
        text-align: center;
    }

    #fourwarp {
        /* background-image: url(../images/bj.jpg); */
        background-position: 50% 10%;
        background-size: cover;
        height: 409px;
    }

    #fourwarp h1 {
        width: 768px;
        margin-left: -384px;
        margin-top: -100px;
        font-family: '微软雅黑';
        color: white;
        z-index: 9999;
        font-size: 30px;
    }

    .products .thumbnail {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 100.3%;
        margin: 0 1% 1rem;
        font-size: 1rem;
        background: #FAFAFA;
        vertical-align: top;
    }

    .products .product_image {
        background: #F0F0F0;
        height: 356px;
    }

    .products .product_image img {
        width: 65%;
        margin-left: auto;
        margin-top: 42px;
    }

    .next9 {
        width: 101px;
        height: 36px;
        border-radius: 45px;
        text-indent: -11px;
        font-size: 17px;
        font-family: '微软雅黑';
        font-weight: 500;
        line-height: 1;
    }

    .next10 {
        width: 101px;
        height: 36px;
        border-radius: 45px;
        text-indent: -11px;
        font-size: 17px;
        font-family: '微软雅黑';
        font-weight: 500;
        line-height: 1;
    }

    .three-img {
        width: 100%;
        height: 100%;
    }

    .item-posit {
        position: absolute;
        top: 122px;
        left: 49px;
    }

    #test-three {
        width: 89%;
    }

    #after {
        width: 89%;
    }

    #after .clearfix {
        width: 89%;
        margin: 0px auto;
    }

    #after .breadcrumb_text {
        font-size: 20px;
        letter-spacing: 2px;
        text-indent: 10px;
        color: #181818;
    }

    #after .myafterco-one {
        width: 50%;
        float: left;

    }

    #after .myafterco-one input {
        width: 90%;
        height: 38px;
    }

    #after .after-text {
        border-radius: 28px;
        width: 94%;
        resize: none;
        height: 106px;
    }

    #after .after-item-p-two {
        font-family: '微软雅黑';
        font-weight: 500;
        text-indent: 10px;
        color: #181818;
        font-size: 19px;
        margin-top: -10px;
    }

    #after .after-item-p {
        font-family: '微软雅黑';
        font-weight: 500;
        text-indent: 10px;
        color: #181818;
        font-size: 19px;
        margin-top: -10px;
    }

    #warranty #slide-banner .bcg1 {
        width: 100%;
        background-position-x: 55%;
        height: 100%;
        margin-top: 0px;
        background-size: cover;
    }

    #warranty-width .breadcrumb_text {
        font-size: 18px;
        letter-spacing: 0px;
        text-indent: 7px;
    }

    #downlods .bcg {
        background-image: url(/static/upload/image/20200810/1597049208656652.png);
        width: 100%;
        height: 100%;
        background-size: cover;
        margin-top: 75px;
    }

    #downlods .cnt {
        color: #fff;
        margin-top: 16px;
        margin-left: 5px;
    }

    #contact-width .con {
        font-size: 19px;
        color: #181818;
        font-family: '微软雅黑';
    }

    #who-we-are .img- {
        position: absolute;
        left: 14em;
        top: 1em;
        height: 467px;
    }

    #why-choose-us .myconten-co {
        position: absolute;
        top: -2em;
        width: auto;
        margin: 0px auto;
    }

    #why-choose-us .research-divone {
        /*position: relative;*/
        position: relative;
        background-size: cover;
        background-position: 63%;
    }

    #reaearch .columns {
        width: 90% margin: 0px auto;
        padding: 0px;
    }

    #research .myconten-co-one>p {
        font-size: 16px;
        font-weight: 400;
        width: auto;
        margin: 0px auto;
    }

    #research .myconten-co>p {
        font-size: 18px;
        width: auto;
        margin: 0px auto;
    }

    .thumbnail a:hover {
        -webkit-box-shadow: 0 0 27px #aaa;
        box-shadow: 0 0 27px #aaa;
        z-index: 1;
    }

    #product-list .container .eight.columns {
        margin: 0px 256px auto;
    }






    /*.thumbnail a img:hover{
    width: 77%;
    backface-visibility: hidden;
    -webkit-transition: 1s;
}*/
    /*#accessory .products .thumbnail-:hover{
    -webkit-box-shadow: 0 0 40px #aaa;
    box-shadow: 0 0 40px #aaa;
    z-index: 1;
}
#accessory .products .product_image- img:hover{
    width: 63%;
    backface-visibility: hidden;
    -webkit-transition: 1s;
}*/
}

/*@media screen and (min-width: 820px) {
    #header a {
    color: #ffffff;
    font-size: 32px;
    display: block;
    height: 40px;
    position: absolute;
    top: 14px;
    left: 486px;
    /* text-align: center; */
/*  font-size: 25px;
    padding-top: 5px;*/
/*}
}*/




/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media screen and (min-width: 1200px) {
    .hidden-xs {
        display: block;
    }
    .visible-xs-block {
        display: none;
    }
    #procut-detail .flexslider .slides img {
        display: block;
        max-width: 76%;
        height: auto;
        margin: 0 auto;
        /*margin-left: 57px;*/
        margin-top: 36px;
    }

    #procut-detail .prdbox .flex-control-thumbs {
        text-align: center;
        margin-top: -6em;
    }

    #procut-detail .prdbox .thumbbox .description {
        color: #777;
        font-size: 12px;
        line-height: 1.5;
        width: 62%;
        margin: 0px;
    }

    #procut-detail .prdbox .product_name {
        font-weight: 900;
        margin-bottom: 10px;
        line-height: 1.2;
        font-size: 22px;
        text-align: left;
        margin: 0px auto;
    }

    #procut-detail .prdbox .tagline {
        margin-bottom: 20px;
        font-size: 14px;
        color: #1b1b1b;
        font-weight: 600;
        width: 67%;
        text-align: left;
        font-family: '微软雅黑';
    }

    #procut-detail .container .seven.columns {
        width: 404px;
        height: 490px;
        margin: 0px;
        float: left;
    }

    #procut-detail .breadcrumb_text {
        margin-top: 45px;
    }

    div.container div.breadcrumb_text,
    div.container div.section_select {
        margin-bottom: 0.3em;
        /* padding-top: 8px; */
        color: #181818;
        letter-spacing: 1px;
        margin-top: 45px;
    }

    .container .nine.columns {
        width: 600px;
        overflow: hidden;
        margin: 0px auto;
    }

    .form .myselect {
        width: 91%;
    }

    .form .myafterco-one {
        width: 37%;
        float: left;
    }

    .collection .sixteen.columns {
        margin: 0px auto;
    }

    .from {
        width: 585px;
        margin: 0px auto;
    }

    .container .eight.columns {
        /* margin-left: 0em; */
        /*width:81%;*/
        margin: 0px auto;
    }

    /* #procut-detail .clearfix div {
    margin-top: 8em;
}*/
    /*#research .hsContainer{
    display: table;
    table-layout: fixed;
    width: 100%;
    overflow: hidden;
    position: relative;
    opacity: 1;
    z-index: 1;
        height: 400px;
}*/

    .prdbox .tabbox .cnt {
        padding-top: 10px;
        background-color: #fff;
        /* height: 2762px; */
    }

    .prdbox .tabbox .nav {
        list-style: none;
        width: 801px;
        margin: 0px auto;
    }

    .prdbox .tabbox {
        background: #fff;
        line-height: 1.5;
    }

    .prdbox .tabbox .nav .active {
        background: #cccccc;
        height: 39px;
        border-radius: 15px 15px 0px 0px;
    }

    .prdbox .tabbox .nav li {
        position: relative;
        display: inline-block;
        margin: 0;
        width: 126px;
        margin-top: 0em;
        background: #ededed;
        cursor: pointer;
        font-weight: 900;
        height: 39px;
        border-radius: 15px 15px 0px 0px;
    }

    .prdbox .tabbox .cnt .active {
        display: block;
    }

    #mycont .container {
        width: 1014px;
        margin: 0px auto;
    }

    .collection .featProds .list img {
        /*max-width: 50%;*/
    }

    .prdbox .product_name {
        font-weight: 900;
        margin-bottom: 10px;
        line-height: 1.2;
        font-size: 22px
    }

    div.container div.breadcrumb_text,
    div.container div.section_select {
        margin-bottom: 0.3em;
        /* padding-top: 8px; */
        color: #181818;
        letter-spacing: 1px;
        margin-top: 45px;
    }

    #blog-list .blog-list-style {
        font-size: 19px;
        color: #999999;
        text-indent: 14px;
        margin-top: -16px;
    }

    .prdbox .tabbox .cnt .item ul li {
        max-width: 100%;
    }

    .prdbox .tabbox .cnt .item>.container img {
        max-width: 100%;
    }

    .prdbox .tabbox .cnt .item>.container {
        max-width: 801px;
        margin: 0px auto;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 62px;
        left: 0;
        width: 100%;
    }

    #accessory .products .thumbnail-:hover {
        -webkit-box-shadow: 0 0 27px #aaa;
        box-shadow: 0 0 27px #aaa;
        z-index: 1;
    }

    #slide-collection .bcg1 {
        background-image: url(/static/upload/image/20200810/1597049040854625.png);
        height: auto;
        background-position: 1px -1px;
        background-size: cover;
        width: 100%;
        margin-top: 0px;
    }

    #slide-banner .hsContainer {
        height: 574px;
    }

    #product-list .breadcrum {
        margin: 0px auto;
    }

    #product-list .container .eight.columns {
        margin: 0px;
    }

    #accessory .breadcrumb_text {
        margin: 0px;
        margin-top: 35px;
        margin-bottom: 10px;
    }

    .products .product_image- {
        background: #F0F0F0;
        position: relative;
        padding: 10px;
    }

    .timeline-heading h5 {
        margin: 0px;
        padding: 0px;
        margin-bottom: -10px;
        text-align: inherit;
        /*text-align: right;*/
    }

    .products .product_image {
        background: #F0F0F0;
        height: 269px;
    }

    .products .product_image img {
        width: 76%;
        margin-left: auto;
        margin-top: 28px;
    }

    .products {
        box-sizing: border-box;
        font-size: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .products .thumbnail {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 31.3%;
        margin: 0 1% 1rem;
        font-size: 1rem;
        background: #FAFAFA;
        vertical-align: top
    }

    .product_container {
        height: 197px;
    }

    .products .product_image- {
        background: #F0F0F0;
        position: relative;
        padding: 10px;
    }

    .products .product_image img {
        width: 76%;
        margin-left: auto;
        margin-top: 28px;
    }

    .thumbnail a:hover {
        -webkit-box-shadow: 0 0 27px #aaa;
        box-shadow: 0 0 27px #aaa;
        z-index: 1;
    }

    /*.thumbnail a img:hover{
    width: 77%;
    backface-visibility: hidden;
    -webkit-transition: 1s;
}*/
    /*#accessory .products .thumbnail-:hover{
    -webkit-box-shadow: 0 0 40px #aaa;
    box-shadow: 0 0 40px #aaa;
    z-index: 1;
}
#accessory .products .product_image- img:hover{
    width: 63%;
    backface-visibility: hidden;
    -webkit-transition: 1s;
}*/
    .page a:first-child {
        margin-left: 0em;
    }

    .page a:first-child:hover {
        margin-left: 0em;
    }

    #contact- .breadcrumb {
        font-size: 13px;
        /*margin-top: 16px;*/
    }

    #contact- .featured-image--true {
        height: 488px;
    }

    .header-section,
    .header-background--true {
        height: 91px;
        background: #fff;
        display: block;
        box-shadow: 1px 1px 10px rgba(0,0,0,.1);
    }

    #apply-test .cnt {
        /*margin-left: -484px;*/
        margin-top: -12em;
    }

    #blog-list .myblog {
        height: 577px;
    }

    #contact- .breadcrumb-text {
        font-size: 13px;
        letter-spacing: 1px;
        color: #181818;
        font-family: '微软雅黑';
        margin-top: 45px;
    }

    .btn {
        background: #0178D6;
        border-radius: 44px;
        height: 35px;
        line-height: 1.7em;
        text-indent: 12px;
        font-size: 20px;
        width: 118px;
        font-weight: 500;
        display: inline-block;
        margin-top: 0.8em;
        padding: 0;
    }

    .container .eight.columns {
        /*margin-left: 0em;*/
        /* width: 580px; */
    }

    #contact-width .con-fontone {
        font-size: 22px;
        margin: 0px;
        font-weight: 500;
        font-family: '微软雅黑';
        color: #181818;
    }

    #downlods .cnt {
        color: #fff;
        margin-top: -20px;
        margin-left: 5px;
    }

    #who-we-are .font-marginsize {
        font-size: 18px;
        margin-top: 2em;
        color: #181818;
    }

    #who-we-are p {
        color: #181818;
        font-family: '微软雅黑';
    }

    #who-we-are .container .eight.columns {
        /*width: 91%;*/
        font-size: 13px;
        margin: 0px auto;
        margin-top: 45px;
        padding: 0px;
        font-family: '微软雅黑';
        color: #181818;
    }

    #who-width h1 {
        font-size: 20px;
        color: #333;
        font-family: '微软雅黑';
        letter-spacing: -1px;
        line-height: 50px;
    }

    .page {
        text-align: center;
    }

    .pagination {
        /* width: 71%; */
        margin: 0px auto;
        overflow: hidden;
        /* text-align: center; */
        display: inline-block;
    }

    .page a.page-num-current,
    .page a:hover {
        list-style-type: none;
        float: left;
        margin-left: 2.1em;
        width: 45px;
        height: 30px;
        background: #999999;
        text-align: center;
        margin-top: 2em;
        margin-bottom: 29px;
        line-height: 2.5rem;
    }

    .page a {
        list-style-type: none;
        float: left;
        margin-left: 2.1em;
        width: 45px;
        height: 30px;
        background: #e6e6e6;
        text-align: center;
        margin-top: 2em;
        margin-bottom: 29px;
        line-height: 2.5rem;
        color: #181818;
    }

    .timeline-body>div {
        width: 100%;
        text-align: inherit;
    }

    .swiper-slide .subtitle {
        font-size: 21px;
        margin-top: 0.5em;
        letter-spacing: 1px;
    }

    .swiper-slide .title {
        font-size: 33px;
        font-weight: 300;
    }

    .featProds .list {
        clear: both;
        margin-top: 5em;
    }

    #accessory .featured-image--true {
        height: 585px;
    }

    #contact .featured-image--true {
        height: 568px;

    }

    #contact #slide-banner .cnt>h1 {
        font-size: 55px;
        width: 100%;
    }

    #contact .cnt {
        margin-top: 16px;
        /*margin-left: -30px;*/
    }

    #research .research-divone:first-child {
        position: relative;
        height: 600px;
        background-size: cover;
        background-position: 74%;
    }

    /*汉仪大黑简*/
    #research .research-divone {
        position: relative;
    }

    #research .myconten-co-one {
     /*   position: absolute;
        top: 17em;
        width: 1200px;
        margin: 0px auto;*/
    }

    #research .myconten-co {
      /*  position: absolute;
        top: 12em;
        width: 1200px;
        margin: 0px auto;*/
    }

    #research .myconten-co>p {
        font-size: 18px;
        width: 909px;
        margin: 0px auto;
    }

    #research .myconten-co-one>p {
        font-size: 16px;
        font-weight: 400;
        width: 909px;
        margin: 0px auto;
    }

    #who-we-are .img- {
        position: absolute;
        left: 43em;
        top: 6em;
        height: 100%;
    }

    #research .research-divone-p {
        color: white;
        font-size: 54px;
        font-weight: 700;
        position: absolute;
        left: 8em;
        top: 193px;
    }

    #why-choose-us .container .eight.columns {
        /*width: 51%;*/
        margin: 0px auto;
        font-size: 13px;
        margin-top: 45px;
        text-indent: 165px;
        padding: 0px;
    }

    #why-choose-us .myconten-co>p {
        font-size: 20px;
        width: 87%;
        margin: 0 auto;
        color: #181818;
        font-family: '微软雅黑';
    }

    #why-choose-us .myconten-co-one>p {
        font-size: 20px;
        font-weight: 400;
        width: 76%;
        margin: 0 auto;
    }

    #why-choose-us #why-choose {
        width: 99%;
        margin: -41px auto;
    }

    #why-choose-us .research-divone-p- {
        color: white;
        font-size: 54px;
        font-weight: 700;
        position: absolute;
        left: 5em;
        top: 285px;
    }

    #why-choose-us .research-divone {
        /*position: relative;*/
        position: relative;
        background-size: cover;
        background-position: 63%;
    }

    #why-choose-us .choose-bg {
        height: 600px;
    }

    #why-choose-us .choose-breadcrumb {
        margin-left: 8em;
        color: #181818;
    }

    #why-choose-us .myconten-co {
        position: absolute;
        top: 12em;
        width: 1200px;
        margin: 0px auto;
    }

    #why-choose-us .myconten-co-one {
       /* position: absolute;
        top: 12em;
        width: 1200px;
        margin: 0px auto;*/
    }

    .myconten-co-one>p {
        font-size: 16px;
        font-weight: 400;
        width: 909px;
        margin: 0 auto;

    }

    /*#why-choose*/
    #why-choose {
        width: 1200px;
        margin: 0px auto;
    }

    .myconten-co>p {
        font-size: 17px;
        width: 909px;
        margin: 0 auto;
        color: #181818;
        font-family: '微软雅黑';
    }

    #who-width {
        width: 1200px;
        margin: 0px auto;
    }

    #who-we-are .weare-bloack-three {
        height: auto;
        width: 100%;
        background-size: cover;
        background-position: 10%;
    }

    #header {
        display: none;
        background: black;
        border-bottom: 1px solid #b8c6c6;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        line-height: 40px;
        height: 91px;
        padding: 0 50px;
        z-index: 1;
        width: 100%;
        /* opacity: 0.95; */
        top: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #who-we-are .research-divone-p- {
        color: white;
        font-size: 54px;
        font-weight: 700;
        position: absolute;
        left: 5em;
        top: 285px;
    }

    #who-we-are .dropdown {
        margin-top: -10px;
        z-index: 100;
    }

    #who-we-are .dropdown_links {
        margin-top: 10px;
    }

    #who-we-are .img- {
        position: absolute;
        left: 40em;
        top: 6em;
        height: 700px;
    }

    #who-we-are .who-ulone {
        float: left;
        width: 44%;
        margin-left: 59px;
    }



    #who-we-are .who-ulone li {
        /*list-style-type: none;
        color: white;
        width: 100%;
        margin-top: 0px;*/
        margin-top: 58px;
    }

    #who-we-are .who-ulone li p {
        font-size: 18px;
    }

    #who-we-are .who-ultwo li p {
        font-size: 18px;
    }

    #who-we-are .who-ultwo li {
        list-style-type: none;
        color: white;
        width: 100%
    }

    #who-we-are .who-ultwo {
        float: right;
        width: 45%;
    }

    #who-we-are .who-ulone li p {
        font-size: 18px;
    }

    #who-we-are .who-ulone {
        float: left;
        width: 63%;
        margin-left: 59px;
        margin-top: 87px;
    }

    #who-we-are .who-ulone li {
        list-style-type: none;
        color: white;
        width: 100%;
    }

    #who-we-are .wi-first {
        margin-top: 229px;
    }

    #who-we-are .wi-two {
        margin-top: 122px;
    }

    #who-we-are .wi-three {
        margin-top: 115px;
    }

    #who-we-are .weare-item-p {
        text-align: right;
        color: white;
        padding: 0px;
        margin: 0px;
    }

    #who-we-are .who-ulone li p {
        font-size: 18px;
    }

    #who-we-are .who-ultwo {
        float: right;
        width: 57%;
        /* margin-top: -162px; */
        /* margin-left: 51px; */
        position: absolute;
        top: 180px;
        left: 656px;
    }

    #who-we-are .who-ultwo li {
        list-style-type: none;
        color: white;
        width: 100%;
        margin-top: 81px;
    }

    #who-we-are .wi-four {}

    #who-we-are .wi-five {
        margin-top: 80px;
    }

    #who-we-are .wi-six {
        margin-top: 130px;
    }

    #who-we-are .wi-seven {
        margin-top: 40px;
    }

    #who-we-are .research-divone-p->p {
        font-size: 67px;
        color: #fff;
        font-family: '微软雅黑';
        position: absolute;
        width: 431px;
        left: 16%;
        margin-top: 14%;
    }

    #who-we-are .wi-four {
        list-style-type: none;
        color: white;
        width: 100%;
        /* height: 155px; */
        margin-top: 101px;

    }

    #who-we-are .wi-five {
        margin-top: 136px;
    }

    #who-we-are .wi-six {
        margin-top: 134px;
    }

    #who-we-are .wi-seven {
        margin-top: 107px;
    }

    #who-we-are .weare-item-p- {
        text-align: left;
        color: white;
        padding: 0px;
        margin: 0px;
    }

    #who-we-are .container {
        position: relative;
    }

    #contact- .featured-image--true {
        height: 530px;
    }

    #contact- .weare-bloack-three {
        height: 960px;
    }

    #warranty-width {
        width: 1200px;
        margin: 0px auto;
    }

    #slide-banner .bcg1 {
        background-image: url("{pboot:if('{sort:pic}')}{sort:pic}{else}{pboot:sitetplpath}/images/img-contact.png{/pboot:if}");
        width: 100%;
        background-size: cover;
    }

    #contact-width {
        width: 1200px;
        margin: 0px auto
    }

    #slide-banner .bcg {
        width: 100%;
        background-size: cover;
        margin-top: 0px;
        height: 100%;
        background-position-y: 10%;
    }

    #downlods .featured-image--true {
        height: 540px;
    }

    #slide-banner .bcg {
        width: 100%;
        background-size: cover;
    }

    #slide-banner .hsContainer {
        height: 574px;
    }

    #warranty-width .clearfix {
        width: 1200px;
        margin: 0px auto;
    }

    #warranty .mywarranty {
        height: 560px;
    }

    #warranty-width .myafterco-one {
        width: 37%;
        float: left;
    }

    #warranty .breadcrumb_text {
        font-size: 18px;
        letter-spacing: 0px;
    }

    #warranty .breadcrumb_text {
        font-size: 18px;
        letter-spacing: 0px;
        text-indent: 0px;
    }

    #warranty #slide-banner .bcg1 {
        margin-top: 0px;
        height: 100%;
        background-size: cover;
    }

    .myheight {
        height: 592px;
    }

    .page a:first-child {
        /*margin-left: 39em;*/
    }

    .page a:first-child:hover {
        /*margin-left:39em;*/
    }

    #slide-banner .bcg2 {
        ;
        width: 100%;
        background-size: cover;
        height: 100%
    }

    .bcg2 {
        ;
        width: 100%;
        background-size: cover;
        height: 100%
    }

    #slide-banner .cnt>h1 {
        font-size: 55px;
        /*float: left;*/
    }

    #slide-banner .cnt>div {
        font-size: 55px;
        margin-top: -0.2em;
    }

    #after .myafterco-one {
        width: 37%;
        float: left;
    }

    #after .after-text {
        border-radius: 28px;
        width: 70%;
        resize: none;
        height: 106px;
    }

    #after .clearfix {
        width: 1200px;
        margin: 0px auto;
    }

    #after {
        width: 1200px;
        margin: 0px auto;
    }

    .three-img {
        width: 100%;
        height: 100%;
    }

    .next9 {
        width: 101px;
        height: 36px;
        border-radius: 45px;
        text-indent: -11px;
        font-size: 17px;
        font-family: '微软雅黑';
        font-weight: 500;
        line-height: 1;
    }

    #slide-banner .bcg3 {
        margin-top: -6px;
        height: 100%;
        background-size: cover;
    }

    .mycon-test p:nth-child(1) {
        font-size: 25px;
        margin-top: 67px;
    }

    .mycon-test p:nth-child(2) {
        font-size: 20px;
        margin-top: 20px;
    }

    .mycon-test p:nth-child(3) {
        font-size: 20px;
        margin-top: 20px;
    }

    .mycon-test p:nth-child(4) {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .mycon-test p:nth-child(5) {
        font-size: 20px;
        margin-top: 20px;
    }

    .mycon-test p:nth-child(6) {
        font-size: 20px;
        /*margin-top: 20px;*/
    }

    .mycon-test p:nth-child(7) {
        font-size: 20px;
        /*margin-top: 20px;*/
    }

    .mycon-test p:nth-child(8) {
        font-size: 20px;
        /*margin-top: 20px;*/
    }

    .mycon-test p:nth-child(9) {
        font-size: 20px;
        /*margin-top: 20px;*/
    }

    .mycon-test p:nth-child(10) {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .mycon-test p:nth-child(11) {
        font-size: 20px;
        margin-top: 20px;
    }

    #contact- .cnt {
        margin-top: -56px;
        margin-left: -74%;
    }

    #main-after {
        width: 1200px;
        margin: 0px auto;
    }

    #slide-banner .hsContainer {
        height: 574px;
    }

    .mycon-test p:nth-child(1) {
        font-size: 25px;
        margin-top: 67px;
    }

    .mycon-test p:nth-child(2) {
        font-size: 20px;
        margin-top: 20px;
    }

    .mycon-test p:nth-child(3) {
        font-size: 20px;
        margin-top: 20px;
    }

    .mycon-test p:nth-child(4) {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .mycon-test p:nth-child(5) {
        font-size: 20px;
        margin-top: 20px;
    }

    .mycon-test p:nth-child(6) {
        font-size: 20px;
        /*margin-top: 20px;*/
    }

    .mycon-test p:nth-child(7) {
        font-size: 20px;
        /*margin-top: 20px;*/
    }

    .mycon-test p:nth-child(8) {
        font-size: 20px;
        /*margin-top: 20px;*/
    }

    .mycon-test p:nth-child(9) {
        font-size: 20px;
        /*margin-top: 20px;*/
    }

    .mycon-test p:nth-child(10) {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .mycon-test p:nth-child(11) {
        font-size: 20px;
        margin-top: 20px;
    }

    .download .container {
        width: 1200px;
        margin: 20px auto;
    }

    .test11 {
        font-size: 20px;
        margin-top: 20px;
    }

    .next2 {
        background: url(../images/duo.png)no-repeat #0178D6 74px 14px;
        margin: 0px auto;
        margin-left: 19em;
    }

    .products .thumbnail {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 31.3%;
        margin: 0 1% 1rem;
        font-size: 1rem;
        background: #FAFAFA;
        vertical-align: top;
    }

    .products .product_image {
        background: #F0F0F0;
        height: 334px;
    }

    .featProds .product {
        box-sizing: border-box;
        float: left;
        width: 25%;
        padding: 0 10px;
        text-align: center;
    }

    #header {
        display: none;
        background: black;
        border-bottom: 1px solid #b8c6c6;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        line-height: 40px;
        height: 91px;
        padding: 0 50px;
        z-index: 1;
        width: 100%;
        /* opacity: 0.95; */
        top: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .products .thumbnail {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 31.3%;
        margin: 0 1% 1rem;
        font-size: 1rem;
        background: #FAFAFA;
        vertical-align: top;
    }

    .featProds .info .name {
        font-size: 16px;
        line-height: 1.2;
        padding-bottom: 1px;
    }

    #buttomwarp .colitem-two img {
        margin-left: 25px;
    }

    .image {
        /*height: 200px;*/
    }

    .quan {
        margin-top: 3em;
        position: absolute;
        top: 31%;
        right: 15%;
        /*-webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.9s;*/
    }

    #fivewarp p {
        margin-top: 29px;
        font-size: 19px;
        color: #181818;
        font-family: '微软雅黑';
    }

    .colitem-three p {
        width: 444px;
        box-shadow: 0 0 black;
        margin: 0px auto;
    }

    .mycol {
        margin: 0px auto;
    }

    #fourwarp img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }


    /*第四部分end*/
    /*第五部分start*/
    #fivewarp {
        background-color: #EEEEEE;
        height: 183px;
        font-family: '微软雅黑';
    }

    #fivewarp button {
        height: 28px;
        border-radius: 12px;
        width: 272px;
        border: none;
        font-weight: 600;
        color: #222222;
        cursor: pointer;
        outline: none;
    }

    #fivewarp button:first-child {}

    #fivewarp .firstbtn {
        background: #CCCCCC;
        color: #181818;
        margin-top: 0.4em;
        width: 323px;
        text-indent: 46px;
        height: 35px;
        font-size: 18px;
        border-radius: 30px;
        cursor: pointer;
        border: 1px solid #dfdfdf;
        outline: none;
        box-sizing: border-box;
    }

    input::input-placeholder {
        color: black;
    }

    input::-webkit-input-placeholder {
        color: black;
    }

    input::-moz-placeholder {
        color: black;
    }

    input:-moz-placeholder {
        color: black;
    }

    input:-ms-input-placeholder {
        color: black;
    }

    #fivewarp .my-p {
        color: black;
        font-weight: 600;
        position: absolute;
    }

    #fivewarp .twobtn {
        background-color: #0178D6;
        color: white;
        width: 323px;
        height: 35px;
        border-radius: 30px;
        margin-top: 1.158em;
        font-weight: 500;
        line-height: 1;
        text-indent: 0;
        font-size: 17px;
    }

    #fivewarp .mycontainer {
        display: flex;
        direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 30%;
    }

    /*第五部分end*/
    /*底部start*/
    #buttomwarp {
        background-color: #fff;
        height: 150px;
    }

    #buttomwarp .row {
        margin: 0px auto;
        width: 500px;
    }

    #buttomwarp .colitem-first {
        float: left;
        margin-left: 7px;
        /*margin-left: 36em;*/
    }

    #buttomwarp .colitem-first img {
        height: 35px;
    }

    #buttomwarp .colitem-two {
        height: 60px;
        line-height: 1em;

    }

    #buttomwarp .colitem-two img {
        /* position: absolute;
        height: 25px;
        left: -6em;
        width: 1px;
        top: 0.4em;*/
    }

    #buttomwarp .myultwo {
        /*margin-left: 34em;*/
    }

    #buttomwarp .myultwo a {
        float: left;
        width: 29px;
        height: 29px;
        margin-top: -2em;
        list-style-type: none;
        margin-left: 1.5em;
        background-size: cover;
    }

    #buttomwarp .myultwo a:first-child {
        /*margin-left: 24px;*/
        /*margin-left: 193px;*/
    }

    #buttomwarp .myultwo .one {
        background-image: url('../images/you-tube.png');
    }

    #buttomwarp .myultwo .one:hover {
        background-image: url('../images/you-tube01.png');
    }

    #buttomwarp .myultwo .two {
        background-image: url('../images/tuite.png');
    }

    #buttomwarp .myultwo .two:hover {
        background-image: url('../images/tuite01.png');
    }

    #buttomwarp .myultwo .three {
        background-image: url('../images/facebook.png');
    }

    #buttomwarp .myultwo .three:hover {
        background-image: url('../images/facebook01.png');
    }

    #buttomwarp .myultwo .four {
        background-image: url('../images/instagramo.png');
    }

    #buttomwarp .myultwo .four:hover {
        background-image: url('../images/instagram01.png');
    }

    #buttomwarp .colitem-three {
        margin-top: 1em;
        font-size: 33px;
    }

    #buttomwarp .colitem-three p {
        color: #999999;
        font-weight: 600;
        width: 98%;
        font-size: 13px;
        text-align: center;
    }


    #buttomwarp .colitem-two {
        /*margin-top: 2.5em;
        margin-top: 2.5em;*/
        /*width: 250px;*/
    }

    /*底部end*/


    /*移上显示*/
    .drop {
        position: absolute;
        top: 100%;
        width: 100%;
        height: 0;
        left: 0em;
        background: #fff;
        z-index: 9;

        display: none;
    }


    .nav-two-ul li p {
        text-align: center;
    }

    .nav-two- {
        position: absolute;
        margin: 0px auto;
        width: 400px;
        height: 200px;
    }

    .nav-two-ul {
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
        margin-top: 1em;
        z-index: 30;
        height: 100px;
        display: none;
    }

    .nav-two:hover .nav-two-ul {
        margin-top: 0em;
        position: absolute;
        display: block;
    }

    .nav-two-ul li {
        float: left;
        list-style-type: none;
    }

    .nav-two {
        height: 20px;
    }

    .nav-one-ul li p {
        text-align: center;
    }

    /*.mynav li:hover .nav-two-{
        position: absolute;
    top: 7em;
    }*/
    .nav-one- {
        top: 2em;
        position: absolute;
        margin: 0px auto;
        width: 400px;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
        margin-top: 1em;
        z-index: 30;
        display: none;
    }

    .nav-one-ul {}

    .nav-one:hover .nav-one- {
        margin-top: 4em;
        display: block;
        position: absolute;
    }

    .nav-one-ul li {
        float: left;
        list-style-type: none;
    }

    /*下拉*/
    .nav1 {
        list-style: none;
        width: 72%;
        height: 50px;
        float: right;
        margin-top: 0.6em;
        cursor: pointer;
    }

    .nav1 li {
        width: 133px;
        height: 50px;
        line-height: 46px;
        text-align: center;
        float: left;
        color: white;
        position: relative;
    }

    .nav1 li:hover a:before {
        width: 30px;
    }

    .nav1 li:hover a {
        width: 30px;
        height: 30px;
    }

    .nav1 li a:before {
        content: "";
        position: absolute;
        bottom: 10px;
        left: 50.5%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0px;
        height: 2px;
        background: #0178d6;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
    }

    .sub {
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.9s 0.1s;

        list-style-type: none;
        position: absolute;
        z-index: 30;
        width: 626px;
        left: -21em;
        display: none;
        height: 100px;
        overflow: hidden;
    }

    .nav1 li:hover .sub li {
        margin-top: 3em;
    }

    .sub li {
        color: black;
        width: 86px;
        overflow: hidden;
        /* -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.9s 0.1s; */
        margin-top: -6em;
        margin-left: 2em;
        height: 71px;

        float: left;
        list-style-type: none;
    }

    .sub li img {
        width: 50px;
        height: 30px;
        margin-top: -1em;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.9s 0.1s;
    }

    .sub li img:hover {
        margin-top: 1em;
    }

    .sub li p {
        text-align: center;
        margin-top: -2.1em;
        font-size: 11px;
    }

    .subdiv {
        z-index: 3;
        width: 100%;
        left: 0px;
        top: 4.8em;
        height: 100px;
        display: none;
        background-color: #FFFFFF;
        position: absolute;
    }

    .column {
        display: none;
    }

    .navbar-brand>img {
        width: 195px;
        margin-top: 0.1em;
    }

    .navbar-nav li {
        margin-left: 3.5em;
        line-height: 4em;
        height: 55px;
        position: relative;
    }

    .carousel {
        padding: 0px;
    }

    .carousel-inner {
        padding: 0px;
        margin: 0px;
    }

    .myp-two {
        background-color: #0178D6;
        width: 0em;
        height: 0.2em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 3s;
        -ms-transition: 3s;
        transition: 0.4s;
        transform: translateX(-50%);
        margin-left: 2em;
    }

    .myp-two- {
        width: 30px;
    }

    .my {
        width: 30px;
    }

    .myp {
        background-color: #0178D6;
        width: 0em;
        height: 0.2em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 3s;
        -ms-transition: 3s;
        transition: 0.4s;
        transform: translateX(-50%);
        margin-left: 2em;
    }

    #navbar {
        background-color: black;
    }

    #navbar .navbar-one {
        width: 1200px;
        margin: 0px auto;
    }

    #navbar .navbar-one>a {
        margin-left: 2em;
        margin-top: 0.2em;
        display: inline-block;
        width: 150px;
    }

    #navbar .firstimg {
        width: 139px;
        height: 19px;
        margin-left: -0.3em;

    }

    #navbar .twoimg {
        width: 113px;
        margin-top: -1em;
        margin-left: 0.3em;
    }

    #navbar .navbar-nav {
        float: right;
        width: 638px;
    }

    #navbar .navbar-nav li:first-child {
        margin-left: 0em;
    }

    #navbar .navbar-nav li>a {
        text-decoration: none;
        color: white;
    }

    /*轮播图start*/
    #demo .carousel-indicators .active {
        background-color: orangered;
    }

    #demo .carousel-item img {
        height: 300px;
        width: 100%;
    }

    #demo .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 46px;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none;
    }

    #demo .carousel-inner img {
        width: 100%;
        height: 500px;
    }

    #demo .mycarousel {
        font-family: Regular;
        color: white;
        margin-left: 76em;
        margin-top: -10em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 2s;
        -ms-transition: 2s;
        transform: 2s;
    }

    #demo .mycarousel h2>span {
        font-size: 17px;
    }

    #demo .mycarousel button {
        border-radius: 15px;
        border: none;
        background-color: #0178D6;
        width: 110px;
        height: 31px;
        cursor: pointer;
        color: #Fff;
        font-size: 15px;
    }


    #demo .mycarousel2 {
        font-family: Regular;
        color: white;
        margin-left: 68em;
        margin-top: -18em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 2s;
        -ms-transition: 2s;
        transform: 2s;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
    }

    #demo .mycarousel2 h2>span {
        font-size: 17px;
    }

    #demo .mycarousel2 button {
        border-radius: 15px;
        border: none;
        background-color: #0178D6;
        width: 110px;
        height: 28px;
        color: #Fff;
        font-size: 15px;
    }

    /*轮播图end*/
    /*第三部分start*/
    #threewarp {
        height: 466px;
    }

    #threewarp h1 {
        margin-top: 56px;

        text-align: center;
        font-size: 27px;
    }

    #threewarp .itembg {
        width: 61px;
        background-color: #0178d6;
        height: 1.4px;
        margin: 11px auto;

    }

    #threewarp .twoimg {
        height: 262px;
        width: 250px;
        margin: 0px auto;
    }

    #threewarp .firstimg {
        height: 262px;
        width: 270px;
        margin: 0px auto;
    }

    #threewarp .threeimg {
        height: 262px;
        width: 290px;
        margin: 0px auto;
    }

    #threewarp .fourimg {
        height: 262px;
        width: 290px;
        margin: 0px auto;
    }

    #threewarp .container {
        margin-top: 5em;
    }

    .breadcrumb_text span a {
        color: #181818;
    }

    .breadcrumb_text span a:hover {
        color: #181818;
    }

    .mytest {
        width: 331px;
        height: 183px;
        border-radius: 12px;
        position: absolute;
        z-index: 99999999;
        background-color: #fff;
        top: -490px;
        box-shadow: 3px 3px 3px 3px #e3e3e3;
        display: none;
    }

    .mytest>img {
        width: 82px;
        margin: 32px 128px auto;
    }

    .mytest>p {
        font-family: '微软雅黑';
        font-size: 25px;
        text-indent: 10px;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }

    /*#threewarp .firstimg .twoimg .threeimg .fourimg{
        width: 200px;
     height: 128px;
    }*/
    #threewarp .firstimg>img {
        width: 185px;
        height: 86px;
        margin-top: 3em;
        margin-left: 3em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transform: 0.4s;
    }

    #threewarp .firstimg>img:hover {

        margin-top: 1em;
    }

    #threewarp .twoimg>img {
        width: 149px;
        height: 70px;
        margin-top: 4em;
        margin-left: 3em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transform: 0.4s;
    }

    #threewarp .twoimg>img:hover {

        margin-top: 1em;
    }

    #threewarp .threeimg>img {
        width: 118px;
        height: 135px;
        margin-top: 1em;
        margin-left: 6em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transform: 0.4s;
    }

    #threewarp .item-first {
        height: 100px;
        margin-top: 1em;
    }

    #threewarp .threeimg>img:hover {
        /* margin-left: 8em; */
        margin-top: -1em;
    }

    #threewarp .fourimg>img {
        width: 107px;
        height: 109px;
        margin-top: 2em;
        margin-left: 6em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: 0.4s;
        -ms-transition: 0.4s;
        transform: 0.4s;
    }

    #threewarp .fourimg>img:hover {

        margin-top: 1em;
    }

    #threewarp .colblock h2 {
        text-align: center;
        font-size: 20px;
    }

    #threewarp .colblock p {
        color: #9C9C9C;
        width: 286px;
        margin: 0px auto;
        font-weight: 600;
        line-height: 17px;
    }

    /*第三部分end*/
    /*第四部分start*/
    #fourwarp {
        /*background-image: url('../images/bj.jpg');*/
        height: 800px;
        background-position: 50% 10%;
        background-size: cover;
    }

    #fourwarp h1 {
        width: 1200px;
        font-family: '微软雅黑';
        color: white;
        z-index: 9999;
        font-size: 36px;
        text-align: center;
        margin-left: -600px;
        margin-top: -100px;
    }

    .products .thumbnail- {
        box-sizing: border-box;
        display: inline-block;
        width: 23.3%;
        margin: 0 1% 1rem;
        font-size: 1rem;
        background: #FAFAFA;
        vertical-align: top;

    }

    .products .product_image- {
        background: #F0F0F0;
        position: relative;
        height: 251px;
        /* padding: 45px; */
    }

    .products .product_image- img {
        width: 62%;
        margin-left: 2em;
        margin-top: 12px;
    }

    .products {
        box-sizing: border-box;
        font-size: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0px;
    }

    /*  .container .eight.columns {
        width: 460px;
        padding: 10px;
    }*/

    .mybolo-list>img {
        margin-bottom: 20px;
        margin-top: -20px;
    }

    .accessory-item-tag- {
        right: 0px;
        background: #ec641a;
        width: 71px;
        text-indent: 3px;
        position: absolute;
        top: 0px;
        color: #fff;
    }

    .accessoryh1 {
        color: #ffffff;
        /*margin-left: -18.4em;*/
        text-align: left;
        margin-top: 3.3em;
        font-weight: 600;
        font-size: 55px;
    }

    #blog-list .breadcrumb_text {
        font-size: 13px;
        letter-spacing: 1px;
        color: #181818;
        text-indent: 0px;
        margin-top: 45px;
        padding: 0px;
    }

    #blog .blog-title {
        font-size: 25px;
        margin: 0px;
        font-weight: 700;
    }

    #blog .clearfix {
        margin-top: -0.1em;
    }

    #blog .breadcrumb_text {
        font-size: 14px;
        letter-spacing: 1px;
        margin-top: 45px;
        color: #181818;
        text-indent: 0px;
    }

    #blog .blog-content {
        font-size: 20px;
        margin: 0px
    }

    #blog .blog-content {
        margin-top: 6px;

    }

    #blog .blog-style {
        font-size: 16px;
        color: #999999
    }

    #blog-list .clearfix {
        margin-top: -0.1em;
    }

    #blog-list .blog-list-title {
        font-size: 35px;
        margin: 0px;
        color: #181818;
        text-indent: 19px;
        margin-top: -6px;
        font-weight: 700;
    }

    #blog-list .blog-list-content {
        font-size: 20px;
        margin-top: -14px;
        /* margin: 0px; */
        text-indent: 17px;
    }

    #blog-list .blog-list-style {
        font-size: 16px;
        color: #999999;
        text-indent: 16px;
        margin-top: 3px;
    }

    #blog-list .block-container {
        border-bottom: 1px solid #999999;
        /*height: 380px*/
    }

    .mysh {
        margin-left: 2.2em;
        margin-top: 32px;
        height: 27px;
        width: 1px;
    }

    #buttomwarp .colitem-first>img {
        margin-top: 1.6em;
    }

    .buttomwarp-top {
        width: 500px;
    }

    .myultwo a {
        /* width: 29px;
        height:29px;
        margin-left: 2em*/
    }

    .myspan {
        line-height: 39px;
        margin-left: 21px;
    }

    .itemleft {
        float: left;
        /*width: 50%;*/
    }

    .itemright {
        float: left;
        /*width: 50%;*/
    }

    .itemright p {
        font-family: '微软雅黑';
        font-weight: 600;
        width: 720px;
    }

    .itemleft p {
        font-family: '微软雅黑';
        font-weight: 600;
        width: 772px;
    }


    .clearfix div {
        /*margin-top: -1em;*/
    }

    /*.clearfix div:first-child {
        margin-top: -1em;
    }*/
    .products div:fisrt-child {
        margin-top: 0em;
    }

    .mindiv div {
        /*height: 255px;*/
        /*margin-top: 4em;*/
    }

    .mypo {
        /*   position: absolute;
          left: -3em;*/
    }

    .myconten {
        font-family: '微软雅黑'
    }

    .myconten>h1 {
        font-weight: 700
    }

    .myconten>p {
        font-size: 18px
    }

    .myafterco-one {
        width: 37%;
        float: left;
    }

    .myafterco-two {
        width: 69%;
        float: right;
    }

    .myafterco-five {
        width: 35%;
        margin-top: 2em;
        float: left;
    }

    .myafterco-three {
        width: 100%;
    }

    .myafterco-six {
        width: 33%;
        float: left;
        margin-top: 24px;
        /*text-align: center;*/
    }

    .myafterco-ten {
        width: 64%;
        float: left;
        margin-top: 13px;
        /*text-align: center;*/
    }

    .myafterco-ten input {
        width: 100%;
    }

    .myafterco-ten p {
        font-family: '微软雅黑';
        /*font-weight: 600;*/
        font-size: 19px;
        text-indent: 10px;
        padding: 0px;
        margin: 0px;
    }

    .myafterco-one input {
        width: 90%;
    }

    .myafterco-six p {
        font-family: '微软雅黑';
        /*font-weight: 600;*/
        font-size: 19px;
        text-indent: 10px;
        padding: 0px;
        margin: 0px;
    }

    .myafterco-one p {
        font-family: '微软雅黑';
        font-size: 19px;
        text-indent: 19px;
        padding: 0px;
        margin: 0px;
        color: #181818;
    }

    .myafterco-three p {
        font-family: '微软雅黑';
        font-size: 19px;
        text-indent: 18px;
        padding: 0px;
        color: #181818;
        margin: 0px;
    }

    .myafterco-two p {
        font-family: '微软雅黑';
        /*font-weight: 600;*/
        font-size: 19px;
        text-indent: 10px;
        padding: 0px;
        margin: 0px;
    }

    .myafterco-four {
        width: 100%;
    }

    .myafterco-eight {
        width: 65%;
        float: left;
    }

    .myafterco-eight p {
        font-family: '微软雅黑';
        /*font-weight: 600;*/
        font-size: 19px;
        padding: 0px;
        margin: 0px;

    }

    .myafterco-four input {
        width: 70%;
        height: 39px;
    }

    .myafterco-four p {
        font-family: '微软雅黑';
        font-size: 19px;
        color: #181818;
        text-indent: 18px;
        padding: 0px;
        margin: 0px;

    }

    .submit {
        border-radius: 22px;
        width: 118px;
        font-size: 18px;
        height: 40px;
        font-weight: 500;
        line-height: 1;
        font-family: '微软雅黑';
    }

    .myselect {
        background: url('../images/xiala.png')no-repeat right center;
        background-color: #ededed;
    }

    .stylefont {
        font-family: '微软雅黑';
        text-indent: 10px;
        font-size: 19px;
        margin: 0px
    }

    .bannero img {
        width: 100%;
    }

    .myafterco-seven p {
        color: #181818;
        width: 542px;
        margin-left: 117px;
        letter-spacing: 1px;
        margin-top: 17px;
    }

    .myafterco-seven {
        background: #ededed;
        width: 65%;
        border-radius: 28px;
        border: none;
        height: 104px;
        float: left;
        font-size: 19px;
        font-family: '微软雅黑'
            color: #9a9a9a;
        text-align: center;
        margin-top: 22px;
    }

    .next {

        width: 101px;
        height: 38px;
        border-radius: 45px;
        text-indent: -11px;
        font-size: 19px;
        font-family: '微软雅黑';
        font-weight: 500;
        line-height: 1;
    }

    .myafterco-seven a {
        color: #9a9a9a;
        text-decoration: underline;
    }

    .ofbt {
        color: #181818;

    }

    .fobt {
        font-size: 19px;
        font-family: '微软雅黑';
        color: #181818;
        margin-left: 10px;
    }

    .textareaone {
        width: 774px;
        height: 78px;
        border-radius: 18px;
        resize: none;
        margin-top: 11px;
    }

    .mydiv-margin {
        margin-top: 5px
    }

    .mydiv-margin input[type="checkbox"] {
        -webkit-appearance: none;
        width: 23px;
        height: 23px;
        border-radius: 10%;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        line-height: 18px;
        position: relative;
    }

    .mydiv-margin input[type="checkbox"]::before {
        content: "";
        position: absolute;
        border-radius: 10%;
        top: 0;
        left: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        border: 1px solid #d9d9d9
    }

    .item-cent {
        font-family: '微软雅黑'
            position:relative;
    }

    .item-cent p:first-child {
        font-size: 25px;
        margin-top: 3em;
    }

    .item-cent p {
        color: white;
        text-align: center;
        font-size: 21px;
    }

    .main-height {
        height: 635px;
    }

    .item-posit {
        position: absolute;
        top: 107px;
        left: 59px;
    }

    .close img {
        /*margin-top: -2em;*/
    }

    .mymessges {
        border-radius: 28px;
        width: 71%;
        height: 220px;
        text-indent: 10px;
        resize: none;
        font-size: 17px;
        margin-top: 10px;
        font-family: '微软雅黑';
    }

    .myinpotn {
        font-size: 17px;

    }

    .mainfont {
        color: #181818;
    }

    .con-fontone {
        font-size: 23px;
        margin: 0px
    }

    .con-font {
        font-size: 19px;
        margin: 0px
    }

    .con {
        font-size: 19px;
    }

    .breadcrumb-text {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .headline-h1 {
        font-weight: 800;
        font-size: 51px
    }

    .cnt-margin {
        margin-left: -605px;
    }

    .Registration a {
        color: black;
    }

    .Registration a:hover {
        color: black;
    }

    .weare-bloack-one {
        height: 600px;
        background-image: url('../images/whoweare.png');
        margin-top: -1px;
    }

    .weare-bloack-two {
        background: white;
        font-family: '微软雅黑';

        margin: 0px;
    }

    #who-we-are .weare-bloack-three {
        height: auto;
        width: 100%;
        padding: 45px 0px 45px 0px;
        background-size: cover;
        background-attachment: fixed;
        ;
        background-position: 10%;
    }

    .weare-item-p {
        text-align: right;
        color: white;
        padding: 0px;
        margin: 0px;
    }

    .font-sizeseven {
        font-size: 17px;
    }

    .font-stylesize {
        font-size: 18px;
    }

    .font-marginsize {
        font-size: 18px;
        margin-top: 2em;
    }

    .container {
        position: relative;
    }

    .wi-first {
        margin-top: 229px;
    }

    .wi-two {
        margin-top: 122px;
    }

    .wi-three {
        margin-top: 115px;
    }

    .wi-four {
        margin-top: 105px;
    }

    .wi-five {
        margin-top: 136px;
    }

    .wi-six {
        margin-top: 134px;
    }

    .wi-seven {
        margin-top: 107px;
    }

    .myconten-title {
        font-weight: 600;
        font-size: 28px;
        /* width: 36%; */
        text-align: center;
        /* margin-top: -8px; */
        margin: 0px auto;
    }

    .choose h1 {
        font-weight: 600;
        font-size: 28px;
        /* width: 36%; */
        text-align: center;
        /* margin-top: -8px; */
        margin: 0px auto;
        margin-bottom: 5px;
    }

    .choose-block-one {
        height: 600px;
        margin-top: -1px;
        position: relative;
    }

    .choose-block-two {
        height: 563px;
        background: white;
    }



    .accessory-item-tag {
        position: absolute;
        top: -12px;
        background: #ec641a
    }

    .accessorysize-img {
        width: 57%;
        opacity: 1;
        margin-top: 11%;
    }

    .after-item-p {
        font-family: '微软雅黑';
        font-weight: 700;
        text-indent: 10px;
        font-size: 17px;
        margin: 0px
    }

    .after-item-p-two {
        font-family: '微软雅黑';
        font-weight: 700;
        text-indent: 10px;
        font-size: 17px;
        margin-top: -10px;
    }

    .after-block-d2 p {
        font-family: '微软雅黑';
        text-indent: 19px;
        font-size: 19px;
        color: #181818;
    }

    .after-text {
        border-radius: 28px;
        width: 71%;
        resize: none;
        height: 131px;
    }

    .after>h1 {
        font-weight: 800;
        font-size: 51px
    }

    .after>div {
        font-size: 43px;
        font-weight: 700;
        margin: 0px;
    }

    #after .breadcrumb_text {
        font-size: 13px;
        letter-spacing: 1px;
        margin-top: 45px;
    }

    #mar-columns .clearfix {
        width: 1200px;
        margin: 0px auto;
    }

    #apply-test .clearfix {
        margin-top: -0.1em;
    }

    #apply-test .cnt {
        /*margin-left: -889px;*/
        margin-top: 0px;
    }

    #apply-test .headline {
        font-weight: 800;
        font-size: 60px;
    }

    #apply-test .breadcrumb_text {
        margin-top: 45px;
        font-size: 13px;
        letter-spacing: 1px;
        text-indent: 0px;
        color: #181818;
        /*padding: 15px 0px 0px 3px;*/
    }

    #apply-test .mywidthsize {
        width: 377px;
        height: 40px;
    }

    #apply-test .ms-margin {
        margin-top: 20px;
    }

    #test-three {
        margin: 26px auto;
    }

    #apply-test-block {
        margin: 35px auto;
    }

    #test-item-eight {
        margin-top: 20px;
        float: right;
    }

    .test-item-six {
        margin-top: 20px;
        text-align: center;
        width: 752px;
        float: right;
    }

    .test-block-five {
        height: 894px;
    }

    .next1 {
        width: 101px;
        height: 36px;
        border-radius: 45px;
        text-indent: -11px;
        font-size: 17px;
        font-family: '微软雅黑';
        font-weight: 500;
        line-height: 1;
    }

    #test-block-two {
        margin: 20px auto;
        width: 1200px;
    }

    .next2 {

        width: 101px;
        height: 36px;
        border-radius: 45px;
        text-indent: -11px;
        font-size: 17px;
        font-family: '微软雅黑';
        font-weight: 500;
        display: block;
        line-height: 1;
    }

    #warranty .cnt {
        margin-right: 466px;
    }

    #warranty .cnt>h1 {
        /* margin-left: 369px;
    margin-top: 101px;*/
        text-align: left;
    }

    #warranty .cnt>div {
        font-size: 47px;
        font-weight: 700;
        margin: 0px;
        text-indent: 9px;
    }

    #warranty .breadcrumb_text {
        font-size: 13px;
        letter-spacing: 1px;
        margin-top: 45px;
        color: #181818;
        font-family: '微软雅黑';
    }

    #warranty .warranty-fontsize {
        font-size: 23px;
        margin: 0px;
        font-family: '微软雅黑';
    }

    #warranty .warranty-p {
        font-size: 20px;
        padding: 0px;
        margin: 0px;
    }

    #research .research-p {
        margin-top: -59px;
    }

    #research .research_divone {
        background: white;
        position: relative;
    }

    #research .research-block-one {
        /*margin-top: 29px;*/
        margin-top: 5px;
    }

    #research .breadcrumb_text {
        /*margin-left: 8em;*/
        font-size: 13px;
        margin-top: 45px;
    }

    #research .reaearch-span {
        margin-left: -30px;
        margin-top: -11px;
        display: inherit;
    }

    #research .research-twospan {
        margin-left: -1.4em;
        margin-top: -5.8em;
        display: inherit;
    }

    #research .research-threespan {
        position: absolute;
        top: 1px;
        left: 51px;
    }

    #research .myconten-co-ul li img {
        width: 16px;
        height: 19px;
    }

    #research .rd-span {
        margin-left: -18px;
        margin-top: -11px;
        display: inherit;
    }

    #research .rd-span2 {
        margin-left: -0.7em;
        margin-top: -5.8em;
        display: inherit;
    }

    #research .rd-span3 {
        margin-left: -1.3em;
        margin-top: -5.8em;
        display: inherit;
    }

    #research .rd-span4 {
        margin-left: -26px;
        margin-top: -11px;
        display: inherit;
    }

    #research .rd-span5 {
        margin-left: -25px;
        margin-top: -11px;
        display: inherit;
    }

    #research .rd-span6 {
        margin-left: -0.7em;
        margin-top: -5.8em;
        display: inherit;
    }

    #research .myconten-co>h1 {
        font-weight: 600;
    }

    #research .myconten-co>p {
        font-size: 18px
    }

    #research .myconten-co-one>h1 {
        font-weight: 600;
        font-size: 28px;
        /* width: 36%; */
        text-align: center;
        /* margin-top: -8px; */
        margin: 0px auto;
    }

    #research .myconten-co-one>p {
        font-size: 17px;
        margin-top: -11px;

    }

    #research .research_divtwo {
        height: 487px;
        background: white;
    }

    #research .myconten-co>h1 {
        font-weight: 600;
        font-size: 28px;
        /* width: 36%; */
        text-align: center;
        /* margin-top: -8px; */
        margin: 0px auto;
    }

    #research .myconten-co>p {
        font-size: 18px;
        margin-top: -13px;
    }

    #apply-test .apply-cont-fist {
        width: 89%;
        height: 477px;
        position: relative;
    }

    #apply-test .apply-block-first {
        font-family: '微软雅黑';
        color: white;
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #apply-test .apply-block-first>p:first-child {
        margin: 0px;
        text-align: center;
        font-size: 19px
    }

    #apply-test .apply-block-first>p {
        text-align: center;
    }

    #apply-test .ap-margin {
        margin-top: 20px;
    }

    #apply-test .ap-margin {
        margin-top: 20px;
        width: 752px;
    }

    #apply-test .test-block-two1 {
        width: 85%;
        height: 477px;
        position: relative;
    }

    #apply-test .test-item-two {
        font-family: '微软雅黑';
        color: white;
        position: absolute;
        top: 164px;
        left: 40px;
    }

    #apply-test .test-item-two p:first-child {
        margin: 0px;
        text-align: center;
        font-size: 19px
    }

    #apply-test .test-item-two p {
        text-align: center;
        width: 86%;
    }

    #apply-test .myafterco-eight {
        margin-top: 22px
    }

    #apply-test .myafterco-six {
        width: 32.3%;
        float: left;
        margin-top: 12px;
        position: relative;
    }

    /*#apply-test .myinput-{
    width: 774px;height: 40px;
    }*/

    .item-padding {
        padding: 50px 0px;
    }

    #mycont .container {
        width: 1014px;
        margin: 0px auto;
    }

    .weare-item-p- {
        text-align: left;
        color: white;
        padding: 0px;
        margin: 0px;
    }

    .accessoryeight {
        width: 24.3%;
    }

    .accessoryeight- {
        width: 58%;
    }
}

/*@media screen and (min-width:785px){
    #header a {
    color: #ffffff;
    font-size: 32px;
    display: inline-block;
    height: 40px;
    position: absolute;
    top: 9px;
    left: 13em;
    text-align: center;
    font-size: 25px;
    padding-top: 5px;
}
}*/