/*****************
 * public start
 *****************/
body { font:14px/1.5 'microsoft yahei', "Arial", sans-serif; overflow: visible;}
body:before { content:""; position:fixed; width:100%; height:100%; overflow:hidden;left:0;top:0; background:#fff; z-index:10000; text-align:center; transition:opacity 500ms, height 0ms 500ms;-webkit-transition:opacity 500ms, height 0ms 500ms;}
body.body-completed:before { height:0; opacity:0;}
a { color:#0786d3;}
a:hover{ color:#0A98ED; text-decoration:none;}
a:visited{text-decoration:none;}
ul,li{ margin:0; padding:0; list-style-type:none;}
img {max-width:100%; vertical-align:middle;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; }
::-moz-placeholder { /* Mozilla Firefox 19+ */  color: #666;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#666;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color:#666; line-height:1.5;}
.h1 { font-size:2.4em;}
.h2 { font-size:2em;}
.h3 { font-size:1.4em;}
.h4 { font-size:1.2em;}
.fs-lg { font-size:1.15em;}
.fs-sm { font-size:0.85em;}
.fs-xs  { font-size:0.7em;}
.h-line   { position:relative;padding-bottom:.4em;}
.h-line:after   { content:"___"; display:block; position:absolute;left:0;bottom:0; width:100%; color:#000; text-align:center;}
.bg-gray { background:#f9f9f9 !important;}
.wrap { width:1440px; margin:auto;}
.forseo { position:absolute; width:0;height:0;overflow:hidden;}
/**/
.inner { width:1000px; margin:auto; padding-top:40px !important; padding-bottom:40px !important;}
.inner-x {width:1000px; margin:auto;}
.inner-y { padding-top:40px !important; padding-bottom:40px !important;}
.header + .nav {height:48px;margin:auto;background-color:#5c5c5c; background:-webkit-linear-gradient(left, #5c5c5c 0%,#888 50%,#5c5c5c 100%);}
.header + .nav:before,.header + .nav:after { content:""; display:none;}
.header + .nav .nav-list { overflow:hidden;height:100%;}
.header + .nav ul { overflow:hidden;height:100%; text-align:center;}
.header + .nav li { width:17.1%;height:100%;display:inline-block;text-align:center;}
.header + .nav li a{ display:block;height:100%;color:#fff; font-size:1.4em;}
.header + .nav li a:before{ content:""; display:inline-block;height:101%;vertical-align:middle;}
.header + .nav li a:hover{ background:#777;}
.header + .nav li.active a{background:#fff;color:#5c5c5c;}

.panel-reset { margin:auto; background-color:transparent; border:none; border-radius:0; box-shadow:none;}
.panel-default .panel-heading { text-align:center;font-size: 1.3rem;font-weight: bold; color:inherit; border:none; background:none; padding:5px 0;}
.panel-default .panel-heading h2 { font-size:1.4rem;margin:0; color:#5c5c5c; font-weight:bold; line-height:1; margin-bottom:-.3em;}
.panel-default .panel-heading:after {content: "";display: inline-block;width: 2em;height: 2px;background-color: #5c5c5c;vertical-align:middle;}
.panel-body{ padding:0;}
.panel-body-inner  { padding:15px; margin:0;}
.panel-body-inside { padding:0 15px;}

/* swiper */
.swiper { width:100%;visibility:hidden; position:relative;background:url("") #f9f9f9 no-repeat center; background-size:16px auto;}
.swiper-inited { visibility:visible;}
.swiper li{ overflow:hidden; position:relative;}
.swiper .swiper-wrapper{ width:100%;}
.swiper li.swiper-slide{ width:100%; overflow:hidden;}
.swiper li.swiper-slide:last-child{ margin-right:-1px;}
.swiper li li{ overflow:inherit;}
.swiper-mask { overflow:hidden;}
.swiper-single .swiper-prev,.swiper-single .swiper-next,.swiper-single .swiper-pagination { display:none !important;}
.swiper-pagination { position:absolute; z-index:100;width:100%;left:0;bottom:1em;line-height:0;text-align:center; transform:translate3d(0,0,0);}

.swiper-pagination .swiper-pagination-switch{ font-size:2em;display:inline-block; width:.5em; height:.5em;border-radius:.5em;background:#fff; margin:0 .25em;vertical-align:middle; white-space:nowrap;}
.swiper-pagination .swiper-active-switch{background:#0786D3;}

.ie8 .swiper-pagination .swiper-pagination-switch{ background:none !important; margin:0 0.1em;}
.ie8 .swiper-pagination .swiper-pagination-switch:before{ content:"○"; font-weight:bold;color:#fff; line-height:.5; display:inline-block; vertical-align:top;}
.ie8 .swiper-pagination .swiper-active-switch:before{content:"●";color:#0786D3; font-weight:normal; margin-top:.02em;}

.css3 .swiper-pagination .swiper-pagination-switch{ font-size:2em;display:inline-block; width:.5em; height:.5em;border-radius:.5em;background:#eee; margin:0 .25em;vertical-align:middle; white-space:nowrap;}
.css3 .swiper-pagination .swiper-pagination-switch:before{ content:"";display:inline-block; width:0; height:0;border-radius:.5em; background:#0786D3; vertical-align:middle; overflow:hidden;}
.css3 .swiper-pagination .swiper-pagination-switch:before{ transition:width 300ms steps(7, end),height 300ms steps(7, end);-webkit-transition:width 300ms steps(7, end),height 300ms steps(7, end);}
.css3 .swiper-pagination .swiper-pagination-switch:after{ content:"";display:inline-block; width:0; height:100%;vertical-align:middle; font-size:0;}
.css3 .swiper-pagination .swiper-active-switch{ background:#fff;}
.css3 .swiper-pagination .swiper-active-switch:before{width:100%; height:100%;/*box-shadow:0 0 0px 1px #f7b52d*/}


.swiper-prev { position:absolute; z-index:50;width:10%; height:100%;left: 0;top:0;text-align:center;cursor:pointer;transition:transform 500ms;-webkit-transition:transform 500ms;}
.swiper-next { position:absolute; z-index:50;width:10%; height:100%;right:0;top:0;text-align:center;cursor:pointer;transition:transform 500ms;-webkit-transition:transform 500ms;}
.swiper-prev:hover { transform:translate(-10%,0);-webkit-transform:translate(-10%,0);}
.swiper-next:hover { transform:translate(10%,0);-webkit-transform:translate(10%,0);}
.swiper-prev:before { content:"";display:inline-block;width:28px; height:100%;background-position:left  center;background-repeat:no-repeat;}
.swiper-next:before { content:"";display:inline-block;width:28px; height:100%;background-position:right center;background-repeat:no-repeat;}
.swiper-prev-white:before { background-image:url("");}
.swiper-next-white:before { background-image:url("");}
.swiper-prev-black:before { background-image:url("");}
.swiper-next-black:before { background-image:url("");}
.swiper-prev-color:before { background-image:url("");}
.swiper-next-color:before { background-image:url("");}
.swiper-lazy { min-width:100px; min-height:80px;background:url("") #f9f9f9 no-repeat center; background-size:16px auto;}
.swiper-lazy-img{ visibility:hidden; height:0;}
.swiper-lazy-img-loaded{ visibility:visible; height:auto;}
.alone .swiper-prev,.alone .swiper-next,.alone .swiper-pagination{ display:none;}
/* */
.swiper-scale { position:relative;}
.swiper-scale:before { content:""; display:inline-block;height:0; padding-bottom:34.85%;}
.swiper-scale .swiper-mask{position:absolute; width:100%;height:100% !important;left:0;top:0;}
.swiper-scale ul{position:absolute;height:100% !important;left:0;top:0;}
.swiper-scale ul li{ height:100% !important;}
.swiper-scale li img{ max-width:100%;}
/* auto-height */
.swiper-auto { position:relative;}
.swiper-auto ul{height:auto !important;}
.swiper-auto ul li{ height:auto !important;}
.swiper-auto li img{ max-width:100%;}

/* toggler */
.toggler {}
.toggler-detail { display:none;}
.toggler-btn { font-size:14px; line-height:0.9;display:inline-block; color:#5c5c5c; margin-top:1em; padding:.36em 1em; border:1px #5c5c5c solid; white-space:nowrap; cursor:pointer;}
.toggler-btn:before { content:"显示更多"; display:inline-block; vertical-align:middle; margin-bottom:1px;}
.toggler-btn:after { content:""; display:inline-block; width:1em; height:1em; vertical-align:middle; margin-left:0.5em;background:url("") no-repeat left center;}
.toggler-btn:hover { border:1px #000 solid; color:#000;}
.toggler.open .toggler-summary { display:none;}
.toggler.open .toggler-detail { display:block;}
.toggler.open .toggler-btn:before { content:"收起"; }
.toggler.open .toggler-btn:after { background-position:right center;}
/* button */
.btn { font-size:1rem;padding:.4em 2em; line-height:1.1; background-color:#6a6869; background:-webkit-linear-gradient(left, #6a6869 0%,#b4b6b5 50%,#6a6869 100%);color:#fff; border-radius:.3em; border:none; white-space:nowrap;}
.btn:focus,.btn:active,.btn:visited,.btn:hover {color:#fff !important;background-color:#6a6869;!important;background:-webkit-linear-gradient(left, #6a6869 0%,#b4b6b5 50%,#6a6869 100%); }
.btn-long { width:8em;}
.btn-radius-semicircle { border-radius:100px;}
.btn-arrow-left:before ,
.btn-arrow-right:after { content:"";display:inline-block;vertical-align:middle;font-size:.6em; margin-top:-.25em;}
.btn-arrow-left:before { content:"◄";margin-left:-1em; margin-right:1em;transition:margin 200ms;-webkit-transition:margin 200ms;}
.btn-arrow-left:hover:before { margin-left:-1.2em; margin-right:1.2em;}
.btn-arrow-right:after { content:"►";margin-left:1em; margin-right:-1em;transition:margin 200ms;-webkit-transition:margin 200ms;}
.btn-arrow-right:hover:after {margin-left:1.2em; margin-right:-1.2em;}
/**/
.btn-blue {background-color:#0786D3;}
.btn-blue:active,.btn-blue:hover {background-color:#0786D3 !important;}
.btn-yellow {background-color:#F7B52D;}
.btn-yellow:active,.btn-yellow:hover {background-color:#F0A814!important;}
/**/
.btn-yellow-img { display:inline-block; height:40px;background:url("") no-repeat left top; color:#fff; text-decoration:none; font-size:18px;}	
.btn-yellow-img b { display:inline-block;left:40px;padding-right:50px;position:relative;height:100%;background:url("") no-repeat right top; font-weight:normal;}	
.btn-yellow-img b:before { content:"";display:inline-block; width:0;height:100%; vertical-align:middle;}	
.btn-yellow-img:hover {color:#fff;text-decoration:none; background-position:left bottom;}
.btn-yellow-img:hover b{background-position:right bottom;}
/**/
.btn-border { border-width:1px; border-style:solid; padding:.5em .8em; background:none;}
.btn-border:after { margin-left:.5em; margin-right:-.5em;}
.btn-blue.btn-border { border-color:#0786D3; color:#0786D3;}
.btn-yellow.btn-border { border-color:#F7B52D; color:#F7B52D;}
/*link*/
.link-arrow { color:#0786D3;}
.link-arrow:after { content:"";display:inline-block; vertical-align:middle; margin-top:-.25em;margin-left:.5em;border-width:.3em 0 .3em .3em; border-style:solid; border-color:transparent transparent transparent #0786D3;}
/*select*/
.select { display:inline-block;min-width:150px;position:relative;vertical-align:middle;overflow:hidden; border:1px #0786D3 solid; color:#0786D3; height:2.2em;white-space:nowrap;}
.select:before { content:"";position:absolute; z-index:5;right:.5em;top:0;width:20px; height:100%;background:url("") no-repeat left center; background-size:200% auto;-webkit-background-size:200% auto;vertical-align:middle;}
.select:after  { content:""; display:inline-block;width:0;height:100%;vertical-align:middle;}
.select select { position:relative; z-index:8;width:120%; height:111%;border:none;background:none; vertical-align:middle; line-height:1; margin-top:-.15em; margin-left:-1px; border-left:1px transparent solid;}
.ie8 .select select { height:auto;}

.vote {color:#0786D3; cursor:pointer;}
.vote s { text-decoration:none;}
.vote:before { content:""; display:inline-block;width:1.5em; height:1.5em;margin-right:0.5em; margin-top:-.1em;vertical-align:middle;background:url("") center no-repeat; background-size:auto 100%;}
.voted:before  {background-image:url("") ;}

.pager{ overflow:hidden; font-size:.8em;}
.pager a{ color:#0786D3;}
.pager .prev{ float:left;}
.pager .prev:before{ content:"◄"; padding-right:.3em;}
.pager .next{ float:right;}
.pager .next:after{ content:"►";padding-left:.3em;}

.icon-img { width:24px;height:auto;vertical-align:middle; margin-top:-.2em;}
.icon-img-1x { width:12px;}
.icon-img-2x { width:20px;}
.icon-img-3x { width:30px;}
.icon-img-4x { width:40px;}
.icon-img-5x { width:50px;}
.icon-img-6x { width:60px;}
.icon-img-7x { width:70px;}
.icon-img-8x { width:80px;}
.icon-img-9x { width:90px;}

.ha-icon { display:inline-block;width:1em;height:1em;vertical-align:middle;margin-top:-.15em; background-size:100% auto; background-repeat:no-repeat;}
.ha-icon-arrow  { background-image:url("");}

.ha-icon-pix-gray{ background-image:url("");}
.ha-icon-player { background-image:url("");}
.ha-icon-fqa    { background-image:url("");}
.ha-icon-course { background-image:url("");}
.ha-icon-gift   { background-image:url("");}
.ha-icon-prev   { background-image:url("");}
.ha-icon-prev-gray   { background-image:url("");}
.ha-icon-next   { background-image:url("");}
.ha-icon-next-gray   { background-image:url("");}
.ha-icon-tips   { background-image:url("");}
.ha-icon-trophy   { background-image:url("");}
.ha-icon-vrv   { background-image:url(""); width:2.5em;}
.ha-icon-flower   { background-image:url("");}
.ie8 .ha-icon {background-image:none;}
.ie8 .ha-icon-arrow {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_arrow.png");}
.ie8 .ha-icon-pix {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_pix.png");}
.ie8 .ha-icon-pix-gray {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_pix_gray.png");}
.ie8 .ha-icon-player {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_player.png");}
.ie8 .ha-icon-fqa {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_fqa.png");}
.ie8 .ha-icon-course {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_course.png");}
.ie8 .ha-icon-gift {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_gift.png");}
.ie8 .ha-icon-prev {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_prev.png");}
.ie8 .ha-icon-prev-gray {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_prev_gray.png");}
.ie8 .ha-icon-next {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_next.png");}
.ie8 .ha-icon-next-gray {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_next_gray.png");}
.ie8 .ha-icon-tips {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_tips.png");}
.ie8 .ha-icon-trophy {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_trophy.png");}
.ie8 .ha-icon-vrv {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_vrv.png");}
.ie8 .ha-icon-flower {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/newha//image/icon_flower.png");}
.intelligent-vrv-control .dashed{border-bottom: 2px #999 dashed; padding-bottom: 50px;}
.intelligent-vrv-control .ha-icon-3x{margin-right: 5px;}
.ha-icon-1x {font-size:0.60em;}
.ha-icon-2x {font-size:0.83em;}
.ha-icon-3x {font-size:1.00em;}
.ha-icon-4x {font-size:1.20em;}
.ha-icon-5x {font-size:1.43em;}
.ha-icon-6x {font-size:1.60em;}
.ha-icon-7x {font-size:1.80em;}
.ha-icon-8x {font-size:2.00em;}
.ha-icon-9x {font-size:2.20em;}

.icon-d-logo-before:before {content:"";display: inline-block;margin-right:.5em;vertical-align: middle;border-width: .4em .4em .5em 0;border-style: solid;border-color: #666 transparent transparent transparent;}
.icon-d-logo-after:after   {content:"";display: inline-block;margin-left:.5em;vertical-align: middle;border-width:0.5em 0 .4em .4em;border-style: solid;border-color: transparent transparent #666 transparent;}

/*****************
 * public end
 *****************/

/* page index */
.swiper-index li.swiper-slide-1 .swiper-slide-word{ position:absolute; width:30%;left:57%;top:15%;text-align:center;}
.swiper-index li.swiper-slide-2 .swiper-slide-word{ position:absolute; width:30%;left:5%;top:35%;text-align:center;}
.swiper-index li h2,.swiper-index li h3{ overflow:hidden; font-size:0;}
.swiper-index li h2 img{ max-width:100%;transform:translate(0,100%);-webkit-transform:translate(0,100%);opacity:.3;transition:transform 1000ms 500ms, opacity 1000ms 500ms;-webkit-transition:-webkit-transform 1000ms 500ms, opacity 1000ms 500ms;}
.swiper-index li h3 img{ max-width:100%;transform:translate(0,-100%);-webkit-transform:translate(0,-100%);opacity:.3;transition:transform 1000ms 500ms, opacity 1000ms 500ms;-webkit-transition:-webkit-transform 1000ms 500ms, opacity 1000ms 500ms;}
.swiper-index li.swiper-slide-active h2 img,
.swiper-index li.swiper-slide-active h3 img{ transform:translate(0,0);-webkit-transform:translate(0,0); opacity:1;}

.case-study-index {background:url("") #f9f9f9 no-repeat center top; background-size:100% auto;}
.case-study-index-hd { text-align:center; position:relative; height:0; padding-bottom:27.7777%;}
.case-study-index-hd .mask { position:absolute;left:0;top:0;width:100%; height:100%; background:#fff; opacity:.9;filter:alpha(opacity=90);}
.case-study-index-hd .content { position:absolute;left:0;top:0;width:100%; height:100%;z-index:2;}
.case-study-index-hd .content img { width:58.334%; margin-top:5%;}
.case-study-index-hd .content .btn-yellow-img { position:absolute;left:50%;top:50%; margin:5% 0 0 -7.5%;}

.case-study-index-bd  { position:relative; height:0; padding-bottom:27.7777%;}
.case-study-index-bd .mask { position:absolute;left:0;top:0;width:100%; height:100%; background:#000; opacity:.75;filter:alpha(opacity=75);}
.case-study-index-bd .content { position:absolute;left:0;top:0;width:100%; height:100%;z-index:2; text-align:center;overflow: hidden;}
.case-study-index-bd .content:before {content:"";display:inline-block; width:0;height:100%; vertical-align:middle;}
.case-study-index-bd .swiper-case-study-index { background:none; width:80%; margin:auto; display:inline-block; vertical-align:middle; overflow:visible;}
.case-study-index-bd .swiper-case-study-index .swiper-mask { width:100%; }
.case-study-index-bd .swiper-case-study-index li a { display:inline-block; width:90%; text-align:left;}
.case-study-index-bd .swiper-case-study-index li a img {  }
.case-study-index-bd .swiper-case-study-index li a h2 { position:relative;font-size:1.6em; line-height:1;height:2em; padding:0 .5em; margin:0; /*margin-top:-1.9em;*/background:#fff;background:rgba(255,255,255,.9); color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case-study-index-bd .swiper-case-study-index li a:hover h2 { background:#fff; color:#000;}
.case-study-index-bd .swiper-case-study-index li a h2:before { content:"";display:inline-block; width:0;height:100%; vertical-align:middle;}
.case-study-index-bd .swiper-case-study-index li a h2 .icon-img { margin-right:.3em; margin-top:-1px;}
.case-study-index-bd .swiper-case-study-index .swiper-prev { left: -10%;}
.case-study-index-bd .swiper-case-study-index .swiper-next { right:-10%; }

.imageword-index { margin-bottom:20px;}
.imageword-index .imageword-left  .image{width:55.6%;}
.imageword-index .imageword-left  .word {left:55.6%;}
.imageword-index .imageword-right .image{width:55.6%;}
.imageword-index .imageword-right .word {right:55.6%;}
.imageword-index .word-inner {padding:0 17%;}
.imageword-index .word-inner h2 .icon-img { margin-right:5px;}
.imageword-index .word-inner h2 span { display:inline-block; margin:auto; margin-left:1em;}
.imageword-proshop .word h2 + * { margin-top:1em;}
.imageword-proshop .word p a { margin-right:.5em;}

.index-fqa-event { text-align:center;background:#0786d3;height:2em; padding:1em 0; box-sizing:content-box;}
.index-fqa-event a{ color:#fff; display:inline-block;}
.index-fqa-event a:hover{ color:#D1EDFF;}
.index-fqa-event span.line-y{ display:inline-block; width:2px; height:100%; vertical-align:middle; background:#fff; margin:0 3em;}


/* page products */
.products-main { overflow:hidden;}
.select-bar { text-align:center;padding:2em 0;color:#0786D3; border-bottom:1px #ddd solid;}
.select-bar .item{ display:inline-block; line-height:1; vertical-align:top;}
.select-bar .item span{ vertical-align:middle;}
.select-bar .item .key { display:inline-block;}
.select-bar .item .key *{ font-size:0.5em; color:#D80003; font-style:normal; text-decoration:none; margin-top:5px;display:block;}
.select-bar .item .line{ display:inline-block; width:1px; height:3em; background:#0786D3; margin:0 2em;}
.select-group { float:left; width:220px; margin-right:6%;}
.select-group-hd{padding:.8em 0;margin:0; margin-bottom:0.5em;border-bottom:1px #ddd solid; color:#666; line-height:1}
.select-group-bd{color:#555;}
.select-group-bd dt{ padding:0.5em 0; cursor:pointer;}
.select-group-bd dt:hover{ color:#0786D3;}
.select-group-bd dt .ha-icon { margin-right:.2em;}
.select-group-bd dd { margin:10px 0;}
.select-group-bd dd a{ font-size:.9em;padding:1em; color:#666; display:block; text-align:center; border:1px #5c5c5c solid; cursor:pointer;transition:color 300ms, background 300ms;-webkit-transition:color 300ms, background 300ms;}
.select-group-bd a{ color:#555;}
.select-group-bd a:hover{ color:#0786D3;}
.select-group-bd dd a:hover{ color:#fff; background:#5c5c5c;}
.select-group-bd dd.active a{color:#fff; background:#5c5c5c;}
.select-group-bd .collapse-open .ha-icon{ transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.select-result { display:block; overflow:hidden; margin-top:1.8em;}
.select-result .panel-feature{ border:1px #5c5c5c solid; padding:2em;}
.select-result .panel-feature .panel-heading{ font-size:2em; margin-bottom:0.5em;}
.select-result .panel-feature .panel-heading h2{ font-size:inherit;}
.select-result .panel-feature .panel-body{ font-size:1.4em;}
.select-result .panel-feature .panel-body .toggler-summary,
.select-result .panel-feature .panel-body .toggler-detail{ text-align:left;}
.select-result .feature-content{}
.select-result .swiper-feature{ background:none; text-align:center;width:90%; margin:auto;}
.select-result .swiper-feature .swiper-prev{left:-5%; width:5%; text-align:left;}
.select-result .swiper-feature .swiper-next{right:-5%;width:5%; text-align:right;}
.select-result .swiper-feature .swiper-prev:before,
.select-result .swiper-feature .swiper-next:before{width:50%;}
.select-result .swiper-feature li{ padding:2em 0;opacity:0.6; cursor:pointer; transition:opacity 300ms;}
.select-result .swiper-feature li:hover,.select-result .swiper-feature li.active{ opacity:1;}
.select-result .swiper-feature li.active:after{ content:""; position:absolute;left:50%;bottom:0; margin-left:-10px;border-width:0 10px 10px 10px; border-style:solid; border-color:transparent transparent #000 transparent;}
.select-result .feature-content .swiper-single .swiper-mask{ overflow:visible;}
.select-result .feature-content .swiper-single ul{ width:200% !important;left:-50%;}
.select-result .feature-content .swiper-single li{ padding:2em .38%; float:none; display:inline-block; vertical-align:top;}

.select-result .swiper-feature-video { padding:10px; border:1px #000 solid;}
.select-result .swiper-feature-video li{ display:none; min-height:100px;}
.select-result .swiper-feature-video li img{ width:100%;}
.select-result .swiper-feature-video li h3{ text-align:center; margin-top:5px;}
.select-result .swiper-feature-video li.active{ display:block;}
.select-result-hd{ margin:0;padding:.8em 0;border-bottom:1px #ddd solid;color:#666;}
.select-result-bd + h2{ margin-top:2em;}
.select-result-bd ul{ letter-spacing:-5px;font-size:0; margin:0 -30px;}
.select-result-bd li{ display:inline-block;width:33.33333%; vertical-align:top;letter-spacing:0; font-size:14px;text-align:center;}
.select-result-bd li>div{ padding:30px;}
.select-result-bd li .img{ white-space:nowrap; font-size:0;}
.select-result-bd li .img img{ display:inline-block; vertical-align:middle;}
.select-result-bd li .img:after{ content:""; display:inline-block; width:0; height:0; padding-bottom:50%; vertical-align:middle;}
.select-result-bd li .tag img{ height:50px;}
.select-result-bd li h2{color:#666; margin:2em 0 .6em 0;}

.product-download li{ width:49.5%; text-align:left;}
.product-download li .hd img+img{ margin-left:1em;}
.product-download li .hd h3{ font-size:1.2em; margin-top:1em; min-height:3em;}
.product-download li .bd { padding-top:0;}
.product-download li .bd .item{ display:inline-block; width:49%; overflow:hidden;}
.product-download li .bd .item .ico{ float:left;max-width:30%; margin-right:0.5em;}
.product-download li .bd .item .link{ overflow:hidden; display:block;}
.product-download li .bd .item .link p{ margin:0;}
.product-download li .bd .item .link a{ display:inline-block; line-height:1; padding-bottom:1px;color:#009fe7;font-size:0.8em; border-bottom:1px #009fe7 solid;}
.product-download li .bd .item .link a:hover{color:#F4B331;border-bottom:1px #F4B331 solid;}


/* page case */
.case-nav { font-size:0;}
.case-nav li{ display:inline-block; width:14.2222%;filter:alpha(opacity=60);opacity:.6; text-align:center; cursor:pointer;}
.case-nav li:hover,
.case-nav li.active{filter:alpha(opacity=100);opacity:1;}
.case-list { overflow:hidden; padding-top:40px;}
.case-list ul { width:120%;overflow:hidden;letter-spacing:-4px;}
.case-list li{ display:inline-block; letter-spacing:0;vertical-align:top;width:18.0555%; margin-left:2.2%; margin-bottom:5%;background:#fff; padding-bottom:5px; position:relative; min-height:472px;}
.case-list li .cate-group{ position:absolute;left:0;top:0; background:rgba(0,0,0,0.6); color:#fff; font-size:1.6em;padding:.5em .8em .6em; line-height:1;}
.case-list li img{width:100%;}
.case-list li h2{ font-size:1.5em; padding:10px; line-height:1.2;}
.case-list li p { padding:2px 10px; margin-bottom:0; color:#666;}
.case-list li h2 + p{ border-top:1px #bbb solid; padding-top:10px;}


/* page course */
.course-hd {text-align:center; background:#f9f9f9;padding:20px 10px; line-height:1;}
.course-hd-content { margin-top:1em;}
.course-list { padding-left:10%;overflow:hidden;}
.course-list li + li { border-top:1px  #ddd solid;}
.course-list li { position:relative;}
.course-list li:before { content:"";position:absolute; width:0; height:100%;left:-4.5%;top:3em;display:inline-block; border-left:1px #ddd solid;}
.course-list li:last-child:before { display:none;}
.course-list .course-title { padding:1.5em 0; position:relative; z-index:100; color:#0786D3;}
.course-list .course-title i {position:absolute; width:9%; height:6em;left:-9%;top:50%;margin-top:-3em;display:inline-block;background:url("") no-repeat center;transition:background 300ms steps(8, end);-webkit-transition:background 300ms steps(8, end);}
.course-list .course-title a { color:#0786D3;}
.course-list .course-title b { position:absolute;right:0;top:50%;display:block;width:20px;height:6em;margin-top:-3em;/*background:url(../image/common/arrow-blue.png) no-repeat left center;*/}
.course-list .course-content { overflow:hidden; transition:height 300ms;-webkit-transition:height 300ms;}
.course-list .course-content-inner { padding-bottom:2.6em; line-height:1.8;}
.course-list .course-content-inner h3 { font-size:1.15em; margin:1.3em 0 .6em 0; color:#000;}
.course-list .course-content-inner h3:first-child {margin-top:0;}
.course-list .course-content-inner p {margin-bottom:0;}
.course-list .course-content-inner img { margin-top:1em; margin-bottom:1em;}
.course-list .course-content-inner img.left { float:left; margin-right:1em;}
.course-list .course-content-inner img.right { float:right; margin-left:1em;}
.course-list .course-content-inner .imggroup { white-space:nowrap;}
.course-list .open .course-title i {background:url("") no-repeat center;}
.course-list .open .course-title b { background-position:right center;}

/* page history */
.history-banner .content { font-size:1.6em;}
.history-banner .content p { text-indent:2em; margin:auto;}
.history-banner .content p+p {margin-top:1em;}
.history-cate {font-size:2.6em; padding-bottom:1.2em;}
.imageword-history { margin-bottom:20px;}
.imageword-history .imageword-left  .image{width:55.6%;}
.imageword-history .imageword-left  .word {left:55.6%;}
.imageword-history .imageword-right .image{width:55.6%;}
.imageword-history .imageword-right .word {right:55.6%;}
.imageword-history .word-inner {padding:0 17%;}
.imageword-history .word-inner .h2 { display:inline-block; padding:0.2em 0.8em; border:1px #000 solid;}
.imageword-history .word-inner .h4 { font-size:1.5em; color:#000; margin-top:1em;}
.imageword-history .word-inner .h4 p { color:#000; line-height:1.8; margin-top:0;}
.imageword-history-1 { background:url("") no-repeat;}


/* page honor */
.honor-banner {position:relative; min-height:200px;}
.honor-nav { overflow:hidden; position:absolute; bottom:0;left:0; width:100%; background:#fff; background:rgba(255,255,255,0.8);text-align:center;}
.honor-nav a{ display:inline-block;}
.honor-nav-prev,
.honor-nav-next{display:inline-block;font-size:4em; vertical-align:middle;cursor:default; line-height:1;-webkit-user-select:none;-moz-user-select:none;}
.honor-nav-prev:before,
.honor-nav-next:before{ content:""; display:none;width:100%; height:0;}
.honor-nav-prev .ha-icon,
.honor-nav-next .ha-icon{ margin:0; vertical-align:top;}
.honor-nav-prev .ha-icon-prev,
.honor-nav-next .ha-icon-next{ transition:transform 300ms;-webkit-transition:transform 300ms; cursor:pointer;}
/*.honor-nav-prev .ha-icon-prev:hover{transform:translate(-10%,0);}
.honor-nav-next .ha-icon-next:hover{transform:translate(10%,0);}*/
.honor-nav-content { display:inline-block;overflow:hidden; font-size:2.6em;line-height:2.2;color:#666;padding:0.4em 2em; vertical-align:middle;}
.honor-nav-content span{ display:inline-block; margin:0 0.5em;}
.honor-nav-content span sub{ font-size:0.5em; padding-left:.5em;}

.honor-list li.even{ background:#f5f5f5;}
.honor-list li .inside{ position:relative;width:69.4444%; margin:auto; padding:3% 10%; white-space:nowrap;}
.honor-list li .inside:before{ content:""; display:block; position:absolute;left:28px;bottom:0; margin-bottom:4.3%;width:0; height:100%; border-left:1px #000 solid;}
.honor-list li .inside:after { content:""; display:block; position:absolute;left:0;top:0; margin-top:4.3%;width:57px; height:57px; background:url("") no-repeat center;}
.honor-list li .inside .img  { display:inline-block;vertical-align:middle; width:30%; text-align:center;}
.honor-list li .inside .img:before  { content:"●"; display:block;font-size:3em; line-height:0.6;position:absolute;left:0;bottom:0;margin-bottom:4.3%;width:57px; text-align:center;}
.honor-list li .inside .word { display:inline-block; white-space:normal; vertical-align:middle;}
.honor-list li .inside .img + .word { margin-left:8%;}
.honor-list li .inside .word h2{ font-size:1.3em; padding-left:6em; position:relative; margin:.5em 0;}
.honor-list li .inside .word h2 .lab { display:inline-block; width:6em;left:0;top:0; position:absolute;}
.honor-list li .inside .word h2 .lab:before {content: "";display: inline-block;margin-right: .5em;vertical-align: middle;border-width: .4em .4em .5em 0;border-style: solid;border-color: #666 transparent transparent transparent}
.honor-list li .inside .word h2 p { padding:0; margin:0;}
.honor-list li:first-child .inside:before {top:0;margin-top:4.3%;}
.honor-list li:first-child:last-child  .inside:before { height:auto;bottom:0; margin-bottom:4.3%;}

/* page intelligent-vrv */
/* banner */
.intelligent-vrv-banner .inner-lg>h1{font-size: 22px;font-weight: bold; margin-bottom: 15px;}
.intelligent-vrv-banner .inner-lg.text>h1{margin-top: 40px;}
.intelligent-vrv-banner .inner-lg>p{margin:0 0 20px;color: #333;font-size: 1.3em;line-height: 2;}
.w-banner{margin-bottom: 40px;}
.w-banner .info{ width: 1000px; margin: 0 auto;}
.w-banner img{width: 100%; height: auto;}
.w-banner h1{font-size: 22px;font-weight: bold; margin: 40px 0 15px;}
.inner-lg.text{padding-top:0 !important;}
.intelligent-vrv-control {}
.intelligent-vrv-control h2.title{font-size: 2.25em;margin-top: 80px; margin-bottom:10px; font-weight: bold;} 
.intelligent-vrv-control .lank{height: 4px; background: #0A71B6; width: 20px; margin: 0 auto}
.intelligent-vrv-control .control-banner{position: relative;padding-bottom: 49%;}
.intelligent-vrv-control .control-banner>div{position: absolute;}
.intelligent-vrv-control .control-banner .img{top:0;left: 0;width: 100%;}
.intelligent-vrv-control .control-banner .content{bottom:5%;left: 50%;transform: translateX(-50%);text-align: center;height: auto;background-color: rgba(255,255,255,.8);padding: 4.5% 0 3%;}
.intelligent-vrv-control .control-banner .content h2{font-size: 3.25em;margin-bottom:15px;} 
.intelligent-vrv-control .control-banner .content p{ padding: 20px 70px;
  text-align: left;
  font-size: 14px;}
.intelligent-vrv-control .control-banner .content ul li p{ padding: 0;}
.intelligent-vrv-control .control-banner .control-icon ul{overflow: hidden;text-align: justify;width: 55%;margin: 0px auto;}
.intelligent-vrv-control .control-banner .control-icon ul::before,.intelligent-vrv-control .control-banner .control-icon ul::after{content: '';display: inline-block;width: 100%;}
.intelligent-vrv-control .control-banner .control-icon ul>li{overflow: hidden;display: inline-block;vertical-align: top; text-align: center;}
.intelligent-vrv-control .control-banner .control-icon ul>li>img{width: 80px; height: 80px;}
.intelligent-vrv-control .control-banner .control-icon ul>li>p{text-align: center;margin-top: 10px;color: #178cce;}
/* control */
.intelligent-vrv-control .imageword-intelligent{padding-top: 6.5em;}
.intelligent-vrv-control .imageword-pc .imageword{margin-bottom: 6.5em;}
.intelligent-vrv-control .imageword-pc .image{float: right;width: 60%;}
.intelligent-vrv-control .imageword-pc .image.er{float: right;width: 50%;}
.intelligent-vrv-control .imageword-pc .word{left: 0;width: 35.5%;}
.intelligent-vrv-control .imageword-pc .word.er{left: 0;width: 40%;}
.intelligent-vrv-control .imageword-pc .word-inner{padding: 0;vertical-align: middle;}
.intelligent-vrv-control .imageword-pc .word h2{font-size: 2.25em;}
.intelligent-vrv-control .imageword-pc .word h3{font-size: 1.1em;margin-top: 20px;font-weight: bold;}
.intelligent-vrv-control .imageword-pc .word p{font-size: 1em;line-height: 1.5;margin-bottom: 5em;margin-top: 2em; min-height: 60px; font-size: 14px;}
.intelligent-vrv-control .imageword-pc .imageword.base .word-inner{vertical-align: bottom;}
.intelligent-vrv-control .imageword-pc .imageword .word-inner{width: 100%;}
.intelligent-vrv-control .imageword-pc .imageword .word-inner>img{width: 100%;}
/* service */
.intelligent-vrv-control.w-chan .imageword-intelligent{padding-top:0;}
.intelligent-vrv-control.w-chan .imageword-pc .imageword{border-bottom: 2px #999 dashed; margin-bottom: 0;}
.intelligent-vrv-control.w-chan .imageword-pc .imageword:last-child{border-bottom: 0;}
.intelligent-vrv-control.w-chan .imageword-pc .word p{margin-bottom: 0; color: #666;}
.intelligent-vrv-control.w-chan .imageword-pc .word h2{font-weight: bold; position: relative; padding-left: 30px;}
.intelligent-vrv-control.w-chan .imageword-pc .word h2 img{position: absolute;
  top: 7px;
  width: 20px;
  left: 0;}
.none{display: none;}
.intelligent-vrv-service .imageword-intelligent{padding-top: 5em;}
.intelligent-vrv-service .imageword-pc .imageword{margin-bottom: 5em;}
.intelligent-vrv-service .imageword-pc .imageword.marginB{margin-bottom: 3em;}
.intelligent-vrv-service .control-banner .content{bottom: 26%;}
.intelligent-vrv-service .control-banner .content.two{bottom: 14%;}
.intelligent-vrv-service .control-banner .content.three{bottom: 21%;}
.intelligent-vrv-service .control-banner .content h3{font-size: 1.3em;font-weight: bold;}
.intelligent-vrv-service .control-banner .control-icon ul{width: 58%;}
.intelligent-vrv-service .control-banner .control-icon ul>li>p{text-align: left;font-size: 1.125em;position: relative;padding-left: 15px;color: #333;}
.intelligent-vrv-service .control-banner .control-icon ul>li>p::before{content: '';display: inline-block;position: absolute;top: 7px;margin-top: 0; left: 0;width: 6px;height: 6px;background-color: #178cce;}
.w-product{width: 1000px; margin: 40px auto; overflow: hidden;}
.w-product h1{font-size: 22px;font-weight: bold;margin-bottom: 15px;}
.w-product .left{ width: 35%; float: left;}
.w-product .right{ width: 60%; float: right; margin-left: 5%;}
.w-product .right table td{font-size: 16px; line-height: 37px;}
.w-product .right table td span{font-size: 18px;font-weight: bold;}
.w-product .right p{font-size: 16px;margin: 10px 0; color: red;}
.w-product table.from{ color: #666; text-align: center;}
.w-product table.from tr.blue{background: #386AB3; color: #fff;}
.w-product table.from tr.black{background: #F6F6F6;}
.w-product table.from td{ font-size: 16px;
  line-height: 25px;
  padding: 15px 0;}
.w-product ul li{ width: 48%; float: left; margin-bottom: 30px;}
.w-product ul li:nth-child(2n){margin-left: 4%;}
.w-product ul li p{font-size: 17px;
  min-height: 75px;}
.w-product ul li img{width: 100%; height: auto;}

.intelligent-vrv-control .control-banner .control-icon.dian ul>li>p{text-align: left;font-size: 1.125em;position: relative;padding-left: 15px;color: #333;}
.intelligent-vrv-control .control-banner .control-icon.dian ul>li>p::before{content: '';display: inline-block;position: absolute;top: 7px;margin-top: 0; left: 0;width: 6px;height: 6px;background-color: #178cce;}

.intelligent-vrv-service .imageword-pc .imageword{float:initial;width: auto;}
.intelligent-vrv-service .imageword-pc .image{width: auto;float: none;}
.intelligent-vrv-service .imageword-pc .word{position: static;width: auto;}
.intelligent-vrv-service .imageword-pc .word h3{font-size: 1.3em;}
.intelligent-vrv-service .imageword-pc .word ul{overflow: hidden;text-align: justify;width: 100%; margin: 0 auto 0;}
.intelligent-vrv-service .imageword-pc .word ul::before,.intelligent-vrv-service .imageword-pc .word ul::after{content: '';display: inline-block;width: 100%;}
.intelligent-vrv-service .imageword-pc .word ul>li{overflow: hidden;display: inline-block;vertical-align: top;width: 32.333%; margin-bottom: 55px;}
.intelligent-vrv-service .imageword-pc .word ul>li.er{ width: 23.5%;}
.intelligent-vrv-service .imageword-pc .word ul>li>p{text-align: left;margin-top:0;margin-bottom: 0; color: #333;font-size: 1.125em;}
.intelligent-vrv-service .imageword-pc .word-inner{width: 100%;}
.intelligent-vrv-service .imageword-pc .word ul>li>img{margin-top: 1.2em;}
.intelligent-vrv-service .imageword-pc .marginT{margin-top: 1.2em;}
/* series */
.intelligent-vrv-series .control-banner .content{bottom:10%;left: 50%;transform: translateX(-50%);text-align: center;height: auto;background-color: rgba(255,255,255,.8);padding: 4.5% 0 3%;}
.intelligent-vrv-series .control-banner .content .fl{float: left;}
.intelligent-vrv-series .control-banner .content .fr{float: right;}
.intelligent-vrv-series .control-banner .content .marginL{margin-left: 3em;}
.intelligent-vrv-series .control-banner .control-icon ul{width: 70%;}
.intelligent-vrv-series .control-banner .control-icon ul>li>p{text-align: left;margin-top: 0;color: #333;font-size: .875em;line-height: 2;}
.intelligent-vrv-series .control-banner .content h3{font-size: 1.3em;font-weight: bold;padding-bottom: 1.3em;margin-bottom: 1.3em;border-bottom: 1px solid #cfcfcf;}
.intelligent-vrv-series .imageword-left .image{float: left;}
.intelligent-vrv-series .imageword-left .word{right: 0;left: inherit;}
.intelligent-vrv-series .imageword-left .word-inner{padding-left: 20%;}
.intelligent-vrv-series .imageword-right .image{float: right;}
.intelligent-vrv-series .imageword-right .word-inner{padding-right: 20%;}
.intelligent-vrv-series .imageword-pc .word{width: 40%;}
.intelligent-vrv-series .imageword-pc .word-inner{vertical-align: middle;}
.intelligent-vrv-series .imageword-pc .word p{margin-top: 1.8em;font-size: 14px;}

/* pages for  lccintro*/
.popup{position: fixed;}
.frame-guide .frame-body{background: #f0f0f0;}
.guide-arr{transition: transform .3s; cursor: pointer; position: absolute;bottom: 30%;left: 50%;margin-left: -16.5px;width: 33px;height: 16px;background:url("") no-repeat;background-size: 100%;}
.guide-arr:hover{transform: scale(1.1);transition: transform .3s ease-out .15s;}
.swiper-guide .gide-down.inner{padding-top:0!important;padding-bottom:30px!important;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);text-align: right;}
.swiper-guide .gide-down>a{display: inline-block;color: #fff;font-size: 1.2em;height: 2.5em;line-height: 2.5em;background: #0096e0;padding: 0 1em;border-radius: 1.5em;}
.swiper-guide .gide-down>a .icon-s-down{display: inline-block;width: 19px;height: 17px;margin-top: -1px;margin-right:.5em;background:url("") no-repeat;background-size: 100%;vertical-align: middle;}
/* guide-main */
.guide-main.inner{padding: 0!important;}
.guide-main ul{letter-spacing: -4px;margin: 0 -1em 5em;overflow: hidden;}
.guide-main li{display: inline-block; width: 49.888%; vertical-align: top;margin-top: 2.5em;letter-spacing: 0;}
.guide-main li .inside{margin: 0 1em;}
.guide-main li .inside .img a{display: block;position: relative;}
.guide-main li .inside .img img{ width: 100%;}
.guide-main li .inside .img .player{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);opacity: 1;/* filter: alpha(opacity=0); */transition: opacity 300ms;}
.guide-main li .inside .img .player:hover::before{transform: scale(1.1);transition: transform .3s ease-out .15s;}
.guide-main li .inside .img .player:before {content: "";position: absolute;left: 50%;top: 50%;width: 15%;padding-bottom: 15%;margin-left: -7.5%;margin-top: -7.5%;background-image: url("");background-repeat: no-repeat;background-size: 100%;cursor: pointer;transition: transform 300ms;}
.guide-main li .inside h2{ font-size: 2.2em;font-weight:600;line-height: 1;margin: 0.6em 0;}
.guide-main li .inside p{ font-size: 1.2em;margin: 0;height: 2.5em;line-height: 2.5em; color: #333;text-align: center;background: #fff;box-shadow: rgba(4,37,94,.16) 0px 0px 10px;}
.guide-main li .inside p::before,.guide-main li .inside p::after{content: '';display: inline-block;vertical-align: middle;width: 12px;height: 18px;background:url("") no-repeat;background-size: 100%;}
.guide-main li .inside p::before{margin-right: .5em;}
.guide-main li .inside p::after{transform: rotate(-180deg);margin-left: .5em;}


/**/
.alert-parameter .alert-title{ font-size:12px;}
.alert-parameter table td{ border:1px #ddd solid; padding:5px 10px;}

@media (max-width: 1440px){
.wrap { width:100%;}
.alert-parameter .alert-inside { max-width:100%;}
.alert-parameter .alert-title { overflow:auto;}
}

@media (max-width: 1280px){
html,body { font-size:12px;}
.wrap {width:100%;overflow: \0;}
}

@media (max-width: 1024px){
html,body { font-size:10px;}
.wrap { width:1024px;}
}
@media (min-width: 769px){
.inner-lg { width:1000px; margin:auto; padding-top:40px !important; padding-bottom:40px !important;}
.inner-lg-x {width:1000px; margin:auto;}
.inner-lg-y { padding-top:40px !important; padding-bottom:40px !important;}
.bg-gray-lg { background:#f9f9f9 !important;}

.col-4-1-lg { width:25.0000%;}
.col-3-1-lg { width:33.3333%;}
.col-2-1-lg { width:50.0000%;}
}

/*ipad*/
@media (min-width: 768px) and (max-width: 1000px){
  .intelligent-vrv-control .control-banner .content{bottom: 10%;padding: 1% 0 1%;}
  .intelligent-vrv-series .control-banner .content{bottom: 7%;padding: 1% 0 1%;}
  .inner-lg { width:70%; margin:auto; padding-top:40px !important; padding-bottom:40px !important;}
  .inner-lg-x {width:70%; margin:auto;}
}
@media (min-width: 1001px) and (max-width: 1024px){
  .intelligent-vrv-control .control-banner .content{bottom: 10%;padding: 3% 0 3%;}
  .intelligent-vrv-series .control-banner .content{bottom: 7%;padding: 3% 0 3%;}
  .inner-lg { width:70%; margin:auto; padding-top:40px !important; padding-bottom:40px !important;}
  .inner-lg-x {width:70%; margin:auto;}
}
@media (min-width: 1024px) and (max-width: 1280px){
  .intelligent-vrv-banner .inner-lg{width: 81%;}
.intelligent-vrv-control .control-banner .inner-lg-x{width: 86%;}
.intelligent-vrv-series .control-banner .content{padding: 3% 0 3%;}
}
@media (min-width: 768px) and (max-width: 1024px){ 
html,body { font-size:10px;}
.wrap { width:100%;}
.inner { width:100%;}
.inner-x { width:100%;}
.inner-lg { width:100%; margin:auto;padding-top:20px !important; padding-bottom:20px !important;}
.inner-lg-x {width:100%; margin:auto;}
.inner-lg-y {padding-top:20px !important; padding-bottom:20px !important;}
.bg-gray-lg { background:#f9f9f9;}

.col-4-1-lg { width:25.0000%;}
.col-3-1-lg { width:33.3333%;}
.col-2-1-lg { width:50.0000%;}

.imageword .word h2 + * { margin-top:1em;}
.imageword .word .readmore { margin-top:1em;}

.icon-img { width:18px;height:auto;vertical-align:middle; margin-top:-.2em;}
.icon-img-1x { width:5px;}
.icon-img-2x { width:10px;}
.icon-img-3x { width:15px;}
.icon-img-4x { width:20px;}
.icon-img-5x { width:25px;}
.icon-img-6x { width:30px;}
.icon-img-7x { width:35px;}
.icon-img-8x { width:40px;}
.icon-img-9x { width:45px;}

/* new-life-style */
.frame-new-life-style .imageword-new-life-style .word .swiper { padding-bottom:2em;}
.frame-new-life-style .imageword-new-life-style .word .swiper ol li { padding:0;}
.frame-new-life-style .imageword-new-life-style .word .swiper .img{ width:30%;}
.frame-new-life-style .imageword-new-life-style .word .swiper .swiper-pagination { bottom:0;}

/* proshop */
.proshop-search { margin-left:-300px;}
.imageword-proshop-four { padding:10px 0;}
.imageword-proshop-four .word { text-align:left;}
.imageword-proshop-four .word .icon-img-9x{ width:60px;}
.proshop-sale .hd { padding:1% 3%;}
.swiper-proshop-design .swiper-wrapper li {font-size:10px;}
.proshop-list-hd .hd-inner span.name i:after { font-size:2em;}

/* culture */
.swiper-culture ul.swiper-wrapper { margin:0 -20px;}
.swiper-culture ul.swiper-wrapper li.swiper-slide { font-size:8px;}
.swiper-culture ul.swiper-wrapper li .slide-inside { padding:10px 20px;}

/* fqa */
.fqa-list .fqa-title i{ background-size:30% auto;}
.fqa-list .open .fqa-title i{ background-size:40% auto;}
.fqa-list .fqa-title b { width:15px; right:20px;background-size:200% auto;}
.fqa-list .fqa-content-inner { padding-right:10%;}

/* event */
.event-main { padding-left:10px;padding-right:10px;}

/* page intelligent-vrv */
.intelligent-vrv-banner .inner-lg{width: 70%;}
.intelligent-vrv-control .control-banner .inner-lg-x{width: 70%;}
/* .intelligent-vrv-control .control-banner .content{bottom: 10%;padding: 3% 0 3%;}
.intelligent-vrv-series .control-banner .content{bottom: 7%;padding: 3% 0 3%;} */
.intelligent-vrv-control .control-banner .control-icon ul{width: 85%;}
.intelligent-vrv-service .imageword-pc .word ul>li>img{display: none!important;}
.intelligent-vrv-service .imageword-pc .image{display: block;}
.intelligent-vrv-service .imageword-pc .word ul{text-align: initial;}
.intelligent-vrv-service .imageword-pc .word ul>li{width: 33.3%;}
.intelligent-vrv-service .imageword-pc .word ul>li:last-child{width: 32%;}
.intelligent-vrv-series .imageword-left .word-inner{padding-left: 18%;}
.intelligent-vrv-series .control-banner .content .fr{width: 40%;}
}
@media (max-width: 767px){
/*****************
 * public start
 *****************/
html,body{font-size:10px;overflow: visible;}
.wrap { width:100%;}
/**/
.inner { width:auto;padding:10px !important;}
.inner-x { padding-left:10px !important; padding-right:10px !important;}
.inner-y { padding-top:10px !important; padding-bottom:10px !important;}
.inner-xs { padding:10px !important;}
.inner-xs-x { padding-left:10px !important; padding-right:10px !important;}
.inner-xs-y { padding-top:10px !important; padding-bottom:10px !important;}
.bg-gray-xs { background:#f9f9f9 !important;}
.col-4-1-xs { width:25.0000%;}
.col-3-1-xs { width:33.3333%;}
.col-2-1-xs { width:50.0000%;}
.h1 { font-size:2.0em;}
.h2 { font-size:1.6em; font-weight:bold;}
.h3 { font-size:1.2em;}
.h4 { font-size:1.0em;}
.h1-xs { font-size:2.0em;}
.h2-xs { font-size:1.6em;}
.h3-xs { font-size:1.2em;}
.h4-xs { font-size:1.0em;}
.h-line-xs   { position:relative;padding-bottom:.4em;}
.h-line-xs:after{ content:"___"; display:block; position:absolute;left:0;bottom:0; width:100%; color:#000; text-align:center;}
.body { width:100%;}
.body.wrap{padding-top: 20px;}
.frame-head > #header{display: none;}
.header + .nav { position:relative; z-index:0;width:100%;height:40px; overflow:hidden;color:#fff; display:none;}
.header + .nav .prev ,
.header + .nav .next {display:inline-block;position:absolute;z-index:10;left:0;top:0;height:100%; padding:0 1em;background:#0786D3; font-size:.8em;}
.header + .nav .next {left:auto;right:0;}
.header + .nav .prev:before { content:""; display:inline-block;width:0;height:100%;vertical-align:middle;}
.header + .nav .prev:after  { content:"◄";display:inline-block;vertical-align:middle;}
.header + .nav .next:before { content:""; display:inline-block;width:0;height:100%;vertical-align:middle;}
.header + .nav .next:after  { content:"►";display:inline-block;vertical-align:middle;}
.nav-preved .prev { display:none;}
.nav-nexted .next { display:none;}

.nav .nav-list {position:absolute;width:100%;height:100%;padding-bottom:10px;box-sizing:content-box;-webkit-box-sizing:content-box;white-space:nowrap; overflow:auto;}
.nav ul { display:inline-block;}
.nav li {width:auto; float:none;}
.nav li a{padding:.5em .8em;}
/*
.nav ul::scrollbar {/display: none;}
.nav ul::-webkit-scrollbar {display: none; visibility:hidden;width:0px}
*/

/* nav-mobile */
.nav-mobile .panel{ margin:0; border:none; border-radius:0; box-shadow:none; font-size:1.4em;}
.nav-mobile .panel:nth-child(even) .panel-heading{ background:#d1d1d1;}
.nav-mobile .panel .panel-heading a{ display:block;color:#666; position:relative;}
.nav-mobile .panel .panel-heading a:before{ content:""; display:inline-block; margin-right:.5em;vertical-align:middle;border-width:.4em .4em .5em 0; border-style: solid; border-color:#666 transparent transparent transparent;}
.nav-mobile .panel .panel-heading a:after { content:""; display:inline-block; position:absolute;right:.5em;top:50%; width:1em; height:.5em; margin-top:-.25em; background:url("") no-repeat left center; background-size:auto 100%;}
.nav-mobile .panel .panel-body{ background:#7c7c7c;color:#fff;padding:0;}
.nav-mobile .panel .panel-body ul{ overflow:hidden; padding:10px 0; margin-left:-1px; font-size:0; text-align:left;}
.nav-mobile .panel .panel-body li{ display:inline-block;font-size:1.2rem;width:33.3333%; vertical-align:top;border-left:1px #fff solid; margin:.8em 0; padding:0 2%;-webkit-box-sizing:border-box; text-align:center;}
.nav-mobile .panel .panel-body li a{ color:#fff;}
.nav-mobile .collapse-open .panel-heading a:after { background-position:right center;}

.imageword .word h2 b{ font-weight:bold;}

.select:before { width:10px;}

.toggler-btn { font-size:10px;}
.toggler-btn:after { width:.7em; height:.7em; background-size:auto 100%;}

.icon-img { width:14px;vertical-align:middle; margin-top:-.2em;}
.icon-img-1x { width:6px;}
.icon-img-2x { width:10px;}
.icon-img-3x { width:15px;}
.icon-img-4x { width:20px;}
.icon-img-5x { width:25px;}
.icon-img-6x { width:30px;}
.icon-img-7x { width:35px;}
.icon-img-8x { width:40px;}
.icon-img-9x { width:45px;}

.swiper-banner { height:0; padding-bottom:60%; position:relative;}
.swiper-banner .swiper-mask { position:absolute;width:100%; height:100%;left:0;top:0;}
.swiper-banner .swiper-mask *{ height:100% !important;}
.swiper-banner .swiper-mask img{ width:auto !important; max-width:none; position:relative;left:50%;transform:translate(-50%,0);}
.swiper-banner .swiper-prev ,.swiper-banner .swiper-next{ display:none;}
.swiper-pagination .swiper-pagination-switch { width:5px; height:5px;margin:3px;}

/*select*/
.select { min-width:0;}

.cate-title{display:block;white-space:nowrap;background:#fff;}
.cate-title:before{ content:"";display:inline-block; height:0; padding-bottom:20%; vertical-align:middle;}
.cate-title > div{ width:500%; margin-left:-200%;display:inline-block; vertical-align:middle;text-align:center;}
.cate-title > div:before{ content:""; display:inline-block; width:30%;height:0; border-bottom:1px #000 solid;vertical-align:middle;}
.cate-title > div:after { content:""; display:inline-block; width:30%;height:0; border-bottom:1px #000 solid;vertical-align:middle;}
.cate-title > div a {display:inline-block;max-width:80%;margin:0 30px; }
.cate-title > div img { max-height:100%; width:100%; zoom:0.5;}
	

.nav-foot { height:40px;margin:auto;background:#5D5D5D;}
.nav-foot:before,.nav-foot:after { content:""; display:none;}
.nav-foot ul { overflow:hidden;height:100%;}
.nav-foot li { float:left;width:49.5%;height:100%;display:inline-block; text-align:center;}
.nav-foot li a{ display:block;height:100%;color:#fff;font-size:1.4em;}
.nav-foot li a:before{ content:""; display:inline-block;height:100%;vertical-align:middle;}
.nav-foot li a:hover{ background:#008FE7;}
.nav-foot li.active a{background:#fff;color:#0786d3;}

/*****************
 * public end
 *****************/
 
/* page index */
.swiper-index li.swiper-slide-1 .swiper-slide-word{width:40%;left:50%;top:18%;}
.swiper-index li.swiper-slide-2 .swiper-slide-word{width:40%;left:4%;top:35%;}

.case-study-index-hd { padding-bottom:40%;}
.case-study-index-hd .content img { width:85%; margin-top:10%;}
.case-study-index-hd .content .link-arrow {position:absolute;right:51%;top:70%;}
.case-study-index-bd { padding-bottom:40%; overflow:hidden;}
.case-study-index-bd .content img {}
.case-study-index-bd .content .case-study-hd {width:1em;vertical-align:middle; position:relative; z-index:2;background:rgba(255,255,255,.8); border-radius:1em; padding:.4em; margin-left:-4px;box-sizing:content-box;overflow:hidden;}
.case-study-index-bd .swiper-case-study-index { width:90%; height:0; padding-bottom:30%;}
.case-study-index-bd .swiper-case-study-index .swiper-mask { position:absolute;left:0;top:0; width:100%; height:100%;}
.case-study-index-bd .swiper-case-study-index ul,
.case-study-index-bd .swiper-case-study-index li,
.case-study-index-bd .swiper-case-study-index li a,
.case-study-index-bd .swiper-case-study-index li a>img{height:100% !important; overflow:hidden;}
.case-study-index-bd .swiper-case-study-index li a>img{ width:auto; max-width:none;}
.case-study-index-bd .swiper-case-study-index li a h2 { font-size:1em;}
.case-study-index-bd .swiper-case-study-index .swiper-prev,
.case-study-index-bd .swiper-case-study-index .swiper-next { display:none;}

.imageword-index .imageword{ height:0; padding-bottom:43%; overflow:hidden;}
.imageword-index .imageword + .imageword{ margin-top:10px;}
.imageword-index .imageword .word .h4 { display:none;}
.imageword-index .imageword .word .readmore { position:absolute; z-index:20;left:0;top:0; margin:0;width:100%; height:100%; background:rgba(34,255,0,.8); opacity:0;}
.imageword-index .imageword .word .readmore a{ display:block; height:100%;}
.imageword-index .imageword-left  .image,
.imageword-index .imageword-right .image { width:100%; float:none;}

.imageword-index .imageword-new-life-style .word { position:absolute;left:auto !important;right:14%;top:16%; height:auto; bottom:auto;text-align:right;}
.imageword-index .imageword-new-life-style .word-inner { vertical-align:top; white-space:nowrap; padding:0;}
.imageword-index .imageword-new-life-style .word h2 b{ display:block;border-bottom:1px #ddd solid; padding-bottom:.1em;margin-bottom:.1em;}
.imageword-index .imageword-new-life-style .word h2 span{ display:block;}
.imageword-index .imageword-proshop .word {position:absolute;width:100%; right:0; text-align:center; white-space:nowrap;}
.imageword-index .imageword-proshop .word:before { display:none;}
.imageword-index .imageword-proshop .word:after  { display:inline-block; width:0; height:100%; vertical-align:middle;}
.imageword-index .imageword-proshop .word-inner { display:inline-block;width:100%;padding:1em 0 !important; background:rgba(255,255,255,0.5); vertical-align:middle;}
.imageword-index .imageword-proshop .word-inner h2{ margin-top:0;}
.imageword-index .imageword-proshop .word-inner h2 img{ width:45%;}
.imageword-index .imageword-culture .word {position:absolute;left:auto !important;right:3%;top:10%; height:auto; bottom:auto;text-align:right; color:#fff;}
.imageword-index .imageword-culture .word-inner { vertical-align:top; white-space:nowrap; padding:0;}
.imageword-index .imageword-culture .word h2 b{ display:block;border-bottom:1px #ddd solid; padding-bottom:.1em;margin-bottom:.1em;}
.imageword-index .imageword-culture .word h2 span{ display:block;}
.imageword-index .imageword-course .word {position:absolute;left:auto !important;right:3%;bottom:1%; height:auto; top:auto;text-align:right; color:#fff;}
.imageword-index .imageword-course .word-inner { vertical-align:top; white-space:nowrap; padding:0;}
.imageword-index .imageword-course .word h2 b{ display:block;border-bottom:0px #ddd solid; padding-bottom:.1em;margin-bottom:.1em;}
.imageword-index .imageword-course .word h2 span{ display:block;}

.index-fqa-event { display:none;}

/* page products */
.select-bar { white-space:nowrap; padding:10px 0;border-bottom:none; margin-bottom:0; overflow:hidden; letter-spacing:-5px; font-size:0;}
.select-bar .item { width:50%; padding:0 1em; font-size:1rem; letter-spacing:0;}
.select-bar .item:first-child { text-align:right; border-right:1px #0786D3 solid; padding-right:2em;}
.select-bar .item:last-child  { text-align:left; padding-left:2em;}
.select-bar .item span{ display:block; min-width:0; margin-bottom:.5em;}
.select-bar .item .key *{ display:inline}
.select-bar .item .line{ display:none;}
.products-main { padding-bottom:0 !important; padding-top:0 !important;}
.select-group { float:none; width:auto; margin:0;}
.select-group-hd { display:none;}
.select-group-bd dl{ font-size:0; letter-spacing:-5px; display:none;border:1px #F7B52D solid; border-left:none;border-bottom:none; box-shadow:0 -1px 0 0 #f7b52d inset}
.select-group-bd dl.active{ display:block;}
.select-group-bd dl:hover a{ background:none;color:#666;}
.select-group-bd dl:hover a:hover{ background:#F7B52D;color:#fff;}
.select-group-bd dt{ display:none;}
.select-group-bd dd { display:inline-block;margin:0; width:33.3333%; vertical-align:top;font-size:1rem; letter-spacing:0; }
.select-group-bd dd a {padding:0; height:3em; overflow:hidden; border:none;border:1px #F7B52D solid; white-space:nowrap; margin:-1px -1px 0 0;}
.select-group-bd dd a:before { content:""; display:inline-block; width:0;height:100%; vertical-align:middle;}
.select-group-bd dd a span { display:inline-block;vertical-align:middle; white-space:normal; line-height:1.2;}
.select-group-bd .dd-1 dd { width:100.0000%;}
.select-group-bd .dd-2 dd { width:50.00000%;}
.select-group-bd .dd-3 dd { width:33.33333%;font-size:.8rem;}
.select-group-bd .dd-4 dd { width:50.00000%;}
.select-group-bd .dd-5 dd { width:33.33333%;font-size:.8rem;}
.select-group-bd .dd-6 dd { width:33.33333%;font-size:.8rem;}
.select-group-bd .dd-7 dd { width:33.33333%;font-size:.8rem;}
.select-group-bd .dd-8 dd { width:50.33333%;;}
.select-group-bd .dd-9 dd { width:33.33333%;font-size:.8rem;}
.select-group-bd .dd-10 dd { width:50.33333%;}
.select-group-bd .dd-11 dd { width:33.33333%;font-size:.8rem;}
.select-group-bd .dd-12 dd { width:33.33333%;font-size:.8rem;}
.select-group-bd .dd-13 dd { width:33.33333%;font-size:.8rem;}
.select-group-bd .dd-14 dd { width:33.33333%;font-size:.8rem;}
.select-group-bd .dd-15 dd { width:33.33333%;font-size:.8rem;}
.select-group-bd .dd-16 dd { width:33.33333%;font-size:.8rem;}
.select-group-bd .dd-17 dd { width:33.33333%;font-size:.8rem;}
.select-group-bd .dd-18 dd { width:33.33333%;font-size:.8rem;}

.select-result { margin-top:0; overflow:visible;}
.select-result .panel-feature .panel-body { font-size:1em;}
.select-result .panel-feature{ border:none;}
.select-result .feature-content .swiper-slide img{ max-width:90%;}
.select-result .feature-content .swiper-single li{ padding:2em .18%; }
.select-result .swiper-feature-video { padding:5px;}
.select-result-hd {color:#000; text-align:center;}
.select-result-bd    { width:100%; overflow:hidden;}
.select-result-bd ul { margin:0 -10px;}
.select-result-bd li { width:50%;}
.select-result-bd li .inner{ padding:20px;}
.select-result-bd li .img img{max-width:75%;}

.collapser-ca { margin:0 -10px;}
.collapser .collapser-item { border:none; box-shadow:none; border-radius:0; margin-bottom:10px;}
.collapser .collapser-item:last-child { margin-bottom:0px;}
.collapser .collapser-head { overflow:hidden;white-space:nowrap; position:relative;text-align:left; padding:0;border-radius:0;}
.collapser .collapser-head .collapser-head-close{display:block; padding:0 1em;background: -webkit-linear-gradient(left, #6a6869 0%,#b4b6b5 50%,#6a6869 100%); }
.collapser .collapser-head .collapser-head-close .collapser-head-img{ display:inline-block; width:40%;vertical-align:middle; margin-right:2em; position:relative}
.collapser .collapser-head .collapser-head-close .collapser-head-img:after{ content:""; display:inline-block; height:0; padding-bottom:70%;vertical-align:middle;}
.collapser .collapser-head .collapser-head-close .collapser-head-img span{position:absolute; width:100%; height:100%; text-align:center;}
.collapser .collapser-head .collapser-head-close .collapser-head-img span img{ max-width:100%;max-height:100%;}
.collapser .collapser-head .collapser-head-close .collapser-head-img span:after{ content:""; display:inline-block; height:100%;vertical-align:middle;}
.collapser .collapser-head .collapser-head-close .collapser-head-title{ display:inline-block; vertical-align:middle; width:40%; color:#fff;}
.collapser .collapser-head .collapser-head-close .collapser-head-title h5{ font-size:2.4em; line-height:1}
.collapser .collapser-head .collapser-head-close .collapser-head-caret {display:inline-block;width:1.2em; height:1.2em; position:absolute;right:2em;top:50%; margin-top:-.6em;border-top:1px #fff solid;border-right:1px #fff solid;  transform:rotate(135deg);-webkit- transform:rotate(135deg); transition:transform 500ms;}
.collapser .collapser-head .collapser-head-open {display:none;}

.collapser .collapse-showing .collapser-head-close,
.collapser .collapse-open .collapser-head-close{ visibility:hidden; display:none;}	
.collapser .collapse-hideing .collapser-head-close{ visibility:visible;}

.collapser .collapse-open .collapser-head .collapser-head-close .collapser-head-caret { transform:rotate(-45deg);-webkit- transform:rotate(-45deg);}

.swiper-collapser {box-sizing:content-box;width:160%; margin-left:-30%; background:none;text-align:center;}
.swiper-collapser:before { padding-bottom:39%;}
.swiper-collapser-vertical li > img{ max-width:70%; max-height:30%;margin-top:8%; transition:all 300ms;}
.swiper-collapser-vertical li > .swiper-content{ margin-top:10%; opacity:0;transition:opacity 500ms;}
.swiper-collapser-vertical li.swiper-slide-active > img{ max-width:100%;max-height:50%;margin-top:0;}
.swiper-collapser-vertical li.swiper-slide-active .swiper-content{ margin-top:15%;opacity:1;}
.swiper-collapser-horizontal {padding:0 0%; margin-bottom:20px;width:200%; margin-left:-50%;}
.swiper-collapser-horizontal:before { padding-bottom:30% !important;}
.swiper-collapser-horizontal ul{left:0%;}
.swiper-collapser-horizontal li{ text-align:center; white-space:nowrap;}
.swiper-collapser-horizontal li:before{content:""; display:inline-block; height:100%; width:0;vertical-align:middle;}
.swiper-collapser-horizontal li > img{ max-width:30%; max-height:80%;transition:all 300ms; display:inline-block; margin-right:5%;}
.swiper-collapser-horizontal li > .swiper-content{  max-width:70%; display:inline-block;white-space:normal; vertical-align:middle;}
.swiper-collapser-horizontal li > .swiper-content img{  max-width:80%; margin-bottom:10px;}
.swiper-collapser-horizontal li.swiper-slide-active > img{ max-width:35%;max-height:100%;}
.swiper-collapser-horizontal li.swiper-slide-active .swiper-content{ max-width:60%;}

.swiper-intelligent li.swiper-slide { overflow:visible;}
.swiper-product-1 li.swiper-slide { overflow:visible;} 
.swiper-product-1 .cate-title { opacity:0; margin-bottom:1em;} 
.swiper-product-1 .swiper-slide-active .cate-title { opacity:1;}
.swiper-product-1:before { padding-bottom:55%;}

.swiper-product-2 li .swiper-img { white-space:nowrap;} 
.swiper-product-2 li .swiper-img img{ max-width:70%; max-height:30%;margin-top:8%; transition:all 300ms;}
.swiper-product-2 li.swiper-slide-active .swiper-img > img{ max-width:100%;max-height:50%;margin-top:0;}
.swiper-product-2 li .swiper-img:after { content:""; width:0; padding-bottom:80%; display:inline-block; vertical-align:middle;} 
.swiper-product-2 li > .swiper-content { margin-top:15%;}

.product-download li{ width:100%; text-align:center; margin-bottom:1em;}
.product-download li .hd h2,.product-download li .hd h3{ display:inline;}
.product-download li img{ zoom:0.5; }
.product-download li .bd { padding:0}
.product-download li .bd .item .ico{ float:none;display:block; max-width:none;margin-right:0; margin-bottom:0.5em;}
.product-download li .bd .item .link { font-size:1.2em;}
.product-download li .bd .item .link p{ display:inline-block; margin:0 0.5em;}
.iphone .product-download li .bd .android{ display:none;}
.android .product-download li .bd .ios{ display:none;}

/* page case */
.frame-case .body { height:100%;}
.swiper-case-mobile { height:100%;}
.swiper-case-mobile li { height:100%; position:relative;}
.swiper-case-mobile .bg{ position:relative;width:300%; height:300%; position:relative;left:-100%;top:-100%; text-align:center;}
.swiper-case-mobile .bg:before{content:""; position:absolute;left:0;top:0; background:rgba(0,0,0,0.5);display:block; width:100%;height:100%;}
.swiper-case-mobile .bg:after{content:""; display:inline-block; width:0;height:100%; vertical-align:middle;}
.swiper-case-mobile .bg img{ max-width:none;height:34%; vertical-align:middle;}
.swiper-case-mobile .content{ position:absolute;left:15px;top:15px;right:15px;bottom:35px; background:#fff; border-radius:5px; overflow:hidden;}
/*.swiper-case-mobile .content .table{ display:table; width:100%;height:100%; margin:0;}
.swiper-case-mobile .content .img     { display:table-row;}
.swiper-case-mobile .content .img  img{ width:100%;}
.swiper-case-mobile .content .info    { display:table-row;}
.swiper-case-mobile .content .title   { display:table-row;}
.swiper-case-mobile .content .desc    { display:table-row;height:100%;}
.swiper-case-mobile .content .desc-relative{ position:relative;height:100%;}
.swiper-case-mobile .content .desc-scroll{ position:absolute; width:100%;height:100%; overflow:auto;}
.swiper-case-mobile .content .cate    { display:table-row;text-align:right;}
.swiper-case-mobile .content .cate div   { display:inline-block; padding:10px;}
.swiper-case-mobile .content .cate div:before{content: "";display: inline-block;margin-right: .5em;vertical-align: middle;border-width: .4em .4em .5em 0;border-style: solid;border-color: #666 transparent transparent transparent;}
.swiper-case-mobile li h2{ font-size:1.5em; padding:10px; line-height:1.2;}
.swiper-case-mobile p { padding:0px 10px; margin-bottom:0; color:#666;}
.swiper-case-mobile .title + .desc .desc-relative{ border-top:1px #ccc solid; padding-top:10px;}*/
.swiper-case-mobile .content .table{}
.swiper-case-mobile .content .img     {}
.swiper-case-mobile .content .img  img{ width:100%;}
.swiper-case-mobile .content .info    { position:absolute; width:100%;left:0;bottom:0; background:#fff;}
.swiper-case-mobile .content .title   {}
.swiper-case-mobile .content .desc    {}
.swiper-case-mobile .content .desc-relative{}
.swiper-case-mobile .content .desc-scroll{width:100%;height:5em; overflow:auto;}
.swiper-case-mobile .content .cate    { text-align:right;}
.swiper-case-mobile .content .cate div   { display:inline-block; padding:10px;}
.swiper-case-mobile .content .cate div:before{content: "";display: inline-block;margin-right: .5em;vertical-align: middle;border-width: .4em .4em .5em 0;border-style: solid;border-color: #666 transparent transparent transparent;}
.swiper-case-mobile li h2{ font-size:1.5em; padding:10px; line-height:1.2;}
.swiper-case-mobile p { padding:0px 10px; margin-bottom:0; color:#666;}
.swiper-case-mobile .title + .desc .desc-relative{ border-top:1px #ccc solid; padding-top:10px;}


/* page history */
.history-title { text-align:center; font-size:1.8em; padding:.5em 0;}
.history-title h2 { font-weight:normal !important;}
.history-banner  { background:none !important;}
.history-banner .img { float:left; width:55%; margin:0 1em 1em 0;}
.history-banner .content { display:block; font-size:1em;}
.history-cate { font-size:1.6em; margin-top:1em;}
.imageword-history .imageword { padding:2em 0;}
.imageword-history .imageword-left  .image { float:left;width:45% !important; margin-right:6%;}
.imageword-history .imageword-right .image { float:right;width:45% !important; margin-left:6%;}
.imageword-history .word-inner .h4 { font-size:1em;}
.imageword-history-1 { background:none;}


/* page honor */
.honor-nav-mobile{ font-size:1.4em; margin:1em;}
.honor-nav-mobile li{ display:inline-block; position:relative;}
.honor-nav-mobile li.active:before{ content:""; position:absolute;left:50%;bottom:-10px; margin-left:-4px;display:inline-block; border-width:4px; border-style:solid; border-color: #000 transparent transparent transparent;}
.honor-nav-mobile li a{ display:block; padding:0 1em; line-height:1; color:#000;}
.honor-nav-mobile li + li a{ border-left:1px #000  solid;}
.honor-nav-mobile li.active{ display:inline-block;}
.honor-list li .inside { width:100%; padding:5%;}
.honor-list li .inside .img{ width:30%; vertical-align:middle;}
.honor-list li .inside .img + .word { width:62%;}
.honor-list li .inside:before ,.honor-list li .inside:after, .honor-list li .inside .img:before{ display:none;}
.honor-list li.odd,.honor-list li:nth-child(odd)  { background:#f5f5f5;}
.honor-list li.even,.honor-list li:nth-child(even)  { background:#fff;}


/* page culture */
.culture-summary { margin:10px auto;}
.culture-summary-title   { float:none; color:#0786D3; margin-bottom:.5em;}
.culture-summary-title + .culture-summary-content { padding-left:0; text-align:center;}
.culture-main { background:none;}
.swiper-culture { visibility:hidden; margin-bottom:10px;}
.swiper-culture.swiper-inited { visibility:visible;}
.swiper-culture ul.swiper-wrapper{ margin:0;}
.swiper-culture ul.swiper-wrapper li.swiper-slide{width:auto; padding-bottom:2em;}
.swiper-culture ul.swiper-wrapper li .slide-inside { padding:0;}
.swiper-culture ul.swiper-wrapper li .slide-inside h2 { margin:1em 0 .5em 0;}
.swiper-culture .swiper-pagination-switch { background:#ccc;}
.swiper-culture .swiper-active-switch { background:#F7B52D;}


/* page course */
.course-hd { border-bottom:1px #ddd solid;padding:1.2em; position:relative;}
.course-hd-content { display:none;}
.course-list { padding-left:0;overflow:hidden;}
.course-list .course-title { margin:0; padding:1em 0 .5em;}
.course-list .course-content-inner { padding-bottom:1em;}
.course-list .course-content-inner img.left,
.course-list .course-content-inner img.right { float:none; margin:1em 0;}
.course-list .course-content-inner img.left-m  { float:left; margin-right:1em;}
.course-list .course-content-inner img.right-m { float:right; margin-left:1em;}


/* page fqa */
.fqa-hd { border-bottom:1px #ddd solid; padding:1.2em; position:relative;}
.fqa-hd-back{ display:none !important;position:absolute;left:0;top:50%; height:4em; margin-top:-2em; white-space:nowrap;}
html.fqa-open .fqa-hd-back{ display:block !important;}
.fqa-hd-back:before { content:""; display:inline-block; width:20px;height:100%; vertical-align:middle;}
.fqa-hd-back:after{ content:"";vertical-align:middle;display:inline-block; width:1em; height:1em; border-top:1px #0786D3 solid;border-left:1px #0786D3 solid; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.fqa-hd-content { display:none;}
.fqa-bd { position:relative;}
.fqa-list { padding:0; overflow:visible;}
.fqa-list li{ border-top:none !important; position:static;}
.fqa-list li:nth-child(even) { background:#f9f9f9;}
.fqa-list li:before { display:none;}
.fqa-list .fqa-title { margin:0 2em; padding:1em 0;}
.fqa-list .fqa-title i { display:inline-block;vertical-align:top;line-height:1;width:auto; height:auto;left:-1em;top:auto; margin:auto; background:none !important;}
.fqa-list .fqa-title i:before { content:"►"; color:#F7B52D; font-size:.6em;}
.fqa-list .fqa-title b { width:.5em;right:-1.2em; background:url("") right center no-repeat; background-size:auto 50%;}
.fqa-content-row img{ width:100%;}
.frame-fqa .frame-fixed { background:#fff; z-index:400; overflow:auto;}
.frame-fqa .frame-fixed .fqa-title-mobile{ color:#0786D3; margin:.5em 0;}
html.fqa-open .frame-fixed {transform:translate(0,0);}

.fqa-list li:nth-child(1)  .fqa-title-mobile:before{ content:"问题一：";}
.fqa-list li:nth-child(2)  .fqa-title-mobile:before{ content:"问题二：";}
.fqa-list li:nth-child(3)  .fqa-title-mobile:before{ content:"问题三：";}
.fqa-list li:nth-child(4)  .fqa-title-mobile:before{ content:"问题四：";}
.fqa-list li:nth-child(5)  .fqa-title-mobile:before{ content:"问题五：";}
.fqa-list li:nth-child(6)  .fqa-title-mobile:before{ content:"问题六：";}
.fqa-list li:nth-child(7)  .fqa-title-mobile:before{ content:"问题七：";}
.fqa-list li:nth-child(8)  .fqa-title-mobile:before{ content:"问题八：";}
.fqa-list li:nth-child(9)  .fqa-title-mobile:before{ content:"问题九：";}
.fqa-list li:nth-child(10) .fqa-title-mobile:before{ content:"问题十：";}
.fqa-list li:nth-child(11) .fqa-title-mobile:before{ content:"问题十一：";}
.fqa-list li:nth-child(12) .fqa-title-mobile:before{ content:"问题十二：";}
.fqa-list li:nth-child(13) .fqa-title-mobile:before{ content:"问题十三：";}
.fqa-list li:nth-child(14) .fqa-title-mobile:before{ content:"问题十四：";}
.fqa-list li:nth-child(15) .fqa-title-mobile:before{ content:"问题十五：";}
.fqa-list li:nth-child(16) .fqa-title-mobile:before{ content:"问题十六：";}
.fqa-list li:nth-child(17) .fqa-title-mobile:before{ content:"问题十七：";}
.fqa-list li:nth-child(18) .fqa-title-mobile:before{ content:"问题十八：";}
.fqa-list li:nth-child(19) .fqa-title-mobile:before{ content:"问题十九：";}


/* page event */
.event-loan {margin-top:20px;}
.event-loan span { font-size:1.2rem;}
.event-tips-a {margin-top:20px;}
.event-tips-b {margin-top:20px; padding:20px;}

/* page intelligent-vrv */
/* banner */
.intelligent-vrv-banner .inner-lg>p{text-align: center;font-size: 14px;
  line-height: 20px;}
.intelligent-vrv-banner .inner-lg>p:last-child{margin-bottom: 0;}
.intelligent-vrv-banner .inner-lg{padding: 3.5em 2.3em;}
/* control */
.intelligent-vrv-control .control-banner .content h2{margin-bottom: 3px;font-size: 2.1em;}
.intelligent-vrv-control .control-banner .content p{padding: 0;}
.intelligent-vrv-control .control-banner .content{bottom: 21%; width: 92%;box-sizing: border-box;padding:4% 8% 4%; background-color: rgba(237,238,238,.8)}
.intelligent-vrv-control .control-banner .content.two{bottom: 9%;}
.intelligent-vrv-control .control-banner .content.three{bottom: 9%;}
.intelligent-vrv-control .control-banner .content>p{margin-bottom: 0;}
.intelligent-vrv-control .control-banner .control-icon ul{width: auto;display: flex;align-items: flex-start;justify-content: space-between;align-content: space-between;}
.intelligent-vrv-control .control-banner .control-icon ul::before, .intelligent-vrv-control .control-banner .control-icon ul::after{content: none;}
.intelligent-vrv-control .control-banner .control-icon ul>li{width: 18%;}
.intelligent-vrv-control .control-banner .control-icon ul>li>p{font-size: .75em;}
.intelligent-vrv-control .control-banner>div.img{position: relative;}
.intelligent-vrv-control .control-banner{padding-bottom: 0;}
.intelligent-vrv-control .control-banner .control-icon ul>li>p{margin-top: 3px;margin-bottom: 0;}
.intelligent-vrv-control .imageword-intelligent{padding: 3.125em 1.25em 0 1.25em;}
.intelligent-vrv-control .imageword-mobile .imageword{margin-bottom: 4em;}
.intelligent-vrv-control h2.title{margin-top: 35px;}
.intelligent-vrv-control .imageword-mobile .word h2{font-size: 2em;font-weight: bold;}
.intelligent-vrv-control .imageword-mobile .word h3{font-size: 1.1em;margin-top: 0;font-weight: bold;margin-bottom: 1.625em;}
.intelligent-vrv-control .imageword-mobile .word p{font-size: .83em;line-height: 1.5;margin-top: 2em;}
.intelligent-vrv-service .imageword-pc .word h3 { font-size: 16px; margin-top: 0;}
.intelligent-vrv-control .imageword-pc .word h2{font-size: 18px;font-weight: bold; margin-bottom: 10px;}
.intelligent-vrv-control .imageword-pc .word.er{display:block; width: 100%;}
.intelligent-vrv-control .imageword-pc .word.er h2{margin-top: 20px;}
.intelligent-vrv-control .imageword-pc .word.er p{margin: 15px 0 0;}
/* service */
.intelligent-vrv-service .control-banner .control-icon ul>li{width: 100%;}
.intelligent-vrv-service .control-banner .control-icon ul>li>p{padding-left: 1.5em;}
.intelligent-vrv-service .control-banner .control-icon ul>li>p::before{width: .9em;height: .9em;margin-top: -.45em;}
.intelligent-vrv-service .imageword-pc .word ul>li{width: 32%; margin-bottom: 30px;}
.intelligent-vrv-service .none{display: block;}
.intelligent-vrv-service .imageword-pc .imageword.marginB{margin-bottom: 10px;}
.intelligent-vrv-service .imageword-pc .imageword{margin-bottom: 3em;}
.intelligent-vrv-service .imageword-pc .imageword:nth-child(2) .word-inner ul li:nth-child(2){text-align: center;}
.intelligent-vrv-service .imageword-pc .imageword:last-child .word-inner ul li{width: 100%;}
.intelligent-vrv-service .imageword-pc .imageword:last-child .word-inner ul li p{ height: auto; margin-bottom: 10px;}
.intelligent-vrv-service .imageword-pc .word ul>li>img{margin-top: 0; width: 100%;}
/* series */
.intelligent-vrv-series .control-banner .control-icon ul{align-items: flex-start;}
.intelligent-vrv-series .control-banner .control-icon ul>li{width: 30%;}
.intelligent-vrv-series .control-banner .control-icon ul>li:last-child div{margin-top: 2em;}
.intelligent-vrv-series .control-banner .content .marginL{margin-left: 0;}
.intelligent-vrv-series .control-banner .content h3{padding-bottom: 6px;margin-bottom: 3px;}
.intelligent-vrv-series .imageword-pc .imageword{margin-bottom: 20px;}
.intelligent-vrv-series .imageword-pc .imageword .image{width: 100%!important;}
.intelligent-vrv-series .imageword-pc .imageword .word{width: 100%; padding-bottom: 20px;}
.intelligent-vrv-series .imageword-pc .imageword .image.kuan{width: 100%!important;}
.intelligent-vrv-series .imageword-pc .imageword .word.kuan{width: 100%; padding-bottom: 50px;}
.intelligent-vrv-series .imageword-pc .word p{margin-top: 10px;margin-bottom: 0;font-size: 14px;}
.intelligent-vrv-series .imageword-left .word-inner{padding-left: 0!important; margin-top: 15px;}
.intelligent-vrv-series .imageword-right .word-inner{padding-right: 0!important; margin-top: 15px; }
.w-banner {
  padding: 0 5%;
}
.w-banner .info{width: 100%;}
.w-product{    width: 100%;
  padding: 0 4%;}
.w-product .left{width: 100%;}
.w-product .right{width: 100%;margin-top: 20px;}
.w-product .right table td {
  font-size: 12px;
  line-height: 30px;
}
.w-product .right table td span {
  font-size: 12px;
  font-weight: bold;
}
.w-product table.from td {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
}
.w-product ul li p {
  font-size: 14px;
  min-height: 127px;
}
.intelligent-vrv-control.w-chan .imageword-pc .word h2 img {
  top: 4px;
  width: 13px;
}

/* pages for lccintro */
.swiper-guide .gide-down.inner{bottom: 21%;}
.swiper-guide .gide-down>a .icon-s-down{width: 1.5em;height: 1.5em;}
.guide-main{position: relative;}
.guide-main ul{overflow: hidden;margin: 0 0 5em;}
.guide-main li{width: 92%;margin: 2.5em auto 0;display: block;}
.guide-main .guide-arr{width: 4.3em;height: 4.3em;top: -1.15em; bottom: 0;margin-left: -2.15em;background: url("") no-repeat;background-size: 100%;}

/**/
.alert-parameter table{ font-size:.5em; min-width:100%;}
.alert-parameter table td{ border:1px #ddd solid; padding:3px; line-height:1.2;}

.alert-parameter table tr:nth-child(odd) td{ background:#f5f5f5;}
.alert-parameter table tr:nth-child(odd) td[rowspan]{ background:#fff;}
.alert-parameter table tr:first-child td{ background:#666; border-color:#777;color:#fff;}
}
@media (max-width: 360px){
  .intelligent-vrv-control .control-banner .content h2{font-size: 1.8em;}
  .intelligent-vrv-control .control-banner .content{bottom: 8%;}
}
@media (max-width: 320px){
  .intelligent-vrv-control .control-banner .content h2{font-size: 1.8em;}
  .intelligent-vrv-control .control-banner .content{bottom: 8%;}
}