@charset "utf-8";
/* css */
.box, article { width: 1200px; margin: auto; overflow: hidden }
.navbox { width: 1200px; margin: auto; }
.mt20 { margin-top: 20px; }
.font16{font-size:16px;}
.blue { color: #00C1DE }

/*about*/
.about { overflow: hidden; padding: 20px 40px }
.ab_box { overflow: hidden; margin: 20px 0; }
.ab_box h3 { margin: 10px 0 10px; font-size: 18px; }
.ab_box p { color: #666; margin-bottom: 5px }
.avatar_pic { float: left; margin-right: 10px; display: block; padding: 2px; width: 100px; border-radius: 50%; }
.avatar_pic img { width: 100%; }
/* .avatar_pic:before { position: absolute; content: ""; background: url(../img/v.png) no-repeat; bottom: 0px; right: 10px; height: 24px; width: 24px; background-size: 24px; }*/
.ab_dubai { margin-bottom: 15px; display: inline-block; }
.ly_button { float: right; width: 100px; background: #000; text-align: center; border-radius: 3px; line-height: 30px }
.ly_button a { color: #FFF }
.gd_title { margin: 20px 0; font-size: 18px; background: url(../img/hline.png) no-repeat bottom right; width: 120px; clear: both; background-size: 40px; border-bottom: #000 1px dashed; padding-left: 10px; padding-bottom: 5px; display: inline-block; }
.xinlu li { width: 25%; float: left; overflow: hidden; margin-bottom: 20px }
.xinlu li a { display: block; margin: 0 10px; background: #f3f3f3; padding: 20px; }
.xinlu li i { display: block; overflow: hidden; height: 120px; margin-bottom: 10px }
.xinlu li i img { width: 100%; min-height: 120px; -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; }
.xinlu li i:hover img { transform: scale(1.1); }
.xinlu li p { font-weight: bold; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.xinlu li span { color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; font-size: 14px; height: 62px;    display: block; }
.myblog { overflow: hidden; clear: both }
.myblog li { width: 25%; float: left; display: block; text-align: center; padding-bottom: 10px; position: relative; overflow: hidden }
.myblog li:after { position: absolute; content: ""; right: 0; top: 0; background: #e9eaed; height: 100%; width: 1px; }
.myblog li:last-child:after { content: none }
.myblog li b { display: block; line-height: 30px; margin-bottom: 10px; }
.buttons { display: block; margin: 10px auto; width: 130px; text-align: center; background: #00c1de; padding: 5px 0; border-radius: 3px; color: #fff; }
.buttons:hover { color: #FFF }
.myblog li:nth-child(even) .buttons { background: #F60 }
.myblog p { margin-bottom: 10px }
.qq_join li { float: left; width: 25%; }
.qq_join li section { margin: 7px 7px; box-shadow: #ccc 1px 1px 5px; padding: 10px; display: block; overflow: hidden }
.qq_join li img { width: 90%; margin: auto; background: -webkit-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7)); background: -o-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7)); background: linear-gradient(to top right, rgba(0,153,255,.9), rgba(42,228,197,.7)); display: block; padding: 5px; margin-top: 10px;}
.qq_join li p { margin: 10px; }
.qq_join li b { color: #019881; margin: 0 5px; }
.qq_join li span { display: block;text-align: center;margin-top: 10px;font-size: 14px;font-weight: bold; }

/* css结束 */