@charset "UTF-8";
/* header */
.header{position:relative;height:50px;background:#fff;}
.header .logo{display:block;width:333px;padding:0}
.header .logo img{display:block;width:100%;margin-left: -5px;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

@media (min-width:641px){body{width:640px;margin:auto;}}
/**banner*/
.banner{ width:95%;height:150px;  margin:0.6rem auto; position:relative; overflow:hidden;border:1px solid #fff;border-radius: 3px;}
.banner .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.banner .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7);
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.banner .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.banner .hd ul .on{ background:#FE6C9C;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{ width:100%;  height:150px; background:url(../images/loading.gif) center center no-repeat;  }
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
/**tab_box*/
.tab_box {clear: both;position: relative;}
.whitebg {width:92%;margin:3% auto 3%;background: #fff;border-radius: 3px;padding: 2% 4%;overflow: hidden;}
.tab_box{ margin:10px auto;   }
.tab_box .hd{ margin-bottom: 10px;width: 100%;overflow: hidden;border-bottom: #e4e3e3 1px solid; }
.tab_box .hd ul{}
.tab_box .hd ul li a{color:#333;text-align: center;}
.tab_box .hd ul li{display: block; font-size: 1.2rem; height:38px; line-height:38px;float: left; width:33.3333%; text-align: center;position: relative; cursor:pointer  }
.tab_box .hd ul li.on a{ color:#B63B34; display:block; height:38px; line-height:38px;   border-bottom:2px solid #B63B34;  }
.tab_box .hd ul li.on:after {content: "";background: #000;width:100%;height: 2px;position: absolute;bottom: 0;left: 0;}
.tab_box .bd ul{ padding:10px 0;  }

.tbox .htitle{text-align: center;color:#0a7042;font-weight: bold}
.tbox .htitle:after{width:0px;}
.tbox ul li{border-bottom: 1px double #ccc;padding-bottom:5px; }
.tbox ul li:last-child{border-bottom: none}
.tbox ul li h1{font-size: 16px;color:#0A9800;padding: 8px 0}
.tbox ul li p{line-height: 160%;}

.newspic { width: 92%;height: auto;overflow: hidden; position: relative;}
.newspic ul {}
.newspic ul li { width:45%;float:left;position: relative; overflow: hidden; margin-bottom: 15px; border-radius: 3px;border:1px solid #ccc;padding: 1%;}
.newspic ul li:nth-of-type(2n){float:right}
.newspic ul li a { display: block; overflow: hidden }
.newspic img { height: 100%; width: 100%; opacity: .7; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.newspic span { bottom: 0; position: absolute; bottom: 30%; left: 0; right: 0; color: #FFF; text-align: center; font-size: 15px; padding: 0 40px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 22px; }
.newspic .div_wenz{text-align: center;margin:2% auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newspic .div_pci img{ width: 90%;text-align: center;margin: 0 auto}
.newspic .maoinfo{ text-align: center;margin-bottom: 2%; padding: 6px 10px; background: #096;border-radius: 4px;}
.newspic .maoinfo a{color:#fff;}
.newslist { width: 100% }
.newslist li { overflow: hidden; line-height: 32px; padding: 0 20px 10px 20px; text-overflow:ellipsis; }
.newslist li a { height: 32px; }
.newslist li img { width: 100% }
.newslist li { height: 22px; }
.newslist li:hover { height: 100%; background: #f7f7f7 }
.newslist li:hover a { color: #000; font-weight: bold }
.newslist p { line-height: 24px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; height: 48px; }
.newsitem ol li:first-child i::before { content: "1"; }
.newsitem ol li:nth-child(2) i::before { content: "2"; }
.newsitem ol li:nth-child(3) i::before { content: "3"; }
.newsitem ol li:nth-child(4) i::before { content: "4"; }
.newsitem ol li:nth-child(5) i::before { content: "5"; }
.newsitem ol li i {display: block;width: 20px;height: 20px;background: #9a9a9a;float: left;margin-top: 6px;margin-right: 10px;position: relative;font-style: normal;}
.newsitem ol li i::before {position: absolute;left: 0;top: 0;font-size: 9px;color: #fff;line-height: 20px;width: 20px;text-align: center;}
.newsitem ol li:first-child i {background: #222;}
.readmore { display: block; height: 30px; line-height: 30px; margin: 5px auto 5px auto; text-align: center; text-decoration: underline; }

.aboutus img{ float:left;width: 30%;margin-right: 3%}
.aboutus p{text-align: justify;margin-top: 2%}
.aboutus p span{padding: 1px 5px; background: #009f47;border-radius: 3px;color:#fff;}
.aboutus p span a{color:#fff;}

/**科普文章*/
.htitle { font-size: 18px; line-height: 40px; border-bottom: 1px solid #eee; color: #484848; font-weight: normal; position: relative; margin-bottom: 10px; }
.htitle span{font-size: 13px; float:right;}
.htitle:after { content: ""; position: absolute; width: 80px; height: 2px; content: ""; background: #000; left: 0; bottom: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.zhuanti ul {padding: 0;position: relative;overflow: hidden;}
.zhuanti ul:before {content: "";position: absolute;background: #fff;width: 0px;height: 100%;left: 10px;}
.zhuanti li {width: 44%;padding: 8px;float: left;border-bottom: #eee 1px solid;border-left: #eee 1px solid;overflow: hidden;}
.zhuanti li:nth-child(2n+1){border-left:none;}
.zhuanti li:nth-child(3){border-bottom:none;}
.zhuanti li:nth-child(4){border-bottom:none;}
.ztpic{width:100%;height:90px;overflow:hidden;border-radius:3px;background:#CCC;display:block}
.ztpic img{display:inline-block;width:100%;min-height:100%;height:auto;vertical-align:middle;transition:all .5s ease-out .1s}
.zhuanti li b{width:100%;margin:10px 0;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;font-size:14px;height:42px;line-height:24px;white-space:inherit;overflow:hidden}
.zhuanti li span{color:#999;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;font-size:14px;height:59px;display:block}
.ad img{width:100%}
.bloglist li{overflow:hidden;margin-bottom:20px;border-bottom:#eee 1px dashed;padding-bottom:20px;position:relative;min-height:120px}
.bloglist li:last-child{margin-bottom: 3px;}
.blogtitle{margin:0 0 10px 0;font-size:16px;overflow:hidden}
.blogpic{float:left;width:100px;margin-right:10px;height:76px;display:block;overflow:hidden;border-radius:3px;position:relative}
.blogpic img{width: 100%;}
.blogtext{font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;margin-top:15px}
.bloginfo{width:100%;margin-top:20px;overflow:hidden;color:#999;line-height:34px}
.bloginfo span{margin:0 5px}
.bloginfo span a{color:#096}
.avatar {position: relative;float: left;width: 30px;height: 30px;border-radius: 100%;padding: 2px;display: block;background: -webkit-linear-gradient(bottom left, rgba(0, 168, 70, 0.9), rgba(0, 168, 70, 0.7));background: -o-linear-gradient(bottom left, rgba(0, 168, 70, 0.9), rgba(0, 168, 70, 0.7));background: linear-gradient(to top right, rgba(0, 168, 70, 0.9), rgba(0, 168, 70, 0.7));}
.avatar img {width: 100%;border-radius: 50%;}
a.viewmore{right:10px;bottom:20px;position:absolute;padding:0px 8px;background:#096;color:#fff;border-radius:3px;margin-top:20px;text-align:center;colo:#fff}
/*底部*/
footer{background:#373d41;width:100%;border-top: #00b64f 10px solid;padding:30px 0;color:#73777a;font-size:14px}
footer a{color:#73777a}
.box,article{width:96%;margin:auto;overflow:hidden}
.wxbox ul{overflow:hidden;text-align:center}
.wxbox li{float:none;display:inline-block;margin:0 10px;text-align:center}
.wxbox img{height:100px}
.endnav{width:100%;overflow:hidden;margin-bottom:20px}
.endnav p{margin:0 10px}
.endnav p:last-child{text-align:center;margin:10px auto}
/**返回顶部*/
.cd-top{display:inline-block;height:40px;width:40px;position:fixed;bottom:60px;right:20px;box-shadow:0 0 10px rgba(0,0,0,0.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:rgba(0,0,0,0.8) url(../images/top.png) no-repeat center;visibility:hidden;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:9999999}
.cd-top.cd-is-visible{visibility:visible;opacity:1}

/*单页面*/
about{overflow:hidden;background:url(../images/abbg.png) no-repeat right top #fff;padding:20px}
.ab_dubai{margin-bottom:15px;display:inline-block}
.gd_title{margin:20px 0;font-size:18px;background:url(../images/hline.png) no-repeat bottom right;width:130px;clear:both;background-size:40px;border-bottom:#000 1px dashed;padding-left:10px;padding-bottom:5px;display:inline-block}
/*列表页*/
.lanmu img{height:100px;float:left;margin-right:20px}
.lanmu h1{font-size:18px;margin-bottom:15px}
.lanmu p{color:#666}
/*列表分页*/
.pageinfo {display: none}
.pagelist {text-align: center;color: #666;width: 100%;clear: both;margin: 20px 0 10px}
.pagelist a {color: #666;margin: 0 3px 10px;padding: 3px 8px;background: #f7f7f7;display: inline-block}
.pagelist .curpage {padding: 5px 10px;color: #FFF;background: #1c2327}
.pagelist .homepage, .pagelist .endpage {display: none}

/*内容页*/
.con_info {color: #888888;border: 1px solid #F3F3F3;padding: 10px;margin: 10px auto 0;line-height: 23px;background: none repeat 0 0 #F6F6F6;}
.con_info b{margin-right:10px;color:#000}
.con_text{line-height:24px;margin:20px 0}
.share{padding:10px 20px;background:#f7f7f7;border-left:3px solid #000}
.diggit{display:block;width:160px;margin:20px auto;background:#e2523a;color:#fff;box-shadow:1px 2px 6px 0 rgba(0,0,0,.2);border-radius:3px;line-height:40px;text-align:center}
.diggit a{color:#fff}
.con_text p img{width:100%;height: auto}
.con_text .thumb{margin-bottom: 10px;}

footer .foot_text {width: 88%;box-sizing: border-box;padding: 5px 15px;color: #eaeaea;margin: 0 auto;text-align: center}
footer .foot_text p {margin: 3px 0;font-size:15px;}
.m-footer{position:fixed;bottom:0;left:0;right:0;height: 40px;line-height: 40px;}
.m-footer a{float: left;line-height: 40px;width: 33.33%;display: block;color: #fff;font-size: 16px;text-align:center; }
.m-footer a.a{background-color: #FF9700;}
.m-footer a.b{background-color: #418DFF;}
.m-footer a.c{background-color: #c33;}
.m-footer  img{vertical-align: middle;display: inline}
