h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div,footer{font:normal 12px "Open Sans", "Lucida Sans Unicode", "Arial";color:#000;}
.pw1000{ width:1000px; margin-left:auto; margin-right:auto;}
.btn{transition:transform 0.3s linear;}
.btn:hover{transform:translateY(-5px);}
body{background: #f0f3fb;}
.blog-banner{ width:100%; background:url(../img/de-blog-banner.png) #f0f3fb  top center no-repeat;}
.blog-banner-text{ max-width: 650px; width: 92%; margin: 0 auto 0; padding-top: 106px; text-align: center;}
.blog-banner-cnt h1{font-size: 40px; line-height: 1.5; font-weight: bold; color: #FFFFFF;}
.blog-banner-cnt p{font-size: 18px; margin-top: 10px; line-height: 1.5; color: #fff; font-weight: 400;}
.support_search{ width:100%; height:48px; margin:30px auto 0; background:#fff; border: 1px solid #E4E6F1; box-sizing: border-box; border-radius: 8px; position: relative; overflow: hidden;}
.support_search>a{ width:24px; height:24px; display:inline-block; position: absolute; right: 12px; top: 12px;}
.support_search>input{ width:calc(100% - 58px); height:46px; margin:0; padding:0 48px 0 10px; display:inline-block; vertical-align:middle; border:none; font-size:14px; color:#333; font-weight: normal;}
.support_search>input::placeholder{ color:#B6B9CE;}
.blog_neuest{max-width: 1038px; width: 92%; margin: 32px auto 0; border: 1px solid #E6E9F5; border-radius: 10px; background: #FFFFFF; padding: 22px 28px 46px; box-sizing: border-box;}
.blog_neuest>h5{font-size: 20px; line-height: 150%; font-weight: 600; padding: 1px 36px; background: #000000; color: #FFFFFF; width: fit-content; margin-left: 10px; margin-bottom: 20px;}
.blog_neuest_total{display: flex; justify-content: space-between;}
.blog_neuest_item{width: 320px; box-sizing: border-box; padding: 10px; margin-bottom: 20px; border-radius: 10px;}
.blog_neuest_item a{display: flex; flex-direction: column;}
.blog_neuest_item b{font-size: 20px; line-height: 150%; color: #000000; font-weight: 600; margin-top: 28px; min-height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.blog_neuest_descrip{margin-top: 16px; display: flex; align-items: center;}
.blog_neuest_descrip span{font-size: 14px; line-height: 150%; color: #000000; font-weight: 600; border-bottom: 1px solid #536DFE; margin-right: 20px;}
.blog_neuest_descrip span.descrip1,.blog-banner-cnt .blog_neuest_item:nth-child(1) .blog_neuest_descrip span{border-bottom: 1px solid #536DFE;}
.blog_neuest_descrip span.descrip2,.blog-banner-cnt .blog_neuest_item:nth-child(2) .blog_neuest_descrip span{border-bottom: 1px solid #FF8737;}
.blog_neuest_descrip span.descrip3,.blog-banner-cnt .blog_neuest_item:nth-child(3) .blog_neuest_descrip span{border-bottom: 1px solid #AE28ED;}
.blog_neuest_descrip time{font-size: 14px; line-height: 150%; color: #666666; font-weight: 400;}
.blog_neuest_item p{margin-top: 16px; font-size: 14px; line-height: 150%; letter-spacing: 0.02em; color: #000000; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.blog_neuest_item:hover {box-shadow: 0 0 30px rgb(0 0 0 / 20%);}

.blog_article{max-width: 1038px; width: 92%; margin: 26px auto 100px; display: flex; justify-content: space-between;}
.blog_article_metol{margin-top: 10px;}
.blog_article_menu{width: 303px; background: linear-gradient(180deg, #F5F9FF 0%, #EEF2FD 100%); border: 1px solid #FFFFFF; border-radius: 20px; position: sticky; position: -webkit-sticky; top: 30px; padding: 10px 23px; box-sizing: border-box;}
.blog_article_menu_item{display: flex; align-items: center; padding: 20px 4px 20px 14px; margin: 20px 0; border-radius: 10px; background: #FFFFFF; cursor: pointer; position: relative;}
.blog_article_menu_item>a{position: absolute; width: 100%; height: 100%; z-index: 3; left: 0; top: 0; display: block;}
.blog_article_menu_item img{margin-right: 16px;}
.blog_article_menu_item p{font-size: 18px; color: #000; font-weight: 400;}
.blog_article_menu_item.checked{background: #E3EAFF; box-shadow: 0 0 1px 1px #fff inset;}
.blog_article_menu_item.checked p{color: #3E7EFF; font-weight: 600;}
.blog_article_box{width: 716px; margin-top: 10px;}
.blog_article_item{display: none;}
.blog_article_item.showed{display: block;}
.blog_article_box .blog_neuest_total{flex-wrap: wrap;}
.blog_article_box .blog_neuest_item{width: 340px; padding: 20px 20px 26px; background: #fff; border-radius: 0;}

.searchCont{ width:100%; height:100%; z-index:15; left:0; top:0; position:fixed; display:none;}
.serch_bg{ width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;}
.serch_close{ width:30px; height:30px; background:#fff; text-align:center; line-height:30px; font-size:30px; color:#333; cursor:pointer; display:block; position:absolute; right:20px; top:20px; border-radius:30px; display:none;}
.serch_results{ position:absolute; height:88%; width:88%; left:5%; top:9%; z-index:5; border: 1px solid #e5e5e5; background:#fff; box-shadow:0 0 50px rgba(0,0,0,0.2); border-radius:5px;}
.searchCont iframe{ width:100%; height:100%;}
.serch_results iframe .gsc-results-wrapper-overlay{width: 96% !important; height: 100% !important; left: 0 !important; top: 0 !important;}
@media screen and (max-width: 1100px){
.blog_neuest,.blog_article{width: 96%;}
.blog_neuest_item{width: 33%;}
.blog_neuest_item img{width: 100%; height: auto;}
.blog_article_menu{width: 230px; padding: 10px;}
.blog_article_menu_item{padding: 10px 8px;}
.blog_article_menu_item img{width: 28px; height: 28px; margin-right: 10px;}
.blog_article_menu_item p{font-size: 16px;}
.blog_article_box{width: calc(100% - 250px);}
.blog_article_box .blog_neuest_item{width: calc(50% - 20px);}
}


@media screen and (max-width: 750px){
.blog_neuest_total{flex-direction: column;}
.blog_article{flex-direction: column;}
.blog_neuest,.blog_article{width: 92%;}
.blog_article_menu{width: 100%;}
.blog_article_box{width: 100%;}
.blog_neuest_item,.blog_article_box .blog_neuest_item{width: 100%;}
} 
@media screen and (max-width: 568px){

}