.supportNavItem{display: inline-block; height: 41px; padding: 0 15px;text-align: center; position: relative; border-radius: 3px;}
.supportNavItem span{color: #444; line-height: 40px;}
.supportNavItem span.navEnTxt{margin-top: 8px;}
.supportnavWrap{margin-top: 20px; margin-bottom: 30px; border-bottom: 1px solid #cfcfcf}
.supportnavWrap a.cur,.supportnavWrap a:hover{background: #ff4c4c;}
.supportnavWrap a.cur span,.supportnavWrap a:hover span{color: #fff;}
.supportNavItem:hover span{color:#ff4c4c;}
.supportNavItem .arrowDown{display: none;}
.supportnavWrap a.cur .arrowDown,.supportnavWrap a:hover .arrowDown{display: inline-block; position: absolute; bottom: -6px;left: 50%; margin-left: -3px;}
.supportnavWrap a.cur .arrowDown:before,.supportnavWrap a:hover .arrowDown:before{border-top-color: #ff4c4c;}
.supportnavWrap a.cur .arrowDown:after,.supportnavWrap a:hover .arrowDown:after{border-top-color: #ff4c4c;}

.page-solutions-con-tit h1{
	font-size: 20px;
	color: #333;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.page-solutions-box-con{
	font-size: 16px;
	line-height: 32px;
}


/** 产品列表 **/
.a11y {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(1px,1px,1px,1px) !important
}
.mainWrap .as-banner-content {
    position: absolute;
    top: 240px;
    width: 980px;
    margin: 0 auto;
    left: 0;
    right: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.mainWrap .as-banner-content .pageTitle {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    width: 980px;
    margin-top: 48px;
    word-wrap: break-word;
    text-align: center
}
.pageTitle-heading {
    font-size: 48px;
    line-height: 1.0416666667;
    font-weight: 500;
    letter-spacing: .006em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-bottom: 0
}
.as-banner-content .as-search {
    max-width: 780px;
    margin-top: 24px;
    margin-right: auto;
    margin-left: auto
}
.as-banner-content .as-search .as-search-content {
    width: auto
}
.as-banner-content .as-search .as-search-content .as-search-form-input {
    border: 1px solid #dedede
}
.as-banner-content .as-search .as-search-content .as-search-form-input.is-opened,.as-banner-content .as-search .as-search-content .as-search-form-input:focus {
    border: 1px solid #bbb
}
.as-search .as-search-form {
    width: 100%
}
.as-search .as-search-form-submit {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 0;
    width: 40px;
    height: 44px;
    cursor: default;
    background: url("../images/supportSearch_icon.png") no-repeat 12px 66%;
    border: 0
}
.as-search .as-search-content .as-search-form-input {
    width: 100%;
    padding-right: 35px;
    height: 4.15rem;
    font-family: inherit;
    font-weight: 300;
    border-radius: 3px;
    letter-spacing: normal;
    color: #333;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    font-size: 22px;
    font-size: 1.375rem;
    padding-left: 50px;
	box-sizing: border-box;
}
.as-search .as-search-content .as-search-form-input::-webkit-input-placeholder {
    color: #888
}
.as-search .as-search-content .as-search-form-input::-moz-placeholder {
    color: #888
}
.as-search .as-search-content .as-search-form-input:-ms-input-placeholder {
    color: #888
}
.as-search .as-search-content .as-search-form-input::placeholder {
    color: #888
}
.as-search .as-search-content .as-search-form-input.is-opened,.as-search .as-search-content .as-search-form-input:focus {
    outline: 0
}
.as-search .as-search-suggestions {
    display: block;
    background: #fff;
    max-height: 1000px;
    border: 1px solid #dedede;
    border-top: 0px;
    padding: 20px;
	border-radius: 3px;
}
.as-search .as-search-suggestions .as-heading {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: -0.01em;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #666;
    text-align: left;
    margin-bottom: 5px
}

.as-search .as-search-suggestions .as-search-suggestion-link {
    font-size: 18px;
    color: #333;
    display: block;
    padding: 6px 5px 6px 45px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.subnav-list{
  width: 190px;
  }
.subnav-list li{
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  background: url(../images/support_nav_02.png) 0 50% no-repeat;
  }
.subnav-list li:hover,.subnav-list li.on{
  color: red;
  background: url(../images/support_nav_01.png) 0 50% no-repeat;
}
.subnav-list li a:hover,.subnav-list li.on a{
  color: red;
}
.page-right-box{
  width: 1000px;
  }
.page-right-box .page-tit1 {
  padding-bottom: 15px;
  font-size: 24px;
  color: #333333;
  }


/** 产品详情 **/
.support-tit{
  display: block;
  font-size: 26px;
  color: #d90000;
  padding-bottom: 24px;
  }
.support-tit1{
  display: block;
  font-size: 26px;
  color: #333;
  padding-bottom: 24px;
  }

.page-icon-list{letter-spacing: -.34em;padding-bottom: 24px;}
.page-icon-list li{display: inline-block; vertical-align: middle;  margin: 0 5px 24px; width: 32%; height: 175px; text-align: center;border: 1px solid #f1f1f1; border-radius: 5px; box-shadow: 0 4px 8px 0 rgba(3,27,78,.06);/*box-shadow: 0px 0px 10px 1px rgba(238, 238, 238, 0.4);*/  }
.page-icon-list li:hover{box-shadow: 0px 6px 19px 2px rgba(0, 102, 203, 0.16); -webkit-transition:all .2s linear; transition: all .2s linear; }
.page-icon-list li a{display: block; width: 100%; height: 100%;}
.page-icon-list li a span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.page-icon-list a:before{content: '';display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.page-icon-list li img{display: block;  margin: auto; -webkit-transition:400ms;-o-transition:400ms;-moz-transition:400ms;-ms-transition:400ms;transition:400ms;}
.page-icon-list li:hover img{-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);}
.page-icon-list li h2{padding-top: 20px; font-size: 18px; letter-spacing: normal;-o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.page-icon-list li:hover h2 {color: #777; -webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

.page-looking-list{letter-spacing: -.34em;padding-bottom: 24px;}
.page-looking-list li{display: inline-block; vertical-align: middle;  margin: 20px 5px; width: 32%; height: 160px; text-align: center;  }
.page-looking-list li img{display: block;  margin: auto; -webkit-transition:400ms;-o-transition:400ms;-moz-transition:400ms;-ms-transition:400ms;transition:400ms;}
.page-looking-list li h2{padding-top: 20px; font-size: 18px; letter-spacing: normal;}
.page-looking-list li span{padding-top: 20px; font-size: 14px; color:#d90000; letter-spacing: normal;line-height: 24px;}
.page-looking-list li p{font-size: 14px;line-height: 24px; letter-spacing: normal;}

.quick-links-list{letter-spacing: -.34em;}
.quick-links-list li{display: inline-block; vertical-align: middle;  margin: 20px 5px; width: 32%; height: auto; text-align: left; border: 1px solid #f1f1f1; padding-bottom: 20px;}
.quick-links-list li h2{float: left; width: 300px; padding-top: 20px; padding-left: 15px; font-size: 18px; color:#d90000; line-height: 32px; letter-spacing: normal;}
.quick-links-list li span{float: left; width: 300px; padding-left: 15px; font-size: 14px; color:#333333; letter-spacing: normal;line-height: 32px;}

/** FAQ **/
.faq-tit{
  display: block;
  font-size: 26px;
  color: #d90000;
  padding-bottom: 10px;
  border-bottom: 1px solid #d90000;
  }

.faqDetWrap{
  margin: 40px 0;
}
.faqDetWrap h1{
  font-weight: bold;
  line-height: 24px;
  background-color: #DBDBDB;
}
.faqDetWrap p{
  margin: 10px 0 20px 20px;
  line-height: 24px;
}

/** Software/Firmware **/
.download-list{
  margin-bottom: 40px;
}
.download-list li{padding:10px 0px; border-bottom:1px solid #cecece;}
.download-list li p{ height:26px; line-height:26px;}
.download-list .downloadText{ line-height:20px;}
.download-list .downloadImg{padding:5px 0px 0px 0px;float:right;}


.softCatWrap{padding: 30px 0;}
.softCatTit{text-align: center; font-size: 22px;}
.softsDetWrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.softDetItem{width: 380px; margin-top: 20px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;}
.detTit a{display: block; padding-top: 15px;  color: #222; font-size: 16px;}
.detDet{white-space: normal; word-break: break-all;line-height: 1.6;}
.detDet a{display: block; color: #999; }
.softDetItem .time{
  display: block;
  padding: 10px 0;
  font-size: 12px;
  color: #999;
  }
.softDownItem{display: flex; padding: 30px 0; border-bottom: 1px solid #e6e6e6;}
.softsDetWrap table{margin: 0 auto 50px auto; }
.softsDetWrap table thead{background-color: #dbdbdb;}
.softsDetWrap table tr{height:32px;}

#filter-box {
    display: block;
	padding: 20px 10px;
	margin-bottom: 20px;
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    border: 3px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0 3px 10px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0 3px 10px;
    box-shadow: rgba(0,0,0,0.2) 0 3px 10px
}

#filter-box h2 {
    font-size: 18px;
    margin: 0 0 10px;
    line-height: initial
}

#filter-box label {
    font-size: 12px
}

#filter-box form {
    position: absolute;
    top: 20px;
    right: 25px
}

#filter-box .arrow {
    width: 39px;
    height: 79px;
    position: absolute;
    top: 165px !important;
    cursor: pointer;
    border: 0
}

#filter-box .arrow.disabled {
    opacity: .25;
    cursor: default;
    pointer-events: none
}

#filter-box #left_arrow {
    background: url("../images/paddle_prev.png") no-repeat 0 0;
    -webkit-linear-gradient(left,rgba(246,246,246,1) 0,rgba(246,246,246,1) 75%,rgba(246,246,246,0) 100%)}

#filter-box #right_arrow {
    background: url("../images/paddle_next.png") no-repeat 0 0;
    -webkit-linear-gradient(right,rgba(246,246,246,1) 0,rgba(246,246,246,1) 75%,rgba(246,246,246,0) 100%);right: 15px
}

#filter-box #carousel {
    width: 870px;
    padding: 0 10px;
    margin: 0 40px;
    overflow: hidden
}

#filter-box #carousel_content {
    width: 8000px;
    height: 220px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

#filter-box .filter-tile {
    display: block;
    width: 148px;
    height: 148px;
    float: left;
    margin: 18px 15px 18px 0;
    padding: 4px;
    background-color: #fff;
    cursor: pointer;
    border: 3px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.4) 0 1px 3px
}

#filter-box .activeState {
    border: 3px solid #08c
}

#filter-box .filter-tile.active {
    border: 3px solid #08c
}

#filter-box .filter-tile img {
    margin: 3px;
    pointer-events: none;
    display: inline-block
}

#filter-box .filter-tile span {
    font-size: 11px;
    line-height: 14px;
    width: 115px;
    display: block;
    margin: 10px 0 0 -20px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}