ul,li{ list-style: none; } body .header{ padding-bottom: 110px; } .nav h1{ margin: 0; } .nav a:hover{ text-decoration: none; } .ssl-tabbox > li:hover .tabtext-title{ color: #E23839; } a{ color: #333; } a.a-font-blue{ color: #0686ff; } a.a-font-blue:hover{ text-decoration: underline !important; } .they-li a{ cursor: default; } .they-li div { display: block; float: left; margin: 20px; } .new-index-title > span{ color: #333; } .ourys .new-index-title span{ color: #fff; } .questions ul li{ } .questions ul li span{ display: inline-block; vertical-align: top; } .questions ul li a{ display: inline-block; } .footer .top .h1{ margin: 0 10px; } .footer .service-lis ul .last{ box-sizing: content-box; } .footer *{ box-sizing: content-box; } .footer a:hover{ text-decoration: none; } .suspension-right-box a:hover{ text-decoration: none; } .suspension-right-btn{ text-decoration: none; } .suspension-right-btn:hover{ text-decoration: none; } .suspension-right-box *{ box-sizing: content-box; } .whatbox > p{ width: 364px; } .brand-bg .new-index-title > span{ color: #fff; } .new-index-title{ color: #333; } .ssl-banner{ height: 412px; background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/module/ssl/ssl_index_02.png") no-repeat center center; background-size: cover; } div .ssl-tabbox > li.act .tabtext-title{ color: #666; } a.tab-list-buy{ background: #e84047; } a.tab-list-buy:hover{ background: #e84047; } .brand-div-a a:hover{ background: #e84047; } .tab-main{ height: 520px; } .tab-ul > li:hover{ height: 430px; margin-top: 44px; box-shadow: 0px 0px 6px 0px #e84047; } .ssl-tabbox > li.act{ border-bottom: solid 4px #e84047; margin-top: 1px; } .li-actimg{ bottom: -11px; width: 18px; height: 10px; } .tab-ul > li{ height: 430px; margin-top: 44px; margin-bottom: 30px; } .tab-list-price{ margin-bottom: 20px; } .our-price{ color: #f00909; } .index-trn:hover .index-td1{ background-color: #e84047; border-color: #e84047; } a.table-buy:hover { transition: 0.25s; -webkit-transition: 0.25s; background: #e84047 !important; } .index-trn:hover a.table-buy{ background-color: #e84047; border-color: #e84047; } a.table-buy{ color: #666; } .ssl-iswhat{ width: 100%; padding-left: 42%; background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/module/ssl/reson2.png") no-repeat scroll left center; } .ssl-iswhat h4{ } .ssl-iswhat h4 span{ background: #fff; display: inline-block; } .ssl-iswhat h4 i{ display: inline-block; height: 2px; width: 44%; vertical-align: middle; border: dashed 1px #E6E6E6; } .ssl-iswhat .whatbox{ background: none; padding-left: 0; width: 100%; margin-bottom: 0; height: auto; } .ssl-iswhat .whatbox h5{ color: #e84047; } .our-advantge{ background-color: #F7F7F7; } .our-advantge .gray-p{ margin-bottom: 40px; } .our-advantge .whatbox:nth-of-type(1){ background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/module/ssl/ssl-iswhat1.png") no-repeat center left; } .our-advantge .whatbox:nth-of-type(2){ background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/module/ssl/ssl-iswhat2.png") no-repeat center left; } .our-advantge .whatbox:nth-of-type(3){ background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/module/ssl/ssl-iswhat3.png") no-repeat center left; } .our-advantge .whatbox:nth-of-type(4){ background: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/module/ssl/ssl-iswhat4.png") no-repeat center left; } .ssl-help-title{ overflow: hidden; background: #F7F7F7; } .ssl-questions>ul{ width: 380px; float: left; /*height: 240px;*/ margin-right: 30px; background: #fff; padding: 0 30px; margin-bottom: 10px; padding-top: 30px; padding-bottom: 20px; } .questions ul li a:hover { color: #e84047; } .ssl-questions>ul:last-child{ margin-right: 0; } .ssl-questions>ul li.title{ line-height: 68px; border-bottom: solid 1px #E6E6E6; overflow: hidden; } .ssl-questions>ul li.title h3{ font-size: 20px; color: #333; float: left; line-height: 68px; width: 50%; } .ssl-questions>ul li.title .more-btn{ float: right; line-height: 68px; width: 30%; text-align: right; } .ssl-help-title .questions ul li{ width: 100%; margin: 5px 50px 15px 0; } .ssl-questions>ul li.title .more-btn a{ font-size: 14px; color: #e84047; text-align: right; width: 52px; float: right; } .example-list ul { width: 1080px; margin: 0 auto; overflow: hidden; margin-top: 20px; } .example-list .first_line{ width: 840px; margin: 0 auto; } .first_line,.third_line { margin-left: 93px; } .example-list ul .middle_line { margin: -40px 0; } .example-list ul .partner_common { width: 250px; height: 250px; float: left; margin: 10px; background-image: url("/wwwwystzxcom/template/Home/Default/PC/Static/img/module/ssl/hzk_03.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; line-height: 186px; display: flex; align-items: center; justify-content: center; } .example-list ul .middle_line .partner_common{ margin-top: -80px; } .example-list ul .partner_common img{ width: 160px; height: auto; text-align: center; vertical-align: middle; } .example-list ul .partner_common:hover .img2{ display: inline-block; display: block; line-height: 186px; } .example-list ul .partner_common:hover{ -webkit-filter:drop-shadow(0px 4px 3px #ddd); filter:drop-shadow(0px 4px 3px #ddd); } .example-list ul .middle_line { margin: -40px 0; } .example-list ul .middle_line{ width: 1125px; margin: 0 auto; margin-top: -90px; } .they-div{ height: auto; } .our-advantge .whatbox{ height: 122px; padding-top: 20px; } a.more-questions{ } a.more-questions:hover{ background: #e84047; } .ourys-box > a:hover{ background: #e84047; background: rgba(232,64,71,0.7); } .footer .top{ width: 100%; } .index-brand-tab li{ width: 23%; } .index-brand-tab li:first-child { width: 31%; } .index-brand-tab li:nth-of-type(1).act .brand-tab-bg { height: 100%; background: #fff url("/wwwwystzxcom/template/Home/161Default/PC/Static/img/module/ssl/br1.png") no-repeat center; opacity: 1; }