/* CSS Document */
#bannerwap{display:none;}
.x-pc-n-v-video {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    object-fit: cover;
}
.company-desc {
    max-width:16.6rem;
    margin: 0 auto 0 auto;
    padding: 0; margin-top:0.4rem;
}
.home-product-center-beier {
    max-width:1400px;
    margin: 0 auto 0 auto;
    padding: 0; margin-top:0.4rem;
}

.company-desc .company-desc-content {
    margin: 0;
    width: 100%;
    overflow: hidden;
    /* height: 510px; */
    padding: 0;
    display: table;
    table-layout: fixed; padding-top: 50px;
}
.company-desc .company-desc-content .video {
    width: 44%;
    height: 100%;
    display: table-cell;
    position: relative;
}
 .company-desc .company-desc-content .video .videoContent {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
 .company-desc .company-desc-content .desc {
    width: 33%;
    height: 100%;
    vertical-align: top;
    background-color: #f7f8f9;
    /*margin-left: 15px;*/
    /*margin-right: 15px;*/
    border-right: 15px solid #FFFFFF;
    border-left: 15px solid #FFFFFF;
    display: table-cell;
}
 .company-desc .company-desc-content .desc .descContent {
    padding: 30px;
    height: 100%;
}
 .company-desc .company-desc-content .desc .descContent .desc-title {
    margin: 0;
    padding: 0;
}
.company-desc .company-desc-content .desc .descContent .desc-title h1 {
    margin: 0 auto;
    font-size: 16px;
    font-weight: bolder;
    color: #000000;
    padding: 0;
}
.company-desc .company-desc-content .desc .descContent .desc-title .line {
    margin: 15px 0 0 0;
}

html body .line {
    background-color: #000000;
    width: 30px;
    height: 3px;
       margin: 15px 0 0 0;}
	    .company-desc .company-desc-content .model {
    width: 15.6%;
    vertical-align: top;
    height: 100%;
    display: table-cell;
}
.company-desc .company-desc-content .model .model-item {
    width: 100%;
    display: block;
    position: relative;
    margin-top: 0.19rem;
    overflow: hidden;
    height: 1.7rem;
}
 .company-desc .company-desc-content .model .model-item img {
    width: 100%;
    height: 100%;
    transform: scale(1, 1);
    transition-duration: 0.5s;
}
 .company-desc .company-desc-content .model .model-item a .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.35);
}
.company-desc .company-desc-content .model .model-item a .bg .bg-content {
    text-align: center;
}
 .company-desc .company-desc-content .model .model-item a .bg .bg-content .svg,
 .company-desc .company-desc-content .model .model-item a .bg .bg-content object,
 .company-desc .company-desc-content .model .model-item a .bg .bg-content svg,
 .company-desc .company-desc-content .model .model-item a .bg .bg-content img {
    transition: all 1s ease 0s;
    opacity: 1;
    width: 35px;
    height: 35px;
}

 .company-desc .company-desc-content .model .model-item a .bg .bg-content p.title {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    width: 100%;
    transition: all 1s ease 0s;
    opacity: 1;
    margin: 8px 0 0 0;
    padding: 0;
}

 .company-desc .company-desc-content .model .model-item:hover .bg {
    transition-duration: 0.5s;
    opacity: 0;
}

 .company-desc .company-desc-content .model .model-item:hover .bg p.title {
    opacity: 0;
    transform: translateY(200%);
}

 .company-desc .company-desc-content .model .model-item:hover .bg .svg,
 .company-desc .company-desc-content .model .model-item:hover .bg object,
 .company-desc .company-desc-content .model .model-item:hover .bg svg,
 .company-desc .company-desc-content .model .model-item:hover .bg img {
    opacity: 0;
    transform: translateY(200%);
}

 .company-desc .company-desc-content .model .model-item:hover img {
    transform: scale(1.1, 1.1);
    transition-duration: 0.5s;
}

 .company-desc .company-desc-content .model .model-item:first-child {
    margin: 0;
}

 .data-show {
    height: 180px;
    margin-top: 15px;
    width: 100%;
    position: relative;
    z-index: -1;
}


