/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/
@font-face { 
	font-family:"MyriadPro"; 
	src:url("//ueeshop.ly200-cdn.com/static/font/MyriadPro-Regular/font.woff2") format("woff2"),
		url("//ueeshop.ly200-cdn.com/static/font/MyriadPro-Regular/font.woff") format("woff"),
		url("//ueeshop.ly200-cdn.com/static/font/MyriadPro-Regular/font.ttf") format("truetype"),
		url("//ueeshop.ly200-cdn.com/static/font/MyriadPro-Regular/font.eot") format("embedded-opentype"); 
	font-weight: normal; 
	font-style: normal;
}


body{ background:#ffffff;}
/**{ font-family:"MyriadPro";}*/
.wrap{ max-width:1300px; margin:0 auto;}
.spacing{ height:35px;}
.main_con .fl{ width:840px; float:left;}
.main_con .fr{ width:380px; float:right;}
.container{ background:#fff; padding:0 0 60px;}
.blog_list_more{ display:block; padding:0; font-size:16px; color:#898989; text-align:center; line-height:35px; margin-bottom:35px; transition: all 0.2s ease-in-out;}
.blog_list_more:hover{ background:#419dd8; color:#fff; text-decoration:none;}


#b_header{ background:#fff;border-bottom: 1px solid #dcdcdc;}
#b_header .leftbar{ width:22%; float:left;}
#b_header .rightbar{ width:70%; float:right;}
#b_header .title{ height: 117px;}
#b_header .title a{display:table-cell; height:117px; vertical-align:middle;}
#b_header .title img{max-width:100%; max-height:100%;}

#b_header .brief{ font-size:14px; color:#898989; padding:5px 0;}
#b_header .menu{ display:none;}
#b_header .nav{ height:117px; overflow:hidden;}
#b_header .nav .item{ float:left; height:117px;line-height:117px; margin-left:6%; transition: all 0.2s ease-in-out;}
#b_header .nav .item a{ font-size:16px; text-decoration:none; padding:0 5px; display:inline-block; transition: all 0.2s ease-in-out;}
/*#b_header .nav .item:hover{ border-bottom:3px solid #419dd8;}*/
#b_header .nav .item:hover a{ color:#419dd8;}

#b_footer{ background:#676767; padding:10px 0; margin-top:30px;}
#b_footer *{ font-size:16px; color:#fff;}
#b_footer .row{ text-align:center; padding:5px 0;}

.leftbar{}
.leftbar.blog_list_left{padding-right: 40px;border-right: 1px solid #ebebeb;}

.container .item .para{margin-top: 10px; font-size:14px; color:#000000;}
.container .item .para span{ color:#595959;}
.container .item h1, .container .item h2{font-size:24px;}
.container .item h2 a{ text-decoration:none; transition: all 0.2s ease-in-out;font-size: 36px;color: #000000;}
.container .item h2 a:hover{ color:#419dd8;}
/*.container .item .bg{ width:80px; height:4px; margin-top:20px; background:#419dd8;}*/
.container .item .con{ font-size:20px; color:#000000; line-height:28px; margin-top:5px;}
.container .item .con *{font-family: inherit;}
.container.c1 .item .img{ height:auto; margin-top:25px;}
.container.c2{padding: 18px 0;}
.container.c2 .item .pic_box{float: left;width: 280px;}
.container.c2 .item .des{float: right;width: calc( 100% - 310px );}
.container.c2 .item h2 a{font-size: 24px;}
.container.c2 .item .con{font-size: 16px;}

.container .item .line{ height:1px; background:#f2f2f2; margin-top:25px; margin-bottom:30px;}
.container .item .read{ width:136px; height:44px; line-height:44px; text-align:center; font-size:16px; color:#419dd8; border-radius:22px; border:1px solid #dfdfdf; display:inline-block; text-decoration:none; transition: all 0.2s ease-in-out;}
.container .item .read:hover{ color:#fff; background:#419dd8;}

.container .item .review .name{ font-size:18px; color:#666; margin-top:30px;}
.container .item .review .box{ border:1px solid #f2f2f2; padding:17px; position:relative; margin-top:15px;}
.container .item .review .box .txt{ font-size:16px; color:#666; line-height:25px;}
.container .item .review .box .txt span{ color:#419dd8;}
.container .item .review .box .date{ font-size:14px; color:#999; margin-top:20px;}
.container .item .review .box i{ width:15px; height:9px; display:block; position:absolute; left:15px; top:-9px; background:url(../images/review_sign.jpg) no-repeat;}
.container .item .review .more{ width:236px; height:45px; line-height:45px; display:block; text-align:center; margin:0 auto; background:#f5f5f5; font-size:16px; color:#666; margin-top:30px; transition: all 0.2s ease-in-out; text-decoration:none;}
.container .item .review .more:hover{ background:#419dd8; color:#fff;}

.container .item .form .label{ width:22%; float:left; height:20px; line-height:20px; padding:13px 0; font-size:14px; font-family:Arial;}
.container .item .form .input{ width:78%; float:right;}
.container .item .form .input input{ width:100%; height:46px; line-height:46px; box-sizing:border-box; border:1px solid #eee; text-indent:10px; font-size:16px;}
.container .item .form .input input.vcode{ width:calc(100% - 200px);}
.container .item .form .input img{ float:right; height:46px;}
.container .item .form .input textarea{ width:100%; height:86px; box-sizing:border-box; border:1px solid #eee; padding:10px; font-size:16px;}
.container .item .form .submit{ width:148px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; font-family:Arial; display:block; border:0; background:#0266c3; margin-top:35px; border-radius:2px; float:right; margin-bottom:30px; cursor:pointer; transition: all 0.2s ease-in-out;}
.container .item .form .submit:hover{ background:#015bae;}

.container .search .txt{ width:70%; float:left; box-sizing:border-box; height:43px; line-height:43px; border:1px solid #dfdfdf; text-indent:15px;}
.container .search .btn{ width:30%; float:left; height:43px; line-height:43px; cursor:pointer; font-size:14px; color:#fff; background:#419dd8; border:0; transition: all 0.2s ease-in-out;}
.container .search .btn:hover{ background:#3a8fc5;}

.container .category .title{ font-size:20px;}
.container .category .bg{ width:54px; height:4px; background:#419dd8; margin-top:15px; margin-bottom:10px;}
.container .category ul li{ border-top:1px solid #f2f2f2; padding:15px 0; padding-left:20px; background:url(../images/li_sign.jpg) 0 center no-repeat;}
.container .category ul li a{ font-size:16px; color:#898989; transition: all 0.2s ease-in-out;}
.container .category ul li a:hover{ color:#419dd8;}
.container .category .tags a{ font-size:14px; color:#898989; display:inline-block; background:#f5f5f5; text-decoration:none; padding:5px 10px; margin-right:10px; margin-bottom:10px; transition: all 0.2s ease-in-out;}
.container .category .tags a:hover{ background:#419dd8; color:#fff;}

.rightbar{}
.rightbar .category{}
.rightbar .category .list{margin-bottom: 60px;}
.rightbar .category .list .cate_name{border-bottom: 3px solid #2d2d2d;}
.rightbar .category .list .cate_name a{line-height: 42px;font-size: 18px;color: #000000;font-weight: bold;}
.rightbar .category .list .name{display: inline-block;vertical-align: middle;width: calc( 100% - 172px );}
.rightbar .category .list .item{padding: 27px 0;border-bottom: 1px solid #ebebeb;}
.rightbar .category .list .item .name a{font-size: 14px;line-height: 20px;}
.rightbar .category .list .item .pic_box{display: inline-block;vertical-align: middle;width: 162px;}
.rightbar .category .list .more{margin: 10px 0;}
.rightbar .category .list .more a{font-size: 14px;line-height: 20px;text-decoration: underline;}

#blog_detail{}
#blog_detail h1{margin: 0 175px 20px;font-size: 36px;}
#blog_detail .brief{margin: 0 175px;font-size: 20px;}
#blog_detail .para{margin: 5px 175px 35px;}
#blog_detail .container{padding-bottom: 0;}

.latest{margin-bottom: 75px;}
.latest .latest_title{font-size: 18px;line-height: 42px;font-weight: bold;border-bottom: 3px solid #2d2d2d;}
.latest .content{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.latest .content .list{width: 280px;margin-top: 40px;}
.latest .content .list .pic_box{margin-bottom: 15px;}
.latest .content .list .name{}
.latest .content .list .name a{font-size: 16px;line-height: 24px;}
@media(max-width: 1300px){
	.main_con{margin: 0 15px;}
	.main_con .fl{width: calc( 100% - 360px );}
	.main_con .fr{width: 300px;}
	.container .item h2 a{font-size: 25px;}
	.container .item .con{font-size: 17px;}
	.rightbar .category .list .name{width: calc( 100% - 150px );}
	.rightbar .category .list .item .pic_box{width: 140px;}

	#blog_detail h1{margin: 0 20px 20px;}
	#blog_detail .brief{margin: 0 20px;}
	#blog_detail .para{margin: 5px 20px 35px}
}
@media(max-width: 1000px){
	.container{padding-bottom: 30px;}
	.container .item h2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 30px;}
	.container.c2 .item h2 a{font-size: 20px;line-height: 25px;}
	.container.c2 .item .pic_box{width: 100%;}
	.container.c2 .item .des{width: 100%;}
	.container .item .con{line-height: 20px;}

	#blog_detail h1{font-size: 20px;}
	#blog_detail .brief{font-size: 16px;}

	.latest .content .list{width: 48%;}
}
@media(max-width: 800px){
	.main_con .fl{width: 100%;padding: 0;border-right: none;}
	.main_con .fr{width: 100%;margin-top: 20px;}
}

@media (max-width: 768px){
	.spacing{ height:15px;}
	.main_con .fl{ width:100%; float:none;}
	.main_con .fr{ width:100%; float:none;}
	.blog_list_more{ background:#419dd8; color:#fff; margin-bottom:15px;}
	
	#b_header .leftbar{ width:calc(100% - 100px); float:none; text-align:center; margin:0 auto;}
	#b_header .brief{ padding-bottom:15px;}
	#b_header .rightbar{ width:30px; height:25px; position:absolute; right:10px; top:25px; background:#419dd8; float:none;}
	#b_header .menu{ display:block; width:100%; height:100%; position:relative;}
	#b_header .menu i{ display:block; width:20px; height:2px; background:#fff; position:absolute; left:5px; transition: all 0.2s ease-in-out;}
	#b_header .menu i:nth-child(1){ top:6px;}
	#b_header .menu i:nth-child(2){ top:11px;}
	#b_header .menu i:nth-child(3){ top:16px;}
	#b_header .nav{ width:calc(100% - 50px); float:none; position:fixed; height:100%; top:0; left:-100%; z-index:10; background:rgba(0,0,0,0.8); box-sizing:border-box; padding:10px 0; transition: all 0.2s ease-in-out;}
	#b_header .nav .item{ float:none; height:40px; line-height:40px; margin:0 20px; border-bottom:1px solid #fff;}
	#b_header .nav .item:hover{ border-bottom:1px solid #fff;}
	#b_header .nav .item a{ color:#fff;}
	#b_header .current .menu i:nth-child(1){ transform:rotate(45deg); top:11px;}
	#b_header .current .menu i:nth-child(2){ display:none;}
	#b_header .current .menu i:nth-child(3){ transform:rotate(-45deg); top:11px;}
	#b_header .current .nav{ left:0;}
	
	.container .item .form .input input.vcode{ width:100%;}
	.container .item .form .input img{ float:none; height:auto; margin-top:10px;}

	#b_header .title,#b_header .title a{height: 70px;}
}
@media(max-width: 500px){
	.latest .content .list{width: 100%;}
}