.support-banner { height: 400px;position: relative; background-image: url(../images/support-banner-pc.jpg); background-color: #3A4667; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.support-banner .banner-main {width:100%; vertical-align: middle; padding:40px 0}
.support-banner .banner-main .banner-title{ font-size: 40px;line-height: 50px; text-align:center}
.support-banner .banner-main .banner-title h2{font-weight:300;}
.banner-search {width:50%; margin:0 auto; height:100px;}
.banner-search input {display: block; float:left; width: 422px; height: 39px; padding-right: 76px; line-height: 39px; padding-left: 11px; border: solid 1px #dedede; border-right:none; border-radius: 2px; transition: .2s; overflow:hidden; border-top-righ-radius: 0;border-bottom-right-radius: 0;}
.banner-search .search-button {display: block; float:right; width: 95px; height: 43px;  font-size: 14px; line-height: 43px; text-align: center; padding: 0;  border-top-left-radius: 0; border-bottom-left-radius: 0;background-color: #C7000A; border-color: #c7000b; color: #fff;  border: 1px solid transparent;  outline: none;   font-weight: 400;     border-top-left-radius: 0;border-bottom-left-radius: 0;}
.product-layer{ width:1230px; position:relative}
.product-layer .product-tab { width:189px; height: 85px; margin-right: 16px; margin-left: 0; background: #ffffff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); border-radius: 2px; opacity: 0.8; padding: 20px 20px 20px 82px;position: relative; top: -16px; transition: .2s;display: block;float:left; transition:all .2s linear;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear}
.product-layer .product-tab:hover{-webkit-transform:translate3d(0, -2px, 0);
	-ms-transform:translate3d(0, -2px, 0);
	-moz-transform:translate3d(0, -2px, 0);
	-o-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0);
	box-shadow:0 15px 30px #ccc;
	-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-o-box-shadow:0 15px 30px rgba(0,0,0,.1);}
.product-layer .product-tab em {width: 48px;height: 48px; position: absolute; left: 20px; top: 24px; background-repeat: no-repeat; background-size: auto 100%;}
.product-layer .product-tab .caption { margin-bottom: 0; font-size: 18px; line-height: normal; transition: none; font-weight: bold; color: #252b3a;}
.product-layer .product-tab .info {line-height: 18px; margin-top:15px; font-size: 14px; color: #575D6C;}
.product-layer .product-tab .info span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; max-height: 36px;}

.search-result-card-product {  background-image: inherit;background-color: white; padding: 32px; border: solid 1px #dedede; border-radius: 2px;  transition:all .2s linear;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear}
.search-result-card-product:hover{-webkit-transform:translate3d(0, -2px, 0);
	-ms-transform:translate3d(0, -2px, 0);
	-moz-transform:translate3d(0, -2px, 0);
	-o-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0);
	box-shadow:0 15px 30px #ccc;
	-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-o-box-shadow:0 15px 30px rgba(0,0,0,.1);}
.template-type-pc {display: block;}
.product-banner-title { margin-bottom: 10px;}
.product-banner-title h2 {font-size: 24px; line-height: 30px; display: inline-block; vertical-align: middle; color: #252b3a;}
.product-banner-paragraph { margin-top: 10px; margin-bottom: 20px; font-size: 14px; line-height: 22px; color: #575D6C;}
.cui-btn { display: inline-block; height: 32px; padding: 0 24px; border: solid 1px transparent;  border-radius: 2px;  background: transparent;  font-weight: 400;  font-size: 12px; line-height: 30px;  text-align: center; white-space: nowrap;  vertical-align: middle; user-select: none; transition: .2s; border:1px solid #C7000B; color:#C7000B; margin-right:10px }
.cui-btn-primary { background-color: #C7000B; color: #fff;}
.product-banner-recommend { margin-top: 12px; padding: 12px 0 0 0;}
.product-banner-recommend-link { display: inline-block;  vertical-align: middle; margin-right:15px; height: 22px; font-size: 14px; line-height: 22px; color: #252B3A; max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.result-wrap {width:100%; margin-top:15px;}
.subTitle {font-size: 20px; color: #252b3a; line-height: 26px; padding-left: 12px; margin-bottom: 15px; position: relative; font-weight: bold; margin-right: 15px; margin-top: 17px;}
.subTitle:before {content: ''; position: absolute; top: 3px; left: 0; display: block; height: 20px; width: 3px; border-radius: 2px; background: #C7000B;}

.result-wrap ul{}
.result-item { float:left; display:block; margin: 10px 0 15px 0; overflow: hidden; width: calc(50% - 60px); height: 140px; padding: 24px; vertical-align: top; border-radius: 2px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); background: url(../images/6000000005411-2-tps.png) 0% 0% / cover no-repeat;  transition:all .2s linear;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear}
.result-item:hover{-webkit-transform:translate3d(0, -2px, 0);
	-ms-transform:translate3d(0, -2px, 0);
	-moz-transform:translate3d(0, -2px, 0);
	-o-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0);
	box-shadow:0 15px 30px #ccc;
	-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-o-box-shadow:0 15px 30px rgba(0,0,0,.1);}
.result-wrap .lastr{ margin-right:0; float:right}
.result-item .search-txtw1 {margin-bottom: 5px; height: 42px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500; font-size: 18px;}
.result-item .search-txtw1 a{font-weight: 600; font-size: 18px; color: #252b3a; }
.result-item .intro { font-size: 14px; color: #575d6c;line-height: 18px; cursor: pointer;float: left;}
.result-item .come-form {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; margin-right: 0;  width: calc(100% - 100px);  margin-bottom: 0;  float: left; margin-top:10px;}
.result-item .showMore { font-size: 14px; line-height: 18px; margin-top:10px; cursor: pointer; float: right;}
.result-item .showMore a{color: #ff6a00;}

.result-ad {width:100%; margin-top:15px;}
.img-adv1 {display: block; margin-bottom: 18px; float:left; margin-right:12px;}
.img-adv1 img{width:100%}
.lastr{ margin-right:0; float:right}

.result-list{width:880px; margin-top:15px;}
.result-list_t{width:880px; padding:10px 0 0 0; height:35px;  border-bottom: 1px solid #DEDBDB; margin-bottom: 20px;  display:block;}
.result-list_t li{float:left; height:28px; line-height:28px; font: 600 18px 'Microsoft Yahei'; text-align:center; padding:0 10px 5px 10px; font-weight: normal;transition: background 1s ease-in-out 2s;
  -webkit-transition: background 1s ease-in-out 2s; } 
.result-list_t li.active{ border-bottom:#da1f2e 2px solid; color:#da1f2e}
.result-list_t span{ float:right; font-size:12px; line-height:28px;  font-weight:normal;}


.result-li-body{width:830px; line-height:1.85; font-weight: 400; font-size: 16px; display: inline-block;  margin: 0 0 20px 0; overflow: hidden;  padding: 25px;   vertical-align: top;   border-radius: 2px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);  background-color: #fff;  transition:all .2s linear;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear}
.result-li-body h2{margin:48px 0 16px; border-top: 1px solid #eeeeee;  padding-top: 24px;  letter-spacing: -.02em;  line-height: 32px;   font-size: 24px;}
.result-li-body h3{margin:48px 0 16px; border-top: 1px solid #eeeeee; padding-top: 24px;  letter-spacing: -.02em;  line-height: 32px;   font-size: 20px;}
.result-li-body h4{margin:10px 0 16px; padding-top: 24px;  letter-spacing: -.02em;  line-height: 32px;   font-size: 18px; color:#333333}
.result-li-body p{  line-height:1.85; -webkit-margin-before: 1em;-webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin-bottom:15px; font-weight: 400; color:#3c3c43}
.result-li-body table{overflow:auto; padding:20px 0 10px 20px;  border-spacing:0; width:95%; max-width:818px !important;  border-radius:2px; background:url(../images/back.gif) no-repeat #f4f5f6;word-break:break-all;}
.result-li-body table td{padding:0 10px !important; word-wrap:break-word;}
.result-li-body a{text-decoration:underline}
.result-li-body p img,.result-li-body img{max-width:818px; margin:5px auto !important; display:block}
.result-li-body p:last-child{ margin-top:30px;}
.result-li-body strong{color: #ed2d38;}
.result-li-body ul{padding-top:10px; padding-bottom:5px}
.result-li-body li{padding-left:15px; margin-top:8px; background: url(../images/li.png) no-repeat left 8px; margin-left:10px;}
.result-li-body pre{ padding:10px 0; word-wrap: break-word;white-space: normal;word-break: break-all;}


.result-li {width:830px; display: inline-block;  margin: 0 0 20px 0; overflow: hidden;  padding: 25px;   vertical-align: top;   border-radius: 2px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);  background-color: #fff;  transition:all .2s linear;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear}
.result-li:hover{-webkit-transform:translate3d(0, -2px, 0);
	-ms-transform:translate3d(0, -2px, 0);
	-moz-transform:translate3d(0, -2px, 0);
	-o-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0);
	box-shadow:0 15px 30px #ccc;
	-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-o-box-shadow:0 15px 30px rgba(0,0,0,.1);}
.result-li .result-item-img { height: 100px; margin-right: 18px;}
.result-li .search-txtw1 { margin-bottom: 5px;  height: 42px; line-height: 22px;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.result-li .search-txtw1 a{font-size: 18px; color: #252b3a; line-height: 22px; font-weight: bold;}
.result-li .result-item-bt {display: flex; width:100%}
.result-li .intro {margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; font-size:14px; color:#333}
.result-li .come-form {overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  margin-right: 0;  width: calc(100% - 100px);  margin-bottom: 0;  float: left; color:#333}
.result-li .showMore {font-size: 14px;   line-height: 18px;  cursor: pointer;float:right}
.result-li .showMore a{color: #526ecc; }

.all-product-box {display: flex; flex-wrap: wrap; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.10); border-radius: 2px; border-left: 1px solid rgba(0, 0, 0, 0.1); background-color:#ffffff;}
.product-box {display: inline-block; height: 160px; width: calc(100% / 3.65); border-right: 1px solid #dfe1e6; padding:24px}
.box_lastr{ margin-right:0; border-right:none; float:right}
.pro-title{font-family: PingFangSC-Medium;font-size: 16px;color: #252B3A;letter-spacing: 0;line-height: 24px;font-weight: 600;}
.pro-desc{font-family: PingFangSC-Regular;font-size: 14px;color: #575D6C;letter-spacing: 0;text-align: justify;line-height: 22px;margin-top: 4px;text-overflow: ellipsis;height: 44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pro-price{font-size: 12px;line-height: 14px;color: #575d6c;overflow: hidden;margin: 12px 0 7px 0;}
.pro-price em{font-style: normal;font-weight: 700;color: #c7000b;}
.pro-price span{font-size: 20px;line-height: 20px;}
.pro-labels span{padding: 0 8px;background-color: transparent;border-color: #adb0b8;color: #8a8e99;display: inline-block;vertical-align: middle;height: 18px;border: 1px solid #ADB0B8;; border-radius: 2px;font-style: normal;line-height: 16px;font-size: 12px;margin: 5px 5px 5px 0;}