.h1sw{text-align:center; margin-bottom:0.2rem; padding-top: 80px;}

 .data-show .data-show-content .counters-item {
    width: 25%;
    text-align: center;
}

 .data-show .data-show-content .counters-item p.num {
    color: #FFFFFF;
    font-weight: bolder;
    text-align: center;
    font-size: 40px;
    margin: 0 0 0 0;
    padding: 0;
    vertical-align: top;
}

.data-show .data-show-content {
    width: 100%;
    margin: 0;
    padding-left: 10%;
    padding-right: 10%;
    height: 100%;
    transition: all 0.5s;
}

.data-show .data-show-content .counters-item {
    width: 25%;
    text-align: center;
}

.data-show .data-show-content .counters-item p.num {
    color: #FFFFFF;
    font-weight: bolder;
    text-align: center;
    font-size: 40px;
    margin: 0 0 0 0;
    padding: 0;
    vertical-align: top;
}

.data-show .data-show-content .counters-item img.svg,
.data-show .data-show-content .counters-item .svg {
    width: 35px;
    height: 35px;
    margin: 0 auto 15px auto;
}

.data-show .data-show-content .counters-item p.num span {
    font-family: ΢���ź�;
}

.data-show .data-show-content .counters-item p.num span.flg {
    vertical-align: super;
    font-size: 18px;
}

.data-show .data-show-content .counters-item p.title {
    padding: 0;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 0;
}

