.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}* {
padding: 0;
margin: 0;
list-style: none;
box-sizing: border-box;
font-size: 14px;
color: #7e7e7e;
line-height: 1.5em;
border: 0;
font-family: Calibri;
}
a {
text-decoration: none;
}
h2{font-weight: normal;font-family: "Ebrima"}
p {
font-size: 16px;
color: #7e7e7e
}
._clear {
clear: both;
}
.clear {
clear: both;
}
.box {
width: 80%;
margin: 0 auto;
max-width: 1200px;
}
body {
overflow-x: hidden;
max-width: 100%;
width: 100%;
} header {
position: relative;
height: 120px;
z-index: 10
}
header .top {
height: 120px;
padding: 20px 0;
}
.logo {
float: left;
}
.email {
float: right;
width: 25%;
margin-top: 10px;
}
.email_left {
float: left;
margin-top: 20px;
}
.logo{
width: 28%;
}
.logo img{
width: 98%;
margin-top: 5%;
}
.email_right {
float: left;
margin-left: 15px;
}
.email_right h2 {
font-size: 12px;
color: #555;
margin: 17px 0 0 0;
font-weight: normal;
}
.dh-icon{
width: 24%;
}
.email_right p a{
font-size: 16px;
color: #555555;
font-weight: 1000;
line-height: 72px;
}
.search{
float: right;
background: #fff;
width: 4%; margin-top: 2%;
display: flex;
align-items: center
}
.search img{
margin-top: 6px;
}
.search input{
outline:medium;
width: 0%; float: left;
background: #fff;
border: none;
}
.search form{
float: left;
margin-right: 25px;
}
.search .language{
float: left;
position: relative;
display: flex;
}
.search .language div:nth-child(2){
margin-left: 10px;
}
.search .language>a{
display: block;
width: 60px; 
height: 30px;
line-height: 30px;
background: #05c1f1;
text-align: center;
color: #fff;
}
.search .language ul{
display: none;
position: absolute;
top: 100%;
left: 0px;
background: #5d5d5c;
box-shadow: 0px 5px 15px #eee;
z-index: 50;
}
.search .language ul li{
padding: 7px;
}
.search .language ul li a{
color: #fff;
display: flex;
align-items: center;
}
.search .language ul li a img{
margin-right: 10px;
}
.search .language:hover ul{
display: block;
}
.search .language:hover{
font-weight: bold;
}
.bottom {
background-color: rgba(5, 193, 241, .8);
height: 65px;
width: 100%;
}
header .bottom {
position: absolute;
bottom: 0px;
transform: translate(0, 100%);
}
header .cur{
position: fixed;
top: 0px;
left: 0px;
background-color: #fff;
box-shadow: 0 0 30px #dbdbdb;
transform: translate(0, 0);
z-index: 11
}
.cur nav ul li a{color: #555;font-weight: 600;}
.cur nav ul li a:hover{color: #0da7ee;font-weight: 800;}
.cur nav ul li a::before{background-color: #cdcdcd}
nav {
width: 100%;
}
nav ul li {
float: left;
width: 11%;
}
nav ul li:first-child {
margin-left: 1%;
}
nav ul li a {
display: block;
width: 100%;
padding: 15px 0;
color: #fff;
font-size: 16px;
line-height: 35px;
position: relative;
text-align: center;
}
nav ul li a:hover{
background: #fff;
color: #05c1f1;
width: 102%;
box-shadow: 0px -5px 5px #f8f8f8;
}
nav ul li a:hover ::before{
display: none;
}
nav ul li a::before {
content: "";
position: absolute;
width: 2px;
height: 16px;
background-color: #fff;
left: 0;
top: 25px;
}
nav ul li:first-child a::before {
display: none
}
nav ul li a:hover {
font-weight: bold;
} .swiper-slide img {
width: 100%;
}
.swiper-pagination-bullet {
background-color: transparent;
border: 2px solid #fff;
width: 10px;
height: 10px;
}
.swiper-pagination-bullet-active {
background-color: #fff;
width: 30px;
border-radius: 5px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 30px;
} .product {
padding: 80px 0;
}
.title {
font-size: 30px;
color: #0da7ee;
text-align: center;
position: relative;
line-height: 80px;
z-index: 2;
padding-top: 30px;
}
.title span {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
font-size: 80px;
line-height: 80px;
display: block;
z-index: -1;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.title1 span {
color: #eff5fb;
}
.title2 span {
color: #fff;
}
.product_tit {
width: 100%;
} .product_box {
border: 1px solid #d9d9d9;
border-radius: 5px;
cursor: pointer;
}
.product_img {
width: 100%; position: relative;
}
.product_img img { width: 100%;
display: block;
}
.product_lunbo {
padding: 50px 80px 0;
overflow: hidden;
position: relative;
margin-bottom: 60px;
}
.product_tit {
background-color: #bfbfbf;
padding: 12px;
}
.product_tit p {
font-size: 18px;
line-height: 1.5em;
color: #fff;
height: 3em;
overflow: hidden;
}
.product_box:hover .product_tit {
background-color: #0da7ee
}
.product_lunbo .swiper-button-prev, .product_lunbo .swiper-container-rtl .swiper-button-next {
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/prev.png);
}
.product_lunbo .swiper-button-next, .product_lunbo .swiper-container-rtl .swiper-button-prev {
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/next.png);
}
.product_lunbo .swiper-button-next, .product_lunbo .swiper-button-prev {
width: 50px;
height: 50px;
background-size: 50px 50px;
z-index: 9
}
.product_lunbo .swiper-button-next, .product_lunbo .swiper-button-prev{margin-top: 0;} .solution {
padding: 50px 0;
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/solution_bg.png);
background-repeat: no-repeat;
background-size: 100% auto ;
}
.solution h2 {
font-size: 30px;
color: #fff;
text-align: center;
}
.solution p {
font-size: 16px;
margin: 30px 0;
color: #fff;
text-align: center;
}
.solution ul li {
float: left;
width: 23.7%;
margin-left: 12.5%;
background-color: #fff;
border-radius: 4px;
}
.solution ul li:first-child {
margin-left: 0
}
.solution_img {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 215px;
border-radius: 4px;
}
.solution_img1 {
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/solution_img1.png)
}
.solution_img2 {
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/solution_img2.png)
}
.solution_img3 {
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/solution_img3.png)
}
.solution ul li h3 {
font-size: 20px;
color: #333;
padding: 20px;
}
.solution ul li .solution_more {
font-size: 16px;
color: #555;
display: block;
margin-top: 20px;
}
.solution ul li h3:hover, .solution ul li a:hover {
color: #0da7ee
} .app {
padding-bottom: 50px;
background-color: #eff5fb;
}
.app .tit_info {
font-size: 16px;
color: #7e7e7e;
text-align: center;
} .app_box {
width: 100%;
margin-top: 50px;
}
.app_box ul li {
float: left;
width: 11.2%;
overflow: hidden;
height: 332px;
transition: all .5s
}
.app_info h3{
margin-bottom: 10px;
}
.app_box ul .active {
width: 44%;
}
.app_box ul li .app_img {
width: 200%;
float: left;
height: 100%;
}
.app_box ul li .app_info {
float: left;
width: 1px;
transition: all .5s
}
.app_box ul .active .app_img {
width: 50%;
background-repeat: no-repeat;
background-size: auto 100%;
border-radius: 4px;
}
.app_box ul .active .app_info {
background-color: #fff;
padding: 20px;
height: 100%;
width: 50%;
}
.app_img1 {
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/app1.png)
}
.app_img2 {
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/app2.png)
}
.app_img3 {
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/app3.png)
}
.app_img4 {
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/app4.png)
}
.app_img5 {
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/app5.png)
}
.app_img6 {
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/app6.png)
}
.app_box ul li .app_info h3 a{
font-size: 20px;
height: 4.5em;
overflow: hidden;
margin-bottom: 20px;
color: #3d4144
}
.app_box ul li .app_info h3 a:hover{
color: #0da7ee
}
.app_box ul li .app_info p {
font-size: 16px;
color: #555;
height: 9em;
overflow: hidden;
margin-bottom: 20px;text-indent:2em
}
.app_box ul li .app_info a {
font-size: 16px;
color: #0da7ee
}
.app_box ul li .app_info a:hover {
color: #0da7ee
} .news {
padding: 50px 0;
background: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/news_bg.png) no-repeat;
background-position: center;
background-size: cover;
}
.news h2 {
font-size: 30px;
color: #fff;
margin-bottom: 30px;
text-align: center;
font-weight: normal;
}
#news {
position: relative;
}
.news_left {
float: left;
width: 50%;
padding-left: 5px;
}
.news_right {
float: right;
width: 50%;
text-align: center;
}
.news_left h2 {
font-size: 28px;
color: #fff;
height: 1.5em;
overflow: hidden;
margin-bottom: 20px;
text-align: left;
}
.news_left h3 {
font-size: 24px;
height: 3em;
overflow: hidden;
margin-bottom: 20px;
color: #fff;
font-weight: normal;
}
.news_left p {
font-size: 16px;
height: 6em;
overflow: hidden;
margin-bottom: 20px;
color: #fff;text-indent:2em;
}
.news_left a {
color: #fff;
margin-bottom: 20px;
display: block;
}
.news_left a:hover{
color: #0da7ee;
}
.news_page .swiper-pagination-bullet {
width: 30px;
height: 30px;
line-height: 28px;
text-align: center;
color: #fff;
opacity: 1;
}
.news_right img {
width: 80%;
margin-top: 20px;
margin-bottom: 30px;
border-radius: 4px
}
.news_page .swiper-pagination-bullet {
border-radius: 0;
border: 0;
}
.news_page .swiper-pagination-bullet-active {
background-color: #05c1f1;
border-radius: 4px;
} .about-banner{
width: 100%;
}
.about-banner img{
width: 100%;
}
.trail{padding: 20px 0 20px;}
.trail span{display: inline-block;margin-left: 15px;}
.subject .box h2{
height: 28px;
line-height: 28px;
font-size: 32px;
color: #555555;
border-left: 3px solid #05c1f1;
padding-left: 20px;
}
.video{
padding-top: 55px;
}
.video-con{
padding: 0 18%;
}
.video-con img{
width: 100%;
} .about_share{width: 420px;margin: 30px auto;}
.pro_arc_share span{float: left;width: 90px;display: block;font-size: 16px;color: #555}
.pro_arc_share ul{float: left;width: 100%;margin-left: -90px;padding-left: 90px;}
.pro_arc_share ul li{width: 24px;height: 24px;background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/share.png);background-repeat: no-repeat;margin-left: 30px;float: left;overflow: hidden;cursor: pointer;}
.pro_arc_share ul li:first-child{margin-left: 0;}
.pro_arc_share ul li a{display: block;width: 100%;height: 100%;}
.pro_arc_share ul .share1:hover{background-position: -1px -1px}
.pro_arc_share ul .share2:hover{background-position: -1px -26px}
.pro_arc_share ul .share3:hover{background-position: -1px -51px}
.pro_arc_share ul .share4:hover{background-position: -1px -76px}
.pro_arc_share ul .share5:hover{background-position: -1px -102px}
.pro_arc_share ul .share6:hover{background-position: -1px -127px}
.pro_arc_share ul .share1{background-position: -27px -1px}
.pro_arc_share ul .share2{background-position: -27px -26px}
.pro_arc_share ul .share3{background-position: -27px -51px}
.pro_arc_share ul .share4{background-position: -27px -76px}
.pro_arc_share ul .share5{background-position: -27px -102px}
.pro_arc_share ul .share6{background-position: -27px -127px}
.video-img{
padding: 50px 0;
}
.video-img-img{
display: flex;
justify-content: center;
}
.video-img-img div{
width: 30%;
margin-right: 3%;
}
.video-img img{
float: left;
width: 100%;
}
.subject .box p{
font-size: 16px;
color: #555;
text-align: center;
margin-top: 40px;
line-height: 30px;
}
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.aligncenter p.wp-caption-text {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.honor{margin-top: 50px;margin-bottom: 30px;}
.honor li{float: left;width: 22%;margin-left: 4%;border: 1px solid #dadada;padding: 30px;position: relative;margin-bottom: 30px;}
.honor li:nth-child(4n+1){margin-left: 0;}
.honor li .honor_tit{font-size: 16px;color: #555;margin: 20px 0 0 0;text-align: center;height: 60px}
.honor li .honor_img{width: 100%;}
.honor li .honor_img img{width: 100%;}
.honor li .honor_icon{position: absolute;bottom: 5px;right: 5px;width: 20px;height: 20px;background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/open.png);background-repeat: no-repeat;cursor: pointer;}
.honor li .honor_icon:hover{background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/open1.png)}
.honor li:hover .honor_tit{color: #05c1f1}
.open_box{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.8);z-index: 999;display: none;}
.open_img{width: 80%;margin: 100px auto 0;text-align: center;}
.open_img img{max-width: 100%;max-height: 100%;}
.open_close{position: absolute;top: 100px;left: 90%;width: 50px;height: 50px;cursor: pointer;}
.open_close img{width: 100%;}
.honor li:hover{box-shadow: 0px 0px 15px #c0effb;border: 1px solid transparent}
.works li{
width: 30%;
}
.works li:nth-child(4){
margin-left: 0;
}
.works li:nth-child(7){
margin-left: 0;
}
.works li:nth-child(5){
margin-left: 4%;
}
.works li:nth-child(9){
margin-left: 4%;
}
.works-cen{
text-align: center;
}
@media (max-width:768px) {
.about_img ul li{width: 100%;margin-left: 0;}
.honor li{width: 48%;}
.honor li:nth-child(2n+1){margin-left: 0;}
.pro_arc{padding: 10px 0;}
.pro_arc_tit{margin-top: 10px}
.works li:nth-child(4){
margin-left: 4%;
}
}
@media (max-width:470px){
.honor li{
width: 100%;
margin-left: 0;
}
.subject .box p{
font-size: 20px;
}
.honor li .honor_tit{
font-size: 20px;
}
}
@media (max-width:425px){
.trail span{
margin-left: 5px;
}
.about_share{width:100%;margin: 20px 0;}
.video-img-img div{
width: 95%;
margin-right: 0;
}
}
.product{padding: 0px 0; display: flex;}
.left{width: 270px;position: relative;z-index: 5;float: left;}
.right{width: 100%;margin-left: -270px;padding-left: 340px;position: relative;z-index: 1;float: left;}
.left ul li .left{width: 77px;  line-height: 30px;}
.left ul li .right{width: 100%;margin-left: -77px;padding-left: 90px;}
.left ul li{margin-bottom: 5px;}
.left ul li .left img{width: auto;float: left;margin-right: 10px;    margin-top: 4px;}
.pro_contact h2{font-size: 24px;color: #05c1f1;margin-bottom: 20px;}
.pro_contact{padding: 20px;box-shadow: 0px 0px 15px #dff7fe;}
.pro_case-axb li:hover{
box-shadow: 0px 0px 15px #c0effb;
}
.pro_nav{margin: 30px 0;}
.pro_nav ul li{width: 100%;position: relative;cursor: pointer;}
.pro_nav_li h3{font-size: 16px;color:#555;background: #f4f4f4;padding-left: 30px;}
.pro_nav_li h3 a{ display: block; height: 60px;line-height: 60px;} .pro_nav_li.active::before{top: 11%;left: 94%}
.pro_nav_li.active::after{top: 11%;left: 94.5%}
.pro_nav_list{margin-top: 20px;display: none;}
.pro_nav h2{line-height:80px;height:80px;font-size: 24px;color: #05c1f1;margin-bottom:5px;background: #e4e4e4;}
.pro_nav_list ul li a{display: block;font-size: 14px;color: #555;line-height: 24px;padding-left: 30px;}
.pro_nav_list ul li a:hover{font-size: 16px;color: #05c1f1}
.pro_nav_li.active .pro_nav_list{display: block;}
.pro_nav_li h3:hover{
background: #05c1f1;
}
.pro_nav_li h3:hover a{
color: #fff;
}
.pro_nav img{
float: left;
margin-top: 25px;
margin-left: 30px;
margin-right: 20px;
}
.pro_top{width: 100%; margin-bottom: 30px;}
.pro_top h2{display: inline-block;line-height:28px;height: 28px;width: auto;font-size: 32px;border-left: 2px solid #05c1f1;color: #555555;padding-left: 20px;}
.right ul li{float: left;width: 31%;margin-left: 3.5%;margin-bottom: 30px}
.right ul li .pro_br{border: 1px solid #e0e0e0;margin-bottom: 20px;}
.right ul li:nth-child(3n+1){margin-left: 0;}
.pro_img{height: 200px;background-repeat: no-repeat;background-size: 100%;background-position: center;}
.pro_tit{padding: 10px 20px;background-color: #cbcbcb}
.pro_tit h3{font-size: 18px;line-height: 1.3em;color: #fff;height: 3em;overflow: hidden;}
.pro_tit p{margin-bottom: 10px;font-size: 14px;height: 21px;overflow: hidden;color: #fff;}
.right ul li:hover .pro_tit_info{display: block;}
.right ul li:hover .pro_tit{margin-top: -54px;background-color: #05c1f1;padding-bottom: 7px}
.right ul li .pro_tit_info{height: 74px;display: none;overflow: hidden;color: #fff}
.right ul li:hover a{color: #05c1f1}
.right .page ul li{float: left;width: 27px;height: 27px;margin-left: 10px;text-align: center;line-height: 27px;color: #555;font-size: 14px;cursor: pointer;}
.page ul .active{background-color: #0da7ee;color: #fff}
.page ul li:hover{background-color: #0da7ee;color: #fff}
.right .page ul li:nth-child(1){margin-left: 0}
.pro_tit .pro_tit_info {
margin-bottom: -17px; 
font-size: 14px; overflow: hidden;
color: #fff;}
.pro_case ul li{float: left;width: 23.5%;margin-left: 2%;cursor: pointer;border: 1px solid #e7e7e7;}
.pro_case ul li:first-child{margin-left: 0;}
.case_img{background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;}
.case_info{background-color: #05c1f1;width: 100%;height: 100%;position: relative;display: none;opacity: 0.82}
.case_info p{position: absolute;text-align: center;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;font-size: 20px;color: #fff;line-height: 1.5em;padding: 0 20px;opacity: 1;}
.pro_case ul li:hover .case_info{display: block;} .pro_case .rela_tit{
padding: 10px 20px;
}
.pro_case .rela_tit p{
text-align: center;
font-size: 16px;line-height: 1.5em;height: 3em;overflow: hidden;color: #555;
}
.pro_case .rela_tit p:hover{
color: #05C1F1;
}
.sub-mar{
margin-bottom: 30px;
}
.page-bott{
display: flex;
justify-content: center;
padding: 40px 0;
}
.pro_case-right ul li{cursor: pointer;border: 1px solid #e7e7e7;
margin-bottom: 30px;
width: 100%;
}
.pro_case-right ul li:first-child{margin-left: 0;}
.case_img{background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;}
.case_info{background-color: #05c1f1;width: 100%;height: 100%;position: relative;display: none;opacity: 0.82}
.case_info p{position: absolute;text-align: center;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;font-size: 20px;color: #fff;line-height: 1.5em;padding: 0 20px;opacity: 1;}
.pro_case-right ul li:hover .case_info{display: block;} .pro_case-right .rela_tit{
padding: 10px 20px;
}
.pro_case-right .rela_tit p a{
text-align: center;
font-size: 18px;line-height: 1.5em;height: 3em;overflow: hidden;color: #555;
}
.pro_case-right .rela_tit p a:hover{
color: #05C1F1;
}
.page-bott .page ul li{float: left;width: 27px;height: 27px;margin-left: 10px;text-align: center;line-height: 27px;color: #555;font-size: 14px;cursor: pointer;}
.page ul .active{background-color: #0da7ee;color: #fff}
.page ul li:hover{background-color: #0da7ee;color: #fff}
.page-bott .page ul li:nth-child(1){margin-left: 0}
.aligncenter{
text-align: center;
}
.technology{
}
.technology-left{
float: left;
width: 63%;
margin-right: 30px;
}
.technology-left p img{  }
.technology-left p:nth-child(1){
text-align: center;
font-size: 24px;
color: #555;
line-height: 40px;
padding-bottom: 20px;
}
.technology-left p:nth-child(2){
width: 100%; margin-bottom: 30px;
}
.technology-left p{
font-size: 16px;
color: #555;text-indent:2em;
}
.technology-right{
float: right;
width: 30%;
}
.technology-right .subject h2{
font-size: 20px;
height: 21px;
line-height: 21px;
color: #05c1f1;
margin-bottom: 30px;
}
.border-h2{
margin: 0;
padding: 0;
}
.video-icon-left{
display: inline-block;
}
.Pre{
float: left;
width: 100%;
}
.Pre p{
color: #555555;
font-size: 16px;
}
.Pre p:nth-child(1) span{
margin-left: 10px;
color: #555;
}
.Pre p:nth-child(2) span{
margin-left: 10px;
color: #555;
}
.Pre p:hover span{
color: #05c1f1;
border-bottom: 1px solid #05c1f1;
}
.pro_arc_rela ul li{float: left;width: 22%;margin-left: 4%;}
.pro_arc_rela ul li:first-child{margin-left: 0;}
.pro_arc_rela ul li .rela_img{width: 100%;text-align: center;    display: flex;
align-items: center;
justify-content: center;}
.pro_arc_rela ul li .rela_img img{width: 100%;}
.pro_arc_rela ul li .rela_tit{padding: 10px 20px;background-color: #c8c8c8}
.pro_arc_rela ul li .rela_tit p{font-size: 18px;line-height: 1.5em; overflow: hidden;color: #fff;}
.pro_arc_rela ul li:hover .rela_tit{background-color: #05c1f1}
.h2-d{
margin-top: 60px;
margin-bottom: 30px;
}
.subject .h2-d>h2{
color: #0da7ee;
font-size: 20px;
}
.news-con{
display: flex;
justify-content:space-between;
padding-top: 35px;
}
.news-left{
width: 10%;
font-size: 26px;
color: #555555;
padding-right: 35px;
}
.news-cen{
width: 30%;
padding-right: 50px;
}
.news-cen img{
width: 100%;
}
.news-right{
width: 60%;
font-size: 16px;
}
.news-right p:nth-child(1) a{
display: block;
color: #555;
font-size: 24px;
height: 70px;
}
.news-right p:nth-child(1) a:hover{
color: #05c1f1;
}
.news-right p:nth-child(2){
color: #555;
height: 8.8rem;
}
.news-right p a{
color: #05c1f1;
}
.news-con1{
float: left;
width: 50%;
}
.news-cen-img{
float: left;
width: 50%;
}
.news-cen-img img{
width: 188%;
}
.news-con1 p a{
padding: 5px 10px;
float: left;
color: #555;
font-size: 18px;
}
.news-con1 p a:hover{
padding: 5px 10px;
float: left;
color: #05c1f1;
font-size: 18px;
}
.news-con1 p:nth-child(2) a{
color: #05c1f1;
font-size: 16px;
}
.news-con-left p:nth-child(2){ }
.news-con-left p:nth-last-child(6){
padding: 0 30px 30px 30px;
}
.pre-mar{
margin-top: 50px;
margin-bottom: 40px;
}
#pro_case-fenzhi .rela_tit p a{
font-size: 18px;
color: #555555;
text-align: center;
}#pro_case-fenzhi .rela_tit p a:hover{
color: #05c1f1;
}
.news-box{
padding-bottom: 35px;
}
#pro_case-fenzhi ul li{float: left;margin-bottom:20px;cursor: pointer;border: 1px solid #e7e7e7;}
#pro_case-fenzhi ul li:first-child{margin-left: 0;}
.case_img{background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;}
.case_info{background-color: #05c1f1;width: 100%;height: 100%;position: relative;display: none;opacity: 0.82}
.case_info p{position: absolute;text-align: center;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;font-size: 20px;color: #fff;line-height: 1.5em;padding: 0 20px;opacity: 1;}
#pro_case-fenzhi ul li:hover .case_info{display: block;} .case_img img{
width: 100%;
}
#pro_case-fenzhi .rela_tit{
padding: 10px 20px;
text-align: center;
}
#pro_case-fenzhi>.rela_tit p{
text-align: center;
font-size: 16px;line-height: 1.5em;height: 3em;overflow: hidden;color: #555;
}
#pro_case-fenzhi .rela_tit p:hover{
color: #05C1F1;
}
.solution-con{
padding-top: 40px;
}
.solution-con-left{
border: 1px solid #dadada;
width: 30%;
float: left;
margin-bottom: 20px;
margin-left: 3%;
}
.solution-con-left:nth-child(3n-2){
margin-left:0px;
}
.solution-con-img img{
width: 100%;
}
.solution-con-bott{
padding: 10px;
}
.solution-con-bott div:nth-child(1){
padding-bottom: 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 62px;
}
.solution-con-bott div:nth-child(1) a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 62px;
}
.solution-con-bott div:nth-child(2){
padding-bottom: 15px;
}
.solution-con-bott div:nth-child(1) a{
font-size: 24px;
color: #555555;
line-height: 30px;
padding-bottom: 10px;
}
.solution-con-bott div:nth-child(1) a:hover{
color: #05c1f1;
}
.solution-con-bott div:nth-child(2){
font-size: 16px;
color: #555;
line-height: 26px;
overflow: hidden;text-indent:2em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 76px;
}
.solution-con-bott div:nth-child(3) a{
font-size: 16px;
color: #0da7ee;
line-height: 26px;
}
.profess{
width: 100%;
display: flex;
background: #f4f4f4;
padding: 40px 0 20px 0;
}
.profess-kefu{
display: flex;
justify-content: center;
font-size: 30px;
color: #0da7ee;
}
.profess-kefu img{
margin-top: 0.8%;
margin-right: 1%;
width: 25px;
height: 25px;
margin-bottom: 50px;
}
.profess-con{
float: left;
width: 30%;
margin-right: 3%;
margin-bottom: 60px;
}
.profess-con p:nth-child(1){
float: left;
margin-right: 15px;
}
.profess-con p:nth-child(2){
color: #555555;
font-size: 18px;
padding-bottom: 5px;
}
.profess-con p:nth-child(3){
color: #555;
font-size: 14px;
}
.profess-con p:nth-child(4) a{
color: #0da7ee; }
.profess-con p:nth-child(4) a:hover{
border-bottom: 1px solid #05C1F1;
color: #05C1F1;
}
@media (max-width:1400px){
.profess-con p:nth-child(1){
float: left;
width: 100%;
margin: 0;
}
.profess-con p{
text-align: center;
}
.profess-con p img{
display: inline-block;
}
}
@media (min-width:1024px){
.news-con1{
display: none;
}
}
@media (max-width:1024px) {
.right,.left{
width: 100%;
}
.left .pro_contact{display: none}
.left .pro_nav_list{display: none}  .right{margin-left: 0;padding-left: 0}
.pro_case ul li{width: 48%;margin-left: 4%;margin-bottom: 20px;}
.pro_case ul li:nth-child(2n+1){margin-left: 0;}
.technology-left{
width: 100%;
}
.technology-right{
width: 100%;
}
.pro_case-right ul li{
width: 47.5%;
float: left;
}
.pro_case-right ul li:nth-child(2){
margin-left: 2.5%;
}
.pro_arc_rela ul li{
width: 48%;
}
.pro_arc_rela ul li:nth-child(3){
margin: 0;
}
.pro_arc_rela ul li:nth-child(1){
margin-bottom: 20px;
}
.pro_arc_rela ul li:nth-child(2){
margin-bottom: 20px;
}
.pro_arc_rela ul li:nth-child(3){
margin-bottom: 20px;
}
.pro_arc_rela ul li:nth-child(4){
margin-bottom: 20px;
}
.Pre p{
text-align: center;
}
.video-icon-left{
display: block;
}
.news-con{
display: none;
}
#pro_case-fenzhi ul li{
width: 48%;
}
#pro_case-fenzhi ul li:nth-child(2n){
margin-left: 10px;
}
.solution-con-left{
width: 45%;
margin-left:5%;
}
.solution-con .solt-con{
margin-left:5%;
}
.solution-con-left:nth-child(3n-2) {
margin-left: 5%;
}
.solution-con div:nth-child(2n-1){
margin-left: 0px;
}
.solution-con-bott-22{
margin-left:0px!important;
}
.solution-con-bott{
margin-left:0px!important;
}
}
@media (max-width:870px){
.technology-left p:nth-child(1){
line-height: 30px;
font-size: 20px;
}
}
@media (max-width:768px){
.product{padding:0;}
.right ul li{width: 48%;margin-left: 4%;}
.right ul li:nth-child(3n+1){margin-left: 4%;}
.right ul li:nth-child(2n+1){margin-left: 0;}
.profess-con{
width: 50%;
margin-right: 0;
}
}
@media (max-width:475px){
.right ul li{width: 100%;margin-left: 0%;}
.right ul li:nth-child(3n+1){margin-left: 0%;}
.right ul li:nth-child(2n+1){margin-left: 0;}
.pro_top h2{font-size: 18px;}
.pro_arc_rela ul li{
width: 100%;
margin: 0;
}
.pro_case-right ul li{
width: 100%;
}
.pro_case-right ul li:nth-child(2){
margin-left: 0;
margin-bottom: 30px;
}
.news-con1{
width: 100%;
}
#pro_case-fenzhi ul li{
width: 100%;
}
#pro_case-fenzhi ul li:nth-child(2n){
margin-left: 0;
}
.solution-con-left{
width: 100%;
}
.solution-con .solt-con{
margin-left: 0;
}
.solution-con div:nth-child(3){
margin-left: 0;
}
.solution-con div:nth-child(5){
margin-left: 0;
}
.solution-con div:nth-child(6){
margin-left: 0;
}
.solution-con div:nth-child(2n){
margin-left: 0;
}
.profess-con{
width: 100%;
margin-right: 0;
}
.profess-kefu{
font-size: 20px;
}
.pro_case ul li{
width: 100%;
margin-left: 0;
}
}
.nav_list ul li {
float: none;
margin: 0;
}
.nav_list ul{
width: 100%;
}
.nav_list ul li{
width: 49%;float:left;
height: 60px;
font-weight: 500;
white-space: nowrap;
}
.nav_list {
background-color: #fff;
padding: 10px 20px;
position: relative;
left: 114%;
top: 2px;
transform: translate(-50%, 0);
width: 228%;
box-shadow: 0 0 5px #dadada;
}
.nav_li{
background-color: #fff;
padding: 10px 20px;
position: relative;
left: 51%;
top: 2px;
transform: translate(-50%, 0);
width: 170px;
box-shadow: 0 0 5px #dadada;
}
.nav_list {
display: none
}
.nav_list ul li a::before{
display: none;
}
.nav_list ul li a{
text-align: left;
}
.nav_list ul li a span{
font-weight: 500;
text-align: left;
display: inline;
padding: 0;
}
.nav_list ul li a:hover{
box-shadow: none;
font-weight: 500;
}
.nav_list ul li a span:hover{
border-bottom:1px solid #05c1f1;
color: #05c1f1;
}
nav ul li:hover .nav_list {
display: block;
display: flex;
}
.cur .nav_list ul li a {
color: #555;
}
.nav_list ul li a {
color: #555; display: block;
}
.nav_list ul li a:hover {
color: #68b92e
}
.slied {
box-shadow: 0 0 5px #e8f5e0;
text-align: left;
}
.arr {
position: relative;
top: 38px;
right: 13px;
}
.arr::before {
content: "";
position: absolute;
width: 7px;
height: 1px;
background-color: #fff;
transform: rotate(45deg);
top: -70px;
left: 92%;
}
.arr::after {
content: "";
position: absolute;
width: 7px;
height: 1px;
background-color: #fff;
transform: rotate(-45deg);
top: -70px;
left: 95%;
}
footer{
width: 100%;
background-color: #eaeef1;
padding-top:40px;
}
.footer-ul{
display: flex;
border-bottom: 1px solid #dcdfe2;
}
.footer-ul ul{
width: 25%;
}
.footer-ul-top span{
font-size: 16px!important;
color: #0da7ee;
line-height: 20px!important;
border-bottom: 2px solid #0DA7EE;
margin-bottom: 20px;
padding-bottom: 5px;
display: inline-block;
}
.footer-ul li{
line-height: 40px;
font-size: 14px;
color: #555;
}
.footer-ul li a{
color: #555;
}
.footer-k{
margin-bottom: 20px;
}
.footer-ul a:hover{
color: #0DA7EE;
border-bottom: 1px solid #0DA7EE;
}
.footer-bottom{
display: flex;
color: #888;
font-size: 14px;
padding: 40px 0;
border-top: 1px solid #fff;
}
.footer-bottom img{
margin-right: 17px;
}
.footer-bottom p:nth-child(1){
width: 25%;
color: #888;
font-size: 14px;
}
.footer-bottom p:nth-child(2){
width: 25%;
}
.footer-bottom p:nth-child(3){ }
.footer-bottom div{
color: #555;
}
.footer-bottom p a{
color: #555; 
}
.footer-icon-box{
background: #eaeef1;
}
.footer-icon-box a{
padding-right: 15px;
}
.footer-icon{  padding-bottom: 23px;
}
.footer-icon p{
width: 26px;
height: 26px;
}
.footer-icon .footer-icon-1{
margin-right: 28px;
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/share.png);
}
.footer-icon .footer-icon-2{
margin-right: 28px;
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/share.png);
background-position: 0px 76px;
}
.footer-icon .footer-icon-3{
background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/share.png);
background-position: 0px 25px;
}
.footer-gongsi{
background: #0da7ee;
}
.footer-gongsi p{
color: #fff!important;
font-size: 14px;
text-align: center;
line-height: 40px;
}
.footer-ul-li-top{
margin-top: 15px;
} @media (max-width:1440px){
.solution{background-size: auto 400px;}
}
@media (max-width:1024px) {
header,footer{
display: none!important;
}
.footer-icon{
padding-top: 23px;
}
.subject .box h2{
font-size: 20px;
margin-top: 20px;
}
}
@media (max-width:768px) {
.product_lunbo .swiper-button-next, .product_lunbo .swiper-button-prev {
width: 20px;
height: 20px;
background-size: 100% 100%;
}
.product_lunbo {
padding: 50px 40px;
}
.product, .solution, .app, .solution, .news {
padding: 30px 0
}
.news_left, .news_right {
width: 100%;
}
.app_box ul li .app_img {
display: none;
width: 0;
}
.app_box ul li {
width: 100%;
border-top: 1px solid #dadada;
padding-top: 20px;
height: auto;
margin-bottom: 30px;
}
.app_box ul li .app_info {
width: 100%;
padding: 20px
}
.app_box ul .active {
width: 100%
}
.app_box ul .active .app_info {
width: 100%;
background-color: transparent
}
.app_box ul li .app_info h3 {
padding-bottom: 10px;
}
.solution ul li {
width: 100%;
margin-left: 0
}
footer{
display: none;
}
.video-img-img{
display: flex;
flex-wrap: wrap;
}
.video-img img{
width: 100%;
}
.video-img img:nth-child(1){
margin-bottom: 5%;
}
.video-img img:nth-child(2){
margin-bottom: 5%;
}
}
@media (max-width:475px) {
.title {
font-size: 24px;
}
.title span {
font-size: 48px;
}
.pro_arc_share ul li{
margin-left: 1%;
}
.video{
padding-top: 35px;
}
.product_lunbo {
padding: 0px 40px;
}
.title {
padding-top: 0px;
}
.product{
padding: 0px 0px;
}
.app_box ul li .app_info p{
height: 6em;
}
.app{
padding: 0px 0;
}
.video-con{
padding: 0 0%;
}
.video-con iframe{
height: 300px
}
.header-yd{
height: 4rem!important;
}
.technology-left-cen{
text-align: center;
}
.pre-mar{
margin-top: 20px;
}
}
@media (max-width:572px) {
.pro_arc_share ul li{
margin-left: 1%;
}
}
.right p{
font-size: 14px;
line-height: 30px;
}
.right p a{
color: #05c1f1
} .Company-font p{
color: #555;
margin-bottom: 15px;text-indent:2em
}
input:-webkit-autofill { box-shadow: 0 0 0px 1000px #eaeaea inset !important;}
.fanye {
text-align: center;
margin-bottom: 40px;
}
.fanye a {
display: inline-block;
border-width: 2px;
border-color: transparent;
border-style: solid;
height: 36px;
text-align: center;
min-width: 36px;
line-height: 36px;
position: relative;
margin: 0 10px;
color: #999; }
.fanye a:hover{
color: #0DA7EE;
border: 1px solid #0DA7EE;
}
.fanye .current {
display: inline-block;
border-width: 2px;
border-color: transparent;
border-style: solid;
height: 36px;
background-color: #0DA7EE;
text-align: center;
min-width: 36px;
line-height: 36px;
position: relative;
margin: 0 10px;
color: #fff;
}
.fanye .previouspostslink {
display: inline-block;
padding: 0 5px;
margin-bottom: 15px; }
.fanye .nextpostslink {
display: inline-block;
margin-bottom: 0px;
padding: 0 5px; }#dibunav{
display: none;
}
@media only screen and (max-width: 750px) {
#dibunav{
width: 80%;
height: 70px;
position: fixed;
display: block;
bottom: 0%;
left: 50%;
transform: translate(-50%,-50%);
display: flex;
justify-content: center;
background: rgba(245,245,245,0.9);
border-radius: 100px;
z-index: 99;
box-shadow: 0px 26px 25px -29px #000;
}
}
#dibunav .dibunav-con{
width: 95%;
display: -webkit-flex;
display: flex;
}
#dibunav .dibunav-con li{
text-align: center;
float: left;
width: 25%;
padding: 3px 0px;
}
#dibunav .dibunav-con li{
border-left: 1px solid #fff;
}
#dibunav .dibunav-con li:nth-child(1){
border-left: none;
}
#dibunav .dibunav-con li a{
color: #1968d1;
text-align: center;
}
#dibunav .dibunav-con li a img{ display: inline-block;
margin: 0 auto;
}
@media only screen and (max-width: 450px) {
#dibunav{
width: 95%;
height: 63px;
}
#dibunav .dibunav-con li a img{
width: 25px;
}
#dibunav .dibunav-con li{
padding: 8px 0px 10px 0;
}
}
@media only screen and (max-width: 320px) {
#dibunav{
width: 100%;
bottom: -3%;
}
#dibunav .dibunav-con li a img{
width: 20px;
}
}html body{font-size:16px;font-family:微软雅黑;}i{color:#fff;font-size:12px}a{text-decoration:none;}*{margin:0;padding:0}ul{list-style:none}.fl{float:left}.fr{float:right}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.middle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.s-side{min-width:200px;position:fixed;top:0;left:0;width:15%;bottom:0;background-color:#292929;box-shadow:0 0 10px #313131;padding:10px}.s-side .s-firstItem i{font-size:20px}.s-side .s-firstItem span{display:inline-block;margin-left:10px;font-size:20px;text-shadow:0 0 5px #eee;white-space:10px}.s-side .first{padding:10px 0;border-bottom:1px solid #dedede}.s-side .d-firstNav span{display:inline-block;margin-left:10px}.s-side .d-firstNav i.fr{font-size:25px}.s-side .s-secondNav,.s-side .s-secondItem{margin-left:50px;margin-top:10px}.s-secondNav:hover,.d-firstNav:hover{background-color:#3d3d3d;cursor:pointer}.s-side .d-secondDrop{margin-left:100px;margin-top:10px}.iconRotate{transform:rotate(90deg);transition:transform .5s}.s-firstDrop,.s-secondDrop{display:none}#nav-side{
width: 50%;
background-color: #fff;
color: #323232;
padding-left: 0;
}
#nav-side li a span img{
margin-left: 25%;
}
#nav-side li{
background: #fff;
}
#nav-side i{
color: #8d8d8d;
}
#nav-side i img{
width: 7px;
}
#nav-side img{
width: 50%;
}
#nav-side .d-firstNav{
background: #fff;
}
#nav-side .d-secondNav{
background: #fff;
}
#nav-side .s-secondItem a{
background-color: #fff;
color: #7e7e7e;
}
#nav-side .s-secondItem a span{
background-color: #fff;
color: #7e7e7e;
}
.s-side .d-firstNav span{
color: #323232;
}
.s-side .d-firstNav span a{
color: #323232!important;
}
#nav-side .s-thirdItem a{
background-color: #fff;
color: #323232;
}
#nav-side ul>li:first-child{
border: none;
}
.header-yd-one{
width: 20%;
}
.header-yd a div{
line-height: 3rem;
}
@media all and (min-width:768px){
.header-yd{
display: none;
}
}
@media all and (max-width:320px){
.header-yd{
display: none;
}
.isbloak{
display: none;
}
}
@media all and (min-width: 768px) and (max-width: 1199px) {
.isbloak{
display: none;
}
}
@media all and (min-width: 320px) and (max-width: 1024px){
.header-yd{
width: 100%;
height: 7.375rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.header-yd-one img{
width: 41%;
margin-left: 1.5rem;
}
.header-yd-tow{
width: 50%;
}
.header-yd-tow img{
width: 20%;
}
.header-yd-tow a{
display: flex;
align-items: center; margin-left: 6%;
}
.header-yd a:nth-child(3){
width: 8.75rem;
height: 3rem;
text-align: center;
line-height: 3rem; border-radius: 20px;
margin-right: 1.5rem;
font-size: 1.0625rem;
color: #008bb0;
}
.info-con{
width: 100%;
height: 15rem;
flex-wrap: wrap;
background: #666666;
}
.info-men{
width: 50%;
flex-wrap: nowrap;
}
.info-men img{
margin-left:2rem;
}
.about{
width: 100%;
height: auto;
margin-top: 1.25rem;
min-height: auto;
display: flex;
flex-direction:column;
align-items: center;
}
.about-img{
width: 95%;
height: auto;
margin: 0 auto;
}
.about-con{
height: auto;
}
.about-right{
height: auto;
width: 95%;
}
.about-con p:nth-child(2){
line-height: 1.5em;
}
.menu-x p:nth-child(1){
font-size: 4rem;
}
.menu-x p:nth-child(2){
line-height: 1.5em;
font-size: 4rem;
}
.menu-x a li{
font-size: 4rem;
height: 2em;
}
.about-con a span{
font-size: 3rem;
}
.read-more{
font-size: 3rem;
}
.header-yd form{
margin-right: 7%;
}
.header-yd form input{
display:none;
}
}
.isbloak{
width: 100vw;
height: 100vh;
background: rgba(0,0,0,.6);
position: fixed;
left: -0;top: 0;
z-index: 50;
display: none;
}
.isbloak_left{
width: 50%;
height: 100%;
background: #FFFFFF;
position: absolute;
left: -100%;top: 0;
}
.first:hover{
border-left: 5px solid #0da7ee;
}
.d-firstNav{
padding-left: 15%;
}
@media (max-width: 475px){
}.usedComp{float: left;width: 45%;margin-right: 4%;margin-bottom: 20px;} .usedComp:nth-child(9){width: 94%;}
.usedComp label{font-size: 14px;line-height: 36px;color: #7e7e7e;}
.usedComp:nth-child(9)~div{float: left;}
.usedComp span{color: red;padding-left: 5px;}
.xhl-input-xlarge{width: 100%;height: 40px;border: 0; border:1px solid #c8d0e3;}
.xhl-controls .xhl-textarea{width: 100%;height: 150px;resize: none; border:1px solid #c8d0e3;}
.xhl-controls .xhl-submit,.but_pro span{background-color: #0da7ee;color: #fff;border: 0;padding: 15px 35px;font-size: 16px;font-weight: bold;display: inline-block;}
.xhl-controls{position: relative; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #7e7e7e; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #7e7e7e; 
} 
#xhlFormSubmit {
width: 85px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
background: #0da7ee;
}
.xhl-controls .xhl-form-tip{position: absolute;right: -10px;}
.usedComp:nth-child(5){
width: 94%;
}
.xhl_form{
padding: 20px 0 0 5%!important;
}
.xhl-footer{
margin-left: 44%;
display: inline-block;
}
.xhl_form div:nth-child(9) .xhl-controls input{
height: 120px;
}
@media (max-width:1920px){
.xhl-footer{
margin-left: 44.5%
}
}
@media (max-width:1440px){
.xhl-footer{
margin-left: 41%
}
}
@media (max-width:1200px){
.xhl-footer{
margin-left: 40%
}
}
@media (max-width:768px){
.xhl-footer{
margin-left: 42%
}
.usedComp{
width: 100%!important;
}
}
@media (max-width:500px){
.xhl-footer{
margin-left: 36%
}
}
@media (max-width:375px){
.xhl-footer{
margin-left: 32%
}
}
@media (max-width:320px){
.xhl-footer{
margin-left: 29%
}
}.work img{width: 80%;display: block;margin: 20px  auto;}
.work p{font-size: 16px;line-height: 1.5em;color: #555}
.comp ul li{float: left;width: 22%;margin-left: 4%;margin-bottom: 20px;}
.comp ul li:first-child{margin-left: 0;}
.comp ul li img{max-width: 100%;}
.solution_info_link{width: 100%;margin: 30px 0;display: flex;flex-wrap: wrap;}
.solution_info_link a{padding: 15px 20px;display: block;width: 20%;background-color: #efefef;font-size: 16px;line-height: 20px;color: #999;float: left;border-left: 2px solid #fff;text-align: center;flex:1;}
.solution_info_link a:hover{background-color: #05c1f1;color: #fff;}
.local ul li{width: 100%;margin-bottom: 30px;}
.local ul li h3{color: #555;font-size: 16px;line-height: 1.5em}
.solution_rela li{float: left;width: 32%;margin-left: 2%;border: 1px solid #dcdcdc;height: 170px}
.solution_rela li a{height: 100%;}
.solution_rela li:first-child{margin-left: 0;}
.solution_rela li .solu_img{width: 45%;float: left;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.solution_rela li .solu_info{width:55%;padding: 10px;float: right;}
.solution_rela li .solu_info h2
{font-size: 18px;line-height: 20px;height: 60px;overflow: hidden;margin-bottom: 10px;color: #333;}
.solu_info p {
margin-top: 10px;
height: 3em;
overflow: hidden;
margin-bottom: 10px;
}
.solu_info span {
font-size: 16px;
color: #68b92e;
}
.solution ul li:hover ..solu_info h2 {
color: #68b92e;
}
.solution_rela li .solu_img1{background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/solu_arc_img1.png)}
.solution_rela li .solu_img2{background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/solu_arc_img2.png)}
.solution_rela li .solu_img3{background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/solu_arc_img3.png)}
@media (max-width:1170px) {
.solution_info_link a{height: 70px;}
}
@media (max-width:768px) {
.solution_info_link a{height: auto;width: 100%;margin-bottom: 10px}
.comp ul li{width: 48%;margin-left: 4%;}
.comp ul li:nth-child(2n+1){margin-left: 0}
.solution_rela li{width: 100%;margin-left: 0;margin-bottom: 20px;}
.pro_arc{padding-top: 20px;}
}.left{float: left;width: 42%;}
.pro_arc{padding: 50px 0;display: flex;}
#pro_arc_top{margin-bottom: 15px;}
.pro_arc_top{width: 100%;height: 405px;}
#pro_arc_top .swiper-slide{height: 379px!important;padding: 0px;width: 100%!important}
.pro_arc_img{width: 100%;height: 100%;position: relative;}
.pro_arc_img img{width: 100%;max-width: 100%;max-height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.pro_arc_bot_list{width: 18%;margin-left: 2.5%;float: left;}
.pro_arc_bot_list:first-child{margin-left: 0;}
.swiper-pagination{
position:relative;
width:100%;
}
.swiper-pagination-bullet{
float: left;
width:18%; background:none; border-radius: 0;
margin-left: 2.5%;
opacity:1;
position: relative;
}
.swiper-pagination-bullet:first-child{
margin-left: 0;
}
.swiper-pagination-bullet img{
max-width: 100%; }
.swiper-pagination-bullet-active{ }
.lalala-right{float: right;width: 81%;} .lalala-right h1{font-size: 30px;color: #333;margin-bottom: 6px;    line-height: 40px;
margin-top: -10px;height: 80px;overflow: hidden;}
.lalala-right p{font-size: 16px;color: #555;margin-bottom: 50px;line-height: 1.7em;text-indent:2em;}
.lalala-right .arc_info{height: 12.6em;overflow: hidden;text-indent:2em;}
.right-mar ul li{
margin-left: 0%!important;
}
.lalala-right {
margin-left: -23%;
padding-left: 340px;
position: relative;
z-index: 1;
float: left;}
.pro_arc_share{
float: left;
margin-left: -60px;
}
.pro_arc_share span{float: left;width: 90px;display: block;font-size: 16px;color: #555;padding-top: 39px;}
.pro_arc_share ul{float: left;width: 100%;margin-left: -90px;padding-left: 90px;padding-top: 40px;}
.pro_arc_share ul li{width: 24px;height: 24px;background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/share.png);background-repeat: no-repeat;margin-left: 30px;float: left;overflow: hidden;cursor: pointer;}
.pro_arc_share ul li:first-child{margin-left: 0;}
.pro_arc_share ul li a{display: block;width: 100%;height: 100%;}
.pro_arc_share ul .share1:hover{background-position: -1px -1px}
.pro_arc_share ul .share2:hover{background-position: -1px -26px}
.pro_arc_share ul .share3:hover{background-position: -1px -51px}
.pro_arc_share ul .share4:hover{background-position: -1px -76px;margin-left: 30px!important;}
.pro_arc_share ul .share5:hover{background-position: -1px -102px}
.pro_arc_share ul .share6:hover{background-position: -1px -127px}
.pro_arc_share ul .share1{background-position: -27px -1px}
.pro_arc_share ul .share2{background-position: -27px -26px}
.pro_arc_share ul .share3{background-position: -27px -51px}
.pro_arc_share ul .share4{background-position: -27px -76px}
.pro_arc_share ul .share5{background-position: -27px -102px}
.pro_arc_share ul .share6{background-position: -27px -127px}
.pro_arc_tel{margin: 30px 0;}
.pro_arc_tel_img{float: left;margin-left: 30px;}
.pro_arc_tel_img:first-child{margin-left: 0}
.pro_arc_tel_img img{float: left;width: 24px;margin-top: 3px;}
.pro_arc_tel_img p{float: left;margin-left: 10px;font-size: 16px;color: #005c35;line-height: 24px;margin-bottom: 0}
.pro_arc_tel_img a{font-size: 16px;color: #005c35;line-height: 24px;}
.pro_info{margin-top: 60px}
.contact ul li{float: left;width: 150px;margin-right: 10px;height: 50px;border: 1px solid #05c1f1;margin-bottom: 10px;}
.contact ul li a{display: block;width: 100%;height: 100%;padding: 15px 31px;}
.contact ul li:hover a{background-color: #05c1f1;}
.contact ul li:hover span{color: #fff;}
.contact ul li .contact_img{float: left;width: 23px;height: 18px;margin-left:5px;	background-image: url(//www.hcksjx.cn/wp-content/themes/hengchang/images/CTA.png);background-repeat: no-repeat;}
.contact ul li span{float: left;display: block;line-height: 18px;color: #05c1f1;}
.contact ul li .contact_img1{background-position: 0 0;}
.contact ul li .contact_img2{background-position: 0 -17px;}
.contact ul li .contact_img3{background-position: 0 -36px;}
.contact ul li:hover .contact_img1{background-position: -24px 0;}
.contact ul li:hover .contact_img2{background-position: -24px -17px;}
.contact ul li:hover .contact_img3{background-position: -24px -36px;}
.pro_info_link{width: 100%;margin: 30px 0;}
.pro_info_link a{padding: 15px 20px;display: block;width: 33.33%;background-color: #efefef;font-size: 18px;line-height: 20px;color: #999;float: left;border-left: 2px solid #fff;text-align: center;}
.pro_info_link a:hover{background-color: #05c1f1;color: #fff;}
.pro_arc_tit{position: relative;margin-top: 50px;}
.pro_arc_tit h2{font-size: 22px;color: #05c1f1;line-height: 22px;border-left: 2px solid #05c1f1;margin-bottom: 30px;padding-left: 20px;}
.pro_arc_tit div{position: absolute;top: -95px;}
.pro_arc_app p{font-size: 16px;color: #555;text-indent:2em;}
.adv_left{float: left;width: 50%;}
.adv_left p{
font-size: 16px;
margin-bottom: 10px;
color: #555;text-indent:2em;
}
.adv_right{float: right;width: 47%;}
.adv_left img{width: 100%;}
.adv_right h3{font-size: 16px;color: #05c1f1;margin-bottom: 20px;}
.adv_right p{font-size: 16px;margin-bottom: 10px;color: #555; text-indent:2em;}
.adv_right img{width: 100%;}
.spe table{width: 100%;}
.spe table td{font-size: 16px;color: #555;padding: 20px 30px;}
.spe ul li{font-size: 16px;color: #555;margin-bottom: 10px;list-style: }
.spe table tr:nth-child(2n+1){background-color:#f6fcf1 }
.pro_arc_rela ul li{float: left;width: 22%;margin-left: 4%;}
.pro_arc_rela ul li:first-child{margin-left: 0;}
.pro_arc_rela ul li .rela_img{width: 100%;text-align: center;    display: flex;
align-items: center;
justify-content: center;} .pro_arc_rela ul li .rela_tit{padding: 10px 20px;background-color: #c8c8c8;}
.pro_arc_rela ul li .rela_tit p a{font-size: 18px;line-height: 1.5em;height: 3em;overflow: hidden;color: #fff;}
.pro_arc_rela ul li:hover .rela_tit{background-color: #05c1f1}
.pro_case ul li{float: left;width: 23.5%;margin-left: 2%;cursor: pointer;border: 1px solid #e7e7e7!important;}
.pro_case ul li:first-child{margin-left: 0;}
.case_img{background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;}
.case_info{background-color: #05c1f1;width: 100%;height: 100%;position: relative;display: none;opacity: 0.82}
.case_info p{position: absolute;text-align: center;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;font-size: 20px;color: #fff;line-height: 1.5em;padding: 0 20px;opacity: 1;}
.pro_case ul li:hover .case_info{display: block;}
.pro_case .rela_tit{
padding: 10px 20px;
}
.pro_case .rela_tit p a{
text-align: center;
font-size: 16px;line-height: 1.5em;height: 3em;overflow: hidden;color: #555;
}
.pro_case .rela_tit p a:hover{
color: #0da7ee;
}
.pro_case-fenzhi ul li{
border:none
}
.pro_case-fenzhi ul li .rela_tit p a:hover{
color: #0da7ee;
}
.table{
width: 100%;
overflow: auto;
}
.pro_case-border ul li{
border: 1px solid #e3e3e3;
}
.pro_case-border ul li:hover{
box-shadow: 0px 0px 15px #c0effb;
}
.pro_case-fenzhi li:hover{
box-shadow: 0px 0px 15px #c0effb;
}
.pro_case-axb li:hover{
box-shadow: 0px 0px 15px #c0effb;
border:none!important;
}
table{
width: 100%;
}
table th{
height: 78px;
font-size: 16px;
color: #fff;
background: #05c1f1;
padding: 0px 49px;
}
table tr td{
text-align: center;
height: 50px;
line-height: 50px;
font-size: 16px;
color: #555;
border: 1px solid #f1f1f1;
}
table tr:nth-child(2n-1){
background: #f4f4f4;
}
table tr:first-child{
background-color: #05c1f1;
color: #fff;
}
table tr:first-child td p{
color: #fff;
}
.pro_arc_adv-posi-img{ left: -30%;
top: 0;
}
.message{padding: 50px 0;}
.message h2{font-size: 24px;line-height: 24px;color: #0da7ee;text-align: center;}
.message img{width: 24px;margin-right: 20px;}
.message p{font-size: 16px;color: #9f9f9f;margin: 20px 0 30px;text-align: center;}
.message>.box{
box-shadow: 0px 0px 20px 4px #efefef;
padding: 30px 0 30px 0px;
}
@media (max-width:1076px) {
.pro_info_link a{height: 70px;line-height: 45px;}
}
@media (max-width:1024px) {
.left,.lalala-right{width: 100%;margin-bottom: 100px;}
.pro_arc_rela ul li{width: 48%;margin-left: 4%;margin-bottom: 20px;}
.pro_arc_rela ul li:nth-child(2n+1){margin-left: 0;}
.pro_case ul li{width: 48%;margin-left: 4%;margin-bottom: 20px;}
.pro_case ul li:nth-child(2n+1){margin-left: 0;}
.adv_left{width: 100%;margin-right: 0;}
.adv_right{width: 100%;margin-top: 15px;}
.lalala-right h1{margin-bottom: 50px;}
.pro_arc_adv-posi-img{
position: relative;
left: 0;
top: 0;
}
.lalala-right{
padding-left: 0;
margin-left: 0;
}
.adv_right img{
margin-left: 0;
}
}
@media (max-width:768px) {
.box{width: 90%;}
.lalala-right h1{margin-bottom: -5px;margin-top: 10px;}
.pro_info_link a{width: 100%;height: auto;margin-bottom: 10px;}
.pro_arc_share{
float: left;
}
.pro_arc_share ul .share1{
margin-left: 30px!important;
}
.pro_arc_share ul .share3{
margin-left: 30px!important;
}
.pro_arc_share ul .share5{
margin-left: 30px!important;
}
.pro_arc_share{
margin-left:0px;
}
.left{
margin-bottom: 45px;
}
.lalala-right{
margin-bottom: 20px;
}
.adv_left iframe{
width: 100%!important;
height: 300px!important;
}
.pro_arc{
padding: 15px 0;
}
}
@media (max-width:644px) {
.pro_arc_tel_img{margin-bottom: 20px;margin-left: 0;} .pro_arc_rela ul li .rela_tit p{font-size: 18px;}
#pro_arc_top .swiper-slide{height: 300px!important;}
.pro_arc_rela ul li{
width: 100%;
margin-left: 0;
}
.pro_case ul li{
width: 100%;
margin-left: 0px;
}
.pro_arc_share ul .share1{
margin-left: 5px!important;
}
.pro_arc_share ul .share2{
margin-left: 5px!important;
}
.pro_arc_share ul .share3{
margin-left: 5px!important;
}
.pro_arc_share ul .share4{
margin-left: 5px!important;
}
.pro_arc_share ul .share5{
margin-left: 5px!important;
}
.pro_arc_share ul .share6{
margin-left: 5px!important;
}
.swiper-pagination-bullet{
height: 50px;
}
.contact ul li{
width: 100%;
}
.contact ul li a{
display: flex;
justify-content: center;
}
.left{
margin-bottom: 50px;
}
.lalala-right .arc_info {
margin-top: 15px;
height: 15.6em;
overflow: hidden;
}
.pro_info{
margin-top: 30px;
}
}
@media (max-width:400px){
.left{
margin-bottom: 20px;
}
}
@media (max-width:1124px) {
.lalala-right {
margin-left: -34%;
}
.lalala-right {
width: 92%;
}
}
@media (max-width:1024px) {
.lalala-right {
margin-left: 0px;
}
}
table tr:first-child td span{
color: #fff;
}
table tr:first-child td pre{
color: #fff;
}