.s_c_1{float:left;width:100%;box-shadow: 0px 12px 10px -8px #dbdada inset;}
.max-width{ position:relative;}
.max-width h2{margin: 30px 0;}
.s_c_1 .ssl_left{float:left;width: 30%;}
.s_c_1 .ssl_left img{display: block;width: 100%;}
.s_c_1 .ssl_right{float:right;width: 60%;text-align: left;position: relative;margin-top: 30px;}
.s_c_1 .ssl_right .sw{width: 90%;}
.s_c_1 .ssl_right .sw h3{font-size: 24px;}
.s_c_1 .ssl_right .sw span{border-top: 5px solid #b40026;height: 5px;width: 50px;display: block;}
.s_c_1 .arrow{position: absolute;right: 0;display: grid;height: 40px;line-height: 40px;top:50px;}
.s_c_1 .arrow label{position: relative;right: 0;}
.s_c_1 .arrow label span{color:#b40026;}

.slider { height: 350px;} 
.slider { text-align: center; margin: 30px auto 105px; position: relative; } 
.slider-panel { position: absolute; } 
.slider-panel img { border: none; } 
.slider-extra { position: relative; } 
.slider-nav { font-size:16px;} 
.slider-nav li {text-align: center;display: inline-block; display:none;} 
.slider-nav li span{color:#333;}
.slider-nav .slider-item-selected { display:block;color:#b40026;} 

/* ssl首页 ↑ */

.mainW{width: 1180px;max-width: none;}

/*盒子上下内边距40*/
.box-pad40{padding: 40px 0;}

/* 主题字体色 */
.mainFontColor{color: #b40026;}

.font_red{color: #b40026;}

/* 内页头部banner */
.top-banner{background: url(/ssl-certificates/images/banner.png) no-repeat;background-size: cover;background-position: 0 -225px;}
.top-banner .top-banner-box{padding: 75px 0;text-align: center;}
.top-banner h2{color: #fff;margin: 0;font-size: 40px;line-height: 60px;}
.top-banner span{color: #fff;font-size: 22px;display: block;}
.top-banner .proportion{line-height: 22px;}
/*--------------------------------------------------*/

.h_t_2{clear:both;width:100%; background:#f1f1f1;}
.h_t_2.box-pad40{padding: 20px 0 60px;}
.h_t_2 h3 a{color: #333;}
.h_t_2 h3 a:hover{color: #b40026;}
.h_t_2 .h_t_list{display: flex;flex-wrap: wrap;}
.h_t_2 .h_t_list li{width: 380px;background: #fff;margin: 0 20px 0 0;position: relative;padding: 20px;box-sizing: border-box;color: #666;}
.h_t_2 .h_t_list li:nth-child(4n-1){margin-right: 0px;}
.h_t_2 .h_t_list .h_t_tit{font-size: 20px;color: #333;}
.h_t_2 .h_t_list .h_t_right{position: absolute;top: 0;right: 0;border: 50px solid #b40026;border-bottom-color: transparent;border-left-color: transparent;}
.h_t_2 .h_t_list .h_t_r_t{position: absolute;top: 10px;right: 10px;color: #fff;font-size: 12px;}
.h_t_2 .h_t_list select{width: 95%;border: 1px solid #D8D8D8;font-weight: bold;height: 30px;outline: none;margin: 20px 0;font-size: 16px;padding: 0 10px;box-sizing: border-box;position: relative;}
.h_t_2 .h_t_list .h_t_package div{display: flex;justify-content: space-between;align-items: center;font-size: 14px;padding-bottom: 4px;height: 30px;box-sizing: border-box;}
.h_t_2 .h_t_list .h_t_package div:last-of-type{padding-bottom: 0px;}
.h_t_2 .h_t_list .h_t_package div .h_t_pactit{color: #999;min-width: 120px;}
.h_t_2 .h_t_list .h_t_package div .h_t_pactit::before{content: '';width: 5px;height: 5px;background: #b40026;border-radius: 50%;margin: 0 5px 2px 0;display: inline-block;}
.h_t_2 .h_t_list .h_t_package div img{display: block;height: 20px;}
.h_t_2 .h_t_list .h_t_package div .h_t_conten{line-height: 20px;word-break: break-all;}
.h_t_2 .h_t_list .h_t_price{font-size: 16px;color: #b40026;margin: 15px 0;font-weight: bold;}
.h_t_2 .h_t_list .h_t_price .price{font-size: 22px;}
.h_t_2 .h_t_list .h_t_btn{display: flex;justify-content: space-between;align-items: center;}
.h_t_2 .h_t_list .h_t_more{font-size: 14px;text-decoration: underline;}
.h_t_2 .h_t_list .h_t_buy{font-size: 14px;text-align: center;padding: 5px 10px;color: #fff;background: #b40026;border-radius: 5px;}
.h_t_2 .h_t_list .more{text-align: center;line-height: 670px;font-size: 30px;font-weight: bold;}
.h_t_2 .h_t_list .more a{display: block;width: 100%;height: 100%;}

.h_t_2.ev-box .h_t_list .h_t_item{width: 580px;}
.h_t_2.ev-box .h_t_list .h_t_item:last-child{margin: 0;}

.what-ssl{clear: both;}
.what-ssl.box-pad40{padding-bottom: 0;}
.what-ssl .what-box{display: flex;align-items: center;justify-content: space-between;}
.what-ssl .what-box .what-left-img{width: 310px;height: 310px;}
.what-ssl .what-box .what-left-img img{display: block;width: 100%;}
.what-ssl .what-box .what-right{width: calc(100% - 350px);}
.what-ssl .what-box .what-right h2{font-size: 24px;text-align: left;margin: 0 0 20px;}
.what-ssl .what-box .what-right p{font-size: 14px;margin: 0 0 20px;}
.what-ssl .what-box .what-right p:last-child{margin-bottom: 0;}

.select-ssl h2{margin: 0px 0 30px;}
.select-ssl .select-tab{display: flex;justify-content: center;align-items: center;background: #F2F2F2;height: 75px;border-bottom: 2px solid #b40026;}
.select-ssl .mobile-tab{display: none;}
.select-ssl .select-tab li{text-align: center;font-size: 16px;font-weight: bold;color: #666;margin: 0;white-space: nowrap;border-right: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;padding: 0 20px;height: 100%;line-height: 75px;position: relative;}
.select-ssl .select-tab li:hover{color: #b40026;}
.select-ssl .select-tab li.active{background: #b40026;color: #fff;}
.select-ssl .select-tab li.active::before{content: '';border: 15px solid #fff;border-right-color: transparent;border-top-color: transparent;border-left-color: transparent;position: absolute;bottom: -2px;left: 50%;-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.select-ssl .select-tit{padding: 48px;font-size: 16px;display: block;width: 100%;text-align: center;color: #666;}
.select-ssl .select-box{display: flex;justify-content: space-between;}
.select-ssl .select-box .select-list{width: 380px;}
.select-ssl .select-box .select-list img{display: block;width: 100%;}
.select-ssl .select-box .select-list .select-item{background: #F2F2F2;padding: 20px;box-sizing: border-box;color: #666;height: calc(100% + 60px);position: relative;}
.select-ssl .select-box .select-list .select-item h3{margin-top: 0;}
.select-ssl .select-box .select-list .select-item h3 i{display: inline-block;font-style: normal;font-size: 12px;background: #b40026;color: #fff;padding: 0 5px;box-sizing: border-box;margin-left: 5px;border-radius: 5px;vertical-align: middle;}
.select-ssl .select-box .select-list .select-item span{font-size: 14px;}
.select-ssl .select-box .select-list .select-item p{font-size: 14px;font-weight: bold;word-break: break-all;text-align: justify;margin: 0;padding: 20px 0;}
.select-ssl .select-box .select-list .select-item .con-span{font-size: 14px;display: block;word-break: break-all;}
.select-ssl .select-box .select-list .select-item .progress{display: block;width: 100%;height: 18px;border-radius: 5px;background-color: #d1e6e6;}
.select-ssl .select-box .select-list .select-item .progress i{display: block;width: 50%;height: 100%;background: #b40026;border-radius: 5px;}
.select-ssl .select-box .select-list .select-item .progress::before:first-child{width: 88%;}
.select-ssl .select-box .select-list .select-item li{font-size: 14px;word-break: break-all;}
.select-ssl .select-box .select-list .select-item li::before{content: '';width: 6px;height: 6px;border-radius: 50%;display: inline-block;background: #666;margin: 0 10px 2px 0;}
.select-ssl .select-box .select-list .selcet-btn{display: block;width: 350px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold;background: #b40026;color: #fff;border-radius: 5px;position: absolute;bottom: 20px;}
.select-ssl .select-box .select-list .selcet-btn:hover{background: #8d031a;}

.select-ssl .select-box .brands-img{display: block;width: 310px;height: 310px;}
.select-ssl .select-box .brands-box{width: calc(100% - 330px);padding-top: 65px;box-sizing: border-box;font-size: 16px;color: #666;}
.select-ssl .select-box .brands-box span{display: block;font-weight: bold;margin: 20px 0;}
.select-ssl .select-box .brands-box p{font-size: 16px;}
.select-ssl .select-box .brands-box a{display: block;font-weight: bold;height: 40px;line-height: 40px;width: 120px;padding: 0 20px;background: #b40026;color: #fff;border-radius: 5px;word-break: break-all;}
.select-ssl .select-box .brands-box a:hover{background: #8d031a;}

.brandshow {display: flex;width: 100%; height: auto;flex-wrap: wrap;align-items: center;margin-top: 30px;justify-content: unset !important;}
.brandshow>div {width: 282px;height: 112px;/* border: 1px red solid; */margin-right: 13px;margin-bottom: 12px;background: #FFFFFF;box-shadow: 0px 4px 16px rgb(0 0 0 / 6%);text-align: center;position: relative;cursor: pointer;}
.brandshow>div>div {width: 100%;text-align: center;padding-top: 24px;}
.brandshow>div>div img {width: 40%;}
.brandshow>div>span{width: 100%;font-family: 'Microsoft YaHei';font-style: normal;font-weight: 400;font-size: 16px;color: #222;position: absolute;bottom: 7px;right: 0px;}
.brandshow a{color: #000;}
.brandshow>div:hover{box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);}
.brandshow>div:hover a{color: #b40026;}

/* brands */
.current-location{font-size: 14px;}
.current-location .cur-loc-box{display: flex;align-items: center;}
.current-location .cur-loc-box a.ssl-home{display: inline-block;width: 23px;height: 23px;background: url(/ssl-certificates/images/ssl_home.png)no-repeat 0 0;background-size: cover;}
.current-location .cur-loc-box .ssl-text{color: #666;}
.current-location .cur-loc-box .ssl-text:hover{color: #b40026;}
.current-location .cur-loc-box a{color: #333;}
.current-location .cur-loc-box i{font-style: normal;margin: 0 10px;}
.current-location .brand-list h2{text-align: left;font-weight: bold;color: #b40026;margin-bottom: 0;}
.current-location .brand-list span{display: block;color: #666;font-size: 18px;font-weight: bold;}

.brands-box{padding: 20px 0;}
.brands-box:nth-child(2n){background: #F1F1F1;}
.brands-box .brands-item{border: 1px solid #ccc;}
.brands-box .brands-item ul{display: none;}
.brands-box .brands-item .brands-top{padding: 30px 40px;position: relative;display: flex;align-items: center;background: #fff;}
.brands-box .brands-item .brands-top img{display: block;height: 40px;margin-right: 30px;}
.brands-box .brands-item .brands-top h2 a{text-align: left;font-weight: bold;color: #333;}
.brands-box .brands-item .brands-top h2 a:hover{text-align: left;font-weight: bold;color: #b40026;}
.brands-box .brands-item .brands-save{width: 146px;height: 150px;position: absolute;top: -12px;right: 50px;padding: 10px 20px;text-align: center;background: url(/ssl-certificates/images/typediscountbg-blue.png)no-repeat 0 0;background-size: cover;box-sizing: border-box;}
.brands-box .brands-item .brands-save span{display: block;color: #fff;font-size: 12px;}
.brands-box .brands-item .brands-save .sava{font-size: 16px;font-weight: bold;}
.brands-box #brands-table tr td{border-bottom: 1px solid #ccc;}
.brands-box #brands-table tr:last-of-type td{border-bottom: 0;}
.brands-box #brands-table thead tr{background: #b40026;}
.brands-box #brands-table thead tr th{color: #fff;font-weight: bold;font-size: 16px;padding: 20px 0;}
.brands-box #brands-table tbody tr td{padding: 15px;text-align: center;font-size: 14px;}
.brands-box #brands-table tbody tr td a{background: #b40026;color: #fff;display: block;padding: 0;}
.brands-box #brands-table tbody tr td a:hover{background: #8d031a;}
.brands-box #brands-table tbody tr td:nth-child(5){color:#ff0000;}
.brands-box #brands-table tbody tr:nth-child(2n){background: #f1f1f1;}
.brands-box #brands-table tbody tr:nth-child(2n-1){background: #fff;}
.brands-box #brands-table tr th img{width:16px;}

.brand-introduce {margin-top: 30px;}
.brand-introduce .introduce-logo{display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;}
.brand-introduce .introduce-logo h2{text-align: left;font-weight: bold;color: #b40026;margin: 0;}
.brand-introduce .introduce-logo img{display: block;height: 45px;}
.brand-introduce .introduce-problem{color: #333;font-weight: bold;font-size: 16px;}
.brand-introduce p{color: #666;font-size: 14px;margin-top: -7px;}

.problem-list{background: #f1f1f1;}
.problem-list h2{text-align: left;font-weight: bold;line-height: 30px;font-size: 22px;}
.problem-list h2 span{display: block;font-weight: normal;font-size: 14px;line-height: 25px;margin-top: 5px;}
.problem-list ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
/* box-shadow: 4px 4px 6px rgb(0 0 0 / 20%);  border-bottom: 5px solid #b40026;*/
.problem-list li{width: 380px; margin: 0;border: 1px solid #eee;padding: 20px;box-sizing: border-box;box-shadow: 4px 4px 6px rgb(0 0 0 / 20%);background: #fff;}
.problem-list li.separate-li{width: 100% !important;margin-bottom: 20px;}
.problem-list li div{font-size: 18px;font-weight: bold;color: #333;}
.problem-list li span{font-size: 14px;color: #666;word-break: break-all;display: block;}

.plan{overflow: hidden;}
.plan .plan-left{float: left;width: 400px;}
.plan .plan-left img{display: block;height: 20px;margin-bottom: 10px;}
.plan .plan-left span{display: block;font-size: 22px;font-weight: bold;}
.plan .plan-right{float: right;width: calc(100% - 400px);display: flex;}
.plan .plan-right li{width: calc(100% / 3);}
.plan .plan-right li img{display: block;height: 45px;}
.plan .plan-right li .plan-tit{font-size: 16px;font-weight: bold;margin: 5px 0 10px;}
.plan .plan-right li .plan-con{font-size: 14px;}
/* -------------------------------------------------------------------- */

@media screen and (max-width:1000px) and (min-width: 769px){
    .top-banner .top-banner-box{padding: 20px 0;}
    .top-banner h2{font-size: 34px;line-height: 40px;}
}

@media screen and (max-width: 768px){
    #bottom{padding-bottom: 50px !important;}
    .minister{padding: 0 0 20px !important;}
    .top-banner{background-position: 0 0;}
    .top-banner .top-banner-box{padding: 28px 20px;}
    .top-banner h2{font-size: 20px;line-height: 26px;}
    .top-banner span{font-size: 16px;}
    
    .max-width h2{margin: 0px 0 20px;font-size: 18px;}
    .s_c_1 .ssl_left{width:calc(100% - 50px);}
    .slider{margin: 20px 0;}
    .slider-panel{padding: 0 20px;position: unset;}
    .slider-panel img{width:100%;}
    .slider{ height:560px;}
    .slider h1{font-size: 24px;}
    .s_c_1 .ssl_right{width: 100%;}
    .s_c_1 .ssl_right .sw{width: 100%;}
    .s_c_1 .ssl_right .sw h3{font-size: 16px;}
    .s_c_1 .ssl_right .sw p{font-size: 14px;}
    .s_c_1 .arrow{right: 6px;}
    
    .box-pad40{padding: 20px 0;}
    .mainW{width: 100%;padding: 0 10px;box-sizing: border-box;}
    .what-ssl{padding: 20px 0;}
    .what-ssl .what-box{display: block;}
    .what-ssl .what-box .what-left-img{width: 100%;height: auto;}
    .what-ssl .what-box .what-right{width: 100%;}
    .what-ssl .what-box .what-right h2{font-size: 16px;margin: 10px 0;}
    .what-ssl .what-box .what-right p{font-size: 12px;margin-bottom: 10px;}
    
    .select-ssl{padding: 20px 0 0;}
    .select-ssl h2{margin: 0px 0 20px;font-size: 18px;}
    .select-ssl .select-tab{display: none;}
    .select-ssl .mobile-tab{display: block;width: 100%;padding: 0 20px;box-sizing: border-box;}
    .select-ssl .mobile-tab li{width: 100%;text-align: center;font-size: 14px;height: 40px;line-height: 40px;font-weight: bold;background: #6D6E70;color: #fff;position: relative;display: none;}
    .select-ssl .mobile-tab li:first-child{display: list-item !important;}
    .select-ssl .mobile-tab .active{background: #b40026;display: block !important;}
    .select-ssl .mobile-tab .active i{display: inline-block;border: 5px solid #fff;border-bottom-color: transparent;border-right-color: transparent;border-left-color: transparent;position: absolute;top: 18px;right: 15px;}
    .select-ssl .select-tit{padding: 20px 0;font-size: 12px;}
    .select-ssl .select-box{display: block;}
    .select-ssl .select-box .select-list{width: 100%;}
    .select-ssl .select-box .select-list .select-item h3{font-size: 16px;}
    .select-ssl .select-box .select-list .select-item{margin-bottom: 20px;height: auto;}
    .select-ssl .select-box .select-list .selcet-btn{margin-top: 20px !important;font-size: 14px;position: relative;width: auto;font-size: 14px;bottom: 0;}
    .select-ssl .select-box .brands-box{width: 100%;padding-top: 0px;font-size: 14px;}
    .select-ssl .select-box .brands-box p{font-size: 14px;text-align: justify;word-break: break-all;}
    .select-ssl .select-box .brands-img{display: none;}
    .select-ssl .select-box .select-list .select-item .con-span{font-size: 12px;}
    .select-ssl .select-box .select-list .select-item p{font-size: 12px;padding: 10px 0;}
    .select-ssl .select-box .select-list .select-item li{font-size: 12px;}
	.brandshow>div {width:100%;}
    .brandshow>div>div img{width: auto;max-height: 40px;}
    
    .h_t_2.box-pad40{padding: 20px 0 30px;}
    .h_t_2 h3{font-size: 18px;margin-top: 0;}
    .h_t_2 .h_t_list{display: block;}
    .h_t_2 .h_t_list li{width: 100% !important;margin: 0 0 20px;padding: 15px;}
    /* .h_t_2 .h_t_list.ul3 .h_t_item:nth-of-type(2){margin-bottom: 0;} */
    .h_t_2 .h_t_list .more{margin-bottom: 0;color: #0066cc;height: 45px;line-height: 45px;font-size: 18px;padding: 0;}
    .h_t_2 .h_t_list .more a{color: #0066cc;display: block;width: 100%;height: 100%;}
    .h_t_2 .h_t_list .h_t_tit{font-size: 18px;}
    .h_t_2 .h_t_list select{width: 90%;font-size: 14px;margin: 15px 0;}
    .h_t_2 .h_t_list .h_t_price{margin: 15px 0;font-size: 14px;}
    .h_t_2 .h_t_list .h_t_price .price{font-size: 20px;}
    .h_t_2 .h_t_list .h_t_more{font-size: 12px;color: #0066cc;}
    .h_t_2 .h_t_list .h_t_buy{font-size: 12px;}
    .h_t_2 .h_t_list .h_t_package div{font-size: 12px;}
    
    
    /* brands */
    .current-location .cur-loc-box a.ssl-home{width: 20px;height: 20px;}
    .current-location .brand-list h2{font-size: 18px;}
    .current-location .brand-list span{font-weight: normal;font-size: 14px;}
    
    .brands-box{padding: 20px 0;}
    .brands-box .brands-item .brands-top{padding: 10px;}
    .brands-box .brands-item .brands-save{display: none;}
    .brands-box .brands-item .brands-top img{display: none;}
    .brands-box .brands-item .brands-top h2{font-size: 18px;margin: 0;}
    .brands-box #brands-table{display: none;}
    .brands-box .brands-item ul{display: block;}
    .brands-box .brands-item ul li{border-bottom: 1px solid #ccc;padding: 10px;}
    .brands-box .brands-item ul li:first-child{border-top: 1px solid #ccc;}
    .brands-box .brands-item ul li:last-child{border-bottom: 0;}
    .brands-box .brands-item ul li:nth-child(2n){background: #f1f1f1;}
    .brands-box .brands-item ul li:nth-child(2n-1){background: #fff;}
    .brands-box .brands-item ul li div{display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}
    .brands-box .brands-item ul li div a{background: #b40026;color: #fff;padding: 2px 10px;white-space: nowrap;}
    
    .brand-introduce{margin-top: 10px;}
    .brand-introduce .introduce-logo{display: block;margin-bottom: 10px;}
    .brand-introduce .introduce-logo img{display: none;}
    .brand-introduce .introduce-logo h2{font-size: 18px;}
    .brand-introduce .introduce-problem{font-size: 14px;margin-top: 0;}
    .brand-introduce p{font-size: 12px;margin: 10px 0;}
    .brand-introduce p:last-child{margin-bottom: 0;}
    
    .problem-list h2{font-size: 16px;word-break: break-all;}
    .problem-list h2 span{font-size: 12px;line-height: 20px;}
    .problem-list ul{display: block;margin-top: 10px;}
    .problem-list li{width: 100% !important;padding: 15px;margin-bottom: 20px;}
    .problem-list li:last-child{margin-bottom: 0px;}
    .problem-list li div{font-size: 14px;}
    .problem-list li span{font-size: 12px;}
    
    .plan{padding-top: 0;}
    .plan .plan-left img{margin-bottom: 5px;}
    .plan-left, .plan-right{float: none !important;width: 100% !important;}
    .plan .plan-left span{font-size: 14px;}
    .plan .plan-right{display: block;margin-top: 20px;}
    .plan .plan-right li{width: 100%;margin-bottom: 20px;}
    .plan .plan-right li:last-of-type{margin-bottom: 0px;}
    .plan .plan-right li .plan-tit{font-size: 14px;margin: 5px 0;}
    .plan .plan-right li .plan-con{font-size: 12px;}
}

@media screen and (max-width:375px){
    .current-location .cur-loc-box i{margin: 0 5px;}
    .current-location .cur-loc-box{font-size: 12px;word-break: break-all;}
}

@media screen and (max-width:320px){
    .brand-introduce .introduce-logo h2{font-size: 16px;}
}