.data-show .data-show-content:hover {
    background-color: rgba(0, 0, 0, 0);
}
html body .align-items-center {
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
html body .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.home-product-center-beier .section .main-ft .slideTxtBox .hd ul li {
width:18%; float:left; margin:0.2rem 1%;
    display: inline-block;
  
    height: 0.67rem;
    cursor: pointer; line-height:0.67rem;
    color: #000000;
    font-size: 0.14rem;
   border:1px #000000 solid; border-radius:30px; margin-bottom:10px; text-align:center;
}

.home-product-center-beier .section .main-ft .slideTxtBox .hd ul li.onn{background:#fd0000; color:#fff; border:1px #fd0000 solid;}
.home-product-center-beier .section .main-ft .slideTxtBox .hd ul li.onn a{color:#fff;}
.home-product-center-beier .section .main-ft .slideTxtBox .hd ul li.onn a hover {color:#fff;}
.home-product-center-beier .section .main-ft .slideTxtBox .hd ul li.on{ background:#fd0000; color:#fff; border:1px #fd0000 solid;}
.slideTxtBox .bd ul li{width:22%; margin:0.25rem 1.5%; float:left; }
.slideTxtBox .bd ul li img{max-width:100%;}
.slideTxtBox .bd ul li p{text-align:center; background:#f7f8f9; height:0.69rem; line-height:0.69rem;}
.ban01{background:url(../images/banbg.jpg) center center no-repeat; min-height:3rem;}



ban01{background:url(../images/ban01.jpg) no-repeat center 0;height: 228px;overflow: hidden;padding: 78px 0 0;}

.ban01 .content{
    max-width: 14rem;
    margin: 0 auto; overflow:hidden;
} 
.pt{width:50%; float:left; color:#fff; font-weight:bold; font-size:0.3rem; padding-top:7%;}
.pt span{ font-weight: normal; font-size:0.24rem;}
.pf{width:30%; float:right; color:#fff; font-size:0.3rem; padding-top:7%;}
.pf span{ font-weight: normal; font-size:0.24rem;}
.pf b{  font-size:0.3rem;}
.tit-manufacturing h3{position:relative;}
.tit-manufacturing h3:after{content:""; width:100px; position:absolute; top:17px; height:5px; background:#ff0101}
.mores{width:150px; float:right; border:1px #000 solid; text-align:center; height:0.4rem; line-height:0.4rem; margin-top:0.2rem;}



.p1{ font-size:0.36rem; line-height:1.3; font-weight:bold;}
.p1 span{color:#FF0000;}
.p2{ font-size:0.18rem; line-height:1.6; margin:0.2rem 0;}

.fpo{width:50%; float:left; color:#fff;}
.fpt{width:50%; float:right; text-align:right; color:#fff;}
/* �������������Ȳ�����660pxʱ */
.ban-con h4{margin:0.4rem auto;}
.ban-con h4 span{color:#fff; background:#FF0000; border-radius:40px; padding:5px 15px;}

#banner p{color:#fff; font-size:0.34rem;}
.wapban{display:none;}
.Solution-det-bottom-ev {
    padding-top: 58px;
    padding-bottom: 50px; 
}
.Solution-det-bottom-ev .wrap{ max-width:16.6rem; width:auto; overflow:hidden;}
.Solution-det-top-tit {
    color: #1b54a8;
    font-size: 24px;
    line-height: 26px;
    font-weight: bold; 
	padding-left:2%;
}
.Solution-det-bottom-ev:first-child {
    border-top: 0;
}
.sd-bottom-main {
    margin-top: 30px; padding-left:2%; padding-right:2%;
}
.sd-bottom-main .list-item {
    float: left;
    width: 30%;
    margin-right:5%; text-align:center; overflow:hidden; 
}
.sd-bottom-main .list-item:last-child{margin-right:0;}
.sd-bottom-main .list-img {
    overflow: hidden;
}
.sd-bottom-main .list-img img {
    width: 100%;
}
.sd-bottom-main .list-info {
    text-align: center;
    padding: 21px 30px 0;
}
.sd-bottom-main .list-tit {
    color: #222;
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
}
.sd-bottom-main .list-text {
    margin-top: 10px;
    color: #828282;
    font-size: 14px;
    line-height: 26px;
	text-align:left;
}
.btaa{
    border-top: 1px dotted #e0e0e0;
}
.rTit{
    overflow: hidden;
    line-height: 26px; padding-left: 2%;
padding-right: 2%;
}
.rTitText{
    float: left;
    font-size: 22px;
    font-weight: bold;
    color: #1b54a8;
    background: url(../images/rtit.png) no-repeat 0 center;
}
.rTitMore{
    float: right;
    font-size: 14px;
    color: #999;
    transition: 0.3s;
}
.rTitMore span{
    display: inline-block;
    padding-right: 25px;
    background: url(../images/rearr.png) no-repeat right center;
}
.rTitMore:hover span{
    background-image: url(../images/rearr-h.png);
}
.rTitMore:hover {
    color: #1d2088;
}

.reMain{
    margin-top: 40px;
}
.wsc-relate .container{max-width:16.6rem; margin:0 auto; padding-top:0.3rem; padding-bottom:0.4rem;} 
.caseCont .list-info {
    text-align: center;
    padding: 0; margin-top:-0.06rem;
}
.caseCont .list-tit { padding-top:0.15rem;
    font-size: 16px;
    line-height: 0.3rem;
    color: #222;
    height: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; font-weight:normal; background:#f6f6f6;
}


.caseCont .list-tit span {
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url(../images/case-img-icon_03.png) no-repeat left 0px;
    margin-left: 14px;
}
img
{
    vertical-align: middle;
}

.caseCont .list-tit:hover span{
    background-image: url(../images/arr-blue.png);
}
.slist{max-width:16.6rem; margin:0 auto;}

.slist .list li
{
    float: left;

    width: 50%;
    margin-top: 0.52rem;
}
.slist .list li:nth-child(1),
.slist .list li:nth-child(2)
{
    margin-top: 0.76rem;
}
.slist .list li img
{
    max-width: 100%;
}
.slist .list li:nth-child(2n-1)
{
    padding-right:0.3rem;
}
.slist .list li:nth-child(2n)
{
    padding-left: 0.3rem;
}
.slist .list li figure
{
    position: relative;
}
.slist .list li figure:hover figcaption
{
    background: rgb(253, 5, 3,1);
}
.slist .list li figure:hover img
{
    -webkit-animation-name: shake;
            animation-name: shake;
}
.slist .list li figcaption
{
    font-size: 18px;

    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    padding-top: 15px;
    padding-right: 35px;
    padding-bottom: 15px;
    padding-left: 40px;

    -webkit-transition: all .5s ease-out 0s;
       -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
         -o-transition: all .5s ease-out 0s;
            transition: all .5s ease-out 0s;

    color: #fff;
    background: rgba(64, 64, 64, 0.7);
}
.slist .list li figcaption img
{
    float: right;

    -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
@-webkit-keyframes shake
{
    from,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90%
    {
        -webkit-transform: translate3d(-3px, 0, 0);
                transform: translate3d(-3px, 0, 0);
    }

    20%,
    40%,
    60%,
    80%
    {
        -webkit-transform: translate3d(3px, 0, 0);
                transform: translate3d(3px, 0, 0);
    }
}

@keyframes shake
{
    from,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90%
    {
        -webkit-transform: translate3d(-3px, 0, 0);
                transform: translate3d(-3px, 0, 0);
    }

    20%,
    40%,
    60%,
    80%
    {
        -webkit-transform: translate3d(3px, 0, 0);
                transform: translate3d(3px, 0, 0);
    }
}















.slist2{max-width:16.6rem; margin:0 auto;}

.slist2 .list li
{
    float: left;

    width:33%;
    margin-top: 1.52rem;
}
.slist2 .list li:nth-child(1),
.slist2 .list li:nth-child(2)
{
    margin-top: 0.76rem;
}
.slist2 .list li img
{
    max-width: 100%;
}
.slist2 .list li:nth-child(3n-1)
{
    padding-right: 0.27rem;
}
.slist2 .list li:nth-child(2n)
{
    padding-left: 0.27rem;
}
.slist2 .list li figure
{
    position: relative;
}
.slist2 .list li figure:hover figcaption
{
    background: rgba(17,79,157,1);
}
.slist2 .list li figure:hover img
{
    -webkit-animation-name: shake;
            animation-name: shake;
}
.slist2 .list li figcaption
{
    font-size: 16px;

    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    padding-top: 15px;
    padding-right: 35px;
    padding-bottom: 15px;
    padding-left: 40px;

    -webkit-transition: all .5s ease-out 0s;
       -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
         -o-transition: all .5s ease-out 0s;
            transition: all .5s ease-out 0s;

    color: #fff;
    background: rgb(51 51 51 / 80%);
}
.slist2 .list li figcaption img
{

    -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
@-webkit-keyframes shake
{
    from,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90%
    {
        -webkit-transform: translate3d(-3px, 0, 0);
                transform: translate3d(-3px, 0, 0);
    }

    20%,
    40%,
    60%,
    80%
    {
        -webkit-transform: translate3d(3px, 0, 0);
                transform: translate3d(3px, 0, 0);
    }
}

@keyframes shake
{
    from,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90%
    {
        -webkit-transform: translate3d(-3px, 0, 0);
                transform: translate3d(-3px, 0, 0);
    }

    20%,
    40%,
    60%,
    80%
    {
        -webkit-transform: translate3d(3px, 0, 0);
                transform: translate3d(3px, 0, 0);
    }
}




.epages{text-align:center; padding-bottom:50px;}
.epages { height:30px; line-height:30px; padding:0 5px; margin:40px 0; text-align:center; }
.epages a { border:1px solid #c5c5c5; padding:5px 10px; margin-right:5px; }
.epages b { border:1px solid #c5c5c5; padding:5px 10px; margin-right:5px; background:#705c53; color:#fff;}
.epages a b { border:none; width:100%; height:100%; background:none; color:#000; }


.slist3{max-width:16.6rem; margin:0 auto;}

.slist3 .list li
{
    float: left;

    width:30%;
    margin-top: 0.52rem; margin-left:1.5%; margin-right:1.5%;
}

.slist3 .list li img
{
    max-width: 100%;
}


.slist3 .list li figure
{
    position: relative;
}
.slist3 .list li figure:hover figcaption
{
    background: rgba(17,79,157,1);
}
.slist3 .list li figure:hover img
{
    -webkit-animation-name: shake;
            animation-name: shake;
}
.slist3 .list li figcaption
{
    font-size: 16px;

    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    padding-top: 15px;
    padding-right: 35px;
    padding-bottom: 15px;
    padding-left: 40px;

    -webkit-transition: all .5s ease-out 0s;
       -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
         -o-transition: all .5s ease-out 0s;
            transition: all .5s ease-out 0s;

    color: #fff;
    background: rgb(51 51 51 / 80%);
}
.slist3 .list li figcaption img
{

    -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
@-webkit-keyframes shake
{
    from,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90%
    {
        -webkit-transform: translate3d(-3px, 0, 0);
                transform: translate3d(-3px, 0, 0);
    }

    20%,
    40%,
    60%,
    80%
    {
        -webkit-transform: translate3d(3px, 0, 0);
                transform: translate3d(3px, 0, 0);
    }
}

@keyframes shake
{
    from,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90%
    {
        -webkit-transform: translate3d(-3px, 0, 0);
                transform: translate3d(-3px, 0, 0);
    }

    20%,
    40%,
    60%,
    80%
    {
        -webkit-transform: translate3d(3px, 0, 0);
                transform: translate3d(3px, 0, 0);
    }
}




.pos{height:0.74rem; line-height:0.74rem; background:#f6f6f6}
.posmaii{max-width:1400px; margin:0 auto; background:url(../images/po.jpg) left center no-repeat; text-indent:30px;}

.partner-slide{ position: relative; max-width:16.6rem;}
.partner-slide .partner-slide-hd li{
    overflow: hidden;
    float: left; 
    text-align: center; width:24%; margin-left:0.1rem; margin-right:0.1rem;
}
.partner-slide .partner-slide-hd li img{ display: block; }
.partner-slide .partner-slide-hd li span{
    display: block;
    font-size: 16px;
    color: #4c4b4b;
    margin-top: 10px;
    overflow: hidden; 
}
.partner-slide-bd .next{ 
    position: absolute;
    top: 0.7rem;
    right: 0px;
    width: 35px;
    height: 75px;
}
.partner-slide-bd .prev{ 
    position: absolute;
    top: 0.7rem;
    left: 0px;
    width: 35px;
    height: 75px;
}
.partner-slide-hd{max-width:16.6rem; margin:0 auto; margin-top:40px;}



.sqis{ height:0.75rem; width:100%;  border-bottom:1px #000 solid;}
.inner-btn-div{ max-width:11.1rem; margin:0 auto; height:0.75rem; line-height:0.75rem;}
.inner-btn-div a{display:block; width:20%;    text-align:center;  float:left; font-size:18px; color:#000000;}
.inner-btn-div a.current span{ border-bottom: 8px #1c54a9 solid;
    padding-bottom: 0.18rem;}
.shzs{max-width:16.6rem; margin:0 auto; margin-top:0.4rem;}
.sb li{width:30%; float:left; margin-right:5%; margin-bottom:0.3rem;}

.sb li:nth-of-type(3n){margin-right:0;}
.sb li p{height:0.5rem; line-height:0.5rem; text-align:center; background:#f7f8fa; font-size:0.14rem;}
.globalHead {
    padding: 0.6rem 0;
}

.globalHead .wrap {
    max-width: 12rem;
    margin: 0 auto;
}
.globalHead-art {
    font-size: 16px;
    line-height: 2.4;
    color: #666;
	text-align:left;
}
.global-what {
    background: url(../images/global-what-bg_06.jpg) no-repeat center top;
    padding: 0.62rem 0 0.6rem;
    height:4.41rem;
}
.global-what  .wrap {
    max-width: 12rem;
    margin: 0 auto;
}
.global-what-main {
    background-color:#1b54a8;
    height: 319px;
    box-sizing: border-box;
    padding: 55px 0 0;
}
.global-what-tit {
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    text-align: center;
}
.global-what-text {
    width: 960px;
    margin: 29px auto 0;
    color: #fff;
    font-size: 15px;
    line-height: 28px;
}
.global-what-btn {
    margin-top: 37px;
    text-align: center;
}
.global-what-btn .btn {
    width: 220px;
}.global-technology-top {
    
    padding: 0.6rem 0 0;
    height: 2.1rem;
}
.global-technology-tit {
    text-align: center;
    font-size: 30px;
    line-height: 32px;
    color: #222;
}
.global-technology-text {
    font-size: 18px; text-align:center;
    line-height: 26px;
    color: #828282;
    margin: 33px auto 0;
    width: 860px;
}
.global-technology-main {
    height: 610px;
    padding-top: 60px;
    background: url("../images/global-technology-bg_06.jpg") no-repeat center bottom;
}
.global-technology-ubiquity {
    line-height: 32px;
    color: #fff;
    font-size: 30px;
    text-align: center;
}
.global-technology-cont { max-width:1280px; margin:0 auto;
    margin-top: 39px;
}
.global-technology-list {
    float: left;
    width: 49%;
    margin-left: 20px;
    background-color: rgba(29, 32, 136, 0.9);
}
.global-technology-list:first-child {
    margin-left: 0;
}
.gtl-tit {
    height: 60px;
    background-color: rgba(255, 255, 255, 100%);
    padding-left: 40px;
    line-height: 60px;
    color: #1b54a8;
    font-size: 20px;
}
.gtl-info {
    height: 330px;
    background-color:#1b54a8;
    padding: 0 20px;
}
.gtl-ev{
    font-size: 0;
    height: 120px;
    padding-top: 30px;
}
.gtl-ev i{
    display: inline-block;
    width: 62px;
    height: 62px;
    vertical-align: top;
}
.gtl-ev-main{
    display: inline-block;
    vertical-align: top;
    margin-left: 35px;
    width: 350px;
}
.gtl-ev-tit {
    line-height: 30px;
    font-size: 20px;
    color: #fff;
}
.gtl-icon1 {
    background: url("../images/global-technology-list-icon1_07.png") no-repeat left center;
}
.gtl-ev-text {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    opacity: 0.8;
}
.gtl-ev-line {
    margin-top: 10px;
    width: 40px;
    height: 1px;
    background-color: #ffffff;
    opacity: 0.2;
}
.gtl-line {
    height: 1px;
    background-color: #fff;
    opacity: 0.4;
}
.gtl-icon2 {
    background: url("../images/global-technology-list-icon2_07.png") no-repeat left center;
}
.gtl-icon3 {
    background: url("../images/global-technology-list-icon3_07.png") no-repeat left center;
}
.gtl-icon4 {
    background: url("../images/global-technology-list-icon4_07.png") no-repeat left center;
}
.global-technology-btn {
    margin-top: 40px;
    text-align: center;
}
.global-technology-btn .btn {
    width: 220px;
}
.global-choice {
    padding: 60px 0;
}
.global-choice .wrap{max-width:12rem; margin:0 auto;}
.global-choice .global-choice-tit {
    color: #222222;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
}
.global-choice li {
    width: 220px;
}
.global-choice-text {
    color: #828282;
    font-size: 18px; text-align:center;
    line-height: 36px;
    width: 860px;
    margin: 24px auto 0;
}
.global-choice-btn {
    margin-top: 30px;
    text-align: center;
}
.global-choice-btn .btn {
    width: 220px;
}
.global-choice-btn .btn-gray {
    background-color:  #e03b3b;
    color: #fff;
    transition: 0.36s;
}
.global-choice-btn .btn-gray:hover {
    background-color:  #1D2088;
    color: #fff;
}.inb5-tabmain{
    margin-top: 40px;
}
.inb5-tabitem{
    display: none;
}
.inb5-tabitem.active{
    display: block;
}
.inb5-tabitem .list-main{
    margin-top: -20px;
    margin-right: -20px;
}
.inb5-tabitem li{
    float: left;
    width:18%; height:1.25rem;
    box-sizing: border-box;
	background-color: #ffffff;
    border: solid 6px #f6f6f6;
    text-align: center;
    margin-right: 1%;
    margin-top: 1%;
    position: relative;
    transition: 0.36s;
}
.inb5-tabitem li img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.inb5-tabitem .name{
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: #555555;
    display: none;
    z-index: 13;
}
.inb5-tabitem li:hover{
    border: 0;
    box-shadow:0px 0px 16px rgba(0,0,0,0.08);
    transform: scale(1.12);
}
.partners .inb5-tabitem li:hover{
    border: 0;
}
.inb5-tabitem li:hover .name{
    display: block;
}
.inb5-btn{
    margin-top: 50px;
    text-align: center;
    font-size: 0;
}
.inb5-btn .btn{
    margin: 0 10px;
}

.icon-img {
    font-size: 0;
    position: relative;
    width: 125px;
    height: 125px;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
}
.icon-img::after {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f3981e;
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(100%);
    transition: all 0.5s;
}
.contact-one .icon-img .icon-img1 {
    border: 1px solid #dedede;
}
.icon-img .icon-img1 {
    border-radius: 50%;
}
.icon-img .icon-img2 {
transform: translateX(-100%);
position: absolute;
top: 0;
left: 0;
z-index: 11;
}

.com-icon:hover .icon-img .icon-img2 {
transform: translateX(0%);
}

.com-icon:hover .icon-img::after {
transform: translateX(0%);
}

.com-ul{max-width:1660px; margin:0 auto; overflow:hidden;}

.contact-one li {
    width: 25%;
	    padding: 0 12px;
    vertical-align: top;  float:left;
}

.com-icon {
    text-align: center;
}
.contact-one {
padding: 60px 0;
}

.contact-one .icon-img {
width: 90px;
height: 90px;
}

.contact-one li h4 {
margin: 18px 0 6px;
}

.contact-two {
padding: 60px 0 40px;
}

.contact-two .ny-wrap {
margin-top: 35px;
}

.contact-two .ny-item h4 {
height: 54px;
line-height: 28px;
}

.contact-three {
padding: 60px 0;
}

.coth-wrap textarea {
height: 90px;
}

.contact-three .ny-wrap {
margin-top: 35px;
}
@media (max-width: 1259px) {
.contact-three,
.contact-one {
padding: 50px 0;
}

.contact-two {
padding: 50px 0 30px;
}

.contact-one li:nth-child(2) {
width: 17%;
}

.contact-one li:nth-child(3) {
width: 33%;
}

.contact-two .ny-item {
padding: 20px;
}

.contact-two ul {
margin: 0 -8px;
}

.contact-two li {
margin-bottom: 16px;
padding: 0 8px;
}

.contact-three .ny-left {
padding-bottom: 50px;
}
}

@media (max-width: 991px) {
.contact-one li {
width: 50% !important;
margin-bottom: 20px;
}

.contact-one {
padding: 50px 0 30px;
}

.contact-two li {
width: 50%;
}

.contact-three .ny-left {
width: 100%;
padding: 0;
}

.contact-three .ny-right {
width: 100%;
padding: 0;
position: relative;
margin-top: 20px;
}

.coth-wrap {
width: 100%;
padding: 0;
}
}

@media (max-width: 767px) {
.contact-three {
padding: 45px 0;
}

.contact-one {
padding: 45px 0 20px;
}

.contact-two {
padding: 45px 0 20px;
}

.contact-one .icon-img {
width: 80px;
height: 80px;
}

.contact-one li:last-child span {
display: inline;
}

.contact-two li {
width: 100%;
}
}












@media screen and (max-width: 1280px) { 

.p1{font-size:0.24rem;}


}

@media screen and (max-width: 1200px) { 
.footnav .footguide{width:90%;}
.footnav .footguide .logo_m{width:38%; height:auto; float:left; overflow:hidden; padding-right:2%;}
.footnav .footguide .logo_m .search_foot{width:90%;}
.footnav .footguide .contact .dl_tel .tel_left{width:100%; line-height:30px; padding:2% 0;}
.footnav .footguide .contact{width:30%;}
.footer .foot_con{width:90%;}
.qq{display:none}
.home-product-center-beier .section .main-ft .slideTxtBox .hd ul li{font-size:0.12rem;}
} 
/* �������������Ȳ�����1200pxʱ */
@media screen and (max-width: 1100px) { 
.company-desc .company-desc-content .video .videoContent{text-align:center;}

.company-desc .company-desc-content .video{width:100%; float:none; display:block;}
.company-desc .company-desc-content .desc{width:100%; float:none;  display:block; border:none; }
.company-desc .company-desc-content .model{width:100%; float:none;  display:block;}
.home-product-center-beier .section .main-ft .slideTxtBox .hd ul li{width:48%; margin:0.2rem 1%;}
.slideTxtBox .bd ul li {
    width:47%;
    margin: 0.25rem 1.5%;
    float: left;
}
.ban01 {background-size:100%;}
.manufacture-box .l{width:100%; float:none;}
.manufacture-box .r{width:100%; float:none;}
.container .newsInformation .newsInformation-content .newsInformation-banner{width:100%; float:none;}
.container .newsInformation .newsInformation-content .newsInformation-info{width:100%; float:none;}
.container .newsInformation .newsInformation-content{display:block;}



.footnav .footguide .tit{display:none;}
.footguide{width:100%; text-align:center;}
.footnav .footguide .logo_m{width:100%; text-align:center;}

.footnav .footguide .logo_m img{display:none;}
.footnav .footguide .contact{display:none;}
.fpo{display:none;}
.fpt{width:100%; float:none; text-align:center;}
.homesearch .search_foot{width:100%;}
.homesearch .search_foot .key{width:60%;}
.homesearch .search_foot .sub{width:40%;}
.footnav .footguide .tit{width:100%;}
.footnav .footguide .tit a{width:33.3%;}
.footnav .footguide .contact{width:100%;}
.footnav .footguide .contact .dl_tel .tel_left{width:50%; float:left; line-height:40px; padding:2% 0;}
.footer .foot_con{width:80%;}
} 
/* �������������Ȳ�����1100pxʱ */
@media screen and (max-width: 800px) {
.footer{line-height:30px; padding:10px 0;}
.sd-bottom-main .list-item{width:98%; margin:0 auto; float:none; margin-bottom:15px;}
.global-what-text{width:100%;}
.global-technology-text{width:100%;}
.global-technology-top{height:auto;}
.global-technology-list{width:100%; float:none; margin:0 auto;}
.gtl-ev i{display:none;}
.gtl-ev-main{ float:none; width:100%; margin:0 auto;}
.gtl-info{height:auto; padding:0 5px;}
.global-technology-main{height:auto; padding-top:10px;}
.gtl-ev{height:auto; margin-bottom:10px; padding-bottom:10px;}
.global-choice-text{width:100%;}
.sb li{width:98%; float:none; margin:0 auto; margin-bottom:10px;}
.slideTxtBox .bd ul li{width:98%; float:none; margin:0 auto; margin-bottom:10px; text-align:center;}
} 
/* �������������Ȳ�����660pxʱ */
@media screen and (max-width: 660px) { 
.footnav .footguide{font-size:13px;}
.footnav .footguide .logo_m .logo_txt{line-height:25px;}
.footnav .footguide .contact .dl_tel .tel_left{width:100%; float:left; line-height:40px; padding:2% 0;}
.footnav .footguide .tit{line-height:30px;}
.footnav .footguide .tit a{font-size:13px;}
.footnav .footguide .contact dl dt{font-size:16px;}
.footnav .footguide .contact dl dd{font-size:13px;}
.footer{line-height:30px; padding:10px 0 70px 0;}
.footer .foot_con{font-size:13px;}
.h1sw {
    text-align: center;
    margin-bottom: 0.2rem;
    padding-top: 20px;
}
.company-desc .company-desc-content{  padding-top: 20px;}
.manufacture-box .r{margin-bottom:20px;}
.manufacture-box .l{max-height:inherit;}
.manufacture-imgs .s4{width:100%; margin-bottom:20px; }
.global-what-main{padding:10px;}
.global-technology-top{margin-top:20px;}
.global-technology-main{    background: url(../images/global-technology-bg_06.jpg) repeat-y center top; margin-top:20px;}
.global-what-text{line-height:20px;}
.inner-btn-div a{font-size:12px;}
.slist3 .list li{width:98%; float:none;}
#banner{display:none;}
#bannerwap{display:block;}
.slist .list li{width:100%; float:none; margin:0 auto; padding:0;     margin-top: 0.26rem;}
.slist .list li:nth-child(2n-1) {
    padding-right:0;
}
.slist .list li:nth-child(1), .slist .list li:nth-child(2) {
    margin-top: 0.26rem;
}
.slist .list li:nth-child(2n) {
    padding-left: 0rem;
}
.container{padding-bottom:10px;}
} 

@media screen and (max-width:480px) { 
.wapban{display:block;}
.nyban{display:none;}

.h1sw img{max-width:70%;}
.data-show .data-show-content{padding:0;}
.data-show .data-show-content .counters-item p.num{ font-size:0.2rem;}
.data-show .data-show-content .counters-item p.title{font-size:12px;}
.data-show{height:1.5rem;}
.home-product-center-beier .section .main-ft .slideTxtBox .hd ul li{width:98%; margin:0.1rem auto; float:none; font-size:14px;}
.ban01{display:none;}
.tit-manufacturing h3:after{display:none;}
.t1 h4{display:none;}
.mores{ margin-top:0; width:100px;}
.manufacture-box .r{padding:0;}

.manufacture-imgs li{border:none;}
.manufacture-imgs .s5{width:100%; margin-bottom:0.1rem;}
.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content p.name{display:none;}
.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .date-content{display:none;}
.container .newsInformation .newsInformation-content .newsInformation-info{border-left:none;}
.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content{padding:0.1rem; }
.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content{height:0.55rem; line-height:0.55rem;}
.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .shortDesc{padding:0;}
.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .shortDesc a{font-size:13px;}
.container .newsInformation .newsInformation-content .newsInformation-info .item{display:none;}
.partner-slide-bd{display:none;}
.partner-slide .partner-slide-hd li{ width:90%; margin-left:0.1rem;}

}