/*初始化样式*/
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; }
/*----- 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; }


/*----- 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; }
.wh { max-width: 1530px; margin: 0 auto; padding: 0 15px; }
.com-img { overflow: hidden; margin: 0 auto; }
.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); }
.flex { display: flex; justify-content: space-between; }
.flexs { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.flex2 { display: flex; align-items: center; flex-wrap: wrap; }
.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}
/*头部样式*/
.top2 { position: absolute;
    width: 100%;
    z-index: 999;
    padding: 0 4vw; height: 115px; }
.top2 .wh { height: 115px; }
.logo { width: 16.4%; overflow: hidden; }
.logo img { width: 100%; }
/*热门搜索*/
.sou { margin: 15px 0; }
.hotSearch { float: left; height: 24px; line-height: 24px; font-weight: normal; color: #0d0d0d; font-size: 14px; }
.hotSearch a { margin-right: 6px; color: #0d0d0d; }
#search-type { float: left; width: 100px; height: 24px; border: 1px solid #c8c8c8; margin-right: 5px; }
/* 导航样式 */
.nnav { width: 67.07%; }
.x-menu { width: 100%; }
.x-menu > li { position: relative; text-align: center; }
.x-menu > li > a { display: block; font-size: 18px; color: #fff; line-height: 60px; }
.x-menu > li:hover > a { }
.x-menu > li.active > a { }
.x-menu > li:hover .x-sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.x-sub-menu { position: absolute; z-index: 99999; width: 150%; left: -25%; top: 60px; background: #fff; padding: 10px 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .5s ease; transition: all .5s ease; }
.x-sub-menu > li > a { display: block; text-align: center; font-size: 14px; color: #333; line-height: 40px; height: 40px; overflow: hidden; }
.x-sub-menu > li > a:hover { background: #e9eaeb; }
.x-menu li.lastli { width: 21px; position: relative; cursor: pointer; }


.x-banner .owl-carousel .banner-item a img,.page-banner img{width: 100vw;}




/* 仅当视口宽度大于 1800px 时生效 */
@media (min-width: 1800px) {
    .x-banner .owl-carousel .banner-item a img {
        height: 85vh; /* 使用视口高度单位 */
        
    }
}



.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; }
/*主体样式*/
.bxs { overflow: hidden; }
.box1{background: url(../image/box1.jpg) no-repeat top center;background-size: cover;padding: 4.57% 0 4.46%;overflow: hidden;}
.box1 p{margin: 0;}
.aimg{width: 44.6%;overflow: hidden;}
.aimg img{width: 100%;transition: all 0.5s;}
.aimg:hover img{transform: scale(1.1);}
.aleft{width: 47%;margin-top: 1.6vw;}
.abt{color: #000a18;font-size: 2.2916vw;line-height: 1.409;font-weight: bold;}
.abt span{color: #0153bf;}
.acon{color: #363738;font-size: 18px;line-height: 1.666;margin: 1.4vw 0 1.9vw;}
.amore a{width: 141px;height: 49px;border-radius: 25px;border: solid 1px #0153bf;line-height: 47px;color: #474b51;font-size: 15px;transition: all 0.5s;}
.amore a .img2{display: none;}
.amore a img{margin-left: 11px;}
.amore a:hover .img1{display: none;}
.amore a:hover .img2{display: inline-block;}
.amore a:hover{background: #0153bf;color: #fff;}
.sul{margin-top: 3.4vw;padding-right: 3.2vw;}
.sul li p{color: #000a18;font-size: 16px;margin-top: 7px;}
.sbt{color: #0153bf;font-size: 2.2916vw;font-weight: bold;line-height: 1;}
.sbt span{line-height: 1;}

.prod1 { margin-top: 3vw; }
.prod1 li { width: 23%; text-align: center; margin-bottom: 2.3vw; }
.prod1 li .img { box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.07); }
.prod1 li img { display: block; width: 100%; }
.prod1 li h3 { color: #333333; font-size: 14px; line-height: 3.8; background: #fff; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.07); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 3px; }
.prod1 li:hover h3 { background: #202960; color: #fff; }

/*  */
.box2{background: url(../image/box2.jpg) no-repeat top center;background-size: cover;overflow: hidden;padding: 4.5% 0 3.4%;}
.box2 p{margin: 0;}
.bt1{text-align: center;}
.bt11{font-size: 2.2916vw;font-weight: bold;line-height: 1;color: #000a18;}
.bt12{color: #424549;font-size: 18px;margin-top: 20px;line-height: 1.66;}
.box2 .bt11{color: #ffffff;}
.box2 .bt12{color: #ffffff;}
.mySwiper {overflow: hidden;margin-top: 2.5vw;}
.pbt{background: #dadada;color: #020202;font-size: 18px;line-height: 69px;text-align: center;transition: all 0.5s;padding: 0 3px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mySwiper .swiper-slide a{display: block;margin-bottom: 2px;}
.mySwiper .swiper-slide .img{overflow: hidden;}
.mySwiper .swiper-slide .img img{width: 100%;transition: all 0.5s;}
.mySwiper .swiper-slide:hover .img img{transform: scale(1.1);}
.mySwiper .swiper-slide:hover .pbt{background-color: #0153bf;color: #fff;}
.mySwiper  .swiper-pagination1{text-align: center;line-height: 1;font-size: 0;margin-top: 2.8vw;}
.mySwiper  .swiper-pagination1 .swiper-pagination-bullet{margin: 0 4px;width: 12px;height: 12px;background-color: #e6e6e6;opacity: 0.6;}
.mySwiper  .swiper-pagination1 .swiper-pagination-bullet-active{background-color: #ffffff;opacity: 1;}

/*  */
.box3 { overflow: hidden; background: url(../image/box3.jpg) no-repeat top center; background-size: cover; padding: 4.4% 0 4.3%; }
.box3 p { margin: 0; }
.bt11 span { color: #0153bf; }
.box3 .bt12 { max-width: 1026px; margin-left: auto; margin-right: auto; }
.yul { margin: 2.5vw 0 3.1vw; }
.yul li { background-color: #ffffff; width: 32%; padding: 2vw 1.7vw 2.1vw; cursor: pointer; }
.yul li .img { width: 97px; }
.yul li .img img { max-width: 100%; transition: all 0.5s; }
.yul li:hover .img img { transform: scaleX(-1); }
.ycon { width: calc(100% - 97px); }
.ycon h3 { color: #000a18; margin: 0; font-size: 20px; }
.ycon p { color: #5a5d62; font-size: 16px; line-height: 24px; margin-top: 18px; }
.yul2 { background-color: #ffffff; box-shadow: 0 0 10px 10px rgba(23,4,5,.01); padding: 1.3vw 2.5vw; }
.yst { color: #000000; font-size: 18px; margin-left: 1.1vw; }
.yul2 li { cursor: pointer; }
.yul2 li .img { width: 72px; }
.yul2 li .img img { max-width: 100%; transition: all 0.5s; }
.yul2 li:hover .img img { transform: scaleX(-1); }

/*  */
.box4 { padding-top: 4.3%; overflow: hidden; }
.industry_uls { width: 100%; height: 100%; z-index: 1; margin-top: 2.2vw; background-color: #000a19; }
.industry_uls ul { justify-content: space-between; }
.industry_uls li { flex: 1; overflow: hidden; }
.industry_uls li:last-child { border-right: none; }
.industry_uls li.cur { flex: 3.05; }
.fixed_ratio { position: relative; overflow: hidden; }
.fixed_ratio img { width: 100%; height: 760px; object-fit: cover; }
.industry_uls li a { display: block; position: relative; overflow: hidden; width: 100%; cursor: pointer; }
.industry_uls li .back_imgs { width: 100%; display: flex; overflow: hidden; position: relative; z-index: 20; }
.industry_uls li .back_imgs .fixed_ratio { padding-top: 0; width: 100%; flex-shrink: 0; height: 100%; }
.industry_uls li.cur .back_imgs .fixed_ratio { }
.industry_uls li .back_imgs .fixed_ratio img { z-index: 10; }
.industry_uls li .back_imgs .text { position: absolute; width: 100%; padding: 0 5% 0 12%; bottom: 5vw; z-index: 2; visibility: hidden; opacity: 0; }
.industry_uls li.cur .back_imgs .text { opacity: 1; visibility: visible; z-index: 20; }
.industry_uls li .back_imgs .text .imgs { height: 65px; line-height: 65px; }
.industry_uls li .back_imgs .text .imgs img { width: auto; height: auto; }
.industry_uls li .back_imgs .text h4 { font-size: 28px; margin: 0; font-weight: bold; font-stretch: normal; letter-spacing: 0px; color: #ffffff; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2.8vw; }
.industry_uls li .back_imgs .text .sums { font-size: 1.04vw; font-weight: normal; font-stretch: normal; line-height: 1.2; min-height: 48px; letter-spacing: 0px; color: rgba(255, 255, 255, 0.8); margin-top: 1.2vw; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-align: justify; }
.industry_uls li .back_imgs .text span { margin-top: 0.4rem; display: flex; align-items: center; justify-content: center; width: 122px; line-height: 38px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 20px; backdrop-filter: blur(29px); background-color: rgba(255, 255, 255, 0.1); transition: all .5s; text-align: center; font-size: 14px; color: #fff; cursor: pointer; }
.industry_uls li .back_imgs .text span i { display: block; width: 6px; height: 10px; background: url(../images/14644f4dd05da062896d03d1c752c8d6d914efe7.png) no-repeat left center;  margin-left: .1rem;
}
.industry_uls li .back_imgs .text span:hover { background-color: var(--demo-color); border-color: var(--demo-color); }
.industry_uls li .text_img { position: absolute; left: 0%; top: 31%; text-align: center; z-index: 20; width: 100%; }
.industry_uls li .text_img .imgs { display: block; margin: 0 auto; text-align: center; height: 65px; line-height: 65px; }
.industry_uls li .text_img .imgs img { max-width: 100%; }
.industry_uls li .text_img h4 { display: block; text-align: center; font-size: 28px; font-weight: bold; font-stretch: normal; line-height: 1.5; letter-spacing: 0px; color: #ffffff; margin: 0; }
.line1 { width: 1px; height: 110px; background-color: #ffffff; opacity: 0.5; margin: 2.2vw auto; }
.industry_uls li.cur .text_img { opacity: 0; visibility: hidden; }
.industry_uls li, .industry_uls li .back_imgs .fixed_ratio, .industry_uls li .back_imgs .text { transition: 1s ease; }
.industry_uls li .text_img { transition: 0.5s ease; }

@media (max-width: 1660px) {
.industry_uls li .text_img .imgs { width: 7.2vw; height: 7.2vw; }
.industry_uls li .text_img h4 { font-size: 1.45vw; }
.industry_uls li .back_imgs .text h4 { font-size: 1.8vw; }
.industry_uls li .back_imgs .text .sums { margin-top: 1.6em; }
}
 @media (max-width: 1400px) {
.industry_uls li .back_imgs .text .sums { margin-top: 1.4em; }
.industry_uls li .text_img h4 { font-size: 20px; }
}
 @media (max-width: 1200px) {
.industry_uls { position: relative; margin-top: 24px; }
.industry_uls ul { flex-wrap: wrap; }
.industry_uls li, .industry_uls li.cur { width: 50%; border: none; flex: none; }

.industry_uls li .back_imgs { height: 100vw; max-height: 400px; }
.industry_uls li .back_imgs .fixed_ratio { width: 100%; }
.industry_uls li:nth-child(n+1) .text_img { top: 50%; transform: translateY(-50%); bottom: auto; }
.industry_uls li .text_img .imgs { width: 90px; height: 90px; }
.industry_uls li .back_imgs .text h4 { font-size: 20px; }
.industry_uls li .back_imgs .text .sums { margin-top: 1em; font-size: 14px; }
}
 @media (max-width: 990px) {
.industry_uls { position: relative; margin-top: 20px; }
.industry_uls li .back_imgs .text { padding: 0 20px; bottom: 24px; }

}
 @media (max-width: 640px) {
.industry_uls { margin-top: 16px; }
.industry_uls li, .industry_uls li.cur { width: 100%; }
.industry_uls li .back_imgs { max-height: 360px; }
.industry_uls li .back_imgs .text, .industry_uls li.cur .back_imgs .text { transform: none; opacity: 1; visibility: visible; z-index: 20; }
.industry_uls li .back_imgs .text .imgs img { width: 50px; }
.industry_uls li:nth-child(n+1) .text_img { display: none; opacity: 1; transform: none; visibility: visible; }
.industry_uls li .text_img h4 { display: none; }
.industry_uls li .back_imgs .text { bottom: 15px; padding: 0 15px; }
.industry_uls li .back_imgs .text h4 { margin-top: 12px; font-size: 18px; }
.industry_uls li .back_imgs .text .sums { line-height: 1.8; margin-top: 0.8em; }
}
/*  */
.box5 { background: url(../image/box5.jpg) no-repeat top center; background-size: cover; overflow: hidden; padding: 4.5% 0 4.8%; }
.nbox { margin-top: 2vw; }
.nul { width: 32.4%; position: relative; }
.nleft { width: 32.47%; display: flex; justify-content: space-between; flex-direction: column; }
.nul4 { width: 32.27%; }
.nul li .img img { width: 100%; }
.img_news{ position:relative; padding-bottom:105%;}

.img_news1{ position:relative; padding-bottom:56%;}

.nul li .img_news img { width: auto; position:absolute; max-width: none;height:100%; }
.nbj { position: absolute; width: 100%;  bottom: 2.4vw; padding: 0 1.8vw; }
.ntime { color: #000; font-size: 16px; }
.nbt { color: #000; font-size: 20px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 9px 0 2vw; transition: all 0.5s; }
.nmore { justify-content: flex-start; color: #000; font-size: 15px; }
.nmore img { margin-left: 10px; }
.nul33 li { position: relative; }
.nul42 { background-color: #ffffff; }
.nul42 .ntime, .nul4 .ntime { color: #0153bf; }
.nul42 .nbt, .nul4 .nbt { color: #20242a; margin: 0 0 10px 0; font-size: 18px; }
.nei { color: #6c6d6e; line-height: 24px; font-size: 16px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.nul42 li { padding: 1.6vw 1.8vw; }
.nul4 li { background: #fff; border-bottom: 1px solid rgba(230,230,230,.6); height: 33.333%; display: flex; align-items: center; }
.nul4 li a { display: block; padding: 0 1.8vw; }
.nul4 li:hover .nbt, .nul42 li:hover .nbt { color: #0153bf; }
.nbox .img { overflow: hidden; }
.nbox .img img { width: 100%; transition: all 0.5s; }
.nul li:hover .img img { transform: scale(1.1); }
.nul33 li:hover .img img { transform: scale(1.1); }
/*  */
.foot { background-color: #030e1e; overflow: hidden; }
.foot p { margin: 0; }
.ft2 { text-align: center; color: #979ea9; font-size: 16px; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 28px 0; line-height: 2; }
.ft2 a { color: #979ea9; }
.foot a { transition: all 0.5s; }
.foot a:hover { color: #fff; }
.ft1 { padding: 4.5vw 0 5vw; }
.lx { color: #ffffff; font-size: 18px; line-height: 2; margin-top: 2.4vw; }
.tlogo img { max-width: 358px; }
.tleft { width: 40%; }
.foot_nav2 { width: 56%; }
.foot_nav2>li>a { display: block; color: #ffffff; font-size: 18px; font-weight: bold; margin: 9px 0 1.5vw; }
.foot_nav2 dd a { display: block; color: #c6cbd1; font-size: 17px; line-height: 1.94; }

@media(max-width: 1440px) {
.x-menu > li > a { font-size: 16px; }
.ft2 { font-size: 15px; }
.fixed_ratio img { height: 700px; }
.nul42 li { padding: 1.3vw 1.8vw; }
}
@media(max-width: 1400px) {
.dlogo img { width: 318px; }
.tlogo img { max-width: 318px; }
.acon, .foot_nav2>li>a, .lx, .yst, .nul42 .nbt, .nul4 .nbt { font-size: 16px; }
.foot_nav2 dd a { font-size: 15px; }
.ft2 { font-size: 14px; }
.ycon p { font-size: 15px; line-height: 22px; }
.pbt { font-size: 16px; line-height: 59px; }
.bt12 { font-size: 16px; margin-top: 15px; }
.nbt { font-size: 18px; }
.ntime { font-size: 14px; }
}
 @media(max-width: 1280px) {
.dlogo img { width: 278px; }
.tlogo img { max-width: 278px; }
.x-menu > li.lastli { margin-left: 0; }
.pbt { line-height: 50px; }
.nul42 .nbt, .nul4 .nbt { margin-bottom: 5px; }
.nul42 li { padding: 0.8vw 1.8vw; }
}
 @media(max-width: 1180px) {
.dlogo img { width: 258px; }
.x-menu > li > a { padding: 0 1.5vw; }
.x-menu > li.lastli { display: none; }
.sbt { font-size: 27px; }
.sul li p { font-size: 15px; }
.bt11 { font-size: 28px; }
.abt { font-size: 28px; }
.yul li .img { width: 79px; }
.yul li .img img { max-width: 57px; }
.ycon { width: calc(100% - 79px); }
.yul2 li .img { width: 56px; }
.ycon p { font-size: 14px; margin-top: 10px; }
.nei { font-size: 14px; line-height: 22px; }
.img_news{ position:relative; padding-bottom:66%;}
.nul li .img_news img { width: 100%; height:auto; }
}
 @media(max-width: 768px) {
.aleft, .aimg { width: 100%; }
.aimg { margin-top: 30px; }
.abt, .bt11 { font-size: 26px; }
.mySwiper { margin-top: 25px; }
.pbt { font-size: 14px; line-height: 40px; }
.yul li { width: 100%; margin-bottom: 20px; padding: 30px; }
.yul2 li { width: 33%; justify-content: flex-start; margin: 5px 0; }
.nbox { margin-top: 20px; }
.nul, .nleft, .nul4 { width: 100%; }
.nleft { margin: 25px 0; display: block; }
.nul42 li { padding: 15px 20px; }
.nul42 { margin-bottom: 15px; }
.nul4 li { display: block; }
.nul4 li a { padding: 15px 20px; }
.tleft { width: 100%; }
.foot_nav2 { display: none; }
.industry_uls li .back_imgs .fixed_ratio img { height: 100%; }
.page-banner.video img { height: 160px; }
.video .videoss { top: 50%; transform: translate(-50%, -50%); }
.video_nav { padding: 15px; }
}
 @media(max-width: 640px) {
.x-banner .owl-carousel .owl-dots { bottom: 7%; }
.x-banner .owl-carousel .owl-dots button.owl-dot { width: 27px; }
.abt, .bt11 { font-size: 24px; }
.acon, .foot_nav2>li>a, .lx, .yst, .nul42 .nbt, .nul4 .nbt { font-size: 15px; }
.acon { margin: 10px 0 20px; }
.amore a { width: 138px; height: 40px; line-height: 38px; font-size: 14px; }
.sul { margin-top: 20px; padding-right: 0; }
.sul li p { font-size: 13px; }
.box2, .box3 { padding: 30px 0; }
.box1 { padding-bottom: 30px; }
.bt12 { font-size: 15px; margin-top: 13px; }
.mySwiper .swiper-pagination1 { margin-top: 20px; }
.mySwiper .swiper-pagination1 .swiper-pagination-bullet { width: 8px; height: 8px; }
.yul { margin: 20px 0 25px; }
.ycon h3 { font-size: 18px; }
.yul li { padding: 15px; }
.yul2 li { display: block; text-align: center; }
.yst { margin-left: 0; }
.yul2 li .img { margin: 0 auto; margin-bottom: 10px; }
.yul2 { padding: 15px 0; }
.yul { margin-bottom: 0; }
.box4 { padding-top: 30px; }
.box5 { padding: 30px 0; }
.nbt { font-size: 16px; margin: 7px 0 15px; }
.nbj { bottom: 20px; padding: 0 15px; }
.ft1, .ft2 { padding: 20px 0; }
.tlogo img { max-width: 70%; }
.ft2 { font-size: 12px; line-height: 1.6; padding: 15px 0; }
}
@-webkit-keyframes fadeInDown1 {  from {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {  from {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {  from {
opacity: 0;
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0)
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {  from {
opacity: 0;
-webkit-transform: translate3d(0, -20%, 0);
transform: translate3d(0, -20%, 0)
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {  from {
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0);
opacity: 0
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {  from {
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0);
opacity: 0
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {  from {
-webkit-transform: translate3d(-5%, 0, 0);
transform: translate3d(-5%, 0, 0);
opacity: 0
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {  from {
-webkit-transform: translate3d(-5%, 0, 0);
transform: translate3d(-5%, 0, 0);
opacity: 0
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {  from {
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0);
opacity: 0
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {  from {
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0);
opacity: 0
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {  from {
-webkit-transform: translate3d(5%, 0, 0);
transform: translate3d(5%, 0, 0);
opacity: 0
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {  from {
-webkit-transform: translate3d(5%, 0, 0);
transform: translate3d(5%, 0, 0);
opacity: 0
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {  from {
-webkit-transform: scale3d(0.3, .3, .3);
transform: scale3d(0.3, .3, .3);
opacity: 0
}
 50% {
opacity: 1
}
}
@keyframes zoomLeft {  from {
-webkit-transform: scale3d(0.3, .3, .3);
transform: scale3d(0.3, .3, .3);
opacity: 0
}
 50% {
opacity: 1
}
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {  from {
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
opacity: 0
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {  from {
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
opacity: 0
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {  from {
-webkit-transform: translate3d(0, 2%, 0);
transform: translate3d(0, 2%, 0);
opacity: 0
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {  from {
-webkit-transform: translate3d(0, 2%, 0);
transform: translate3d(0, 2%, 0);
opacity: 0
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }



/*内页左侧样式*/
.page-product-inquiry a { color: #fff; }
.xymob-left-close-btn .icon-close:before { font-size: 0; }


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

.roll_product { float: left; }

.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%); }