@charset "utf-8";
/* CSS Document */
body{background:#f2f2f2}
.bk_head{width:100%;background:#1483ed;height:40px;line-height:40px;color:#fff;font-size:13px}
.wrapper{width:1200px;margin:auto}
.bk_head a{color:#fff}
.bk_head .headL{width:50%}
.bk_head .headL span{display:inline-block;margin:0 10px 0 0}
.bk_head .headL span a:hover{color:#ffcc00}
.bk_head .headR{width:50%;text-align:right}
.bk_head .headR a{display:inline-block;padding:0 5px}
.bk_head .headR a:hover{color:#ffcc00}
.pR {position:relative}
.bnT{position:relative;width:100%;height:300px;background:url("../images/bk/bn.jpg") no-repeat}
.bnT .navDiv{position:absolute;bottom:0px;left:0;width:100%;height:50px;line-height:50px; background:rgba(255,255,255,0.6)}
.bnT .navDiv .tx{position:absolute;bottom:25px;left:0;width:120px;height:120px;border:#fff solid 2px;border-radius:4px}
.bnT .navDiv .tx img{width:100%}
.bnT .navDiv .dh a{color:#000;font-size:16px;display:inline-block;padding:0 20px}
.bnT .navDiv .dh a:hover{color:#fff;font-size:16px;display:inline-block;padding:0 20px}
.bnT .navDiv .dh .hover{color:#fff;font-size:16px;display:inline-block;padding:0 20px;background:#1483ed;font-weight:bold}
/*工作博客*/
.gzbkDiv{background:#fff;box-shadow:0 0 5px #eee;margin:20px auto;height:auto;min-height: 100%;padding:20px 0}
.gzbkDiv ul li{width:calc(100% - 40px);margin:0 auto;padding:20px 0;border-bottom:#ccc dashed 1px}
.gzbkDiv ul li .picDiv{width:236px;height:160px;float:left}
.gzbkDiv ul li .picDiv img{width:100%;border-radius:4px}
.gzbkDiv ul li .textDiv{float:right;width:calc(100% - 250px)}
.gzbkDiv ul li .textDiv h4{font-size:18px;font-weight:bold;color:#333;height:30px;line-height:30px}
.gzbkDiv ul li .textDiv p{font-size:13px;color:#999;height:30px;line-height:30px}
.gzbkDiv ul li .textDiv .nr{font-size:16px;color:#666;line-height:30px}
.gzbkDiv ul li:hover{background:#f8f8f8}
/*博客底部*/
.footDiv{font-size:13px;text-align:center;padding:10px 0 40px 0;color:#999}
/*个人博客*/
.grbkDiv{width:1200px;margin:20px auto}
.grbkDiv ul li{float:left;width:calc(25% - 55px);background:#fff;margin:20px 30px 0 0;padding:15px;box-shadow:2px 2px 2px #e1e1e1;height:240px}
.grbkDiv ul li a{display:inline-block;color:#333}
.grbkDiv ul li:nth-child(4n){margin-right:0}
.grbkDiv ul li:hover{box-shadow:0px 0px 5px rgba(92,131,237,0.5)}
.grbkDiv ul li h4{font-size:24px;height:60px;line-height:30px;color:#000;overflow:hidden}
.grbkDiv ul li p{font-size:12px;height:40px;line-height:40px;color:#999}
.grbkDiv ul li .nr{font-size:14px;color:#000;height:140px;line-height:20px;overflow:hidden}
/*主页*/
.zyDiv{width:1200px;margin:20px auto}
.zyDiv .leftDiv{width:260px;float:left}
.zyDiv .leftDiv .mpDiv{background:#dbe7f1;padding:30px 20px}
.zyDiv .leftDiv .mpDiv .tx{width:120px;height:120px;border-radius:100%;margin:auto}
.zyDiv .leftDiv .mpDiv .tx img{width:120px;height:120px;border-radius:100%;border:#fff solid 1px}
.zyDiv .leftDiv .mpDiv .name{text-align:center;margin:10px auto}
.zyDiv .leftDiv .mpDiv .gsmc{width:100%;margin:5px auto}
.zyDiv .leftDiv .mpDiv .dhdz{width:100%;font-size:14px;line-height:20px;margin:5px 0}
.zyDiv .leftDiv .mpDiv .dhdz i{display:inline-block;float:left;width:20px}
.zyDiv .leftDiv .mpDiv .dhdz span{display:inline-block;float:left;width:calc(100% - 20px)}
.zyDiv .leftDiv .mpDiv .tjAn {display:block;width:100px;height:26px;line-height:26px;border-radius:4px;border:#1483ed solid 1px;color:#1483ed;text-align:center;margin:10px auto;font-size:14px}
.zyDiv .leftDiv .mpDiv .tjAn:hover{background:#1483ed;color:#fff;border:#1483ed solid 1px}
.zyDiv .leftDiv .mpDiv .ewm {width:100%;text-align:center}
.zyDiv .leftDiv .mpDiv .ewm img{width:68px;height:68px;margin:10px auto 0 auto}
.zyDiv .leftDiv .bkDiv{background:#fff;margin-top:20px}
.zyDiv .leftDiv .bkDiv .title{border-bottom:#ccc solid 1px;height:48px;line-height:48px;font-size:16px;font-weight:bold;margin:0 15px}
.zyDiv .leftDiv .bkDiv .title .more{float:right;color:#999;font-size:14px;font-weight:normal}
.zyDiv .leftDiv .bkDiv .conter{padding:15px}
.zyDiv .leftDiv .bkDiv .conter ul li{width:100%;height:30px;line-height:30px;overflow:hidden}
.zyDiv .leftDiv .bkDiv .conter ul li a{color:#333}
.zyDiv .leftDiv .bkDiv .conter ul li i{font-size:20px}
.zyDiv .leftDiv .bkDiv .conter ul li:hover,.zyDiv .leftDiv .bkDiv .conter ul li:hover a{color:#1483ed}
.zyDiv .rightDiv{width:calc(100% - 300px);float:right;background:#fff;box-shadow:0 0 5px #e1e1e1;min-height:100%}
.b{font-weight:bold}
.zyDiv .rightDiv .ul li{width:calc(100% - 40px);margin:10px auto;padding:15px 0;border-bottom:#ccc dashed 1px}
.zyDiv .rightDiv .ul li:hover{background:#f8f8f8}
.zyDiv .rightDiv .ul li a{color:#333}
.zyDiv .rightDiv .ul li .picDiv{float:left;width:200px}
.zyDiv .rightDiv .ul li .picDiv img{width:100%;max-height:200px;}
.zyDiv .rightDiv .ul li .rightTxt{float:right; width:calc(100% - 220px)}
.zyDiv .rightDiv .ul li .rightTxt .zwbt{width:100%;max-height:90px;line-height:22px}
.zyDiv .rightDiv .ul li .rightTxt span{display:inline-block;padding:0 20px 0 0;color:#999;font-size:14px;margin-top:20px}
/*商圈*/
.bksqDiv{width:1200px;margin:20px auto}
.bksqDiv .sqUl li{float:left;width:calc(33.33333333% - 55px);background:url("../images/bk/sqbjk.png") no-repeat #fff right bottom;margin:20px 30px 0 0;padding:15px;box-shadow:2px 2px 2px #e1e1e1;height:150px}
.bksqDiv .sqUl li a{display:inline-block;color:#333}
.bksqDiv .sqUl li:nth-child(3n){margin-right:0}
.bksqDiv .sqUl li:hover{box-shadow:0px 0px 5px rgba(92,131,237,0.5)}
.bksqDiv .sqUl li h4{font-size:18px;height:40px;line-height:40px;font-weight:bold;color:#000;overflow:hidden;margin-bottom:20px}
.bksqDiv .sqUl li ul li{width:100%;height:20px;line-height:20px;background:none;box-shadow:none;font-size:14px;padding:0;margin:0}
.bksqDiv .sqUl li ul li:hover{background:none;box-shadow:none}
.bksqDiv .sqUl li ul li span{display:inline-block}
.bksqDiv .sqUl li ul li .sp01{float:left;width:60px;height:20px; text-align:justify;text-align-last: justify}
.bksqDiv .sqUl li ul li .sp02{width:calc(100% - 60px)}
/*商友*/
.bksyDiv {width:1200px;margin:20px auto}
.bksyDiv .syUl li{float:left;width:calc(25% - 55px);background:#fff;margin:20px 30px 0 0;padding:15px;box-shadow:2px 2px 2px #e1e1e1;height:150px}
.bksyDiv .syUl li a{display:inline-block;color:#333}
.bksyDiv .syUl li:nth-child(4n){margin-right:0}
.bksyDiv .syUl li:hover{box-shadow:0px 0px 5px rgba(92,131,237,0.5)}
.bksyDiv .picDiv{width:140px;height:140px;float:left}
.bksyDiv .picDiv img{width:100%; border-radius:4px}
.bksyDiv .syText {width:calc(100% - 150px);float:right}
.bksyDiv .syText h4 {font-weight:bold;font-size:18px}
.bksyDiv .syText p{margin-top:20px;font-size:14px}

/*博客详情*/
.bkView{background:#fff;box-shadow:0 0 5px #eee;margin:20px auto;height:auto;min-height:100%;padding:20px 0}
.bkView .titleDiv{width:100%;line-height:40px;padding:10px 0;border-bottom:#ccc solid 1px;text-align:center}
.bkView .titleDiv h3{font-size:24px;font-weight:bold}
.bkView .titleDiv .fbtDiv{width:100%}
.bkView .titleDiv .fbtDiv span{display:inline-block;font-size:14px;color:#999}
.bkView .contDiv{width:90%;margin:10px auto}
.bkView .contDiv p{width:100%;margin:10px auto;text-indent:2rem;line-height:36px}
.bkView .contDiv p img{width:100%;max-width:600px; display:block;margin:20px auto}

/**/
.m_img{display:none}
.m_nav{display:none}
.bk_head2{display:none}
@media screen and (min-width:320px)and (max-width:1024px){
body{background:#f2f2f2}
	
.m_img{display:block;height:44px;background:rgba(255,255,255,1.00);position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ccc;overflow:hidden}
.m_img .headrg{padding-right:5%;padding-top:14px;float:right}
.m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display:block}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#1483ed;height:100%;z-index:100;right:-80%;overflow-y:scroll}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #0d6cc7}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display:flex;align-items:center;justify-content:space-between;width:100%}
.m_nav .m_navList ul li .m_f_a a{flex:1}
.m_nav .m_navList ul li .m_f_a i{width:40px;height:35px;box-sizing:border-box;padding:0 5px;display:block}
.icon{background:url(../imgs/plus.png) 100% no-repeat;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../imgs/reduce.jpg) 50% no-repeat!important;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width:100%}
.m_nav .m_navList ul li .m_s_nav a{display:block;height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow:hidden;white-space:nowrap;width:90%;text-overflow:ellipsis}
	
.bk_head{display:none}
.bk_head2{display:block;width:100%;background:#1483ed;height:40px;line-height:40px;color:#fff;font-size:13px}
.wrapper{width:100%;margin:auto}
.bk_head2 a{color:#fff}
.bk_head2 .headL{width:90%;margin:5px 5%}
.bk_head2 .headL span{display:block;margin:0 10px 0 0}
.bk_head2 .headL span a:hover{color:#ffcc00}
.bk_head2 .headR{width:90%;margin:5px 5%;text-align:left}
	.bk_head2 .headR i{font-size:24px}
.bk_head2 .headR a{display:inline-block;padding:0 5px}
.bk_head2 .headR a:hover{color:#ffcc00}
.pR {position:inherit}
.bnT{display:none;position:relative;width:100%;height:200px;background:url("../images/bk/bn.jpg") no-repeat}
.bnT .navDiv{position:absolute;bottom:0px;left:0;width:100%;height:50px;line-height:50px; background:rgba(255,255,255,0.6);display:none}
.bnT .navDiv .tx{position:absolute;bottom:25px;left:0;width:120px;height:120px;border:#fff solid 2px;border-radius:4px}
.bnT .navDiv .tx img{width:100%}
.bnT .navDiv .dh a{color:#000;font-size:16px;display:inline-block;padding:0 20px}
.bnT .navDiv .dh a:hover{color:#fff;font-size:16px;display:inline-block;padding:0 20px}
.bnT .navDiv .dh .hover{color:#fff;font-size:16px;display:inline-block;padding:0 20px;background:#1483ed;font-weight:bold}
/*工作博客*/
.gzbkDiv{background:#fff;box-shadow:0 0 5px #eee;margin:20px auto;height:auto;min-height: 100%;padding:20px 0}
.gzbkDiv ul li{width:calc(100% - 40px);margin:0 auto;padding:20px 0;border-bottom:#ccc dashed 1px}
.gzbkDiv ul li .picDiv{width:100%;height:auto;float:inherit}
.gzbkDiv ul li .picDiv img{width:100%;border-radius:4px}
.gzbkDiv ul li .textDiv{float:inherit;width:100%}
.gzbkDiv ul li .textDiv h4{font-size:18px;font-weight:bold;color:#333;height:auto;line-height:30px}
.gzbkDiv ul li .textDiv p{font-size:13px;color:#999;height:30px;line-height:30px}
.gzbkDiv ul li .textDiv .nr{font-size:16px;color:#666;line-height:30px}
.gzbkDiv ul li:hover{background:#f8f8f8}
/*博客底部*/
.footDiv{font-size:13px;text-align:center;padding:10px 0 40px 0;color:#999}
/*个人博客*/
.grbkDiv{width:100%;margin:50px auto 0 auto}
.grbkDiv ul li{float:inherit;width:calc(100% - 40px);background:#fff;margin:5px auto;padding:15px;box-shadow:2px 2px 2px #e1e1e1;height:auto;max-height:240px}
.grbkDiv ul li a{display:inline-block;color:#333}
.grbkDiv ul li:nth-child(4n){margin-right:0}
.grbkDiv ul li:hover{box-shadow:0px 0px 5px rgba(92,131,237,0.5)}
.grbkDiv ul li h4{font-size:24px;height:60px;line-height:30px;color:#000;overflow:hidden}
.grbkDiv ul li p{font-size:12px;height:40px;line-height:40px;color:#999}
.grbkDiv ul li .nr{font-size:14px;color:#000;height:auto;line-height:20px;overflow:hidden}
/*主页*/
.zyDiv{width:100%;margin:20px auto}
.zyDiv .leftDiv{width:100%;float:inherit}
.zyDiv .leftDiv .mpDiv{background:#dbe7f1;padding:30px 20px}
.zyDiv .leftDiv .mpDiv .tx{width:120px;height:120px;border-radius:100%;margin:auto}
.zyDiv .leftDiv .mpDiv .tx img{width:120px;height:120px;border-radius:100%;border:#fff solid 1px}
.zyDiv .leftDiv .mpDiv .name{text-align:center;margin:10px auto}
.zyDiv .leftDiv .mpDiv .gsmc{width:100%;margin:5px auto}
.zyDiv .leftDiv .mpDiv .dhdz{width:100%;font-size:14px;line-height:20px;margin:5px 0}
.zyDiv .leftDiv .mpDiv .dhdz i{display:inline-block;float:left;width:20px}
.zyDiv .leftDiv .mpDiv .dhdz span{display:inline-block;float:left;width:calc(100% - 20px)}
.zyDiv .leftDiv .mpDiv .tjAn {display:block;width:100px;height:26px;line-height:26px;border-radius:4px;border:#1483ed solid 1px;color:#1483ed;text-align:center;margin:10px auto;font-size:14px}
.zyDiv .leftDiv .mpDiv .tjAn:hover{background:#1483ed;color:#fff;border:#1483ed solid 1px}
.zyDiv .leftDiv .mpDiv .ewm {width:100%;text-align:center}
.zyDiv .leftDiv .mpDiv .ewm img{width:68px;height:68px;margin:10px auto 0 auto}
.zyDiv .leftDiv .bkDiv{background:#fff;margin-top:20px}
.zyDiv .leftDiv .bkDiv .title{border-bottom:#ccc solid 1px;height:48px;line-height:48px;font-size:16px;font-weight:bold;margin:0 15px}
.zyDiv .leftDiv .bkDiv .title .more{float:right;color:#999;font-size:14px;font-weight:normal}
.zyDiv .leftDiv .bkDiv .conter{padding:15px}
.zyDiv .leftDiv .bkDiv .conter ul li{width:100%;height:30px;line-height:30px;overflow:hidden}
.zyDiv .leftDiv .bkDiv .conter ul li a{color:#333}
.zyDiv .leftDiv .bkDiv .conter ul li i{font-size:20px}
.zyDiv .leftDiv .bkDiv .conter ul li:hover,.zyDiv .leftDiv .bkDiv .conter ul li:hover a{color:#1483ed}
.zyDiv .rightDiv{width:100%;float:inherit;padding:10px 0;background:#fff;box-shadow:0 0 5px #e1e1e1;min-height:100%}
.b{font-weight:bold}
.zyDiv .rightDiv .ul li{width:calc(100% - 40px);margin:10px auto;padding:15px 0;border-bottom:#ccc dashed 1px}
.zyDiv .rightDiv .ul li:hover{background:#f8f8f8}
.zyDiv .rightDiv .ul li a{color:#333}
.zyDiv .rightDiv .ul li .picDiv{float:inherit;width:100%}
.zyDiv .rightDiv .ul li .picDiv img{width:100%}
.zyDiv .rightDiv .ul li .rightTxt{float:inherit; width:100%}
.zyDiv .rightDiv .ul li .rightTxt .zwbt{width:100%;max-height:inherit;height: auto; line-height:22px}
.zyDiv .rightDiv .ul li .rightTxt span{display:inline-block;padding:0 20px 0 0;color:#999;font-size:14px;margin-top:20px}
/*商圈*/
.bksqDiv{width:100%;margin:50px auto 0 auto}
.bksqDiv .sqUl li{float:inherit;width:calc(100% - 40px);background:url("../images/bk/sqbjk.png") no-repeat #fff right bottom;margin:5px auto;padding:15px;box-shadow:2px 2px 2px #e1e1e1;height:150px}
.bksqDiv .sqUl li a{display:inline-block;color:#333}
.bksqDiv .sqUl li:nth-child(3n){margin-right:0}
.bksqDiv .sqUl li:hover{box-shadow:0px 0px 5px rgba(92,131,237,0.5)}
.bksqDiv .sqUl li h4{font-size:18px;height:40px;line-height:40px;font-weight:bold;color:#000;overflow:hidden;margin-bottom:20px}
.bksqDiv .sqUl li ul li{width:100%;height:20px;line-height:20px;background:none;box-shadow:none;font-size:14px;padding:0;margin:0}
.bksqDiv .sqUl li ul li:hover{background:none;box-shadow:none}
.bksqDiv .sqUl li ul li span{display:inline-block}
.bksqDiv .sqUl li ul li .sp01{float:left;width:60px;height:20px; text-align:justify;text-align-last: justify}
.bksqDiv .sqUl li ul li .sp02{width:calc(100% - 60px)}
/*商友*/
.bksyDiv {width:100%;margin:50px auto 0 auto}
.bksyDiv .syUl li{float:inherit;width:calc(100% - 40px);background:#fff;margin:5px auto;padding:15px;box-shadow:2px 2px 2px #e1e1e1;height:150px}
.bksyDiv .syUl li a{display:inline-block;color:#333}
.bksyDiv .syUl li:nth-child(4n){margin-right:auto}
.bksyDiv .syUl li:hover{box-shadow:0px 0px 5px rgba(92,131,237,0.5)}
.bksyDiv .picDiv{width:140px;height:140px;float:left}
.bksyDiv .picDiv img{width:100%; border-radius:4px}
.bksyDiv .syText {width:calc(100% - 150px);float:right}
.bksyDiv .syText h4 {font-weight:bold;font-size:18px}
.bksyDiv .syText p{margin-top:20px;font-size:14px}

/*博客详情*/
.bkView{background:#fff;box-shadow:0 0 5px #eee;margin:20px auto;height:auto;min-height:100%;padding:20px 0}
.bkView .titleDiv{width:90%;line-height:40px;padding:10px 5%;border-bottom:#ccc solid 1px;text-align:center}
.bkView .titleDiv h3{font-size:24px;font-weight:bold}
.bkView .titleDiv .fbtDiv{width:100%;line-height:24px}
.bkView .titleDiv .fbtDiv span{display:inline-block;font-size:14px;color:#999}
.bkView .contDiv{width:90%;margin:10px auto}
.bkView .contDiv p{width:100%;margin:10px auto;text-indent:2rem;line-height:36px}
.bkView .contDiv p img{width:50%;display:block;margin:20px auto}
}