/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}

.x-banner{
    position: relative;height:100vh;width:100vw;
}
.ssdddfff{
    overflow: hidden;
}
.dskfsdss img{
    width: 100%;
    height: auto;
}
.ding{
    position: absolute;
    width: 100%;
    left:50%;
    margin-left: -50%;
    z-index: 9;
    object-fit: cover;

}

.ding video {
    width: 100vw;
}
/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


.com-img{ overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}


/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}





.top2{height:143px;overflow:hidden;}

.logo{float:left;line-height:143px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}




/*主体样式*/

.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}

.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}



/*页面底部*/
.foot{background:#333;}
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}

.f_nav dd a{font-size:12px;color:#333;line-height:20px;}
.copyright{text-align:center;line-height:24px;}

/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}


.section {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.banner-item img {
    height: 100vh;
    width: 100%;
}
.yyun{
    position: fixed;
    width: 100%;
    margin-left: -50%;
    left: 50%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.75);
}
.changh{
    max-width: 1470px;
    margin: 0 auto;
    padding: 0 2%;
    font-family: "Microsoft Yahei";
}
.dlogo{
    width: 20%;
}
.dlogo img{
    max-width: 100%;
    height: auto;
}
.nnav{
    width: 55%;
}
.haomsh{
    width: 15%;
    background: url(//cdn.myxypt.com/a0c38503/22/11/a1cf20ecdaf6d77bcd489deda8f18f71b425275c.png) left center no-repeat;
    padding-left: 55px;
    box-sizing: border-box;
    padding-top: 1.4%;
}
.haomsh_a{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ffffff;
}
.haomsh_b{
    font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #fff600;
}
/****/
.section2{
    background: url(//cdn.myxypt.com/a0c38503/22/11/f4a109a8236d71961dddd59c4bef1da8b24438c4.jpg) center center no-repeat;
    background-size: 100% 100%;
}
.shuzing{
    background:rgba(0, 0, 0, 0.7);
    border-top: #fff 1px solid;
    padding: 3% 0;
    position: absolute;
    bottom: 4%;
    width: 100%;
    left: 50%;
    margin-left: -50%;
    z-index: 999;
}
.changh1{
    max-width: 1750px;
    margin: 0 auto;
    padding: 0 2%;
    font-family: "Microsoft Yahei";
}
.sjimhj li{
    width: 20%;
    text-align: center;
    color: #fff;
}
.sjimhj_a{
    position: relative;
    line-height: 60px;
}
.sjimhj_a span{
    font-size: 4rem;
	font-weight: 600;
	font-stretch: normal;
	letter-spacing:-2px;
	color: #fefefe;
    background-image:-webkit-linear-gradient(top,#fff,#333);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
 
}
.sjimhj_a em{
    font-size: 2rem;
    font-weight: 600;
	font-stretch: normal;
	letter-spacing:-2px;
	color: #fefefe;
    font-style: normal;
    position: absolute;
    top:0px;
    line-height: 30px;
}
.sjimhj_a dd{
    position: absolute;
    bottom: 16px;
    width: 28px;
    height: 28px;
    background-color: #00aeef;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    left: 72%;
}
.sjimhj li:nth-child(4) .sjimhj_a dd{
    left: 80%;
}
.sjimhj_g{
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 1px;
	color: #ffffff;
}



.solutions-box {
position: relative;
height: 100vh;
overflow: hidden;
}
.solutions-list {
  font-size: 0;
}
.solutions-list li {
  width: 10%;
  display: inline-block;
  transition: all 0.3s;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
  border-right: #777 1px solid;
  
}

.solutions-list li.active {
  width: 70%;
}
.solutions-list li .img img{
/* width: 100vh;
height: 100vh; */
}



.solutions-list li .text {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
  text-align: center;
  padding: 0 37%;
}
.solutions-list li .text h3 {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 30px;
  line-height: 40px;
  letter-spacing: 5px;
}

.solutions-list li .text p {
  font-size: 16px;
  color: #fff;
  line-height: 25px;
}
.solutions-list li .text a {
  width: 120px;
  height: 36px;
  line-height: 36px;
  background-image: linear-gradient(#0c74f7, #2bb6fb);
  color: #fff;
  text-align: center;
  font-size: 14px;
  display: none;
}

.solutions-list li.active .text {
  position: absolute;
  top: 35%;
  left: 50px;
  z-index: 999;
  text-align: left;
  padding: 0 3%;
}
.solutions-list li.active .text h3 {
  font-size: 24px;
  font-weight: 400;
  color: #00aeef;
  text-align: center;
  padding-left: 20px;
  margin-bottom: 0;
}

.solutions-list li.active .text p {
  font-size: 16px;
  color: #fff;
}
.solutions-list li.active .text a {
  width: 120px;
  height: 36px;
  line-height: 36px;
  background-image: linear-gradient(#0c74f7, #2bb6fb);
  color: #fff;
  text-align: center;
  font-size: 14px;
  display: block;
  margin-top: 30px;
}
.solutions-list li.active .diasadkjh{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #fefefe;
    text-align: center;
}
/**/
.section4{
    background: url(//cdn.myxypt.com/a0c38503/22/11/53334f12c91bc1d382c885999e3bb3ca4521dbfc.jpg) center center no-repeat;
    background-size: 100% 100%;
}
.tydusg{
    text-align: center;
    width: 40%;
    margin: 0 auto;
}
.tydusg img{
   max-width:100%; height:auto !important;width:auto !important;
}
.hungf{
    margin-top: 3%;
}
.home_trans:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 33px;
    z-index: 3;
    background: url(//cdn.myxypt.com/a0c38503/22/11/486f2ae9633ffb04d701592f4ed14bfa87d0edc0.png) center center no-repeat;
    left: 50%;
    margin-left: -50%;
    background-size: 100% 100%;
    top: 43%;
}

.home_customer{
    width:100%;
    height:100%;
    position:relative;
    left:0;
    top:0;
    z-index:1;
}
.home_trans{
    width: 70%;
    position: relative;
    left: 50%;
    margin-left: -35%;
    z-index: 9999;
    overflow: hidden;
}
.home_customer{
    -moz-animation:bg 120s linear infinite;
    -webkit-animation:bg 120s linear infinite;
    -o-animation:bg 120s linear infinite;
    -ms-animation:bg 120s linear infinite;
    animation:
    bg 120s linear infinite;
    -moz-backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:
    hidden;
    -moz-transform:translate3d(0, 0, 0);
    -webkit-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    transform:
    translate3d(0, 0, 0);
    background-image:url(//cdn.myxypt.com/a0c38503/22/11/a0c461be472e2b8599e8c0bb502be706f2a555ba.png);
    background-position:bottom left;
    background-repeat:repeat-x;
    background-size:auto 100%;
    ;;;;;;;;;;;;;;;height: 51vh;;;;;;;;;;;;;;;;
}
@-moz-keyframes bg{
    0%{
        -moz-transform:translate3d(0, 0, 0);
        -webkit-transform:translate3d(0, 0, 0);
        -o-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        -moz-transform:translate3d(-3200px, 0, 0);
        -webkit-transform:translate3d(-3200px, 0, 0);
        -o-transform:translate3d(-3200px, 0, 0);
        -ms-transform:translate3d(-3200px, 0, 0);
        transform:translate3d(-3200px, 0, 0)
    }
}

@-webkit-keyframes bg{
    0%{
        -moz-transform:translate3d(0, 0, 0);
        -webkit-transform:translate3d(0, 0, 0);
        -o-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        -moz-transform:translate3d(-3200px, 0, 0);
        -webkit-transform:translate3d(-3200px, 0, 0);
        -o-transform:translate3d(-3200px, 0, 0);
        -ms-transform:translate3d(-3200px, 0, 0);
        transform:translate3d(-3200px, 0, 0)
    }
}
@-o-keyframes bg{
    0%{
        -moz-transform:translate3d(0, 0, 0);
        -webkit-transform:translate3d(0, 0, 0);
        -o-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        -moz-transform:translate3d(-3200px, 0, 0);
        -webkit-transform:translate3d(-3200px, 0, 0);
        -o-transform:translate3d(-3200px, 0, 0);
        -ms-transform:translate3d(-3200px, 0, 0);
        transform:translate3d(-3200px, 0, 0)
    }
}

@-ms-keyframes bg{
    0%{
        -moz-transform:translate3d(0, 0, 0);
        -webkit-transform:translate3d(0, 0, 0);
        -o-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        -moz-transform:translate3d(-3200px, 0, 0);
        -webkit-transform:translate3d(-3200px, 0, 0);
        -o-transform:translate3d(-3200px, 0, 0);
        -ms-transform:translate3d(-3200px, 0, 0);
        transform:translate3d(-3200px, 0, 0)
    }
}

@keyframes bg{
    0%{
        -moz-transform:translate3d(0, 0, 0);
        -webkit-transform:translate3d(0, 0, 0);
        -o-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        -moz-transform:translate3d(-3200px, 0, 0);
        -webkit-transform:translate3d(-3200px, 0, 0);
        -o-transform:translate3d(-3200px, 0, 0);
        -ms-transform:translate3d(-3200px, 0, 0);
        transform:translate3d(-3200px, 0, 0)
    }
}

.home_customer{width:12800px}

.customer_box{
    position: absolute;
    left:50%;
    margin-left: -500px;
    bottom:0;
    width: 1000px;
    min-height: 396px;
    padding:50px 65px 25px;
    background:url(//cdn.myxypt.com/c0855f06/22/11/2e6c01d302867a2b1eb727135eda59e40c498266.png) no-repeat center ;
    z-index:7;
    text-align: center;
    overflow:hidden;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-size: 100% 100%;
}



@media (max-width: 1920px){

    @-moz-keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-2405px, 0, 0);
            -webkit-transform:translate3d(-2405px, 0, 0);
            -o-transform:translate3d(-2405px, 0, 0);
            -ms-transform:translate3d(-2405px, 0, 0);
            transform:translate3d(-2405px, 0, 0)
        }
    }
    @-webkit-keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-2405px, 0, 0);
            -webkit-transform:translate3d(-2405px, 0, 0);
            -o-transform:translate3d(-2405px, 0, 0);
            -ms-transform:translate3d(-2405px, 0, 0);
            transform:translate3d(-2405px, 0, 0)
        }
    }
    @-o-keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-2405px, 0, 0);
            -webkit-transform:translate3d(-2405px, 0, 0);
            -o-transform:translate3d(-2405px, 0, 0);
            -ms-transform:translate3d(-2405px, 0, 0);
            transform:translate3d(-2405px, 0, 0)
        }
    }
    @-ms-keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-2405px, 0, 0);
            -webkit-transform:translate3d(-2405px, 0, 0);
            -o-transform:translate3d(-2405px, 0, 0);
            -ms-transform:translate3d(-2405px, 0, 0);
            transform:translate3d(-2405px, 0, 0)
        }
    }
    @keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-2405px, 0, 0);
            -webkit-transform:translate3d(-2405px, 0, 0);
            -o-transform:translate3d(-2405px, 0, 0);
            -ms-transform:translate3d(-2405px, 0, 0);
            transform:translate3d(-2405px, 0, 0)
        }
    }
    .home_customer{width:9620px}
}

