@charset "utf-8";
body{color:#9d9fa2; text-align:center; font-size:12px; font-family: "微软雅黑",Verdana, Arial, sans-serif; background:url(/images/bg.jpg) top center #fafafa repeat-y; margin:0px auto; width:1280px;}
img,ul,li,from,p,h1,h2,h3,h4,div,a{border:none; margin:0px; padding:0px; list-style:none; text-decoration:none;}
img:hover{opacity:0.95;}
a{outline:none; text-decoration:none; cursor:pointer; border:none; color:#7d8791;}
:focus{outline:none;}
:active{outline:none;}
inner{outline:none;}
.left{ float:left;}
.right{ float:right;}
.g{ clear:both; width:100%;}

#top{ height:90px; position:relative; background:url(/images/topphone.jpg) no-repeat top right;}
#logo{ position:absolute; left:13px; top:11px;}

#menu{ right:10px; position:absolute; top:38px; width:auto;}
.menu{ float:left; padding:18px 15px; position:relative; font-weight:bold; font-size:13px; z-index:999;}
.menu a{ padding:0px 5px; display:block; font-size:13px;}
.menu a:hover{ color:#222;}
.menu .menus{background:#fff; font-weight:lighter;border-radius:10px;-webkit-box-shadow: #666 0px 0px 5px;-moz-box-shadow: #666 0px 0px 5px; padding:10px 1px; display:none; margin-top:8px;}
.menu .menus a{ display:block; line-height:27px; height:27px; font-size:12px; padding:0px;}
.menu .menus a:hover{ color:#00afd8;}

#blog{ background:#edf1f2; margin-top:10px; padding:35px 160px 45px 160px; height:415px;}
#blogit{ text-align:center; margin-bottom:35px;}
#blogit h2{ font-size:25px; color:#00afd8; font-weight:lighter;}
#blogit p{ font-size:18px; color:#8a9298;}
#blogbig{ position:relative; width:640px; height:315px; float:left; background:#fff;}
#blogbig .right{ width:280px; padding-top:30px; padding-left:40px; text-align:left;}
.tim{ font-size:12px;}
.nam{ font-size:28px; color:#333; margin:15px 0px 10px;}
.dom{ font-size:16px;}
.dom samp{ font-size:16px; color:#00b6e2;}
#blogi{ float:right; width:300px; overflow:hidden;}
.blogi{ margin-bottom:20px; height:150px; background:#fff;}
.blogi .right{ text-align:left; margin:0px 20px; width:260px;}
#blogi .right{width:125px; margin:0px 10px;}
#blogi img{ width:150px; height:150px;}
#blogbig img{ width:315px; height:315px;}
.blogi .tim{ margin:25px 0 18px;}

#iimg{ height:610px; margin-top:10px; position:relative; width:100%;}
#iimg img{ position:absolute;}
#img1{ left:0px; top:0px;}
#img2{ top:0px; right:0px;}
#img3{ left:0px; bottom:0px;}
#img4{ left:430px; bottom:0px;}
#img5{ right:0px; bottom:0px;}

#menu2{ width:960px; margin:0px auto; height:60px; line-height:60px; font-size:18px; font-weight:bold; text-align:left; height:inherit;}
#menu2 a{ margin-right:35px; display:inline-block;}
#menu2 a#on{ color:#00b6e2;}
#tu .tu{ position:relative; border-bottom:1px solid #;}
#tu .tu .domi{ position:absolute; z-index:999;}
#tu .tu img.jiantou{ position:absolute; z-index:999; bottom:0px; cursor:pointer;}
.sidebar{ width:300px; position:absolute; right:0px; top:50px;}

#banner{ position:relative;}
#banner .text{border-radius:40px 0px 0px 0px; position:absolute; background:#fff; text-align:left; z-index:999; left:130px; bottom:0px; height:80px; padding:35px 30px 5px 30px; font-size:16px; width:290px;}
#banner .text samp{ font-size:24px; color:#00afd8; font-family: "微软雅黑",Verdana, Arial, sans-serif;}

#menub{ width:960px; margin:15px auto 0px auto; line-height:30px; font-size:13px; text-align:right; clear:both;}
#menub a{ margin-right:20px; display:inline-block;}
a.blogtype1{ color:#00afd8;}
a.blogtype2{ color:#8ade77;}
a.blogtype3{ color:#7b858f;}
a.blogtype4{ color:#ffa02f;}
a.blogtype5{ color:#f00;}
a.blogtype6{ color:#00afd8;}
a.blogtype7{ color:00afd8;}
span.blogtype1{ color:#00afd8;}
span.blogtype2{ color:#8ade77;}
span.blogtype3{ color:#7b858f;}
span.blogtype4{ color:#ffa02f;}
span.blogtype5{ color:#f00;}
span.blogtype6{ color:#00afd8;}
span.blogtype7{ color:00afd8;}

#bloglist{ width:960px; margin:30px auto 20px auto; text-align:left;}
#bloglist h2{ font-size:18px; margin-bottom:30px;}
#bloglist h2 a{ font-size:14px; color:#00afd8; padding-left:45px;}
#lists .list{ width:300px; margin:0px 30px 30px 0px; float:left; height:150px; background:#f1f5f7; position:relative; overflow:hidden;}
#lists .list img{ width:150px; height:150px;}
#lists .list .left{ width:120px; height:120px; overflow:hidden; padding:15px;}
#lists .list .left2{ width:120px; height:120px; overflow:hidden; top:150px; padding:15px; color:#fff; background:#9da6ad; position:absolute;}

#listr{ text-align:left; margin-top:100px;}
#listr .list{ width:300px; margin:0px 30px 30px 0px; height:150px; background:#f1f5f7; position:relative; overflow:hidden;}
#listr .list img{ width:150px; height:150px;}
#listr .list .left{ width:120px; height:120px; padding:15px; position:absolute; top:0px; overflow:hidden;}
#listr .list .left2{ width:120px; height:120px; padding:15px; overflow:hidden; position:absolute; top:150px; background:#9da6ad; color:#fff;}


#listrs{ text-align:left; margin-top:100px; width:960px; margin:0px auto;}
#listrs .list{ width:300px; margin:0px 20px 30px 0px; float:left; height:150px; background:#f1f5f7; position:relative; overflow:hidden;}
#listrs .list img{ width:150px; height:150px;}
#listrs .list .left{ width:120px; height:120px; padding:15px; position:absolute; top:0px; overflow:hidden;}
#listrs .list .left2{ width:120px; height:120px; padding:15px; overflow:hidden; position:absolute; top:150px; background:#9da6ad; color:#fff;}
#xiangguan{ margin:20px 0px; font-size:22px; font-weight:bold;}
#dom{ width:960px; margin:0px auto; overflow:hidden;}
#dom img{ max-width:960px;}
#dom .left{ width:590px; text-align:left;}
#dom .right{ width:300px;}


#back-link{ background:url(/images/back.png) no-repeat left bottom; display:block; text-align:left; padding-left:39px; height:29px; line-height:29px; color:#00b6e2; font-weight:bold;}
.blog-meta{ margin-top:30px; font-size:13px;}
.blog-meta a{ color:#00b6e2;}
#dom .left h2{ font-size:29px; margin:37px 0px;}
#doms{ font-size:14px;}
.tag{ margin:30px 0px;}
.tag a{ color:#00b6e2;}
.sns{ margin:10px 0px;}

#bottom{ background:#9da6ae; padding:40px 120px; width:1040px; margin:0px auto; color:#fff;}
#bottom a{ color:#fff;}


#qrcode{ position:fixed; bottom:200px; width:1280px; text-align:center; background:url(/images/wxk.png) no-repeat center center; height:362px; padding-top:100px; display:none; z-index:99999;}
#qrcode img{ height:246px; cursor:pointer;}
#bodys{ width:1280px; height:100%; z-index:9999; background:#333; opacity:0.5; position:fixed; top:0px; display:none;}

.wx{ text-align:center;}
.weixinf{ cursor:pointer; background:#44b425; color:#fff; font-weight:bold; display:inline-block;height:30px; line-height:30px; font-size:13px; padding:0px 20px;border-radius: 11px; margin:0px 10px;}

body#wx{ width:95%; background:none; margin:30px auto; text-align:left;}
body#wx img{ width:100%; height:auto;}
body#wx h1{ font-size:18px; font-weight:bold; color:#000;}