.root-w-1400 .auto { padding: calc(80 / 16 * 1em) 0;
}

@media (max-width: 1024px) {
.root-w-1400 .auto { padding: 3em 0; }
}
/*Top003062 */
.Top003062 { background: #fff; position: relative;z-index: 100}
.Top003062 .auto { padding: 0;  z-index: 100; }
.Top003062 .logo { display: table; height: calc(85 / 16 * 1em);position: relative; z-index: 1; }
.Top003062 .logo a { display: table-cell; vertical-align: middle; position: relative; z-index: 3; }
.Top003062 .logo img { max-height: calc(80 / 16 * 1em);}
.Top003062 menu li span { display: block; }
.Top003062 menu li span a { display: block; border-bottom: calc(2 / 16 * 1em) solid transparent;line-height: calc(26 / 16 * 1em);transition: 0.3s; }
.Top003062 menu li span a:hover, 
.Top003062 menu li.aon span a { border-bottom-color: #ec1920; color: #ec1920; }
.Top003062 menu .right > * { float: left; }
.Top003062 menu .right dt { margin-right: calc(22 / 16 * 1em);}
.Top003062 menu .right a { display: block; }
.Top003062 menu .language a { border: solid 1px #ec1920; border-radius: calc(30 / 16 * 1em);line-height: calc(26 / 16 * 1em);padding: 0 calc(12 / 16 * 1em);color: #ec1920; transition: 0.3s; }
.Top003062 menu .language dt a:hover { color: #fff; background: #ec1920; }
.Top003062 .open-search {height: calc(28 / 16 * 1em); background: url("../images/icon-search.svg") no-repeat center center; width: calc(18 / 16 * 1em);}
.Top003062 .open-search:before, 
.Top003062 .open-search:after { background: #ec1920; }
.Top003062 .top-search { background: #fff; }
.Top003062 .top-search .btn { background-color: #f2f2f2; background-image: url("../images/icon-search.svg");background-size: 20px auto; }

.Top003062 menu li dt a:hover{color: #ec1920;}
.Top003062 .prod-sub dt .name h4{font-weight: normal;margin: 0;border-bottom: 1px solid #dadada;padding-bottom: 10px;margin-bottom: 10px}
.Top003062 .prod-sub dt .name h4 i{display: inline-block;max-height: 22px;margin-right: 0.5vw}
.Top003062 .prod-sub dt .tab-label{line-height: 2}
.Top003062 .prod-sub dt .tab-label aside{color: #333;}
.Top003062 .prod-sub dt .tab-label .item{margin-bottom: 5px;}
.Top003062 .prod-sub dt .tab-label .tab-tit{color: #333;padding-bottom: 5px}
.Top003062 .prod-sub dt .tab-label .tab-box{padding-left: calc(14 / 16 * 1em)}
.Top003062 .prod-sub dt .tab-label .tab-box a{color: #666;display: block;line-height: 2}
.Top003062 .prod-sub dt .tab-label a:hover{color: #ec1920}
@media(min-width:1025px) {
.Top003062 menu .right{ padding-top: 28px; }
.Top003062 .top-search { right: 13vw; }
.Top003062 menu li { float: left; margin-right: calc(50 / 16 * 1em); position: relative}
.Top003062 menu li#m880{position: inherit}
.Top003062 menu li span, 
.Top003062 menu li span a {line-height: 5.3125em;}

.Top003062 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px; overflow: hidden;}
.Top003062 menu li .sub:not(.prod-sub){width: 200px;left: 50%!important;transform: translateX(-50%)}
.Top003062 menu li .prod-sub{left: 0!important; width: 100%;border-top: 1px solid #dadada;box-shadow: 0 12px 12px rgba(0,0,0,.05)}
.Top003062 .prod-sub dl{overflow: hidden; padding: calc(20 / 16 * 1em) 0 calc(60 / 16 * 1em);display: flex;justify-content: center;}
.Top003062 .prod-sub dt{margin: 0 1.5vw;text-align: left;width:calc(210 / 16 * 1em); }
.Top003062 .prod-sub dt .tab-label{padding-left:calc(30 / 16 * 1em);font-size: 0.875em;line-height: 2; }
}

@media(min-width:1025px) and (max-width:1400px) {
.Top003062 menu li { margin-right: 2vw; }
}

@media(max-width:1024px) {
.Top003062 .logo { height: 12vw; min-height: calc(60 / 16 * 1em);}
.Top003062 .logo img { max-height: 10vw; min-height: calc(50 / 16 * 1em);}
.Top003062 menu .right { position: absolute; right: 2%; top: 50%; transform: translateY(-50%); }
.Top003062 #menu { position: absolute; top: 50%; right: 100%; transform: translateX(-100%); background: #fff; width: calc(270 / 16 * 1em);padding: calc(20 / 16 * 1em);border-radius: 0 0 calc(10 / 16 * 1em) calc(10 / 16 * 1em);box-shadow: 0 5px 5px rgba(0,0,0,0.2); opacity: 0; transition: opacity 0.5s 0.3s, top 0.5s 0.3s; }
.Top003062 menu li .sub {background-color: rgba(0,0,0,0.1);}
.Top003062 menu li .sub.prod-sub dt{margin-bottom: 15px;text-align: left}
.menu-show .Top003062 #menu { top: 100%; right: 0; opacity: 1; transform: translateX(0);height: 90vh;overflow: auto}
.Top003062 #menu li span a {line-height: calc(50 / 18 * 1em);font-size: calc(18 / 16 * 1em); font-weight: bold; }
.Top003062 .open-menu { margin-left: calc(22 / 16 * 1em);width: calc(26 / 16 * 1em);height: calc(26 / 16 * 1em);}
.Top003062 .open-menu i { background: #ec1920; height: calc(3 / 16 * 1em);margin-top: calc(-3 /2 / 16 * 1em);}
.Top003062 .open-menu:not(.on) i:nth-child(1) { margin-top: calc(-10 / 16 * 1em);}
.Top003062 .open-menu:not(.on) i:nth-child(3) { margin-top: calc(8 / 16 * 1em);}
.Top003062 .top-search { max-width: none; }
.has-multi aside .op-multi:before, 
.has-multi aside .op-multi:after, 
.has-sub span .op:before, 
.has-sub span .op:after {background: #333;}
}
/*Banner002840 */
.Banner002840 .slides > li { display: none; -webkit-backface-visibility: hidden; overflow: hidden; }
.Banner002840 .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .Banner002840 .slides { display: block; }
* html .Banner002840 .slides { height: 1%; }
.no-js .Banner002840 .slides > li:first-child { display: block; }
.Banner002840 .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .Banner002840 .flex-viewport { max-height: 300px; }
.Banner002840 .slides { zoom: 1; }
.Banner002840 .slides > li { position: relative; }
.Banner002840 .slides > li img { display: block; width: 100%; }


.Banner002840 .solgan{position: absolute; left: 0;top: 0;width: 100%; height: 100%;z-index: 10;}
.Banner002840 .solgan .auto{max-width: 1400px;width: 94%}

.Banner002840 .solgan .btn{display: block;width:calc(150 / 16 * 1em);height: calc(45 / 16 * 1em);line-height: calc(45 / 16 * 1em);;border: 1px solid #333;text-align: center;color: #333;margin-top: 2em}
.Banner002840 .solgan .btn:hover{border-color:#ec1920;color: #fff;background: #ec1920}

.Banner002840 li.slick-slide video{position: absolute; z-index: 10; left: 0; top: 0 ; width: 100%;height: 100%; object-fit: cover;object-position: center center;}

.Banner002840 .slick-dots{position: absolute; left: 0;width: 100%;text-align: center; bottom: calc(60 / 960 * 100%);z-index: 10;}
.Banner002840 .slick-dots li{width: 10px;height: 10px;border: 1px solid #fff; border-radius: 50%; cursor: pointer; display: inline-block; margin: 0 calc(10 / 1920 * 100vw);}
.Banner002840 .slick-dots li button{display: none;}
.Banner002840 .slick-dots li.slick-active{background-color: #ec1920; border-color: #ec1920;}

@media(min-width:1025px) {
.Banner002840 .solgan .auto{height: 100%;}
.Banner002840 .solgan img{max-width: calc(600 / 1400 * 100%);}
.Banner002840 li img.wap { display: none; }
}

.Banner002840 li .text {position:absolute; left:3.125%; top:50%; transform:translateY(-50%); color:#fff; margin:0; line-height:1.25; width:11.6em; max-width:93.75%;}
.Banner002840 li .text h1{ color:#fff; text-shadow:0px 0px 0.5em rgba(0,0,0,0.05); margin:0;}
@media(max-width:1024px) {
.Banner002840 li img.pc { display: none; }
.Banner002840 .solgan .auto{padding-top: 5em;}
.Banner002840 li .text {font-size:1.5em;}
    
.Banner002840  li.slick-slide video{}
.Banner002840  li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;}
.Banner002840  li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);}
.Banner002840  li.video-show video{left: 50%; top: 50%; opacity: 1;}
}
.Banner002840 { position: relative; z-index: 1; }
.Banner002840 .flex-control-nav { position: absolute; z-index: 20; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); overflow: hidden; bottom: 8%; font-size: 0; }
.Banner002840 .flex-control-nav li { float: left; padding-right: 30px; }
.Banner002840 .flex-control-nav li a { display: block; width: 8px; height: 8px; background-color: #fff; opacity: 1; -webkit-opacity: 1; transition: 0.5s; border-radius: 50px; }
.Banner002840 .flex-control-nav li a.flex-active { opacity: 1; -webkit-opacity: 1; width: 45px; }

@media(max-width:1024px) {
.Banner002840 .flex-control-nav { bottom: 3%; }
.Banner002840 .flex-control-nav li { padding-right: 10px; }
.Banner002840 .flex-control-nav li a { width: 4px; height: 4px; }
.Banner002840 .flex-control-nav li a.flex-active { width: 40px; }
}
.h-title { text-align: center; }
.h-title .cn {font-size:2.25em; color: #333; margin-top:0; margin-bottom: calc(50 / 36 * 1em);font-weight: bold; }
.h-title .cn:after { content: ''; width: calc(44 / 36 * 1em);height: calc(3 / 36 * 1em);background: #ec1920; display: block; margin: 0 auto; margin-top: calc(12 / 36 * 1em);}

@media(max-width:1024px) {
.h-title .cn {font-size: calc(30 / 16 * 1em); margin-bottom: 1em; }
}
/*Floor002671 */
.Floor002671 li { margin-bottom: 2%; }
.Floor002671 li a { display: block; position: relative; overflow: hidden; }
.Floor002671 li .Ispic { padding-bottom: 78%; transition: 0.3s; }
.Floor002671 li:hover .Ispic { transform: scale3d(1.1, 1.1, 1.1); }
.Floor002671 li .txt { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 10; transition: 0.3s; }
.Floor002671 li a:before { position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; z-index: 5; transition: 0.3s; opacity: 0.75; background: -moz-linear-gradient(top, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0a000000', GradientType=0 ); /* IE6-9 */
}
.Floor002671 li .txt figure { position: absolute; left: calc(30 / 16 * 1em);
right: calc(30 / 16 * 1em);
bottom: calc(30 / 16 * 1em);
color: #fff; }
.Floor002671 li p { margin: 0; }
.Floor002671 li p.cn { margin-bottom: calc(8 / 16 * 1em);
}
.Floor002671 li .t1 {
font-size: calc(26 / 16 * 1em); font-weight: bold;margin:0; }
.Floor002671 li p.t2 {
margin-top: calc(6 / 16 * 1em); opacity: 0.8 }
.Floor002671 li:hover a:before { opacity: 1; }

@media (min-width:1025px) {
.Floor002671 li { float: left; width: 33%; margin-right: 2%; }
.Floor002671 li:nth-child(1), .Floor002671 li:nth-child(4) { width: 65%; }
.Floor002671 li:nth-child(2n) { margin-right: 0; }
.Floor002671 li .Ispic { padding-bottom: 94.6%; }
.Floor002671 li:nth-child(1) .Ispic, .Floor002671 li:nth-child(4) .Ispic { padding-bottom: 48%; }
}
/*Floor003145 */
.Floor003145 { background-color: #f6f6f6; }
.Floor003145 .box { background-color: #ffffff; }
.Floor003145 .right dl { padding: 0 calc(25 / 16 * 1em);
}
.Floor003145 .right dd { overflow: hidden; padding: calc(30 / 16 * 1em) 0;
}
.Floor003145 .right dd:not(:last-child) { border-bottom: 1px solid #f3f3f3; }
.Floor003145 .right dd time { float: left; max-width: 5em; text-align: center; color: #999999; font-size: calc(14 / 16 * 1em);
}
.Floor003145 .right dd time b { display: block; color: #333333; font-size: calc(30 / 14 * 1em);
font-weight: normal; line-height: 1.2; }
.Floor003145 .right dd .tit {margin:0; float: right; width: calc(100% - 4.6em); line-height: 1.5555; font-size: calc(18 / 16 * 1em);
color: #333; font-weight: bold; }
.Floor003145 .right dd .tit a { color: #333; }
.Floor003145 .right dd .tit a:hover { color: #ec1920; }
.Floor003145 .left .box { padding: calc(30 / 16 * 1em);
}
.Floor003145 .slider { margin: 0 calc(-20 / 16 * 1em);
}
.Floor003145 .slider li a { display: block; margin: 0 calc(20 / 16 * 1em);
}
.Floor003145 .slider li .pic { overflow: hidden; }
.Floor003145 .slider li .pic .Ispic { padding-bottom: 62.5%; transition: 0.3s; }
.Floor003145 .slider li a:hover .Ispic { transform: scale(1.05); }
.Floor003145 .slider li .tit {
font-size: calc(18 / 16 * 1em); line-height: 1.6; min-height: 2.5em; margin: 0.9em 0 0.6em 0; color: #333; font-weight: bold; }
.Floor003145 .slider li .tit:hover { color: #ec1920; }
.Floor003145 .slider li time { color: #d72623; }
.Floor003145 .slider li p { color: #666; margin: 1em 0; line-height: 1.78571; min-height: 3.57142em; }
.Floor003145 .slider li .more { display: block; width: calc(16 / 16 * 1em);
height: calc(6 / 16 * 1em);
background: url(../images/Floor003145-icon.svg) no-repeat; background-size: contain; }
.Floor003145 .controls { margin-top: 3em; position: relative; }
.Floor003145 .controls:before { position: absolute; content: ''; left: 0; height: 1px; top: 50%; width: 100%; background-color: #e8e8e8; }
.Floor003145 .controls .inner { display: table; margin: 0 auto; background-color: #fff; padding: 0 4em; position: relative; z-index: 4; }
.Floor003145 .controls .slick-dots li { float: left; width: 0.8125em; height: 0.8125em; margin: 0 0.375em; position: relative; list-style: none; }
.Floor003145 .controls .slick-dots li a { position: absolute; width: 0.4375em; height: 0.4375em; background-color: rgba(0,0,0,0.25); border-radius: 50%; }
.Floor003145 .controls .slick-dots li:not(.slick-active) a { left: 50%; top: 50%; margin: -0.21875em 0 0 -0.21875em; }
.Floor003145 .controls .slick-dots li.slick-active a { background-color: #ec1920; width: 100%; height: 100%; }
.Floor003145 .controls .slick-arrow { position: absolute; width: 1.9375em; height: 1.9375em; border: solid 2px #ec1920; background-position: center; background-repeat: no-repeat; cursor: pointer; top: 50%; margin-top: -0.96875em; border-radius: 50%; font-size: 1em; background-size: auto 0.875em; }
.Floor003145 .controls .slick-disabled { border-color: #dcdcdc; cursor: default; }
.Floor003145 .controls .slick-prev { left: 0; background-image: url(../images/Floor003145-prev-red.svg); }
.Floor003145 .controls .slick-next { right: 0; background-image: url(../images/Floor003145-next-red.svg); }
.Floor003145 .controls .slick-prev.slick-disabled { background-image: url(../images/Floor003145-prev.svg); }
.Floor003145 .controls .slick-next.slick-disabled { background-image: url(../images/Floor003145-next.svg); }

@media (min-width:1025px) {
.Floor003145 .left { width: 66.715%; }
.Floor003145 .right { width: 30.715%; }
.Floor003145 .box { min-height: 36.25em; }
.Floor003145 .right dd:last-child { padding-bottom: 0; }
}

@media (max-width:1024px) {
.Floor003145 .right { margin-top: 3em; }
.Floor003145 .controls .inner { padding: 0 2.2em; }
}
/*Bottom003199 */
.Bottom003199 { background-color: #fff; border-top: 1px solid #f6f6f6; }
.Bottom003199 .auto { padding-bottom: 0; }
.Bottom003199 a:hover { color: #ec1920; }
.Bottom003199 .b-top, .Bottom003199 .b-top a:not(:hover) { color: #666; }
.Bottom003199 .b-top nav dd { line-height: 1.8; padding: 0.3em 0; font-size: calc(15 / 16 * 1em);
}
.Bottom003199 .b-top nav dt { position: relative; font-size: calc(18 / 16 * 1em);
border-bottom: 1px solid #e9e9e9; min-height: calc(38 / 18 * 1em);
margin-bottom: calc(18 / 18 * 1em);
font-weight: bold; }
.Bottom003199 .b-top nav dt:after { content: ''; width: calc(18 / 16 * 1em);
height: 1px; background: #ec1920; display: block; position: absolute; bottom: -1px; }
.Bottom003199 .b-top nav dt a:not(:hover) { color: #333; }
.Bottom003199 .link li{position: relative;display: inline-block; width: calc(45 / 16 * 1em);height: calc(45 / 16 * 1em);margin-right: calc(4 / 16 * 1em); }
.Bottom003199 .link a { display: block;height: 100%;background-size: calc(45 / 16 * 1em);background-color: #fff; background-position: center center; background-repeat: no-repeat;}
.Bottom003199 .link li:nth-child(1) a { background-image: url(../images/bot-icon3.png); }
.Bottom003199 .link li:nth-child(2) a { background-image: url(../images/bot-icon2.png); }
.Bottom003199 .link li:nth-child(3) a { background-image: url(../images/bot-icon1.png); }
.Bottom003199 .link li:nth-child(4) a { background-image: url(../images/bot-icon4.png); }
.Bottom003199 .link li:nth-child(5) a { background-image: url(../images/bot-icon5.png); }
.Bottom003199 .link li figure{position: absolute; bottom: 100%;margin-bottom: 0.5em; width: 7.5em;background-color: #fff;padding: 0.2em;left: 0;display: none;border:1px solid #e8e8e8 }
.Bottom003199 .b-bottom { border-top: 1px solid #e8e8e8; font-size: calc(14 / 16 * 1em);}
.Bottom003199 .b-bottom a { display: inline-block; }
.Bottom003199 .b-bottom, .Bottom003199 .b-bottom a:not(:hover) { color: #666; }
.Bottom003199 .b-bottom nav a:not(:last-child):after { content: '·'; margin: 0 calc(10 / 14 * 1em);
color: rgba(255,255,255,0.6); }

@media (min-width:1025px) {
.Bottom003199 .b-top { margin-bottom: calc(50 / 16 * 1em);}
.Bottom003199 .b-top nav { width: 100%; }
.Bottom003199 .b-top .contact { width: calc(300 / 1600 * 100%);}
.Bottom003199 .b-top nav dl { float: left; }
.Bottom003199 .b-top nav dt a { display: block; }
.Bottom003199 .b-top nav dt a:hover { }
.Bottom003199 .b-top nav dd { display: block!important; }
.Bottom003199 .link { margin-bottom: calc(20 / 16 * 1em);}
.Bottom003199 .b-bottom { padding: calc(35 / 14 * 1em) 0;}
}

@media (max-width:1024px) {
.Bottom003199 .b-top { padding-bottom: 1.5em;display: none}
.Bottom003199 .b-top nav dd { display: none; }
.Bottom003199 .b-top nav dd:last-child { margin-bottom: 2em; }
.Bottom003199 .b-top nav dt { position: relative; overflow: hidden; }
.Bottom003199 .b-top nav dt .wap-open { position: absolute; width:calc(40 / 18 * 1em);
height: 100%; right: 0; z-index: 10; top: 0; background: url(../images/Bottom00319-icon.svg) no-repeat center center; background-size: auto 40%; transition: 0.3s; }
.Bottom003199 .b-top nav dt.on .wap-open { background-image: url(../images/Bottom00319-icon-on.svg); transform: rotate(90deg); }
.Bottom003199 .b-bottom { padding: 1.5em 0; }
.Bottom003199 .b-bottom nav { margin-bottom: 1em; }
.Bottom003199 .link { margin-bottom: 1em; }
}
/*Other002638 */
.Other002638 ul { position: fixed; right: 1%; z-index: 110; top: 50%; transform: translateY(-50%); }
.Other002638 li { position: relative; margin: calc(2 / 16 * 1em) 0;
}
.Other002638 li > a { display: block; width: calc(50 / 16 * 1em);
height: calc(50 / 16 * 1em);
border-radius: calc(3 / 16 * 1em);
background-repeat: no-repeat; background-position: center center; background-color: #ec1920; background-size: calc(24 / 16 * 1em);
transition: 0.3s; }
.Other002638 li > a:hover { background-color: #ec1920; }
.Other002638 li.li_tel .wap { display: none; }
.Other002638 li.li_tel aside { display: none; position: absolute; right: 100%; line-height: calc(50 / 18 * 1em);
white-space: nowrap; text-overflow: ellipsis; top: 0; background: #ec1920; margin-right: 1px; border-radius: calc(2 / 18 * 1em);
padding: 0 calc(10 / 18 * 1em);
font-size: calc(18 / 16 * 1em);
color: #fff; }
.Other002638 li.li_tel aside img { }
.Other002638 li.li_wx aside { padding: calc(10 / 16 * 1em);
width: calc(140 / 16 * 1em);
}
.Other002638 li.li_wx aside img { width: calc(120 / 16 * 1em);
height: calc(120 / 16 * 1em)
}
.Other002638 li.li_tel a { background-image: url(../images/icon-tel.svg); }
.Other002638 li.li_wx a { background-image: url(../images/icon-wx.svg); }
.Other002638 li.li_yx a { background-image: url(../images/icon-yx.svg); }
.Other002638 li.li_gettop a { background-image: url(../images/icon-gettop.svg); }
.Other002638 li.li_email a { background-image: url(../images/icon-email.svg); }

@media(min-width:1025px) {
.Other002638 li.li_tel:hover aside { display: block; }
}

@media(max-width:1024px) {
.Other002638 li.li_tel a { display: none; }
.Other002638 li.li_tel .wap { display: block; }
}
.Other002638 .pop-up { display: none; position: fixed; z-index: 150; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
.Other002638 .pop-up .ycenter { height: 100%; }
.Other002638 .pop-up .main { position: relative; width: 90%; margin: 0 auto; max-width: 600px; background: #fff; border-radius: calc(10 / 16 * 1em);
padding: calc(40 / 16 * 1em);
}
.Other002638 .pop-up .close { position: absolute; width: calc(30 / 16 * 1em);
height: calc(30 / 16 * 1em);
right: calc(-12 / 16 * 1em);
top: calc(-12 / 16 * 1em);
border-radius: 50%; background: #eb1920; cursor: pointer; }
.Other002638 .pop-up .close::before, .Other002638 .pop-up .close::after { position: absolute; content: ''; left: 20%; top: 50%; width: 60%; height: calc(3 / 16 * 1em);
background: #fff; margin-top: calc(-1 / 16 * 1em);
transform: rotate(-45deg); }
.Other002638 .pop-up .close::before { transform: rotate(45deg); }
.Other002638 .pop-up#form td { padding-top: 4%; vertical-align: top; font-size: 1em; text-align: center}
.Other002638 .pop-up#form td.f-name { text-align: right; width: calc(82 / 16 * 1em);
line-height: calc(38 / 16 * 1em);
}
.Other002638 .pop-up#form td .text { width: 100%; line-height: calc(40 / 16 * 1em);
height: calc(40 / 16 * 1em);
border: 1px solid #e8e8e8; border-radius: calc(3 / 16 * 1em);
padding: 0 calc(5 / 16 * 1em);
}
.Other002638 .pop-up#form td .btn { width: 40%; margin-right: 3%; height: calc(40 / 16 * 1em);
cursor: pointer; border: none; border-radius: calc(3 / 16 * 1em);
color: #fff; background: #eb1920; max-width: 120px; }
.Other002638 .pop-up#form td .btn_reset { background: #999; }
.Other002638 .pop-up#form td textarea.text { height: calc(95 / 16 * 1em);
}
.Other002638 .pop-up#form p { margin: 0; text-align: center; color: #666; }

@media(max-width:640px) {
.Other002638 ul { top: auto; transform: translateY(0); bottom: 2%; }
}
/*Banner003069 */
.Banner003069 { position: relative; z-index: 1; }
.Banner003069 .Ispic { height: calc(420 /16 * 1em);
}
.Banner003069 .txt { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 10; color: #fff; line-height: 1.25; text-align: center; }
.Banner003069 .txt .cn {
font-size: calc(36 / 16 * 1em); font-weight: bold; margin-top:0; margin-bottom: calc(20 / 36 * 1em);
}
.Banner003069 .txt .desc { font-size: calc(18 /16 * 1em);
}

@media(max-width:1024px) {
.Banner003069 .txt .cn { font-size: calc(30 / 16 * 1em);
margin-bottom: calc(10 / 30 * 1em);
}
.Banner003069 .Ispic { height: calc(320 /16 * 1em);
}
}

@media(max-width:480px) {
.Banner003069 .Ispic { height: calc(220 /16 * 1em);
}
}
/* Menu003135  */
.Menu003135 { width: 100%; background: #f5f5f5; border-bottom: 1px solid #ddd; }
.Menu003135 .auto { padding: 0; }
.WapMenu { padding-top: 0; text-align: left; }
.MenuBox { position: relative; }
.MeunTop {padding: 0 calc(60 /16 * 1em) 0 calc(15 /16 * 1em);height:calc(50 /16 * 1em);line-height: calc(50 /16 * 1em); position: relative; font-weight: normal; color: #fff; background: #eb1920; }
.MeunTop .menuBtn { display: block; width: calc(40 /16 * 1em);height: calc(40 /16 * 1em);position: absolute; right: calc(15 /16 * 1em);top: 50%; transform: translateY(-50%); background: url(../images/Menu002499-menubtn.png) no-repeat center;background-size: contain; }
.MeunTop .h3 { font-weight: normal; font-size: 1em; margin: 0; }
.navMenu { position: absolute; display: none; left: 0; top: 100%; width: 100%; background: #eb1920; color: #fff; z-index: 88; font-size:1em; font-weight:normal; margin:0; }
.navMenu a { color: #fff; display: block; }

@media screen and (min-width:1025px ) {
.MeunTop { display: none; }
.navMenu { display: block; height: calc(70 /16 * 1em);position: relative; background: none; color: #666; }
.navMenu a { color: #333; }
.navMenu ul { text-align: center; }
.navMenu ul li { display: inline-block; font-size: calc(18 /16 * 1em);line-height: calc(70 /18 * 1em);padding: 0 calc(35 /18 * 1em);position: relative; }
.navMenu ul li:not(:last-child):after { content: ''; width: 1px; height: calc(20 /18 * 1em);position: absolute; right: 0; top: 50%; margin-top: calc(-10 /18 * 1em);background-color: #ccc; }
.navMenu a:hover, .navMenu li.on a { color: #eb1920;}
}

@media(max-width:1024px) {
.Menu003135 .auto { max-width: 100%; width: 100%; }
.navMenu li a{ padding:7px 10px}
.navMenu a:hover, 
.navMenu li.on a { background: rgba(0,0,0,0.1); }
}
/* Menu002252 */
.Menu002252 { text-align: center; overflow: hidden; font-size:1em; font-weight:normal; margin:0; }
.Menu002252 .auto { padding: calc(50 /16 * 1em) 0 0;
}
.Menu002252 a { display: block; background: #f6f6f6; padding: calc(10 /16 * 1em);
margin-bottom: 1px; }
.Menu002252 a.aon, .Menu002252 a:hover { color: #fff; background-color: #eb1920; }

@media(min-width:768px) {
.Menu002252 a { display: inline-block; line-height:calc(50 /16 * 1em);
background: #f6f6f6; padding:0 calc(30 /16 * 1em);
min-width:calc(120 /16 * 1em);
border-radius:calc(50 /16 * 1em);
overflow: hidden; margin:0 calc(8 /16 * 1em) 1px;
}
}
/*Page002623 */
.Page002623 { text-align: center; }
.Page002623 .auto { padding-top: calc(40 /16 * 1em);
}
.Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page) { display: none; }
.Page002623 .Pages em { float: left; font-style: normal; }
.Page002623 .Pages .p_page { display: table; margin: 0 auto; }
.Page002623 .Pages a { float: left; line-height: calc(50 / 16 * 1em);
width: calc(50 / 16 * 1em);
border-radius: calc(3 / 16 * 1em);
overflow: hidden; margin: 0 calc(8 / 16 * 1em);
background: #fff; transition: .3s; }
.Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover { color: #fff; background: #eb1920; }
.Page002623 .Pages .p_page > a {
height: calc(50 / 16 * 1em); text-indent: 999em; position: relative; }
.Page002623 .Pages .p_page > a:before { position: absolute; content: ''; left: 50%; top: 50%; width: calc(26 / 16 * 1em);
height: calc(13 / 16 * 1em);
background-position: center center; background-repeat: no-repeat; margin: calc(-6 / 16 * 1em) 0 0 calc(-13 / 16 * 1em);
}
.Page002623 .Pages .p_page > a.a_prev:before { background-image: url(../images/Floor003145-prev.svg); }
.Page002623 .Pages .p_page > a.a_next:before { background-image: url(../images/Floor003145-next.svg); }
.Page002623 .Pages a.a_prev:hover:before { background-image: url(../images/Floor003145-prev-white.svg); }
.Page002623 .Pages a.a_next:hover:before { background-image: url(../images/Floor003145-next-white.svg); }

@media(max-width:1024px) {
.Page002623 .auto { padding-top: 1em; }
.Page002623 .Pages em { display: none; }
}
/*PicList003142 */
.PicList003142 .auto { padding-bottom: 0; }
.PicList003142 li { float: left; margin-bottom: 2%; }
.PicList003142 li .txt { background: #f8f8f8; padding: calc(30 /16 * 1em);}
.PicList003142 li .tit {font-size: calc(18 /16 * 1em); font-weight: bold; line-height: 1.6; min-height: 3.2em; margin: 0 0 0.6em 0; color: #333; }
.PicList003142 li p { line-height: 1.78571; min-height: 3.57142em; color: #666; margin: 1em 0; }
.PicList003142 li .pic { overflow: hidden;position: relative}
.PicList003142 li .Ispic { padding-bottom: 62.223%; transition: 0.3s; }
.PicList003142 li a:hover .Ispic { transform: scale(1.1); }
.PicList003142 li a:hover { color: #eb1920; }
.PicList003142 li time { color: #d72623; display: block; background: url(../images/PicList003142-icon.svg) no-repeat right center; }
.PicList003142 li a:hover time { background-image: url(../images/PicList003142-icon-red.svg); }

.PicList003142 li .a_play{position: absolute;height: 100%;width: 100%;left: 0;top: 0;;background: url(../images/play.svg)no-repeat center rgba(0,0,0,.5);background-size: 36px auto;}
.PicList003142 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList003142 .video_files video{width:100%; height:100%; background-color:#000;}
.PicList003142 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.PicList003142 .video_files .close::before,
.PicList003142 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.PicList003142 .video_files .close::before{ transform:rotate(45deg);}
.PicList003142 .video_files .close::after{ transform:rotate(-45deg);}


@media (min-width:1025px) {
.PicList003142 li { width: 32%; }
.PicList003142 li:not(:nth-child(3n)) {
margin-right: 2%;
}
.PicList003142 li:nth-child(3n+1) { clear: left; }
}

@media (max-width:1024px) {
.PicList003142 li { width: 49%; }
.PicList003142 li:not(:nth-child(2n)) {
margin-right: 2%;
}
.PicList003142 li:nth-child(2n+1) { clear: left; }
}

@media (max-width:640px) {
.PicList003142 li { width: 100%; float: none; margin-right: 0 !important; }
}
/*新闻详情*/
.News_detail .news_info { margin-bottom: calc(80 / 16 * 1em);
}
.News_detail .news_info .title { text-align: center; padding-bottom: calc(20 / 16 * 1em);
border-bottom: 1px solid #ededed; margin-bottom: calc(50 / 16 * 1em)
}
.News_detail .news_info .title time { margin: 0 0 1.5em 0; line-height: 2; font-size: calc(18 / 16 * 1em);
font-weight: normal; color: #adadad; }
.News_detail .news_info .title h1 { margin: 0; padding-bottom: 1%; font-size: calc(30 / 16 * 1em);
color: #333 }
.News_detail .news_info .title .link a { display: inline-block; width: calc(45 / 16 * 1em);
height: calc(45 / 16 * 1em);
margin-right: calc(4 / 16 * 1em);
background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: calc(45 / 16 * 1em);
}
.News_detail .news_info .title .link a:nth-child(1) { background-image: url(../images/bot-icon1.png); }
.News_detail .news_info .title .link a:nth-child(2) { background-image: url(../images/bot-icon2.png); }
.News_detail .news_info .title .link a:nth-child(3) { background-image: url(../images/bot-icon3.png); }
.News_detail .news_info .title .link a:nth-child(4) { background-image: url(../images/bot-icon4.png); }
.News_detail .news_info .title .link a:nth-child(5) { background-image: url(../images/bot-icon5.png); }
.News_detail .news_info .info { text-justify: inter-ideograph }
.News_detail .news_info .info p {
margin: calc(20 / 16 * 1em) 0; line-height: 1.95; }
.News_detail .news_info .center {
margin: calc(30 / 16 * 1em) 0; text-align: center; font-size: calc(14 / 16 * 1em);
color: #999; }
.News_detail .info { }
.News_detail .bot { position: relative; margin-top: calc(50 / 16 * 1em);
padding-top: calc(50 / 16 * 1em);
border-top: 1px solid #ededed }
.News_detail .info_back { text-align: center; clear: both; position: absolute; right: 0; bottom: 0 }
.News_detail .info_back a { position: relative; color: #fff; display: block; width: calc(150 / 16 * 1em);
line-height: 3; border-radius: calc(3 / 16 * 1em);
background: rgb(255,155,135); background: #eb1920; }
.News_detail .info_pn span { display: block; ; margin: 1% 0 }
.News_detail .info_pn span a { color: #333; transition: .3s; }
.News_detail .info_pn span a:hover { color: #eb1920 }

@media(max-width:1024px) {
.News_detail .news_info { margin-bottom: 3em; }
.News_detail .info_back { position: relative }
}

@media(max-width:768px) {
.News_detail .info * { max-width: 100%!important }
.News_detail .info_back a { width: 100%; margin-bottom: 2% }
}
/*产品中心*/
.PicList002797 .auto { padding-bottom: 0; }
.PicList002797 li { float: left; width: 49%; margin: 0 2% 2% 0; background: #f8f8f8; }
.PicList002797 li:nth-child(2n) { margin-right: 0; }
.PicList002797 li a { display: block; position: relative; padding:calc(50 / 16 * 1em);}
.PicList002797 li .pic { width: 45%; }
.PicList002797 li figure { width: 80%; padding-bottom: 80%; background-size: contain; }
.PicList002797 li .title {margin-top:0; font-size: calc(24 / 16 * 1em); font-weight: bold; color: #333; line-height: 1.1; margin-bottom: 15px; }
.PicList002797 li .subtitle { color: #333; }
.PicList002797 li:hover .title { color: #eb1920; }
.PicList002797 .more { display: none; margin-top: 40px; }
.PicList002797 .more span { display: inline-block; line-height: 40px; padding: 0 30px; background: #333; color: #fff; border-radius: 40px; }


@media(min-width:1025px){
.PicList002797 li:hover .more { display: block; } 
}
@media(max-width:1000px) {
.PicList002797 li { width: 48%; margin-left: 1%; margin-right: 1%; }
.PicList002797 li .pic { width: 100%;margin-bottom: 20px;}
.PicList002797 li figure { width: 100%;padding-bottom: 62%; }
.PicList002797 li .title,
.PicList002797 li .subtitle { text-align: center; }
.PicList002797 .more { text-align: center; }
}

@media(max-width:480px) {
.PicList002797 li { float: none; width: auto; }
}
/*产品详情*/
.product-tabs-wrap { background: #f5f5f5; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;transition: 0.3s all }
.product-tabs-wrap.fixed { position: fixed;width: 100%;left: 0;top: 0;z-index: 10;}
.product-tabs-wrap .auto { padding: 0; }
.product-tabs-heading {padding: 24px 0; position: relative; }
.product-tabs-wrap .name { color: #333; font-weight: bold; font-size: calc(18 / 16 * 1em);}
.product-tabs-wrap .product-tabs-links { position: relative; margin-left: auto; /*overflow: hidden; overflow-x: scroll;*/ }

.product-tabs-wrap .product-tabs-links li { position: relative; margin: 0 16px;}
.product-tabs-wrap .product-tabs-links li a { display: block; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; padding: 0 4px; font-weight: 400; color: #7f7f7f; line-height: 1.5; letter-spacing: .3px; text-align: center; white-space: nowrap;border-bottom: 2px solid transparent; }
.product-tabs-wrap .product-tabs-links li:hover a, 
.product-tabs-wrap .product-tabs-links li.active a{ color: #333; }
.product-tabs-wrap .product-tabs-links li.active a{ font-weight: bold; border-bottom: 2px solid #000; cursor: default; }
.RighInfo003134 {border-top: 1px solid #ddd;}
.RighInfo003134 .txt { padding-left: 5%; }
.RighInfo003134 .pic { width: 50%; }
.RighInfo003134 .pic .big{ border: 1px solid #ebebeb }
.RighInfo003134 figure {padding-bottom: 66%; background-size: contain; }
.RighInfo003134 .tit { font-size: calc(48 / 16 * 1em); font-weight: bold; color: #333; line-height: 1.1; margin-bottom: 20px; }
.RighInfo003134 .subtitle { color: #333; font-size: calc(24 / 16 * 1em); }
.RighInfo003134 .prod-intro { background: #f6f6f6; color: #333;transition: 0.3s all}
.RighInfo003134 .prod-intro .intro:not(:first-child) { margin-top: calc(80 / 16 * 1em);}
.RighInfo003134 .prod-intro .name { border-bottom: 1px solid #ddd; font-size: 1.5em; padding-bottom: 1em; color: #333; line-height: 2; }
.RighInfo003134 .prod-intro .name i { width: 2em; height: 2em; border-radius: 50%; background-color: #eb1920; display: inline-block; vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%; }
.RighInfo003134 .prod-intro .name-1 i { background-image: url(../images/RighInfo003134-icon-1.svg); }
.RighInfo003134 .prod-intro .name-2 i { background-image: url(../images/RighInfo003134-icon-2.svg); }
.RighInfo003134 .prod-intro .singlePage { line-height: 1.875; margin: 3em 0; }
.RighInfo003134 .prod-intro li { background: #fff; }
.RighInfo003134 .prod-intro li .tit { display: block; color: #333; font-weight: bold; font-size: calc(20 / 16 * 1em);margin-bottom: calc(10 / 20 * 1em);}
.RighInfo003134 .prod-intro li p { color: #333; margin: 0 auto;}
.RighInfo003134 .img { text-align: center; background: #fff; padding: calc(40 / 16 * 1em);margin: calc(40 / 16 * 1em) 0;}
.RighInfo003134 .small{position: relative;margin-top: 10px}
.RighInfo003134 .small ul{padding: 0 30px}
.RighInfo003134 .small ul li{border: 1px solid #ebebeb;margin: 0 2px}
.RighInfo003134 .small ul li.slick-current{border-color:#eb1920 }
.RighInfo003134 .btn{position: absolute;bottom: 0;width: 100%;height: 100%}
.RighInfo003134 .btn .slick-arrow{position: absolute;top: 50%;cursor: pointer;padding: 0;background: none; border-left: 3px solid #ccc;border-top: 3px solid #ccc;z-index: 10}
.RighInfo003134 .btn .slick-prev{ transform: rotate(-45deg);}
.RighInfo003134 .btn .slick-next{transform: rotate(135deg);}


.p-order-h3{ color:#f00; font-size:14px; font-weight:normal; background:url(../images/order_icon.png) no-repeat; line-height:30px; padding-left:25px; margin-bottom:0;}
.p-order .h3-1{ background-position:0 6px;}
.p-order .h3-2{ background-position:0 -33px;}
.p-order .h3-3{ background-position:0 -83px;}
.p-order-pic{ background:#f2f2f2; padding:25px 15px; max-width:560px; margin-top:10px;}
.p-order-pic dd{ border:4px solid #f00; padding:15px; position:relative;}
.p-order-pic dd .p-url{position: relative; top: 0; left: -20px; color: #d2d2d2; font-size: 20px; display: block; background-color: #f2f2f2;}
.p-order-pic dd img{ max-width:133px;}
.p-order-pic dd h4{ width:140px; padding:15px; margin:0; height:47px; line-height:35px; position:absolute; bottom:-4px; right:-4px; background-color:#f2f2f2;}
.p-order-pic dd .orderbtn{ border:1px solid #f00; background:url(../images/order_icon.png) no-repeat 10px -123px; display:block; font-size:14px; font-weight:normal; color:#f00; text-align:center; padding-left:20px;}
.p-order-con{ padding-left:25px;}
.p-btn{ background:#f39113; border-radius:5px; text-align:center; width:120px; color:#fff; line-height:35px; height:35px; margin-top:25px; display:block; font-weight:bold;}
.p-btn:hover{color:#eb1920;}

.RighInfo003134 .yy .item{float: left;width: 48%;margin-bottom: 2%}
.RighInfo003134 .yy .item:nth-child(2n){float: right;}
.RighInfo003134 .yy .item figure{padding-bottom: 60%;width: 100%;background-size: cover}
.RighInfo003134 .yy .item .tit{font-size:calc(20 / 16 * 1em) ;color: #333;text-align: center;margin-top: 20px;}



@media(min-width:1025px) {
.product-tabs-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}    
.product-tabs-wrap .product-tabs-links ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.RighInfo003134 .prod-intro li { float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; padding: calc(40 / 16 * 1em);
overflow: hidden; transition: .3s; }
.RighInfo003134 .prod-intro li:nth-child(3n) { margin-right: 0; }
.RighInfo003134 .prod-intro li:nth-child(3n+1) { clear: left; }
    
.RighInfo003134 .btn .slick-arrow{width: 20px;height: 20px;margin-top: -9px;}
.RighInfo003134 .btn .slick-prev{left: 0px;}
.RighInfo003134 .btn .slick-next{right: 0px;}
}

@media(max-width:1024px) {
.product-tabs-wrap .name { margin-bottom: 20px;}
.product-tabs-wrap .product-tabs-links li { float: left;width: 33.3%;margin-bottom: 10px}
.RighInfo003134 .prod-intro li { width: auto; margin-right: 0; float: none; padding: calc(40 / 16 * 1em);}
.RighInfo003134 .prod-intro li:nth-child(2n) { background: #f6f6f6; }
.RighInfo003134 .pic { width: 100%; }
.RighInfo003134 figure { width: 100%;}
.RighInfo003134 .title { font-size: calc(28 / 16 * 1em);margin-top: 20px}
}
/*解决方案 */

.PicList002949 .item:nth-child(2n) { background-color: #f6f6f6; }
.PicList002949 .item a:hover .tit { color: #eb1920; }
.PicList002949 .pic { overflow: hidden; }
.PicList002949 .txt p.dot3 { color: #666; line-height: 2; font-size: calc(18 / 16 * 1em);
margin: 0; }
.PicList002949 .tit {
font-size: calc(30 / 16 * 1em); font-weight: bold; line-height: 1em; }
.PicList002949 .tit:after { display: block; margin: calc(20 / 24 * 1em) 0;content: ''; background: #eb1920; width: calc(48 / 24 * 1em);
height: 2px; }
.PicList002949 .more { margin-top: calc(40 / 16 * 1em); }
.PicList002949 .more span { display: inline-block; line-height: 40px; padding: 0 30px; background: #333; color: #fff; border-radius: 40px; }

@media(min-width:1025px) {
.PicList002949 .pic { width: 50%; }
.PicList002949 .txt .inner { padding-left: 5vw; }
.PicList002949 .item:nth-child(2n) .txt .inner { padding-left: 0; padding-right: 5vw; }
}

@media(max-width:1024px) {
.PicList002949 .auto { padding: calc(40 / 16 * 1em) 0 0;
}
.PicList002949 .ytable, .PicList002949 .ytable-cell { display: block; }
.PicList002949 .pic { border-radius: 0 0 calc(40 / 16 * 1em) 0;
margin-bottom: calc(20 / 16 * 1em);
}
.PicList002949 .item { padding: calc(20 / 16 * 1em) 0;
}
}
/* 资料下载  */
.viewDownloadDocument .auto { padding-bottom: 0 }
.viewDownloadDocument .views-table { width: 100%; }
.viewDownloadDocument table tr { border-bottom: 1px solid #b2b2b2; }
.viewDownloadDocument table tr, 
.viewDownloadDocument table td.active { background: white; }
.viewDownloadDocument table thead tr { font-size: 1em; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; background: #efefef; }
.viewDownloadDocument table th, 
.viewDownloadDocument table td { font-size: 1em; border: none; padding: 15px 30px; text-align: center; }
.viewDownloadDocument table th { color: #333; font-size: 1.125em; }
.viewDownloadDocument .views-field-title { text-align: left; }
.viewDownloadDocument .views-field-nothing span.file a { background-image: url(../images/download.png); width: 22px; height: 24px; background-size: cover !important; margin: 0 auto; display: block; }
.SinglePage .intro { background-color: #f6f6f6; }
.SinglePage .info p { line-height: 2; font-size: calc(16 / 16 * 1em);}
.SinglePage .img {position: relative;}


@media (min-width:1025px) {
.SinglePage .intro .img { width: 50%; }
.SinglePage .intro .info { padding: 0 3.25em; }
.SinglePage.zzcx figure{ position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
}

@media (max-width:1024px) {
.viewDownloadDocument table th, 
.viewDownloadDocument table td {padding: 10px;line-height: 1.5}
.viewDownloadDocument table th:nth-child(4), 
.viewDownloadDocument table td:nth-child(4) { /* display: none; */}
.SinglePage .intro .info{ padding: 20px }
.SinglePage.zzcx figure{padding-bottom: 50%;}
}
.jszc { text-align: center; }
.jszc h3 { color: #333; font-size: calc(24 / 16 * 1em);}
.jszc .box { background: #f6f6f6; }
.jszc .icon {width: calc(64 / 16 * 1em);height: calc(64 / 16 * 1em); background-repeat: no-repeat; background-position: center center; margin: 0 auto calc(30 / 16 * 1em) auto;transition: all 0.5s; }
.jszc .tit { display: block; color: #333; font-weight: bold; font-size: calc(18 / 16 * 1em);}
.jszc .list p { color: #333; margin: 0 auto; font-size: calc(18 / 16 * 1em);}

@media(min-width:1025px) {
.jszc .box { float: left; width: 18.4%; margin-right: 2%; margin-bottom: 2%; padding: calc(50 / 16 * 1em) 0;overflow: hidden; transition: .3s; }
.jszc .box:nth-child(5n) { margin-right: 0; }
.jszc .box:nth-child(5n+1) { clear: left; }
.jszc .box .inner { width: 90%;margin: 0 auto }
.jszc .box:hover .icon { transform: translateY(-5px); }
.jszc .tit {padding-bottom: calc(15 / 18 * 1em); border-bottom: 1px solid #ddd;margin-bottom: calc(30 / 18 * 1em); }
}

@media(max-width:1024px) {
.jszc .box { width: 50%;float: left; padding: calc(20 / 16 * 1em);}
.jszc .box:nth-child(5) { width: 100%}
}
.Demo { background: #f6f6f6; }
.Demo ul { margin-bottom: 2%; }
.Demo li { float: left; margin-bottom: 2%; }
.Demo li .txt { background: #fff; padding: calc(30 /16 * 1em);
}
.Demo li .tit {font-size: calc(18 /16 * 1em); font-weight: bold; line-height: 1.6;  color: #333; }
.Demo li .pic { overflow: hidden; }
.Demo li .Ispic { padding-bottom: 54%; transition: 0.3s; }
.Demo li a:hover .Ispic { transform: scale(1.1); }
.Demo li a:hover { color: #eb1920; }

@media (min-width:1025px) {
.Demo li { width: 32%; }
.Demo li:not(:nth-child(3n)) {margin-right: 2%;}
.Demo li:nth-child(3n+1) { clear: left; }
.Demo li .tit {min-height: 3.2em;margin: 0 0 0.6em 0; }
}

@media (max-width:1024px) {
.Demo li { width: 49%; }
.Demo li:not(:nth-child(2n)) {
margin-right: 2%;
}
.Demo li:nth-child(2n+1) { clear: left; }
}

@media (max-width:640px) {
.Demo li { width: 100%; float: none; margin-right: 0 !important; }
}
/*研发体系*/

.RighInfo003072 .item-group .item:nth-child(2n) { background-color: #f6f6f6; }
.RighInfo003072 .info p { line-height: 2; font-size: calc(16 / 16 * 1em);}

@media (min-width:1025px) {
.RighInfo003072 .intro .img { width: 50%; }
.RighInfo003072 .intro .info { padding-left: 5.0714em; }
.RighInfo003072 .item-group .item:nth-child(2n) .intro .info { padding-left: 0; padding-right: 5.0714em; }
}

@media (max-width:1024px) {
.RighInfo003072 .intro .img { margin-bottom: 3em; }
}
/*产品认证*/
.Certification .auto { padding-bottom: 0; }
.Certification li { float: left; width: 20%; margin-bottom: 2%; text-align: center; }

.Certification li a { display: block; margin: 0 calc(30 / 16 * 1em);overflow: hidden; position: relative; }
.Certification li img { padding: 10px; background: url(../images/RighInfo003072-wrap3-kuang.png) no-repeat; background-size: 100% 100%; }
.Certification li .txt { text-align: center; color: #333; font-weight: bold; font-size: calc(18 / 16 * 1em);padding: calc(20 / 18 * 1em);}
.Certification li .txt aside{word-break: normal;;}
@media(min-width:1025px){
    .Certification li:nth-child(5n+1){clear: both }
}
@media(max-width:1024px){
    .Certification li { width: 50%; }
    .Certification li:nth-child(2n+1){clear: both }
    .Certification li a { margin: 0 calc(10 / 16 * 1em);}
}
/*创新互动*/
.Form003139 .desc { line-height: 1.78571; font-size: calc(18 / 16 * 1em);margin-bottom: 3.375em; }
.Form003139 .desc a { text-decoration: underline; color: #f83d00; margin-left: 10px; }
.Form003139 .form-ul li { margin-bottom: 20px; position: relative; }
.Form003139 .form-ul li .tit { line-height: 3; color: #333; }
.Form003139 .form-ul li .tit span { color: #eb1920; }
.Form003139 .form-ul li .text { width: 100%; border-radius: 3px; border: none; font-size: 1em; line-height: 3; height: 3em; background: #f3f3f3; padding: 0 1em; }
.Form003139 .form-ul li textarea.text { height: auto; }
.Form003139 .form-ul .btn { width: 10em; background: #eb1920; border-radius: 3px; height: 3em; color: #fff; cursor: pointer; border: 0; }

@media (min-width:1025px) {
.Form003139 .intro .img { width: 50%; }
.Form003139 .intro .info { padding-left: 5.0714em; }
.Form003139 .form-ul .row-2 li { float: left; width: calc(50% - 20px); }
.Form003139 .form-ul .row-2 li:nth-child(2n) { float: right; }
}
@media(max-width:1024px){
    .Form003139 .desc { margin-bottom: 2em; }
    .Form003139 .form-ul li { margin-bottom: 10px;}
}
/*人才理念*/
.TalentPage .logo { text-align: center; margin-bottom: calc(30 / 16 * 1em);}
.TalentPage .info p { line-height: 1.78571; font-size: calc(18 / 16 * 1em);text-align: justify; }
.TalentPage .idea { position: relative; }
.TalentPage .idea aside { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 10; color: #fff; text-shadow: 0.05vw 0.09vw 0.26vw rgba(3, 0, 0, 0.14); font-size: calc(26 / 16 * 1em);text-align: center; line-height: 3.13vw; letter-spacing: 0.53vw; }
@media(max-width:1024px){
    .TalentPage .idea aside { font-size: calc(24 / 16 * 1em);}
}
/*福利制度*/
.FuliPage li { margin-bottom: 2%; position: relative; overflow: hidden; }
.FuliPage li:before { position: absolute; z-index: 5; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: 0.3s; }
.FuliPage li figure { padding-bottom: 72%; transition: 0.3s; position: relative; z-index: 1; }
.FuliPage li figure:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 45.834%; opacity: 0.6; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}
.FuliPage li:hover figure { transform: scale(1.15); }
.FuliPage li .icon, .FuliPage li .name { position: absolute; z-index: 10; left: calc(30 / 16 * 1em);
right: calc(30 / 16 * 1em);
color: #fff; }
.FuliPage li .icon { top: calc(30 / 16 * 1em);
}
.FuliPage li .icon img { max-height: calc(50 / 16 * 1em);
}
.FuliPage li .name { bottom: calc(30 / 16 * 1em);
}
.FuliPage li .tit {
padding: calc(30 / 18 * 1em) calc(30 / 16 * 1em) 0 calc(30 / 16 * 1em);
font-size: calc(18 / 16 * 1em); font-weight: bold; }
.FuliPage li p { margin: 0; line-height: 1.78571; overflow: hidden; transition: 0.3s; }
.FuliPage li:hover:before { opacity: 1; }
.FuliPage li:hover p { height: inherit; }

@media (min-width:1025px) {
.FuliPage li { float: left; margin-right: 2%; width: 32%; }
.FuliPage li:nth-child(n+4) { width: 49%; }
.FuliPage li:nth-child(3), .FuliPage li:nth-child(5), .FuliPage li:nth-child(7) { margin-right: 0; }
.FuliPage li figure { padding-bottom: 72%; }
.FuliPage li:nth-child(n+4) figure { padding-bottom: 48%; }
.FuliPage li p { height: 0; }
.FuliPage li:hover:before { opacity: 1; }
.FuliPage li:hover p { height: inherit; }
}
/*应聘指南*/
.YingpinPage li {padding: calc(40 / 16 * 1em); background: #f8f8f8; margin-bottom: 2%;transition: 0.3s all }
.YingpinPage li .num { color: #333; font-size: calc(36 / 16 * 1em);font-weight: bold; transition: 0.3s all}
.YingpinPage li .info {font-size: calc(18 / 16 * 1em); line-height: 2;transition: 0.3s all ; }

.YingpinPage li:hover{background: #eb1920;transform: translateY(-10px)}
.YingpinPage li:hover .num { color: #fff;}
.YingpinPage li:hover .info {color: #fff}

@media (min-width:1025px) {
.YingpinPage ul { display: flex; width: 100%; flex-wrap: wrap; }
.YingpinPage li { float: left; margin-right: 2%; width: 32%; text-align: center; }
.YingpinPage li:nth-child(3), .YingpinPage li:nth-child(5) { margin-right: 0; }
.YingpinPage li:nth-child(4), .YingpinPage li:nth-child(5) { width: 49%; }
}

@media (max-width:1024px) {
.YingpinPage li {padding: calc(36 / 16 * 1em); }
.YingpinPage li .info { text-align: left; }
}
/*邀您加�?/
.JobPage .auto { padding-bottom: 0; }
.JobPage li { background: #f8f8f8; margin-bottom: 2%; padding: calc(40 / 16 * 1em);
overflow: hidden; }
.JobPage li .main { position: relative; }
.JobPage li i { position: absolute; width:calc(50 / 16 * 1em);
height:calc(50 / 16 * 1em);
border: 1px solid #ccc; right: 0; top: 50%; margin-top:calc(-25 / 16 * 1em);
}
.JobPage li i::before, .JobPage li i::after { position: absolute; content: ''; background: #ccc; }
.JobPage li i::before { left: 20%; width: 60%; height: 2px; top: 50%; margin-top: -1px; }
.JobPage li i::after { left: 50%; margin-left: -1px; width: 2px; top: 20%; height: 60%; }
.JobPage li.active i::after { display: none; }
.JobPage li.active .name { color: #eb1920; }
.JobPage li .name {
font-size: calc(18 / 16 * 1em); font-weight: bold; color: #333; }
.JobPage li .type { padding:calc(20 / 16 * 1em) 0 0;
}
.JobPage li .type dd:not(:last-child) { padding-right: calc(20 / 16 * 1em);
margin-right: calc(20 / 16 * 1em);
}
.JobPage li .type dd { position: relative; color: #333; }
.JobPage li .type dd span { color: #999; display: inline-block; padding-left: calc(20 / 16 * 1em);
background-repeat: no-repeat; background-position: left center; background-size: 1em auto; }
.JobPage li .type dd.edu span { background-image: url(../images/icon-edu.svg); }
.JobPage li .type dd.num span { background-image: url(../images/icon-user.svg); }
.JobPage li .type dd.wp span { background-image: url(../images/icon-place.svg); }
.JobPage li .type dd.time span { background-image: url(../images/icon-time.svg); }

@media (min-width:1025px) {
.JobPage li .type { overflow: hidden; }
.JobPage li .type dd { float: left; }
.JobPage li .type dd:not(:last-child):after { position: absolute; content: ''; width: 1px; height: calc(10 / 16 * 1em);
background-color: #d4d4d4; top: 50%; margin-top: calc(-5 / 16 * 1em);
right: 0; }
}
.JobPage .conbox { border-top: 1px solid #e5e5e5; margin-top: calc(40 / 16 * 1em);
padding: calc(40 / 16 * 1em) 0 0;
display: none; }
.JobPage .conbox .h5 { color: #333; font-weight: normal; font-size: calc(18 / 16 * 1em);
margin: 0 0 calc(10 / 18 * 1em) 0;
}
.JobPage .conbox p { line-height: 2; color: #666; margin: 0; }
.JobPage .apply-btn { padding: 3em 0 }
.JobPage .apply-btn a { display: inline-block; background-color: #eb1920; text-align: center; border-radius: 3.125em; line-height: 3.125em; padding: 0 2em; color: #fff; cursor: pointer; }
.JobPage .apply-btn a:before { display: inline-block; width: 1.2222em; height: 1.2222em; content: ''; background: url(../images/icon-seed.svg) no-repeat; background-size: contain; vertical-align: middle; margin-right: 1em; }

@media(max-width:1024px) {
.JobPage li { padding: calc(30 / 16 * 1em);
}
.JobPage .conbox { margin-top: calc(30 / 16 * 1em);
padding: calc(30 / 16 * 1em) 0 0;
}
}
/*关于昇润*/
.AboutPage .info p { line-height: 1.78571; font-size: calc(16 / 16 * 1em);text-align: justify; }
.AboutPage .intro:not(:last-child) { margin-bottom: 4%; }
.AboutPage .intro .info span { color: #ec1920; font-weight: bold; font-size: calc(28 / 16 * 1em);display: block; margin-bottom: calc(40 / 28 * 1em);}
.AboutPage .intro .img { position: relative; }
@media (min-width:1025px) {
.AboutPage .intro:not(:first-child) { background: #f6f6f6; }
.AboutPage .intro .img { width: 35%; }
.AboutPage .intro .img figure{ position: absolute;width: 100%;height: 100%;left: 0;top: 0;; }
.AboutPage .intro:nth-child(1) .img { width: 50%; }
.AboutPage .intro .info { padding: 0 3em; }
.AboutPage .intro:nth-child(1) .info { padding-left: 5em; padding-right: 0; }
}
@media(max-width:1500px){
    .AboutPage .intro .info span { font-size: calc(22 / 16 * 1em);}
}
@media(max-width:1024px){
    .AboutPage .intro .info span { margin: calc(20 / 28 * 1em) 0;}
    .AboutPage .intro .img figure{ padding-bottom: 50%; }
}
/*发展历程*/
.HistoryPage { background: url(../images/HistoryPage-bg.jpg) no-repeat center center; background-size: cover; }

@media(min-width:1025px) {
.HistoryPage .slider-nav { float: left; width: 34%; }
.HistoryPage .slider-for { float: right; width: 56%; }
.HistoryPage .slider-nav .slick-arrow { width: 192%; right: 0; top: 50%; }
.HistoryPage .slider-nav .slick-prev { margin-top: -50px; }
.HistoryPage .slider-nav .slick-next { margin-top: 50px; }
.HistoryPage .slider-nav .slick-next:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.HistoryPage .slider-nav li { padding-right: 3vw; text-align: right; }
}
.HistoryPage .slider-nav { border-right: 1px solid #efefef; position: relative; }
.HistoryPage .slider-nav .slick-arrow { position: absolute; font-size: 0; border: 0; border-bottom: 1px solid #efefef; cursor: pointer; font-size: 0; padding: 0; z-index: 10; }
.HistoryPage .slider-nav .slick-arrow:before { position: absolute; content: ''; width: 25px; height: 25px; background: url(../images/Timeline002853_btn.png) no-repeat center center #ec1920; left: 50%; top: 50%; margin: -12px 0 0 -12px; }
.HistoryPage .slider-nav li { line-height: 100px; font-size: 18px; color: #ccc; }
.HistoryPage .slider-nav li span { font-size: calc(30 / 16 * 1em);
margin-right: calc(10 / 30 * 1em);
}
.HistoryPage .slider-nav li.slick-center { color: #333; }
.HistoryPage .slider-for .box { padding-top: 6.2vw; }
.HistoryPage .slider-for .year { color: #ec1920; font-size: calc(48 / 16 * 1em);
font-weight: bold; line-height: normal; }
.HistoryPage .slider-for .desc { color: #333; margin: 1vw 0 2vw 0; font-size: calc(18 / 16 * 1em);
line-height: 1.78571; }
.HistoryPage .slider-for .desc dd { position: relative; padding-left: calc(20 / 16 * 1em);
margin: calc(10 / 16 * 1em) 0;
}
.HistoryPage .slider-for .desc dd:before { position: absolute; content: ""; left: 0; top: 13px; width: 6px; height: 6px; border-radius: 50%; background: #ec1920; }
.HistoryPage .slider-for .desc dd span { color: #ec1920; margin-right: calc(10 / 16 * 1em);
}
.HistoryPage .slider-nav.under3 .slick-track { transition: 0.3s; }

@media(max-width:1024px) {
.HistoryPage .slider-nav li { line-height: 60px; text-align: center; }
.HistoryPage .slider-nav { padding: 0 5vw; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.HistoryPage .slider-nav .slick-arrow { width: 1px; height: 100%; background: #efefef; top: 0; }
.HistoryPage .slider-nav .slick-prev { left: 2.5vw; }
.HistoryPage .slider-nav .slick-next { right: 2.5vw; }
.HistoryPage .slider-nav .slick-prev:before { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); }
.HistoryPage .slider-nav .slick-next:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.HistoryPage .slider-nav .slick-track { margin-top: 0!important; }
.HistoryPage .slider-nav li.slick-current { color: #666; }
}

@media(max-width:640px) {
.HistoryPage .slider-nav li { font-size: 16px; }
.HistoryPage .slider-nav li span { font-size: 24px; }
}
/*企业文化*/

.CulturePage .shoufengqin ul { display: table; width: 100%; }
.CulturePage .shoufengqin li { display: table-cell; cursor: pointer; transition: 0.3s; width: 13.12%; padding-bottom: 42%; position: relative; }

.CulturePage .shoufengqin li .inner { left: 0; right: 0; position: absolute; height: 100%; background: rgba(0,0,0,0.2); }
.CulturePage .shoufengqin li:nth-child(2n) .inner { left: 0; right: 0; position: absolute; height: 100%; background: rgba(0,0,0,0.18); }
.CulturePage .shoufengqin li:not(:first-child) .inner { border-left: 1px solid rgba(255,255,255,0.15); }
.CulturePage .shoufengqin li:not(.active) .inner { text-align: center; }
.CulturePage .shoufengqin li .txt { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding: calc(20 / 16 * 1em);color: #fff; ; }
.CulturePage .shoufengqin li .ico img { height: calc(64 / 16 * 1em);}
.CulturePage .shoufengqin li .title {font-size: calc(20 / 16 * 1em); font-weight: bold; margin: calc(20 / 20 * 1em) 0 0;}
.CulturePage .shoufengqin li .intro {font-size: calc(18 / 16 * 1em);margin: calc(20 / 18 * 1em) 0 0; line-height: 1.78571; height: 0; overflow: hidden; transition: .3s; }
.CulturePage .shoufengqin li.active .intro { height: inherit; }
.CulturePage .shoufengqin li.active a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
@media(min-width:1025px){
    .CulturePage .shoufengqin li.active { width: 60.64%; }
}
@media(max-width:768px) {
.CulturePage .shoufengqin li {width: 100%;display: block;padding-bottom: 60%;text-align: center}
.CulturePage .shoufengqin li .txt { padding: calc(20 / 16 * 1em);}
.CulturePage .shoufengqin li .intro { height: inherit; }
}
.CulturePage .list { background: #f6f6f6; }
.CulturePage .list .intro { background: #fff; }
.CulturePage .list .intro:not(:last-child) { margin-bottom: calc(40 / 16 * 1em);}
.CulturePage .list .intro .info {padding: calc(50 / 16 * 1em);font-size: calc(18 / 16 * 1em); color: #333; line-height: 1.78571; }
.CulturePage .list .intro .ico { margin-bottom: calc(30 / 16 * 1em);}
.CulturePage .list .intro .ico img { height: calc(64 / 16 * 1em);position: relative}

@media(min-width:1025px){
    .CulturePage .list .intro .img{position: relative;}
    .CulturePage .list .intro .img figure{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
}
@media(max-width:1024px){
    .CulturePage .list .intro .ico img figure{padding-bottom: 50%;}
}

/*企业荣誉 */
.HonorPage .auto { padding-bottom: 0; }
.HonorPage .list ul { padding: 0 50px; }
.HonorPage .list li { float: left; position: relative; text-align: center; margin-bottom: calc(20 / 16 * 1em);
}
.HonorPage .list ul:last-child li { margin-bottom: 0; }
.HonorPage .list li:first-child:before, 
.HonorPage .list li:last-child:after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; }
.HonorPage .list li:first-child:before { left: -50px; background: url(../images/PicList002433_ul_l.png) no-repeat 0 0; }
.HonorPage .list li:last-child:after { right: -50px; background: url(../images/PicList002433_ul_r.png) no-repeat 0 0; }
.HonorPage .list li aside {padding-top: calc(40 / 16 * 1em); height: 90px; background: url(../images/PicList002433_libg.png) repeat-x left top; }
.HonorPage .list li .ytable { height: 285px; }
.HonorPage .list li .ytable-cell { vertical-align: bottom; }
.HonorPage .list li figure { position: relative; display: inline-block; max-width: 85%; }
.HonorPage .list li figure:after { position: absolute; right: -22px; background: url(../images/PicList002433_ying.png) no-repeat left bottom; opacity: 0.5; width: 24px; height: 100%; background-size: contain; content: ''; }
.HonorPage .list li figure img { max-height: 285px; padding: 9px 15px; background: url(../images/RighInfo003072-wrap3-kuang.png) no-repeat; background-size: 100% 100%; }
.HonorPage .list li p { margin: 0 auto; width: 80%; color: #333; }
.HonorPage .list .ul-4 li { width: 25%; }
.HonorPage .list .ul-4 li:nth-child(4):after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; right: -50px; background: url(../images/PicList002433_ul_r.png) no-repeat 0 0; }
.HonorPage .list .ul-3 li { width: 33.33333333%; }
.HonorPage .list .ul-3 li:nth-child(3):after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; right: -50px; background: url(../images/PicList002433_ul_r.png) no-repeat 0 0; }
.HonorPage .list .ul-2 li { width: 50%; }
.HonorPage .list .ul-2 li:nth-child(2):after { position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; right: -50px; background: url(../images/PicList002433_ul_r.png) no-repeat 0 0; }
.HonorPage .list .ul-2 li:nth-child(1) > * { padding-left: 30%; }
.HonorPage .list .ul-2 li:nth-child(2) > * { padding-right: 30%; }
.HonorPage .list .ul-1 li { width: 100%; }

@media(max-width:1024px) {
.HonorPage .auto { padding: calc(50 / 16 * 1em) 0 0;}
.HonorPage .list ul {  }
.HonorPage .list li .ytable { height: 150px; }
.HonorPage .list li figure img { max-height: 150px; padding: 3px }
.HonorPage .list .ul-2 li:nth-child(1) > * { padding-left: 30%; }
.HonorPage .list .ul-2 li:nth-child(2) > * { padding-right: 30%; }
.HonorPage .list .ul-3 li:nth-child(3):after{ display: none; }
.HonorPage .list .ul-4 li { width: 50%; }
.HonorPage .list .ul-4 li:nth-child(3):before { left: -50px; background: url(../images/PicList002433_ul_l.png) no-repeat 0 0; position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px;}
.HonorPage .list .ul-4 li:nth-child(2):after { right: -50px; background: url(../images/PicList002433_ul_r.png) no-repeat 0 0;position: absolute; content: ''; bottom: 0px; height: 90px; width: 50px; }
}

@media(max-width:480px) {
.HonorPage .list li .ytable { height: 100px; }
.HonorPage .list li figure img { max-height: 100px; }
}
/*联系我们 */
.ContactPage .box { background: #f6f6f6; }
.ContactPage .icon {
width: calc(64 / 16 * 1em);
height: calc(64 / 16 * 1em); background-repeat: no-repeat; background-position: center center; margin: 0 0 calc(30 / 16 * 1em) 0;
transition: all 0.5s; }
.ContactPage .tit { display: block; color: #333; font-weight: bold; font-size: calc(20 / 16 * 1em);
margin-bottom: calc(30 / 20 * 1em);
}
.ContactPage p { color: #333; margin: 0 auto; font-size: calc(18 / 16 * 1em);}

@media(min-width:1025px) {
.ContactPage .box { float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; padding: calc(50 / 16 * 1em);
overflow: hidden; transition: .3s; }
.ContactPage .box:nth-child(3n) { margin-right: 0; }
.ContactPage .box:nth-child(3n+1) { clear: left; }
.ContactPage .box .inner { width: 90%; }
.ContactPage .box:hover .icon { transform: translateY(-5px); }
.ContactPage .tit {padding-bottom: calc(15 / 20 * 1em); border-bottom: 1px solid #ddd; }
}

@media(max-width:1024px) {
.ContactPage .box { width: auto; margin-right: 0; float: none; padding: calc(20 / 16 * 1em);margin-bottom: 10px}
.ContactPage .tit {margin-bottom: 10px}
}


/*搜索 */
.SearchPage .auto{ padding-bottom: 0;}
.SearchPage .filter{max-width: 650px; margin: 0 auto;}
.SearchPage .search{position: relative;padding-right: 54px; z-index: 2; border: 1px solid #ccc;}
.SearchPage .search .btn{position: absolute; content: ""; right: 0; top: 0; width: 54px;height: 54px; background: url(../images/icon-search.svg) no-repeat center center; background-size: 1.25em; }
.SearchPage .search .text{width: 100%; line-height: 54px; height: 54px; background: #fff;border: 0; padding: 0 20px;color: #333; font-size: 1em;}
.SearchPage .search .text.focus{color: #333;}


.SearchPage .search-total { padding: calc(40 / 16 * 1em) 0;}
.SearchPage .search-total span{ color: #ec1920;}
.SearchPage .item { background: #f8f8f8; margin-bottom: 2%; padding: calc(40 / 16 * 1em);overflow: hidden; }
.SearchPage .item .tit {font-size: calc(18 /16 * 1em); font-weight: bold;  margin: 0 0 0.6em 0; color: #333; }
.SearchPage .item p { line-height: 1.78571; color: #666; margin: 1em 0 0; }
.SearchPage .item:hover .tit {color: #ec1920; }
@media(max-width:1024px) {
.SearchPage .item { padding: calc(20 / 16 * 1em);}
}


#gg1{position: fixed;right: 1%;bottom: 5vw}

.close-play{position: absolute;width: 20px;height: 20px;right: 15px;top: 15px;background: url(../images/btn-close-modal.svg)no-repeat center;background-size: 20px auto;z-index: 10}
.xz_video figure{padding-bottom: 50%;border: 10px solid #fff;border-radius: 10px;position: relative;box-shadow: 0 3px 12px rgba(0,0,0,.1)}
.xz_video figure::before{
	content: '';position: absolute;width: 100%;height: 100%;background: url(../images/play.svg)no-repeat center rgba(0,0,0,.5);background-size: 30px auto;
	z-index: 4;
}

#publicity-video {
	width: 100%;
	height: 100%;
	position: absolute;
	width: 100%;
	height: 100%;
	top: -50%;
	left: 0;
	overflow: hidden;
}
#publicity-video video {
	display: block;
}
.msg-box-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 1001;
	background: rgba(0,0,0,0.8);
}
.msg-box {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	position: absolute;
	left: 0%;
	top: 0%;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.msg-box .close-box {
	width: 30px;
	height: 30px;
	background: url("../images/btn-close-modal.svg") no-repeat center;
	cursor: pointer;
	position: absolute;
    background-size: 30px auto;
	right: 20px;
	top: 20px;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.msg-box .close-box:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
@media(max-width:768px){
  .msg-box {
    width: 95%;
    height: 60%;
}
}  



.xz_video figure .video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
/*2024.4.17 */