@media (max-width: 1600px){
  
    @-moz-keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-1808px, 0, 0);
            -webkit-transform:translate3d(-1808px, 0, 0);
            -o-transform:translate3d(-1808px, 0, 0);
            -ms-transform:translate3d(-1808px, 0, 0);
            transform:translate3d(-1808px, 0, 0)
        }
    }
    @-webkit-keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-1808px, 0, 0);
            -webkit-transform:translate3d(-1808px, 0, 0);
            -o-transform:translate3d(-1808px, 0, 0);
            -ms-transform:translate3d(-1808px, 0, 0);
            transform:translate3d(-1808px, 0, 0)
        }
    }
    @-o-keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-1808px, 0, 0);
            -webkit-transform:translate3d(-1808px, 0, 0);
            -o-transform:translate3d(-1808px, 0, 0);
            -ms-transform:translate3d(-1808px, 0, 0);
            transform:translate3d(-1808px, 0, 0)
        }
    }
    @-ms-keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-1808px, 0, 0);
            -webkit-transform:translate3d(-1808px, 0, 0);
            -o-transform:translate3d(-1808px, 0, 0);
            -ms-transform:translate3d(-1808px, 0, 0);
            transform:translate3d(-1808px, 0, 0)
        }
    }

    @keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-1808px, 0, 0);
            -webkit-transform:translate3d(-1808px, 0, 0);
            -o-transform:translate3d(-1808px, 0, 0);
            -ms-transform:translate3d(-1808px, 0, 0);
            transform:translate3d(-1808px, 0, 0)
        }
    }

    .home_customer{width:7232px}
}
@media (max-width: 1440px){
    .customer_box{
        width:880px;
        padding: 40px 50px 25px;
        margin-left: -440px;
    }
   
}
@media (max-width: 1280px){
    .customer_box{
        width:820px;
        margin-left: -410px;
        padding: 30px 50px 25px;
    }
 
    @-moz-keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-1390px, 0, 0);
            -webkit-transform:translate3d(-1390px, 0, 0);
            -o-transform:translate3d(-1390px, 0, 0);
            -ms-transform:translate3d(-1390px, 0, 0);
            transform:translate3d(-1390px, 0, 0)
        }
    }
    @-webkit-keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-1390px, 0, 0);
            -webkit-transform:translate3d(-1390px, 0, 0);
            -o-transform:translate3d(-1390px, 0, 0);
            -ms-transform:translate3d(-1390px, 0, 0);
            transform:translate3d(-1390px, 0, 0)
        }
    }
    @-o-keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-1390px, 0, 0);
            -webkit-transform:translate3d(-1390px, 0, 0);
            -o-transform:translate3d(-1390px, 0, 0);
            -ms-transform:translate3d(-1390px, 0, 0);
            transform:translate3d(-1390px, 0, 0)
        }
    }
    @-ms-keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-1390px, 0, 0);
            -webkit-transform:translate3d(-1390px, 0, 0);
            -o-transform:translate3d(-1390px, 0, 0);
            -ms-transform:translate3d(-1390px, 0, 0);
            transform:translate3d(-1390px, 0, 0)
        }
    }
    @keyframes bg{
        0%{
            -moz-transform:translate3d(0, 0, 0);
            -webkit-transform:translate3d(0, 0, 0);
            -o-transform:translate3d(0, 0, 0);
            -ms-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0)
        }
        100%{
            -moz-transform:translate3d(-1390px, 0, 0);
            -webkit-transform:translate3d(-1390px, 0, 0);
            -o-transform:translate3d(-1390px, 0, 0);
            -ms-transform:translate3d(-1390px, 0, 0);
            transform:translate3d(-1390px, 0, 0)
        }
    }

    .home_customer{width:5560px;}
}
@media (min-width: 2400px){
    .customer_box{width:1120px;margin-left:-560px;padding:150px 0}
    
}

