/* blogs */
html{scroll-padding-top: 100px;}

.blogs{}
.blogs h1{font-size: 33px;font-family: Candara;font-weight: bold;color: #212121;padding: 10px 0;}
.blogs .flexslider{margin: 0;padding: 0;border-radius: 0;padding-bottom: 38px;border: none;}
.blogs .flexslider .slides>li{height: 234px !important;width: 333px !important;margin-right: 16px;border-radius: 5px;position: relative;overflow: hidden;}
.blogs .flexslider .slides>li:last-child{margin-right: 0 !important;}
.blogs .flexslider .slides>li a{display: block;position: relative;height: 100%;}
.blogs .flexslider .slides>li a:hover h3{text-decoration: underline;}
.blogs .flexslider .slides>li img{position: absolute;left: 0;top: 0;}
.blogs .flexslider .slides>li h3{font-size: 19px;color: #fff;font-family: Candara;line-height: 1.5;position: absolute;left: 0;bottom: 0;padding: 0 14px;height: 62px;background-color: rgb(0, 0, 0,0.6);box-sizing: border-box;padding-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.blogs .flexslider .flex-direction-nav .flex-prev{opacity: 1 !important;left: -30px !important;font-size: 30px;font-family: fangsong;color: #bfbfbf;}
.blogs .flexslider .flex-direction-nav .flex-next{opacity: 1 !important;right: -30px !important;font-size: 30px;font-family: fangsong;color: #212121;}
.blogs .flexslider .flex-direction-nav a:hover{color: #ef3800;}
.blogs .flexslider .flex-direction-nav a::before{content: none;}

.blogs .blog_left{float: left;width: 69%;padding-bottom: 37px;}
.blogs .blog_left h2{font-size: 26px;font-family: Candara;font-weight: bold;color: #000;padding-bottom: 6px;padding-top: 10px;}

.blogs .blog_right{float: right;width: 331px;}
.blogs .blog_right > img{max-width: 100%;margin-bottom: 32px;display: none;}
.blogs .blog_right h2{font-size: 24px;font-family: Candara;font-weight: bold;color: #212121;padding-bottom: 15px;text-transform: capitalize;}
.blogs .blog_right a{display: block;width: 100%;border: 1px solid #d4d4d4;padding: 0 10px;border-bottom: none;}
.blogs .blog_right a .imgbox{display: flex;align-items: center;justify-content: space-between;padding: 10px 40px 10px;position: relative;justify-content: center;}
/*.blogs .blog_right a .imgbox::before{content: '';width: 1px;height: 81px;position: absolute;left: 0;right: 0;top: 0;bottom:0;background-color: #e5e5e5;margin: auto;}*/
.blogs .blog_right a .imgbox .item{width: 100px;height: 100px;line-height: 100px;text-align: center;}
.blogs .blog_right a .imgbox .item img{max-width: 100%;display: inline-block;vertical-align: middle;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.blogs .blog_right a h3{font-size: 15px;line-height: 22px;color: #212121;text-align: center;text-overflow: ellipsis;overflow: hidden;}
.blogs .blog_right a s{text-decoration: none;font-size: 13px;color: #8b8b8b;line-height: 22px;text-align: center;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom: 4px;}
.blogs .blog_right a:first-of-type{border-radius: 5px 5px 0 0;}
.blogs .blog_right a:last-of-type{border-radius: 0 0 5px 5px;border-bottom: 1px solid #d4d4d4;}
.blogs .blog_right a:hover h3{color: #ef3800;}
.blogs .blog_right a:hover .imgbox .item img{transform: scale(1.1);}

.blogs .rele-manu{background-color: #f5f5f7;padding: 37px 0 47px;}
.blogs .rele-manu h2{font-size: 26px;font-weight: bold;font-family: Candara;color: #212121;padding-bottom: 30px;}
.blogs .rele-manu ul{display: flex;flex-wrap: wrap;}
.blogs .rele-manu ul li{width: calc(100% / 6 - 15px);margin-right: 18px;}
.blogs .rele-manu ul li:last-child{margin-right: 0;}
.blogs .rele-manu ul li a{display: block;height: 124px;background-color: #fff;border-radius: 5px;line-height: 124px;text-align: center;}
.blogs .rele-manu ul li a img{max-width: 70%;max-height: 110px;display: inline-block;vertical-align: middle;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.blogs .rele-manu ul li a:hover{box-shadow: 0 0 8px rgb(0, 0, 0,.2);}
.blogs .rele-manu ul li a:hover img{transform: scale(1.1);}

.relate-blogs{}
.relate-blogs li{margin-bottom: 18px;display: flex;align-items: center;}
.relate-blogs li .imgbox{width: 169px;height: 112px;line-height: 112px;text-align: center;border-radius: 5px;overflow: hidden;flex-shrink: 0;border: 1px solid #e5e5e5;}
.relate-blogs li .imgbox img{max-height: 100%;max-width: 100%;display: inline-block;vertical-align: middle;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.relate-blogs li .imgbox:hover img{transform: scale(1.1);}
.relate-blogs li .datebox{display: flex;flex-direction: column;align-items: center;font-family: Candara;padding: 0 13px;border-right: 1px solid #e5e5e5;margin-right: 17px;}
.relate-blogs li .datebox b{font-size: 21px;color: #000;}
.relate-blogs li .datebox span{font-size: 20px;color: #5e5e5e;}
.relate-blogs li .text a{font-size: 21px;font-weight: bold;font-family: Candara;line-height: 22px;color: #000;padding-bottom: 8px;}
.relate-blogs li .text s{text-decoration: none;color: #8b8b8b;line-height: 20px;display: block;padding-bottom: 10px;}
.relate-blogs li .text label{height: 24px;border: 1px solid #bababa;border-radius: 3px;font-size: 14px;color: #212121;padding: 0 10px;display: inline-block;margin-right: 6px;line-height: 22px;}
.relate-blogs li .text a:hover{color: #ef3800;}

.relate-blogs + .pages{justify-content: center;}

/* blogs-details */
.blog-show{padding-bottom: 40px;}
.blog-show > .wrap{display: flex;justify-content: space-between;}
.blog-show .artical_left{min-height: 450px;padding-top: 15px;width: calc(100% - 335px - 30px);}
.blog-show h1{font-size: 33px;font-family: Candara;color: #212121;padding-bottom: 12px;}
.blog-show .blog-info{display: flex;padding-bottom: 25px;}
.blog-show .blog-info p{font-size: 13px;color: #8b8b8b;margin-right: 31px;}
.blog-show .blog-info p:last-child{margin-right: 0;}
.blog-show .blog-info p span{color: #212121;}

.blog-show .blog_text{font-size: 14px;line-height: 24px;padding-bottom: 14px;margin-bottom: 22px;border-bottom: 1px solid #d0d0d0;}
.blog-show .blog_text h2{font-size: 17pt;margin: 40px 0 20px;font-weight: bold;}
.blog-show .blog_text h3{font-size: 13pt;margin: 15px 0 10px;font-weight: bold;}
.blog-show .blog_text h4{font-size: 12pt;margin: 15px 0 10px;font-weight: bold;}
.blog-show .blog_text h5{font-size: 12pt;margin: 15px 0 10px;font-weight: bold;}
.blog-show .blog_text p{font-size: 14px;line-height: 24px;margin: 10px 0;}
.blog-show .blog_text span{font-size: 10.5pt;}
.blog-show .blog_text table{margin: auto;max-width: 100%;}
.blog-show .blog_text table td{padding: 10px;}
.blog-show .blog_text img{max-width: 100%;}

.blog-show .relate-label{display: flex;align-items: center;justify-content: center;padding-top: 80px;}
.blog-show .relate-label dt{font-size: 14px;color: #8b8b8b;margin-right: 10px;}
.blog-show .relate-label dd{font-size: 14px;color: #212121;border: 1px solid #bababa;border-radius: 3px;height: 25px;line-height: 23px;padding: 0 13px;margin-right: 6px;}

.blog-show .relate-artical h3{font-size: 24px;font-family: Candara;color: #212121;font-weight: bold;padding-bottom: 35px;}

.blog-show .pro_relate{padding-top: 30px;}
.blog-show .pro_relate h3{font-size: 24px;font-family: Candara;color: #212121;font-weight: bold;padding-bottom: 20px;text-transform: capitalize;}
.blog-show .pro_relate .items a{width: calc(100% / 4 - 12px);}
.blog-show .pro_relate .items a h4{font-size: 15px;color: #212121;}
.blog-show .pro_relate .items a:nth-child(4n+4){margin-right: 0;}
.blog-show .pro_relate .items a:nth-child(5n+5){margin-right: 15px;}
.blog-show .pro_relate .items a:hover h4{color: #ef3800;}

.blog-show .tags{padding-top: 25px;}
.blog-show .tags h3{font-size: 24px;font-family: Candara;color: #212121;font-weight: bold;padding-bottom: 10px;}
.blog-show .tags ul{column-count: 3;}
.blog-show .tags ul li{font-size: 14px;color: #1a1a1a;line-height: 30px;}
.blog-show .tags ul li span{font-size: 14px;color: #6c6c6c;}


.blog-show .artical_right{width: 335px;padding-top: 25px;}

.blog-show .share{display: flex;align-items: center;padding-bottom: 25px;}
.blog-show .share dt{font-size: 14px;color: #6c6c6c;line-height: 32px;margin-right: 80px;white-space: nowrap;flex: 1;}
.blog-show .share dt::before{margin-right: 10px;content: '';background: url('../images/share.png') no-repeat center;width: 18px;height: 21px;position: relative;top: 5px;}
.blog-show .share dd{margin-right: 8px;}
.blog-show .share dd:last-child{margin-right: 0;}
.blog-show .share dd a{display: block;width: 31px;height: 31px;border-radius: 3px;text-align: center;line-height: 30px;box-sizing: border-box;background-color: #953bb4;color: #fff;font-size: 24px;border: 1px solid transparent;}
.blog-show .share dd a:before{transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.blog-show .share dd a:hover:before {transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);}
.blog-show .share dd:nth-of-type(1) a:hover{background-color: #78099e;border-color: #78099e;}
.blog-show .share dd:nth-of-type(2) a{background-color: #dd001a;}
.blog-show .share dd:nth-of-type(2) a:hover{background-color: #ba0218;border-color: #ba0218;}
.blog-show .share dd:nth-of-type(3) a{background-color: #3b569b;}
.blog-show .share dd:nth-of-type(3) a:hover{background-color: #1b3987;border-color: #1b3987;}
.blog-show .share dd:nth-of-type(4) a{background-color: #1496e1;}
.blog-show .share dd:nth-of-type(4) a:hover{color: #1496e1;background-color: #fff;border-color: #1496e1;}
.blog-show .share dd:nth-of-type(5) a{background-color: #0c66c0;}
.blog-show .share dd:nth-of-type(5) a:hover{color: #0c66c0;background-color: #fff;border-color: #0c66c0;}

.blog-show .share dd button{width: 31px;height: 31px;background-color: #0c66c0;border: 1px solid #0c66c0;border-radius: 3px;color: #fff;font-size: 22px;cursor: pointer;position: relative;vertical-align: middle;}
.blog-show .share dd button:before{content: '';background: url('../images/copy.png') no-repeat -19px 0;width: 19px;height: 21px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.blog-show .share dd button:hover{background-color: #07529e;color: #fff;}


.blog-show .relevance_pro{}
.blog-show .relevance_pro h3{font-size: 24px;font-weight: bold;font-family: Candara;color: #212121;padding-bottom: 8px;text-transform: capitalize;}
.blog-show .relevance_pro a{display: flex;box-sizing: border-box;padding: 21px 17px;border: 1px solid #d4d4d4;border-radius: 5px;}
.blog-show .relevance_pro a .imgbox{width: 86px;height: 86px;text-align: center;line-height: 86px;margin-right: 13px;position: relative;padding-right: 13px;}
.blog-show .relevance_pro a .imgbox::before{content: '';width: 1px;height: 86px;background-color: #e5e5e5;position: absolute;right: 0;top: 0;}
.blog-show .relevance_pro a .imgbox img{display: inline-block;vertical-align: middle;max-width: 100%;}
.blog-show .relevance_pro a h4{font-size: 15px;color: #ef3800;line-height: 24px;}
.blog-show .relevance_pro a s{font-size: 15px;color: #ef3800;line-height: 24px;text-decoration: none;}
.blog-show .relevance_pro a p{font-size: 13px;color: #8b8b8b;line-height: 20px;}
.blog-show .relevance_pro a span{font-size: 13px;color: #212121;}
.blog-show .relevance_pro a:hover{box-shadow: 0 0 4px rgb(0, 0, 0,.2);}

.blog-show form{position: sticky;top: 92px;}
.blog-show form ul li{display: flex;align-items: center;border-bottom: 1px solid #a2a2a2;}
.blog-show form ul li label{font-size: 15px;color: #535252;line-height: 46px;white-space: nowrap;}
.blog-show form ul li label.rq{position: relative;padding-right: 10px;}
.blog-show form ul li label.rq::before{content: '*';position: absolute;right: 0;top: 3px;color: #ef3800;font-size: 13px;font-family: Tahoma;}
.blog-show form ul li input,.blog-show form ul li textarea{width: 100%;height: 46px;border: none;padding: 0 10px;outline: none;font-size: 16px;color: #212121;}
.blog-show form ul li .qty{display: flex;padding-left: 44px;}
.blog-show form ul li .qty button{width: 32px;font-size: 25px;border: none;background-color: transparent;cursor: pointer;flex-shrink: 0;text-align: right;}
.blog-show form ul li .qty button:first-of-type{transform: scaleX(2.5);width: auto;}
.blog-show form ul li .qty button:hover{color: #ef3800;}
.blog-show form ul li .qty input{text-align: center;}
.blog-show form ul li.mess{align-items: flex-start;}
.blog-show form ul li.mess textarea{height: 76px;resize: none;padding-top: 14px;}
.blog-show form ul li.verify{display: none;}
.blog-show form ul li.error {
    animation: errorLight 1s;
    -moz-animation: errorLight 1s;
    -webkit-animation: errorLight 1s;
    -o-animation: errorLight 1s;
}
.blog-show form p{font-size: 13px;color: #6c6c6c;padding-top: 10px;padding-bottom: 12px;}
.blog-show form p span{font-size: 13px;color: #212121;}
.blog-show form > button{width: 100%;height: 39px;line-height: 37px;font-size: 22px;font-weight: bold;text-transform: uppercase;color: #fff;font-family: Candara;background-color: #ef3800;border: 1px solid #ef3800;border-radius: 5px;cursor: pointer;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.blog-show form > button:hover{background-color: #cf0000;color: #fff;}

@media screen and (max-width: 767px)
{
    /* blogs */
    .blogs >.wrap{padding: 0 10px;}
	.blogs h1{font-size: 24px;display: none;}

    .blogs .flexslider{width: 332px;margin: 0 auto;display: none;}
	.blogs .flexslider .flex-direction-nav{display: none;}
    .blogs .blog_left{width: 100%;padding-bottom: 10px;}
	.blogs .blog_left h2{font-size: 21px;}
    .blogs .blog_right{width: 100%;padding-bottom: 20px;}
	.blogs .blog_right h2{padding-bottom: 10px;}
	.blogs .blog_right a{width: 49%;display: inline-block;border-radius: 5px !important;!i;!;border: 1px solid #d4d4d4;margin-bottom: 5px;}
	.blogs .rele-manu{padding: 15px 0;}
    .blogs .rele-manu .wrap{padding: 0 10px;}
	.blogs .rele-manu h2{padding-bottom: 10px;}
    .blogs .rele-manu ul li{width: 49.5%;margin-bottom: 4px;}

    .relate-blogs{width: 100%;}
    .relate-blogs li{width: 100%;border-bottom: 1px dashed #dddddd;display: block;}
	.relate-blogs li .imgbox{float: left;width: 130px;height: 80px;line-height: 80px;margin-right: 10px;}
    .relate-blogs li .datebox{flex-direction: row;border-right: none;align-items: start;padding: 0;margin: 5px 0;display: none;}
    .relate-blogs li .datebox span{margin-left: 8px;}
	.relate-blogs li .text a{font-size: 15px;line-height: 19px;}
	.relate-blogs li .text s{line-height: 21px;}

    /* blogs-details */
    .blog-show > .wrap{flex-wrap: wrap;}
	.blog-show h1{font-size: 24px;}
	.blog-show .blog-info{padding-bottom: 10px;}
    .blog-show .artical_left{width: 100%;padding: 15px 10px 0;}
	.blog-show .blog_text{margin-bottom: 10px;line-height: 28px;}
    .blog-show .tags ul{column-count: 1;}
    .blog-show .artical_right{width: 100%;padding: 30px 10px 0;}
	.blog-show .relate-artical h3{padding-bottom: 10px;}
	.blog-show .pro_relate{padding-top: 0;}
	.blog-show .pro_relate h3{padding-bottom: 10px;}

}