@charset "utf-8";

/*************************************************************************************************** product *********************************************************************************************************/
/* product index */
.product-category {margin-bottom:2.8%;}
.product-category:after {content:""; display:block; clear:both;}
.product-category > div {float:left; width:23.6364%; margin-left:1.8182%; margin-bottom:2.8%; border-top:2px solid #4a4a4a}
.product-category > div:first-child {margin-left:0;}
.product-category > div > strong {display:block; padding:4.8% 3%; font-size:1.429em; color:#333;}
.product-category > div > img {margin-bottom:12px;}
.product-category > div li {border-bottom:1px dotted #e1e1e1;}
.product-category > div li a {display:block; padding:0.786em 1.143em 0.786em 0.643em;}
.product-category > div li a.on,
.product-category > div li a:hover,
.product-category > div li a:focus,
.product-category > div li a:active { font-weight:bold; color:#2374c5; background:url('/cn/images/product/ico-link.png') no-repeat 96% 58%; background-color:#f9f9f9}

@media screen and (max-width: 740px){
.product-category > div {width:48%; margin-left:4%;}
.product-category > div:nth-of-type(2n+1) {clear:both; margin-left:0;}
}

@media screen and (max-width: 740px){
.product-category > div > strong {font-size:1em;}
.product-category > div li {font-size:0.857em;}
}

.prod-search {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:2.8%; background:#f9f9f9; margin-bottom:2.728%;} 
/*.prod-search .view-detail {display:none;}*/
.prod-search-step {}
.prod-search-step:after {content:""; display:block; clear:both;}

.prod-search-step .pss {float:left; width:33.3333%;}
.prod-search-step .pss > p {margin-bottom:2.9%; font-size:1.143em;}
.prod-search-step .pss > p span {display:inline-block; height:auto; line-height:180%; background:#2374c5; padding:0 10px; font-size:0.875em; font-weight:bold; vertical-align:middle; color:#fff; margin-right:10px; border-radius:20px; margin-top:-3px;}

.prod-search-step .pss .inner {border:1px solid #e1e1e1; border-left:0; background:#fff; padding:5.203% 5.203% 5.203% 8.09%; overflow-y:auto; height:200px;}
.prod-search-step .pss.step1 .inner {border-left:1px solid #e1e1e1;}
.prod-search-step .pss .inner li a {display:block; padding:0.8em 2em 0.8em 0}
.prod-search-step .pss .inner li.on a,
.prod-search-step .pss .inner li.on a:hover,
.prod-search-step .pss .inner li.on a:focus,
.prod-search-step .pss .inner li.on a:active { font-weight:bold; color:#2374c5; background:url('/cn/images/product/sch-arr.gif') no-repeat 96% 50%;}
.prod-search-step .pss.step3 .inner li.on a {background:none;}

.prod-search .prod-result {border:1px solid #e1e1e1; border-top:0; background:#fff; padding:2.857em 2.500em; position:relative; min-height:6.5em}
.prod-search .prod-result:after {content:""; display:block; clear:both;}
.prod-search .prod-result dl {float:left; margin-right:200px; min-height:120px;}
.prod-search .prod-result dt {margin-bottom:2.432%;}
.prod-search .prod-result dt a {color:#2374c5; font-weight:bold; font-size:1.143em; background:url('/cn/images/product/sch-arr.gif') no-repeat 100% 6px; padding-right:18px;}
.prod-search .prod-result dd {line-height:1.4em;}
.prod-search .prod-result dd p {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:5; -webkit-box-orient:vertical; display:-webkit-box; height:98px;}
.prod-search .prod-result .prod-thumb {position:absolute; top:10%; right:5%; width:154px;}

.prod-search .prod-result-default {text-align:center;}
.prod-search .prod-result-default img {width:auto;}
.prod-search .prod-result-default span {display:block; padding-top:2%;}

.prod-link {border:1px solid #e1e1e1; background:#f7f7f7; padding:2.728%; min-height:84px;}
.prod-link:after {content:""; display:block; clear:both;}

.prod-link > div {float:left; width:33.333%; position:relative;}
.prod-link > div:first-child {margin:0;}
.prod-link > div .icon-link {position:absolute; top:0; left:0;}
.prod-link > div .icon-link img {width:auto;}
.prod-link dl {padding-left:100px; max-width:200px;}
.prod-link dt {margin-bottom:6.5%; padding-top:8px;}
.prod-link dt a {color:#333; font-weight:bold; font-size:1.143em; background:url('/cn/images/product/link-arr.gif') no-repeat 100% 8px; padding-right:18px;}
.prod-link dt a span {}
.prod-link dd {font-size:0.857em; line-height: 1.4em;}

@media screen and (max-width: 1040px){
.prod-link dt {padding-top:30px;}
.prod-link dd {display:none}
}

@media screen and (max-width: 980px){
.prod-link > div {text-align:center;}
.prod-link > div .icon-link {position:relative; top:inherit; left:inherit;}
.prod-link dl {padding:0; max-width:inherit;}
.prod-link dt {padding-top:10px;}
.prod-link dt a {background:none; padding-right:0;}
.prod-link dt a span {display:none;}
}

@media screen and (max-width: 740px){
.prod-link dt a {font-size:1em;}
.prod-search-step .pss > p {font-size:0.929em;}
/*.prod-search .view-detail {display:block; margin:15px auto 0; text-align:center;}*/
}

@media screen and (max-width: 640px){
.prod-search {padding-top:3.5%;}
.prod-search-step .pss > p {margin-top:20px; display:none;}
.prod-search-step .pss {float:none; width:100%;}
.prod-search-step .pss .inner {overflow:hidden; height:auto;border:1px solid #e1e1e1 !important; margin-top:2px;}
.prod-search .prod-result dd p {height:82px;}


.prod-select ul {border-bottom:1px solid #e1e1e1;}
.prod-select ul li:before {width:0; display:none;}
.prod-select ul li:after, 
.prod-select ul li.on:after {display:none;}
.prod-select ul li {width:100% !important;}
.prod-select ul li a {font-size:0.875em; text-align:left; padding:0 10px; border:0; font-weight:normal; background-color:#fff;}
.prod-select ul li a span {display:block; height:100%; border-top:1px solid #e1e1e1; padding:7px 0;}
.prod-select ul li:first-child a span {border-top:0; padding-right:20px;}
.prod-select ul li.on a {background:none; border-top:0; color:#000;}
.prod-select ul li.on a:after {content:""; display:inline; background-color:transparent;}

.prod-select.scroll-mode {position:relative;}
.prod-select.scroll-mode > .select-value {display:block; background-color:#458acf; padding:0.769em 40px 0.769em 1.250em; overflow:hidden; color:#fff; font-size:0.857em;}
.prod-select.scroll-mode > ul {border:0; border-top:1px solid #d1d1d1;}
.prod-select.scroll-mode > .select-value:after,
.prod-select.scroll-mode > ul > li:first-child:after {display:block; float:right;}
.prod-select.scroll-mode > .select-value:after {content:""; display:block; position:absolute; top:5px; right:2%; width:30px; height:28px; background:url('/images/ico/brd-set.png') no-repeat -28px -120px; background-size:250px 250px;}
.prod-select.scroll-mode > .select-value.on:after {background-position:-58px -120px; background-size:250px 250px;}
.prod-select.scroll-mode > ul {position:relative; top:0; background:#fff; display:none; max-height:200px; overflow-y:auto;}
.prod-select.scroll-mode > ul > li {cursor:pointer; width:100%;}
.prod-select.scroll-mode > ul > li a {padding:0 1.250em !important;} 

.prod-search-step .pss .inner li.on a,
.prod-search-step .pss .inner li.on a:hover,
.prod-search-step .pss .inner li.on a:focus,
.prod-search-step .pss .inner li.on a:active {background:url('/cn/images/product/sch-arr-right.png') no-repeat right 50%; background-size:27px 11px;}

.prod-select.scroll-mode > .select-value {background-color:#fff; color:#004288; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*border:1px solid #d1d1d1;*/
.prod-select.scroll-mode > .select-value:after {background-position:-93px -120px; background-size:250px 250px;}
.prod-select.scroll-mode > .select-value.on:after {background-position:-123px -120px; background-size:250px 250px;}

.sub-tab ul li a > span > em {display:inline-block;}

.prod-search-step .pss .inner {border:0; padding:0;}
.prod-search .prod-result {margin-top:2px; border:1px solid #e1e1e1 !important; font-size:0.929em;}
.prod-search .prod-result dd {font-size:0.923em;}
 
.prod-search .prod-result {padding:1.071em;}
.prod-search .prod-result dl {float:none; margin-right:0;}
.prod-search .prod-result dt {margin-bottom:2.432%;}
.prod-search .prod-result dt a {color:#2374c5; font-weight:bold; font-size:1.143em; background:url('/cn/images/product/sch-arr.gif') no-repeat 100% 6px; padding-right:18px;}
.prod-search .prod-result dd {line-height:1.4em;}
.prod-search .prod-result .prod-thumb {position:static; top:0; right:0; width:154px; margin:0 auto; display:block;}
}

@media screen and (max-width: 480px){
.prod-link > div .icon-link img {max-width:60px;}
.prod-link dt a {font-size:0.857em;}
.prod-link dt em.mb {display:block;}
.prod-link .pLink3 dt {padding-top:16px;}
}

/* product overview */
.product-overview {margin-bottom:4.092%}
.product-overview .head-cont {width:100%; background-color:#2d79c4;}
.product-overview .head-cont:after {content:""; display:block; clear:both;}
.product-overview .head-cont .pic {float:left; width:68%;}
.product-overview .head-cont .pic img {width:100%!important;}
.product-overview .head-cont .item {float:right; width:27%; padding:3.819% 2.5% 0.5% 2.5%; color:#fff;}
.product-overview .head-cont .item > span {font-size:1.571em; }
.product-overview .head-cont .item ul {margin-top:20px; line-height:1.7;}
.product-overview .head-cont .item > p {font-size:1.143em; line-height:1.5em; max-height:16.5em; overflow:hidden;}
.product-overview .page-con-top {border-bottom:1px solid #e1e1e1; padding-bottom:3.637%}

.product .brd-img-hori.in-border-box li .add-bor {background:#fafafa}
.product .brd-img-hori.in-border-box li .add-bor > a > div {margin:1em 1em 0;}
.product .brd-img-hori.in-border-box li .add-bor > a > div > strong {min-height:2.5em; display:inline-block;}
.product .brd-img-hori.in-border-box li .add-bor > a > div > strong:after {content:""; display:inline-block; position:relative; top:1px; margin-left:10px; width:7px; height:13px; background:url('/cn/images/product/arr-off.gif') no-repeat 0 0;}
.product .brd-img-hori.in-border-box li.over .add-bor > a > div > strong:after {background:url('/cn/images/product/arr-on.gif') no-repeat 0 0}
.product .brd-img-hori.in-border-box li .add-bor > a > div > p {margin: 1em 0; min-height: 4.5em; height:4.5em; line-height:1.5em; font-size:1em; position:relative; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; color:#666;}

@media screen and (max-width: 940px){
.product-overview .head-cont .item > span {font-size: 1.286em;}
.product-overview .head-cont .item > p {font-size: 1em;}
}

@media screen and (max-width: 840px){
 .product-overview .head-cont .item {padding-top:2%;}
 .product-overview .head-cont .item > p {max-height:18em;} 
}

@media screen and (max-width: 800px){
.product-overview .head-cont .pic {float:none;}
.product-overview .head-cont .item {float:none; width:94%; padding:3%;}
.product-overview .head-cont .item > span {font-size: 1.286em;}
.product-overview .head-cont .item > p {max-height:inherit;}
}

@media screen and (max-width: 480px){
.product-overview .head-cont .item > span {font-size: 1em;}
.product-overview .head-cont .item > p {font-size: 0.857em;}
}

/* product detail */
.product-detail {}

.prod-summary {width:100%; position:relative;}
.prod-summary:after {content:""; display:block; clear:both;}

.prod-summary .summ-script {float:left; width:50%; font-size:1.143em; line-height:1.714em}
.prod-summary .cate-keyvi {float:right; width:45.5%; position:relative;}
.prod-summary .cate-keyvi .keyvi-img {width:72%;}
.prod-summary .cate-keyvi .keyvi-thum {position:absolute; top:0; right:0; width:70px;}
.prod-summary .cate-keyvi .keyvi-thum li {width:100%; margin-bottom:10px; position:relative;}
.prod-summary .cate-keyvi .keyvi-thum li:first-child {margin-top:20px;}
.prod-summary .cate-keyvi .keyvi-thum li a {display:block; border:1px solid #e1e1e1;}
.prod-summary .cate-keyvi .keyvi-thum li .add-bar { width:100%; height:100%; border: 3px solid #5997d9; position: absolute; left:0; top:0; box-sizing:border-box}

@media screen and (max-width: 1060px){
.prod-summary .cate-keyvi .keyvi-thum li:first-child {margin-top:0;}
}

@media screen and (max-width: 990px){
.prod-summary .cate-keyvi .keyvi-thum {width:60px;}
}

@media screen and (max-width: 880px){
.prod-summary .summ-script {width:52%;}
.prod-summary .cate-keyvi {width:43%;}
.prod-summary .cate-keyvi .keyvi-img {width:100%;}
.prod-summary .cate-keyvi .keyvi-thum {position:relative; top:inherit; right:inherit; width:100%; margin-top:10px; display:inline-block; text-align:center;}
.prod-summary .cate-keyvi .keyvi-thum li {width:24%; margin-left:1.3333%; max-width:70px; display:inline-block;}
.prod-summary .cate-keyvi .keyvi-thum li:first-child {margin-left:0;}
}

@media screen and (max-width: 800px){
.prod-summary .cate-keyvi .keyvi-thum li {max-width:60px}
}

@media screen and (max-width: 700px){
.prod-summary .cate-keyvi .keyvi-thum li {max-width:58px; margin-left:0.8%;}
}

@media screen and (max-width: 640px){
.prod-summary .cate-keyvi, .prod-summary .summ-script {float:none; width:100%;}
.prod-summary .summ-script {font-size:1em;}
}

.product-detail .detail-info {margin:4.546% 0; padding:2.728% 3.637% 0; background:#fafafa;}
.detail-info .block {}
.detail-info .block .info-tit {font-size:1.429em; font-weight:bold; padding-bottom:2.746%; border-bottom:1px solid #d7d7d7;}

.detail-info .block .inner {padding:2.746% 3.922% 5.393%; color:#666;}
.detail-info .block .inner p {line-height:1.5;}
.detail-info .block .inner .d-tit {color:#333; font-size:1.143em; margin-bottom:1.916%;}
.detail-info .block .inner .l-tit { display:block; margin-bottom:1%;}
.detail-info .block .inner li {margin-top:2%;}
.detail-info .block .inner li:first-child {margin-top:0;}

@media screen and (max-width: 640px){
.product-detail .detail-info {padding:20px;}
.detail-info .block .info-tit {font-size:1.143em;}
.detail-info .block .inner .d-tit {font-size:1em; margin-bottom:10px;}
.detail-info .block .inner {padding:15px 15px 20px 15px;}
.detail-info .block .inner li {margin-top:10px;}
}


/*************************************************************************************************** solution *********************************************************************************************************/
.solution .solution-tab {position:relative; width:100%; margin-bottom:40px;}
.solution .solution-tab:after {content:""; display:block; clear:both;}
.solution .solution-tab li {float:left; width:12.5%; height:142px; border:solid #d9d9d9; border-width:1px 0 1px 1px; box-sizing:border-box;}
.solution .solution-tab li.last {border-width:1px;}
.solution .solution-tab li a {display:block; width:100%; height:100%; position:relative; color:#666; background-color:#fff; background-repeat:no-repeat; background-position:50% 0;}
.solution .solution-tab li a span {position:absolute; top:88px; left:0; width:100%; text-align:center; }
.solution .solution-tab li a span .lbr {display:block;}
.solution .solution-tab li.txt2 a span {top:80px;}

.solution .solution-tab li.sol01 a {background-image:url('/cn/images/product/tab-solution01.png');}
.solution .solution-tab li.sol02 a {background-image:url('/cn/images/product/tab-solution02.png');}
.solution .solution-tab li.sol03 a {background-image:url('/cn/images/product/tab-solution03.png');}
.solution .solution-tab li.sol04 a {background-image:url('/cn/images/product/tab-solution04.png');}
.solution .solution-tab li.sol05 a {background-image:url('/cn/images/product/tab-solution05.png');}
.solution .solution-tab li.sol06 a {background-image:url('/cn/images/product/tab-solution06.png');}
.solution .solution-tab li.sol07 a {background-image:url('/cn/images/product/tab-solution07.png');}
.solution .solution-tab li.sol08 a {background-image:url('/cn/images/product/tab-solution08.png');}

.solution .solution-tab li.on a {color:#fff; background-color:#458acf; background-position:50% -142px;}

.solution .solution-tab {text-align:center;}
.solution .tab-cnt-none.solution-tab-mar {margin:3.415% 0 4.585%; border-bottom:1px solid #e1e1e1;}

@media screen and (max-width: 715px){
.solution .solution-tab {margin-bottom:20px; border-top:1px solid #e1e1e1;}
.solution .solution-tab li {float:left; margin:0; width:33.3%; height:auto; border:solid #e1e1e1; border-width:0 1px 1px 0;}
.solution .solution-tab li a {width:100%; height:43px; line-height:43px; background-image:none !important; font-weight:bold;}
.solution .solution-tab li:nth-child(3n+1) {border-left:1px solid #e1e1e1;}
.solution .solution-tab li a span {position:relative; top:inherit; left:inherit;}
.solution .solution-tab li a span .lbr {display:none;}
.solution .solution-tab li.on a {background:#458acf; font-weight:bold;}
.solution .solution-tab li.txt2 a span {top:0;}
.solution .solution-tab li.last {border-width:0 1px 1px 0;}
}

@media screen and (max-width: 640px){
.solution .solution-tab li {float:left; margin:0; width:50%;}
.solution .solution-tab li:nth-child(3n+1) {border-left:0 none;}
.solution .solution-tab li:nth-child(2n+1) {border-left:1px solid #e1e1e1;}
}

@media screen and (max-width: 400px){
.solution .solution-tab li a {font-size:0.857em}
}

.solution .solution-head {position:relative;}
.solution .solution-head p {padding-right:200px; line-height:150%; font-size:1.143em;}
.solution .solution-head .btn-solution-inquiry {position:absolute; right:0; top:0; border:1px solid #3271b0; padding:0 10px; color:#fff; background:#458acf no-repeat 90% 46%; height:30px; line-height:28px;}
/*.solution .solution-head .btn-solution-inquiry span {height:30px; line-height:28px; padding:0 38px 0 0; display:block;}*/

@media screen and (max-width: 640px){
.solution .solution-head p {padding:0;}
.solution .solution-head .btn-solution-inquiry {position:relative; display:block; text-align:center; margin-top:10px; display:none;}
.solution .solution-head .btn-solution-inquiry span {height:40px; line-height:38px; padding:0;}
}

.solution .tab-cnt {margin:3.415% 0 4.585%; border-bottom:1px solid #e1e1e1;}
.solution .tab-cnt .tab-tit {font-size:1.857em; padding:0 2.728%}

@media screen and (max-width: 920px){
.solution .tab-wrap ul li a {font-size:0.875em;}
.solution .tab-wrap ul.ea05 li + li + li a {border-top:0 none;}
.solution .tab-wrap ul li:after {display:none;}
/*.solution .tab-wrap ul li a {padding-left:0; text-align:center;} del 2016.01.07*/
.solution .tab-wrap ul.ea05 li {width:50%;}
.solution .tab-wrap ul.ea05 li:nth-child(3) a{border-left:1px solid #d1d1d1;}
.solution .tab-wrap ul.ea05 li:nth-child(5) a{border-left:1px solid #d1d1d1;}
.solution .tab-wrap ul.ea08 li {width:50%;}
.solution .tab-wrap ul.ea08 li:nth-child(3) a{border-left:1px solid #d1d1d1;}
.solution .tab-wrap ul.ea08 li:nth-child(7) a{border-left:1px solid #d1d1d1;}
}

.solution .solution-visual {margin:4.3% auto 4%; width: fit-content;}

/*************************************************************************************************** common *********************************************************************************************************/
.midTop {margin-top: 4.546%;}

/* associated content */
.ass-content {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f9f9f9; padding:30px}
.ass-content:after {content:""; display:block; clear:both;}
.ass-content li {float:left; width:23.5%; margin-left:2%}
.ass-content li:first-child {margin-left:0}
.ass-content li a img {border:1px solid #e1e1e1;}
.ass-content li a span {display:block; margin-top:6%; font-size:1.071em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.as-img-resize li a div{position: relative; border:1px solid #e1e1e1; height:152px; overflow:hidden;}
.as-img-resize li a div img {border:0;}
.as-img-resize li a div.long img{width:auto; display:block; margin:0 auto;}
.as-img-resize li a div.wide img{display:block; margin:0;}
.as-img-resize li .resz{display:block;}

@media screen and (max-width: 1260px){
.ass-content li a div{height:130px;}
}

@media screen and (max-width: 920px){
.ass-content li a span {font-size:1em;}
}
@media screen and (max-width: 640px){
.ass-content {padding:15px;}
.ass-content li {width:48%; margin:0 0 4% 4%;}
.ass-content li:nth-child(2n+1) {margin-left:0;}
}

@media screen and (max-width: 480px){
.ass-content li {width:48%; margin:0 0 4% 4%;}
.ass-content li a span {font-size:0.857em;}
}



/*************************************************************************************************** succession *********************************************************************************************************/
.succesion .brd-img-hori.in-border-box li .add-bor strong {color:#000;}
.succesion .brd-img-hori.in-border-box li .add-bor > div > p {margin: 1em 0; min-height: 4.5em; height:4.5em; line-height:1.5em; position:relative; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; color:#666;}

.product-overview.right .head-cont .pic {float:right;}
.product-overview.right .head-cont .item {float:left;}
.product-overview .head-cont .item span em {display:block; font-size:0.727em;}/*font-size:16px*/
.product-overview .head-cont .item .top-bar {position:relative; padding-top:40px; margin-top:0;}
.product-overview .head-cont .item .top-bar:before {content:""; position:absolute; top:20px; left:0; width:17px; height:1px; background:#e1e1e1;}

@media screen and (max-width: 800px){
 .product-overview.right .head-cont .pic {float:none;}
 .product-overview.right .head-cont .item {float:none;}
}

@media screen and (max-width: 480px){
 .product-overview .head-cont .item .top-bar {padding-top:20px;}
 .product-overview .head-cont .item .top-bar:before {top:10px; width:10px;}
}


.info-box {position:relative; margin-bottom:3.429em; border:solid #d7d7d7; border-width:1px 0;}
.info-box.fir {margin-bottom:0; border-bottom:0 none;}
.info-box + .info-box {border-top-style:dashed;}
.info-box .img {display:table; position:absolute; top:0; left:0; width:360px; /* height:100%; */ padding:25px 0; box-sizing:border-box; text-align:center; vertical-align:middle; background:#f7f7f7;}
.info-box.txt .img {height:100%;}
.info-box .img span {display:table-cell; vertical-align:middle;}
.info-box .img img {width:auto; border:1px solid #f2f2f2;}
.info-box .img + .desc {min-height:190px; margin-left:360px;}
.info-box .desc {color:#666; padding:2.857em; padding-right:1em; box-sizing:border-box;}
.info-box .desc strong {display:block; margin:1.875em 0 0.813em; color:#333; font-weight:normal; font-size:1.143em;}
.info-box .desc .fw-b { font-weight:bold;}
.info-box .desc li {margin-top:0.857em;}
.info-box .desc li:first-child {margin-top:0;}
.info-box .desc p.add,
.info-box .desc .add li {margin-top:0.667em; font-size:0.857em;}
.info-box .excep:after {content:""; clear:both; display:block;}
.info-box .excep .ex-img {float:left; width:60%; max-width:665px;}
.info-box .excep .ex-img .m-img {display:none;}
.info-box .excep .ex-box {float:left; width:35%; padding-left:5%;}
.info-box .btn-scc {display:inline-block; position:relative; margin-bottom:8px; color:#2374c5; text-decoration:underline; font-size:1em;}
.info-box .btn-scc:after {content:""; position:absolute; top:0; right:-10px; width:4px; height:100%; background:url('/cn/images/ico/ico-arr-right.png') 0 center no-repeat;}

@media screen and (max-width: 840px){
 .info-box .img {width:40%;}
 .info-box .img + .desc {margin-left:40%;}
}

@media screen and (max-width: 640px){
 .info-box {height:auto !important;}
 .info-box .img {position:static; width:100%; height:auto !important; padding:24px 0;}
 .info-box .img + .desc {min-height:0; margin-left:0;}
 .info-box .desc {padding:2.857em 1.071em;}
 .info-box .excep .ex-img {float:none; width:auto;}
 .info-box .excep .ex-img .pc-img {display:none;}
 .info-box .excep .ex-img .m-img {display:block;}
 .info-box .excep .ex-box {float:none; width:auto; padding-left:0; margin-top:40px;}
}

@media screen and (max-width: 400px){
 .info-box .desc {padding:1.071em;}
 .info-box .desc strong {font-size:0.929em;}
 .info-box .desc li,
 .info-box .desc p {font-size:0.857em;}
 .info-box .desc p.add,
 .info-box .desc .add li {margin-top:0.571em; font-size:0.786em;}
 .info-box .excep .ex-box {margin-top:15px;}
 .info-box .btn-scc {margin-bottom:5px; font-size:0.857em;}
 .info-box .btn-scc:after {right:-8px;}
}


.as-img-resize-rela a {width:100%; display:block;}
.as-img-resize-rela a div {position: relative; overflow:hidden; border:1px solid #e1e1e1;}
.as-img-resize-rela a div img {border:0;}
.as-img-resize-rela a div.long img {width:auto; display:block;}
.as-img-resize-rela a div.wide img {display:block; height:100%; width:auto; margin:0 auto;}

.as-img-resize-rela .resz {display:block; width:100%; background-color:#f7f7f7;}
.as-img-resize-rela .resz img {width:initial; height:100%;}