@media(max-width: 1199px){
    .home_trans{
        position: relative;
        /* height: 600px; */
        overflow:
        hidden;
    }
    
}
@media(max-width: 900px){
    .customer_box{
        width: 90%;
        bottom:-1px;
        left:5%;
        margin-left: 0;
        min-height:320px;
    }
}

@media(max-width: 640px){
    .home_trans{
        height: 350px;
    }
    .customer_box{
        padding:20px 20px;
        position: relative;
        width: 100%;
        left:0;
        bottom:0;
        min-height:100%;
    }
}
@media(max-width: 460px){
    .home_trans{
        height: 425px;
    }
}

.hhjuyty{
    margin-top: 1%;
}
.section5{
    background: url(//cdn.myxypt.com/a0c38503/22/11/68f4abba45418b9da4771b8034afe2b08c4fbd10.jpg) center center no-repeat;
    background-size: 100% 100%;
} 
.phhuy{
    text-align: center;
    font-size: 2.5rem;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    line-height: 60px;
    opacity: 0;
}
.datiungd{
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 3% auto 0;
}
.xaiotung{
    overflow: hidden;
    position: relative;
    margin-top: 3%;
}
.xdnghd img{
    max-width: 100%;
    height: auto;
}
.uduisnh{
    text-align: center;
}
.uduisnh img{
    max-width: 90%;
    height: auto;
}
.hufngle{
    width: 31%;
    margin-left: 18%;
}
.hufngle img{
    max-width: 100%;
    height: auto;
}
.hufngrt{
    width: 45%;
    box-sizing: border-box;
    padding-right: 4%;
    color: #fff;
    margin-top: 2%;
}
.hufngrt_a{
    font-size: 1.4rem;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    line-height: 45px;
}
.hufngrt_b{
    font-size: 1rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #10ade4;
    line-height: 45px;
    border: #10ade4 1px solid;
    border-radius: 10px;
    text-indent: 5%;
    width: 60%;
     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hufngrt_c{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-top: 3%;
}
.xaiotung .swiper-wrapper .swiper-slide{
  position: relative;
}
.xaiotung .swiper-wrapper .swiper-slide::after{
    position: absolute;
    top:20%;
    right: -71%;
    background: #808080;
    width: 1px;
    height: 50%;
    content: '';
}
.xaiotung_hgh{
    text-align: center;
    font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    line-height: 40px;
}
.xaiotung_hgh a{
    color: #fff;
}
.xaiotung .swiper-wrapper .swiper-slide-thumb-active .xaiotung_hgh{
    background: url(//cdn.myxypt.com/a0c38503/22/11/194193ad421a06bee961edae0237cd326ff05359.png) bottom center no-repeat;
}
.xaiotung .swiper-wrapper .swiper-slide-thumb-active .xaiotung_hgh a{
    color: #119acb;
}
.swiaarev{
    position: absolute;
    top: 63%;
    right: 0px;
    background: url(//cdn.myxypt.com/a0c38503/22/11/e5ecb68d062efdcd25591e579283c10ed345761e.png) no-repeat;
    width: 33px;
    height: 56px;
    z-index: 999;
    outline: none;
    border: none;
    background-size: 100% 100%;
}
.swiaaext{
    position: absolute;
    top: 63%;
    left: 0px;
    background: url(//cdn.myxypt.com/a0c38503/22/11/390f5f8aa4175723c39ee4185416118b140369e9.png) no-repeat;
    width: 33px;
    height: 56px;
    z-index: 999;
    outline: none;
    border: none;
    background-size: 100% 100%;
}
.section6{
    background: url(//cdn.myxypt.com/a0c38503/22/11/883e7c5acb78fbbeef531d71c1b6bb347e39fb2b.jpg) center center no-repeat;
    background-size: 100% 100%;
}
.xwghg{
    border-bottom: #999999 1px solid;
    line-height:60px;
    margin-top: 2%;
}
.xwghgle{
    width: 32%;
}
.xwghgle li{
    font-size: 18px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
}
.odmkfj li:hover .odmkfjnei_a a{
    color: #12aee4;
}
.jinfh li:hover .jinfh_a a{
    color: #12aee4;
}
.xwghgle li a{
    color: #000000;
}
.xwghg_m{
    font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #515151;
    line-height:60px;
}
.xwghg_m a{
    color: #515151;
}
.jinfh{
    width: 49%;
    margin-top: 2%;
}
.odmkfj{
    width: 49%;
}
.jinfh_img img{
    width: 100%;
    height: auto;
}
.jinfh_a{
    font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
    line-height: 45px;
    margin-top: 2%;
}
.jinfh_a a{
    color: #000000;
}
.jinfh_b{
   font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #4d4d4d;
    line-height: 28px; 
}
.odmkfj_shi{
    width: 12%;
    text-align: center;
    margin-top: 2%;
}
.odmkfjnei{
    width: 85%;
}
.odmkfj li{
    border-bottom: #dbdbdb 1px solid;
    box-sizing: border-box;
    padding: 3% 0;
}
.odmkfj li:nth-child(4){
    border-bottom: none;
}
.odmkfj_shi_a{
    font-size: 2.5rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #4d4d4d;
    line-height: 45px;
}
.odmkfj_shi_b{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #4d4d4d;
    line-height: 24px;
}
.odmkfjnei_a{
    font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
    line-height: 45px;
}
.odmkfjnei_a a{
    color: #000000;
}
.odmkfjnei_b{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #4d4d4d;
    line-height: 24px;
}

.xwghgle  li:hover, .xwghgle  li.on {
    background: url(//cdn.myxypt.com/a0c38503/22/11/3a7742d1abaac4576191bc8a9c3baca9fa235414.png) bottom center no-repeat;
    position: relative;
    color: #12aee4;
    cursor: pointer;
}

.xwghgle  li:hover a, .xwghgle  li.on a {
    color: #12aee4;
}
.section7{
    background: url(//cdn.myxypt.com/a0c38503/22/11/2dcb1fc09e1cc2da918ac3629f0ffcacdee26cc9.jpg) center center no-repeat;
    background-size: 100% 100%;
}
.lainxiudhg{
    width: 80%;
    margin: 2% auto 0;
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    padding: 3% 5%;
    color: #fff;
}
.lainxiudhgle{
    width: 40%;
}
.lainxiudhgrt{
    width: 40%;
}
.xingming input{
    height: 42px;
	border-radius: 10px;
	border: solid 1px #999999;
    line-height: 42px;
    background: none;
}
.xingming{
    margin-bottom: 6%;
}
.xingming input{
    height: 42px;
	border-radius: 10px;
	border: solid 1px #999999;
    line-height: 42px;
    background: none;
}
.yandg {
     height: 42px;
	border-radius: 10px;
	border: solid 1px #999999;
    line-height: 42px;
    margin-bottom: 6%;

}
.yandg input{
    height: 42px;
    line-height: 42px;
    background: none;
    border: none;
}
.lidusng textarea{
    height: 120px;
	border-radius: 10px;
	border: solid 1px #999999;
    line-height: 42px;
    background: none;
}
.dsfnjh{
    margin-top: 3%;
}
.dsfnjh .btn{
    height: 42px;
	border-radius: 10px;
	border: none;
    line-height: 42px;
    background: #10ade4;
    padding: 0px;
}
.lainxiudhgrt_a{
    font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 45px;
	letter-spacing: 0px;
	color: #10ade4;
}
.lainxiudhgrt_b{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #fefefe;
    padding: 2% 0;
}
.erirnhf{
    margin-top: 2%;
}
.erirnhf img{
    max-width: 100%;
    height: auto;
}
.bandsng{
    margin-top: 3%;
    text-align: center;
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #cccccc;
}
.bandsng a{
    color: #cccccc;
}

.x-layout .bandsng{
    margin-top: 1%;
}

.dsjidj{
        display: none;
    }

.yandg #codeimg{
    float: right;
    margin-top: 2px;
    padding-right: 2px;
}




#fullpage{height: 100%;}





@media(max-width:1600px){
    .solutions-list li.active .text{
        top: 20%;
    }
    .swiaarev{
       right:5% 
    }
    .swiaaext{
        left: 5%;
    }
    .sjimhj_g{
        font-size: 16px;
    }
    .sjimhj_a span{
        font-size: 3.5rem;
    }
    .xwghg{
        margin-top: 0%;
    }
    .phhuy{
        font-size: 2.2rem;
        line-height: 50px;
    }
}
@media(max-width:1500px){
    .home_trans{
        width: 80%;
        margin-left: -40%;
    }
    .phhuy {
        font-size: 2rem;
        line-height: 45px;
    }
    .hufngrt_a{
        font-size: 1.4rem;
        line-height: 45px;
    }
    .hufngrt_b{
        font-size: 1rem;
        line-height: 45px;
    }
    .hufngrt_c{
        font-size: 16px;
        line-height: 35px;
    }
}

@media(max-width:1440px){
    .solutions-list li.active .text {
       top: 30%;
      }
    .sjimhj_g {
        font-size: 15px;
    }
    .sjimhj_a span {
        font-size: 3rem;
    }
    .sjimhj_a{
        line-height: 50px;
    }
    .solutions-list li.active .diasadkjh{
        line-height: 40px;
    }
}

@media(max-width:1366px){
    .solutions-list li.active .text {
       top: 22%;
      }
    .x-menu > li > a{
        font-size: 16px;
        line-height: 80px;
    }
    .sjimhj_g {
        font-size: 13px;
    }
    .shuzing{
        padding: 2% 0;
    }
    .sjimhj_a span {
        font-size: 2.5rem;
    }
    .home_trans {
        width: 90%;
        margin-left: -45%;
    }
    .hufngrt_a {
        font-size: 1.2rem;
        line-height: 40px;
    }
    .hufngrt_b {
        font-size: 18px;
        line-height: 35px;
    }
    .phhuy {
        font-size: 1.5rem;
        line-height: 40px;
    }
    
}
@media(max-width:1200px){
    .sjimhj_g{
      overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;  
    }
    .lainxiudhgrt_a{
        font-size: 20px;
        line-height: 40px;
    }
}

@media (max-width: 1028px){
    .fp-tableCell {
    height: auto!important;
}
    .nnav {
        width: 71%;
    }
    .haomsh{
        display: none;
    }
    .xwghgle {
        width: 31%;
    }
    .section {
         height: auto!important;
    }
    #fullpage{
         overflow: hidden;
    }
    .section2{
        padding-top: 44%;
    }
      .section4, .section5, .section6 {
        padding: 4% 0;
        background-size: cover;
    }
    .odmkfjnei_b{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}
    
@media (max-width: 992px){
    .x-banner , .page-banner{
        margin-top: 60px;
    }
    .x-banner{
        width: 100%;
        height: 100%;
    }
    .section2{
        background: url(//cdn.myxypt.com/a0c38503/22/11/b1aee20d101c618e0601f64836268463367dd9de.png) center center no-repeat;
        background-size: 100% 100%;
        padding-top: 112vh;
    }
    .sjimhj li:nth-child(5){
        display: none;
    }
    .sjimhj li{
        width: 48%;
    }
    .solutions-box{
        display: none;
    }
    .jdsifnhhhgh_a img{
        width: 100%;
        height: auto;
    }
    .jdsifnhhhgh{
        position: relative;
    }
    .jdsifnhhhghg{
        position: absolute;
        top:10%;
        z-index: 999;
        color: #fff;
        box-sizing: border-box;
        padding: 4%;
    }
    .fenhhg li{
        width: 25%;
        text-align: center;
        position: relative;
    }
    .fenhhg_img img{
        width: 100%;
        height: auto;
    }
    .fenhhgdkd{
        position: absolute;
        top:0px;;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        text-align: center;
        color: #fff;
        width: 100%;
        box-sizing: border-box;
        padding-top: 20%;
        height: 100%;
    }
    .jdsifnhhhghg_a{
        font-size: 2rem;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #00aeef;
        line-height: 45px;
        text-align: center;
    }
    .jdsifnhhhghg_b{
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 40px;
        letter-spacing: 0px;
        color: #fefefe;
        padding: 3% 0;
    }
    .fenhhg  li:hover .fenhhgdkd, .fenhhg  li.on .fenhhgdkd{
        background: #00aeef;
        color: #000;
    }
    .fenhhg  li:hover, .fenhhg  li.on {
        background: #00aeef;
        position: relative;
        color: #000;
        cursor: pointer;
    }

    .fenhhg  li:hover a, .fenhhg  li.on a {
        color: #000;
    }
    .hufngrt{
        display: none;
    }
    .hufngle{
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }
    .xwghg_m{
        display: none;
    }
    .xwghgle {
        width: 100%;
    }
    .jinfh{
        width: 100%;
    }
    .odmkfj{
        width: 100%;
        margin-top: 2%;
    }
    .lainxiudhgle{
        width: 100%;
    }
    .lainxiudhgrt{
        width: 100%;
    }
    .visible-xs {
        display: block!important;
    }
    .section7{
        background-size: cover;
    }
    .bandsng{
       padding-bottom: 13%;
        font-size: 0px;
        height: 46px;
    }
    .x-layout .bandsng{
        padding-bottom: 10%;
        font-size: 14px;
        height: 300px;
    }
    .dsjidj {
    display: block;
}
}

@media (max-width:500px){
    .sjimhj_a span{
        letter-spacing: 0px;
    }
    .xypg-product-list li{
        padding:5px 5px 0 5px;
    }
    .page-position{
        margin-top: 60px;
    }
    .page-banner{
        display: none;
    }
    .hung{
        width: 30%;
        margin: 0 auto;
        height: 40px;
    }
    .hung img{
        max-width: 100%;
        height: auto;
    }
    .jinfh_b{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .swiaaext , .swiaarev{
         width:25px;
         height: 42px; 
        top: 35%;
    }
    .swiaaext {
        left: 1%;
    }
     .swiaarev{
         right: 1%;
     }
    .home_trans {
        width: 100%;
        margin-left: -50%;
    }
    .section2{
       padding-top: 67vh; 
    }
    .sjimhj_a dd{
        font-size: 14px;
    }
    .sjimhj_a dd{
        width: 22px;
        height: 22px;
        line-height: 22px;
    }
    .sjimhj_a span{
        font-size: 33px;
    }
    .jdsifnhhhghg_b{
        font-size: 14px;
        line-height: 26px;
    }
    .fenhhgdkd{
        font-size: 14px;
    }
    .home_customer{
        height: 45vh;
         background-image:url(//cdn.myxypt.com/a0c38503/22/11/69da254f4b0b0e5072c9eaae2d7e56698e704f4c.png);
    }
    .home_trans:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 33px;
        z-index: 3;
        background:none;
        left: 50%;
        margin-left: -50%;;background-size: 100% 30%;
        top: 38.5%;
    }
    .tydusg {
        text-align: center;
        width: 66%;
        margin: 0 auto;
    }
    .djdus{
        font-size: 14px;
        border-bottom: #fff 2px solid;
    }
    .phhuy {
        font-size: 25px;
        line-height: 40px;
    }
    .odmkfj_shi_b{
        font-size: 12px;
    }
    .bandsng {
        padding-bottom: 25%;
        font-size: 0px;
        height: 46px;
    }
    .section7{
        background: url(//cdn.myxypt.com/a0c38503/22/11/d40f1143275153d17c5f7044a6bbd29d9fb19196.png) center center no-repeat;
        background-size: cover;
    }
    .odmkfjnei {
        width: 84%;
    }
    .odmkfj_shi {
        width: 16%;
        text-align: center;
        margin-top: 2%;
    }
    .jdsifnhhhghg{
        top: 4%;
    }
    .lainxiudhgrt_a {
        font-size: 17px;
        line-height: 37px;
    }
    .lainxiudhg{
        width: 100%;
    }
    .xwghgle li{
        font-size: 16px;
    }
    .phhuy{
    text-align: center;
    font-size: 2.5rem;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    line-height: 60px;
    opacity: 1;
}
.xaiotung .swiper-wrapper .swiper-slide::after{
    right: -21%;
}
}