﻿/*公共样式-start*/
body{text-align:center;font-family:"Microsoft Yahei","微软雅黑",sans-serif;font-size:14px;padding:0;margin:0;color:#111;background:#fff;}
img,form,div,td,th,dl,dt{border:0px;margin:0px;padding:0px;;text-align:left;line-height: 24px;} 
a,a:visited,a:link{ color: #111; text-decoration:none;-webkit-touch-callout:none;}a:hover{color: #c84044;text-decoration: none;-webkit-touch-callout:none;}
.clear {CLEAR: both;line-height:0px;height:0px;margin:0px;padding:0px}
.blank{margin:0;padding:0;height:15px;clear:both;zoom:1;overflow:hidden;}
/*公共图片-start*/
 .like,.search .btn,.postbtn,.tag1,.btn_rss,.btn_email,.btn_sina,.btn_weixin,.btn_like,.btn_share,.btn_view,.btn_comment,.listhot,.btn_close,.sharesina,.sharetengxun, .img .share{background-image:url('../images/icons.png');background-repeat: no-repeat;}
/*公共图片-end*/
ul,li {list-style-position:outside;list-style-type:none;padding:0;margin:0}li .txt{font-size:12px;color:#888;line-height:22px;}
.main,.mainbody,.article,.menu ul,.nav ul{width:1000px;margin:0 auto;text-align:left;}.mainbody{padding-top:35px}.box_l,.box_c,.box_r{float:left;}
h2{font-weight:normal;font-size:21px;}
h2  span {background: #1a84d8;color: #fff;padding: 1px 10px;}
h3{font-size:21px;font-weight:normal;border-left:4px solid #004f8a;padding-left:10px;}.txt_center{text-align:center;}
.m_10{margin:10px;}.m_t_10{margin-top:10px;}.m_l_10{margin-left:10px;}.m_b_10{margin-bottom:10px;}.m_r_10{margin-right:10px;}
.tags{}.tags a,.tags a:link,.tags a:visited{color:#004f8a}.tags a:hover{color:#c84044}
.div_loadmore{width:400px;margin:20px auto;}
.loadmore{background:#f3f3f3;font-size:16px;text-align:center;display:block;padding:6px 0;border:1px solid #ededed;border-radius:3px}
.loadmore:hover{background:#1a84d8;color:#fff;}
/*head*/
.header {}
.nav{color:#005186;padding-top:14px;}
.nav ul li{display:inline-block;padding:0 10px;float:left;}
.nav ul li.first{padding-left:0;margin-left:0}
.nav ul li.home{float:right;}
.nav a, .nav a:link, .nav a:visited{color:#005186;font-size:16px;} .nav a:hover{color:#c84044}
.nav a.first{padding-left:0;margin-left:0}
.logo{height:80px;text-align:center;clear:both;}
.logo img{height:40px;margin-top:18px}

.menu{height:39px;border-bottom:1px solid #ccc;}
.menu a,.menu a:link,.menu a:visited{font-size:15px;margin:0 7px;height:36px;line-height:36px;display:inline-block;border-bottom:2px solid #fff;}
.menu a:hover{border-bottom:2px solid #1a84d8;}
.menu a.first{padding-left:0;margin-left:0}
.menu li{float:left;}
.menu li.search{float:right;margin-top:1px;}
.menu .search input{float:left;} 
.menu .search .text {border:1px solid #ccc;height:23px;line-height:23px;padding:0;margin:0;width:210px;color:#999;padding-left:6px}
.menu .search .btn {background-color:#004f8a;height:25px;padding:0;margin:0;width:50px;border:0;margin-left:-1px;background-position: 18px -5px;cursor:pointer;}
/*head-end*/

/*recommend*/
.recommend{height:390px;width:100%;overflow:hidden;background:#f2f2f2 url("../images/recommendbg.jpg");border-bottom:1px solid #ccc}
.recommend .box_l{width:280px;padding-right:20px}
.recommend .box_l h3{border-left:5px solid #004f8a;padding-left:10px;margin-top:20px}
.recommend .headline{font-size:14px;color:#777}
.recommend .headline .title{font-size:20px;color:#333;}
.recommend .headline .desc{padding-top:20px;}
.recommend .headline .tags{padding-top:20px;}
.recommend .headline .tags a{margin-right: 4px;}
.recommend .box_r{width:700px;}
.recommend .box_r .focuspic{margin-top:20px}

/* 焦点图 */
#focus {width:700px;height:350px;overflow:hidden; position:relative;}
#focus ul {height:350px; position:absolute; }
#focus ul li {float:left;width:700px;height:350px;overflow:hidden;position:relative; background:#fff !important;}
#focus ul li .focusmap_img{width:700px !important;height:350px !important;display:block;overflow:hidden;}
#focus .btnBg {position:absolute;width:700px;height:40px;left:0;bottom:0;vertical-align:middle;}
#focus .preNext {width:45px;height:100px; position:absolute;top:150px; background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0;background-position:right top;}
#scroll_2{display:none;}
#scroll_3{display:none;}

#case-scoll-focus {width:250px;height:500px;overflow: hidden;position: relative;}
#case-scoll-focus ul {height:500px; position:absolute; }
#case-scoll-focus ul li {float:left;width:250px;height:500px;overflow:hidden;position:relative; background:#fff !important;}
#case-scoll-focus ul li .focusmap_img{width:250px !important;height:500px !important;display:block;overflow:hidden;}
#case-scoll-focus .btnBg {position:absolute;width:250px;height:40px;left:0;bottom:0;vertical-align:middle;}
.scoll-focus .trans {position:absolute; padding:0px 10px 5px 0; right:0; bottom:10px;text-align:right; height:20px;}
.scoll-focus .trans span {display:inline-block;_display:inline;_zoom:1;width:10px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
.scoll-focus .trans span.on {background-color:#fff;}
#case-scoll-focus .preNext {width:45px;height:100px; position:absolute;top:150px; background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;}
#case-scoll-focus .pre {left:0;}
#case-scoll-focus .next {right:0;background-position:right top;}
/* 焦点图-end */
.box_r h3 span{font-size: 14px;float: right;}

/*listpost*/
.index .box_l .postlist{padding:20px 20px 20px 0px}
.postlist li{clear:both;border-bottom:1px dashed #d0d0d0;padding:15px 0px 15px 0px;}
.postlist li:hover{background:#f5f5f5}
.postlist li .user{overflow:hidden;}
.postlist li .face{display:block;float:left;width:60px;text-align:center;}
.postlist li .face div{width:60px;text-align:center;padding-top:5px}
.postlist li .face img{display:block;margin:0;border:0;padding:0;width:60px;height:60px;-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;}
.postlist li .title{display:block;margin-left:75px;font-size:15px;font-weight:bold}
.postlist li .txt{padding-top:10px;color:#555}
.postlist li .info ,.postlist li .info a{font-size:12px ;color:#999}
.postlist li .info a:hover{color:#c84044}
.postlist li .date{color:#888;font-size:12px;float:right;}
/*listpost-end*/

/*listcase*/
.index .box_l .postlist{padding:20px 20px 20px 0px}
.caselist li{clear:both;border-bottom:1px dotted #d0d0d0;padding:12px 0px 12px 0px;overflow:hidden;}
.caselist li:hover{background:#f5f5f5}
.caselist li .img{display:block;float:left;width:70px;text-align:center;}
.caselist li .img img{width:70px;height:70px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius:8px;border:1px solid #ededed;}
.caselist li .title{font-size:15px;font-weight:normal;}
.caselist li .txt{padding-top:10px;color:#555}
.caselist li .unit{float:right;}
.caselist li .info {display:block;margin-left:85px;font-size:12px;}

/*列表页，新闻列表start*/
.newslist h2{margin-bottom:10px;}
.newslist li{padding:20px 0;border-bottom:1px solid #ddd;float:left;overflow:hidden;font-size:13px;width:312px;margin:0 10px;height:350px;}
.newslist li:hover{background:#f7f7f7;border-bottom:1px solid #ddd;}
.newslist li .title{font-size:18px;display:block;margin-bottom:15px;font-weight:bold;height:48px;}
.newslist li .img {width:312px;height:164px;margin:0 auto;}
.newslist li .img img{display:block;margin:0 auto;vertical-align:middle;width:312px;height:164px;}
.newslist li .img .share {display: block;width: 63px;height: 30px;background-position: 9px -403px;position: absolute;margin-top: -164px;line-height: 30px;color: #fff;background-color:rgba(0,0,0,.4); }
.newslist li .img .share:hover,.newslist li:hover .img .share{background-color:#DBB004}
.newslist li .img .share span {margin-left: 30px;font-size: 14px;}
.newslist li .date{color:#888;font-size:12px;float:right;}
.newslist li .txt{color:#111;word-wrap: break-word;word-break: break-all;padding-top:16px;font-size:13px;line-height:24px;height:75px;overflow:hidden;}
.newslist li .tag{margin:10px 0px 4px 0px;color:#004079;line-height:16px;}
.newslist li .tag a{margin-right:4px;color:#004f8a;font-style: italic;font-size:12px}
.newslist li .tag a:hover{color:#c84044}
.newslist li .tag1{background-position: 0px -108px;display: inline-block;width: 106px;height: 25px;line-height: 25px;color:#fff;text-align:center;margin-right:20px}
.newslist li:hover .tag1{background-position: 0px -136px;}
.newslist li .link .button a{margin-left:10px}
.newslist li .link .bdshare_t {margin-top:4px}
.newslist li .link .bdshare_t span{margin:0}
.newslist li .user{overflow:hidden;float:left;}
.newslist li .face{display:block;float:left;width:60px;text-align:center;}
.newslist li .face div{width:60px;text-align:center;padding-top:5px}
.newslist li .face img{border:1px solid #ededed;display:block;margin:0;padding:0;width:59px;height:59px;-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;}

.newslist .news_all li .tag{margin:8px 0px 4px 0px;}
.newslist .news_all li .face{width:30px;float: none;}
.newslist .news_all li .face div{width:30px;padding-top:2px}
.newslist .news_all li .face img{width:29px;height:29px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.newslist .news_all li .user{width:55px;}

.bloglist li{height:400px;}
.bloglist li .tag{margin:10px 0px 4px 80px;}
.bloglist li .date{padding-top:10px;}
.bloglist li .tag a{margin-right:8px;}
/*列表页，新闻列表end*/


.index {background:#fff url('../images/indexbg.png') repeat-y -10px;}
.index .box_l{width:290px;}
.index .box_l .post{background:#f5f5f5;}
.index .box_l .post .title{text-align:center;color:#004f8a;font-size:18px;padding:15px 0}
.index .box_l .postbtn{display:block;height:55px;background-color:#004f8a;color:#fff;background-position:0px -44px;color:#004f8a}
.index .box_l .postbtn:visited{display:block}
.index .box_l .postbtn:hover{background-color:#1a84d8;color:#1a84d8}
.index .box_l .listuser{padding:0px 0px 20px 3px}
.index .box_l .listuser li{margin-bottom:20px;overflow:hidden;float:left;margin:6px 4px;height:84px;width:60px}
.index .box_l .listuser li img{display:block;margin:0;border:0;padding:0;width:60px;height:60px;-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;}
.index .box_l .listuser li div{text-align:center;font-size:12px}
.index .box_l .linkus{height:40px;line-height:40px;background:#ddd;text-align:center;}
.index .box_c{width:400px;padding:0 20px 20px 20px}
.index .box_r{width:250px;padding-left:20px;}

.index .newslist li .img .share{margin-top:-210px}
.index .newslist li .title{height:auto;}
/*listuser*/

/*列表页，新闻列表start*/
.box_c .newslist li{clear:both;float:none;width:auto;margin:0;height:auto;}
.box_c .newslist li .img {width:400px;height:210px;}
.box_c .newslist li .img img{width:400px;height:210px;}
.box_c .newslist li .title{height:auto;}
.box_c .newslist li .txt{height:auto;}
/*列表页，新闻列表end*/

/*底部版权*/
.footer{margin-top:-1px;}
.footer .about{border-top:1px solid #ddd;background:#f5f5f5;font-size:12px;width:100%}
.footer  h4{margin:0px 0px 10px 0px;font-size:15px}
.footer .about{padding:30px 0;/*overflow:hidden;*/}
.footer .about .about-us{width:305px}
.footer .about .about-linkus{width:306px}
.footer .about .about-link{width:200px}
.footer .about dt{overflow:hidden;float:left;border-left:1px dashed #d0d0d0;border-right:1px dashed #d0d0d0;padding:2px 30px;font-size:12px;margin-left:-1px}
.footer .link a{display:inline-block;float:left;width:75px;font-size:14px;margin:0 12px;padding:5px 0}
.footer .bottom{text-align:center;background:#ddd;font-size:12px;width:100%}
.footer .bottom .main{text-align:center;padding:10px 0;}

/*按钮*/
.link_btn a{display:inline-block;width:46px;height:46px;margin:0 5px}
.btn_rss{background-position: 0px -170px;}   .btn_rss:hover{background-position: -51px -170px;}
.btn_email{background-position: 0px -227px;} .btn_email:hover{background-position: -51px -227px;}
.btn_sina{background-position: 0px -285px;}  .btn_sina:hover{background-position: -51px -285px;}
.btn_weixin{background-position: 0px -343px;}.btn_weixin:hover{background-position: -51px -343px;}
.btn_like{background-position:0px -880px}
.btn_view{background-position: 0px -798px;padding-left: 30px;padding-right: 10px;}
.btn_comment{background-position: 0px -822px;padding-left: 30px;padding-right: 10px;}
.btn_share{background-position: 0px -849px;padding-left: 30px;padding-right: 0px;height: 24px;}
.btn_close {cursor: pointer;width: 20px;height: 20px;float: right;display: block;background-position: 0px -1042px;;margin-top: 7px;margin-right:4px}
.#btnlist{text-align:center;padding:10px;}
.sharesina{background-position:0px -1002px; }.sharesina:hover {background-position: -126px -912px;;}
.sharetengxun{background-position:0px -957px;}.sharetengxun:hover {background-position:-126px -867px}
.sharesina,.sharetengxun{width:127px; height:31px; display:inline-block;}
/*热门关键词*/
.link_hot{font-size:14px}
.link_hot a{padding:5px 7px;display:inline-block;}
.link_hot a.hot1 {color:#6bd734;font-size:18px}.link_hot a.hot1:hover {background:#6bd734;color:#fff}
.link_hot a.hot2 {color:#bb5956;font-size:18px}.link_hot a.hot2:hover {background:#bb5956;color:#fff}
.link_hot a.hot3 {color:#222222;font-size:15px}.link_hot a.hot3:hover {background:#222222;color:#fff}
.link_hot a.hot4 {color:#745faa;font-size:20px}.link_hot a.hot4:hover {background:#745faa;color:#fff}
.link_hot a.hot5 {color:#745faa;font-size:15px}.link_hot a.hot5:hover {background:#745faa;color:#fff}
.link_hot a.hot6 {color:#333333;font-size:20px}.link_hot a.hot6:hover {background:#333333;color:#fff}
.link_hot a.hot7 {color:#e4cb29;font-size:16px}.link_hot a.hot7:hover {background:#e4cb29;color:#fff}
.link_hot a.hot8 {color:#6bd734;font-size:18px}.link_hot a.hot8:hover {background:#6bd734;color:#fff}
.link_hot a.hot9 {color:#222222;font-size:22px}.link_hot a.hot9:hover {background:#222222;color:#fff}
.link_hot a.hot10{color:#bd605b;font-size:16px}.link_hot a.hot10:hover{background:#bd605b;color:#fff}
.link_hot a.hot11{color:#7557c9;font-size:14px}.link_hot a.hot11:hover{background:#7557c9;color:#fff}
.link_hot a.hot12{color:#ff8e0d;font-size:22px}.link_hot a.hot12:hover{background:#ff8e0d;color:#fff}
.link_hot a.hot13{color:#ff8e0d;font-size:18px}.link_hot a.hot13:hover{background:#ff8e0d;color:#fff}
.link_hot a.hot14{color:#c40017;font-size:16px}.link_hot a.hot14:hover{background:#c40017;color:#fff}
.link_hot a.hot15{color:#222222;font-size:20px}.link_hot a.hot15:hover{background:#6bd734;color:#fff}
.link_hot a.hot16{color:#c40017;font-size:17px}.link_hot a.hot16:hover{background:#c40017;color:#fff}
.link_hot a.hot17{color:#bd605b;font-size:14px}.link_hot a.hot17:hover{background:#bd605b;color:#fff}
.link_hot a.hot18{color:#745faa;font-size:18px}.link_hot a.hot18:hover{background:#745faa;color:#fff}
.link_hot a.hot19{color:#745faa;font-size:21px}.link_hot a.hot19:hover{background:#745faa;color:#fff}
.link_hot a.hot20{color:#e4cb29;font-size:18px}.link_hot a.hot20:hover{background:#e4cb29;color:#fff}

/*热点排行*/
.listhot{background-position:0px -440px;clear:both;overflow: hidden;}
.listhot li{line-height:36px;height:36px;padding-left:25px;font-size:12px;overflow:hidden;}
.listhot li a{height:35px;}
.listhot li span{color:#ba2636;font-weight:bold;}

/*分页-start*/
.page {text-align:center;clear:both;padding:20px 0}
.page a,.page span{display:inline-block;margin:5px 3px;padding:3px 10px;border:1px solid #ddd;color:#111;color:#333;background-color:#fff}
.page a:visited,.page a:link{color:#333;background-color:#fff}
.page span{color:#999}
.page .current,.page .current:visited,.page .current:link{background-color:#1a84d8;color:#fff}
.page a:hover{background-color:#1a84d8;color:#fff;border:1px solid #1a84d8;text-decoration:none;}
/*分页-end*/

/*最终文章页-start*/
.article{overflow:hidden;}
.article .box_l{width: 715px;float: left;border-right: 1px solid #e8e8e8;padding-right: 18px;padding-bottom:20px;font-size:15px}
.article .box_r{float:left;width:250px;margin-left:-1px;padding-left:15px;font-size:12px;border-left: 1px solid #e8e8e8;padding-top:15px}
.article .box_r hr{border-top:1px dotted #E5E5E5;}
.article .box_r .tab2 li{width:148px;}
.article h1{font-size:26px;font-weight:bold;text-align:left;padding:10px 0;line-height:34px}
.article .pinfo{font-size:12px;color:#888;border-bottom:1px dotted #ddd;padding-bottom:20px;}
.article .pinfo .tags a{ margin-right:4px;}
.article .tool{float:right;}
.article .subject{clear:both;background:#f5f5f5;padding:10px 18px;margin:20px 0;line-height:30px;font-size:16px;color:#555;}
.article .subject span{background:#c84044;padding:1px 10px;color:#fff;margin-right:10px}
.article .body{font-size:16px;line-height:30px;padding:0px 10px 10px 10px}
.article .body img{max-width: 600px;width:expression(this.width>600?"600px":this.width); }
.article .body a { color: #004f8a; border-bottom: 1px solid #ddd;}
.article .body a:hover { border-bottom: 1px solid #004f8a;}
.article .body .show{background: #f5f5f5;border-left: 5px solid #004f8a;padding:10px 15px;}
.article .body .showred{background: #f5f5f5;border-left: 5px solid #c84044;padding:10px 15px;}
.article .body .showgreen{background: #f5f5f5;border-left: 5px solid #64C731;padding:10px 15px;}
.article .body .fbold{font-weight:bold;}
.article .body .f14{font-size:14px;line-height:24px}
.article .body .f18{font-size:18px;line-height:32px}
.article .body .f20{font-size:20px;line-height:34px}
.article .toshare{text-align:center;margin-bottom:20px}
.article .toshare a,.article .toshare a:link,.article .toshare a:visited{-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;display: inline-block;padding: 0px 30px;margin-bottom: 0;font-size: 16px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;border:1px solid #c84044;color: #c84044;margin: 0 5px;text-decoration: none;}
.article .toshare a:hover{background:#c84044;color:#fff}
.article .toshare a.friend,.article .toshare a.friend:link,.article .toshare a.friend:visited{border:1px solid #64C731;color: #64C731;}
.article .toshare a.friend:hover{background:#64C731;color: #fff;}
.article .sharebtn{margin-bottom:10px}
.article .sharebtn .btn_like{padding-left:25px;}
.article .sharebtn .bdshare{float:right;}
.article .sharebtn .jiathis_sharetxt{float:left;font-size:12px;line-height:32px;color:#333;}
.article .sharebtn .share_like{float:left;padding-top:12px;display:none;}
.article .keyword{margin:10px 0;font-size:14px;border-top:1px dotted #dedede;border-bottom:1px dotted #dedede;padding:6px 0px;}
.article .keyword a{margin:0 8px}
.article .source{color:#777;font-size:14px;padding-left:10px}
/*最终文章页-end*/

/*自美体*/
.blog .box_l{width: 160px;float: left;border-right: 0px solid #e8e8e8;padding: 0;padding-bottom: 0px;font-size: 15px;background: #004f8a;margin-top: -100px;padding-top: 20px;}
.blog .ubanner{height:360px;margin:0 auto;background-color:#fff;width:1000px}
.blog .uinfo .uface img{width:90px;border-radius:100px;margin:0 auto;display:block}
.blog .uinfo .uname{font-size:20px;color:#fff;padding:15px 20px;text-align:center;}
.blog .uinfo .uname a,.blog .uinfo .uname a:visited{color:#fff;}
.blog .uinfo .udesc{font-size:13px;color:#cdcdcd;padding:0px 20px 20px 20px;}
.blog .uinfo .uweixin{line-height:0;}
.blog .uinfo .uweixin .title{text-align:center;padding-bottom:10px;color:#fff;}
.blog .uinfo .uweixin img{width:156px;padding:2px}
.blog .box_r{float:right;width:825px;margin-left:0px;padding-left:15px;font-size:12px;border-left: 0px solid #e8e8e8;padding-top:15px}
.blog .box_r .contentshow{margin-top:-85px}
.blog .box_r hr{border-top:1px dotted #E5E5E5;}
.blog .box_r .subject{margin:0px 0px 20px 0px}
.blog .box_r h1{margin: 0 auto;padding: 0;height: 70px;width:auto;color: #fff;text-shadow: 0 0 3px black;font-size:32px;}
.blog .box_r .pinfo{margin-top:20px}

.blog .newslist li{width:255px;}
.blog .newslist li .img{width:255px;height:134px;}
.blog .newslist li .img img{display:block;margin:0 auto;vertical-align:middle;width:255px;height:134px;}
.blog .newslist li .title{font-size:16px}
/*自美体-end*/

/*工具栏*/
.box_scoll{z-index:2000;width: 58px;float: right;position: fixed;right: 60px;bottom: 10px;_position: absolute;_bottom: auto;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom: 15px;}
.box_scoll .r_weixin,.box_scoll .r_weibo,.box_scoll .r_top,.box_scoll .r_register{font-size:13px;text-align:center;height:50px;padding:4px;border:1px solid #fff;display:block;margin-top:1px;background-color:#ddd;background-position:4px;background-repeat:no-repeat}
.box_scoll .r_weixin{background-image:url('../images/weixin.png');border-top:0}
.box_scoll .r_weibo{background-image:url('../images/weibo.png') }
.box_scoll .r_top{background-image:url('../images/top.png');border-top:0}
.box_scoll .r_register{padding-top:14px;height:40px;font-wei}
.box_scoll a:hover{background-color:#aaa}

/*项目*/
.case_list li{padding:15px 0px;font-size: 12px;color: #555;line-height: 21px;border-bottom:1px solid #dedede}
.case_list li .title{font-size:20px;font-weight:normal;background:none;}
.case_list li .img_border{max-height:75px}
.case_list .case_pic {float: left;height:123px;_overflow:hidden}
.case_list .case_pic img,.rightlogo img{width:120px;height:120px}
.case_list .case_info {margin: -4px 0px 0 145px;color: #666;line-height:28px}
.case_list .case_infoleft{float:left;width:260px;}
.case_list .case_inforight{margin-left:270px}
.case_list .case_pic span.mask,.rightlogo span.mask {cursor:pointer;display: block;position: relative;top: -129px;left: 0px;z-index: 1;width: 122px;height: 121px;background: url(../images/mask2.png) 0 0 no-repeat;}

/*工具栏-end*/
/*---------------------------------------------800的分辨率---------------------------------------------*/
@media screen and (max-width:800px){
.main,.mainbody,.article,.menu ul,.nav ul,.article{width:768px;margin:0 auto;}
/*recommend*/
.recommend{width:100%;height:255px}
.recommend .box_l{margin-left:14px;height:245px;overflow:hidden}
.recommend .box_r,#focus{width:430px;}
.recommend .box_r .focuspic{margin-top:20px}

#focus {width:430px;height:215px;overflow:hidden; position:relative;}
#focus ul {height:350px; position:absolute; }
#focus ul li {float:left;width:430px;height:215px;overflow:hidden;position:relative; background:#fff !important;}
#focus ul li .focusmap_img{width:430px !important;height:215px !important;display:block;overflow:hidden;}
#focus .btnBg {position:absolute;width:430px;height:40px;left:0;bottom:0;vertical-align:middle;}
#focus .btn {position:absolute; padding:15px 10px 5px 0; right:0; bottom:0;text-align:right; height:20px;}
#focus .btn span {display:inline-block;_display:inline;_zoom:1;width:10px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px;height:100px; position:absolute;top:90px; background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0;background-position:right top;}
#scroll_2{display:none;}
#scroll_3{display:none;}


.newslist li{width:360px;margin:0 12px;height:365px;}
.newslist li .img {width:360px;height:180px;margin:0 auto;}
.newslist li .img img{width:360px;height:180px;}

.index{background:#fff url('../images/indexbg.png') repeat-y 4px;margin-top:30px}
.index .box_l{margin-left:14px}
.index .box_r{display:none}
.index .box_c{width:430px;float:left;padding-right:0;background:#fff;margin-left:1px;}
.index .newslist li{float:none;width:auto;margin:0px;height:auto;padding:10px}

.article .box_l{width:768px;margin:0 auto;padding:0}
.article .box_r{display:none;}

.blog .article .box_l,.blog .box_l{width: 120px;float: left;border-right: 0px solid #e8e8e8;padding: 0;padding-bottom: 0px;font-size: 15px;background: #004f8a;margin-top: -100px;padding-top: 20px;}
.blog .article .box_r,.blog .box_r{display:block;width:624px;}

.blog .newslist li{width:290px;margin:0 10px;height:330px;}
.blog .newslist li .img {width:290px;height:145px;margin:0 auto;}
.blog .newslist li .img img{width:290px;height:145px;}


.footer {margin-top:0}
.footer .about .about-us{width:300px;border-left:0}
.footer .about .about-linkus{width:300px;border-right:0}
.footer .about .about-link{display:none;}
.article h1{font-size:20px;}
.article .subject{line-height:25px;font-size:14px;}
.article .body{font-size:14px;line-height:25px;}
.article .toshare a,.article .toshare a:link,.article .toshare a:visited{font-size: 14px;}
/*分页-start*/
.page {font-size:12px;}
/*分页-end*/
}
/*---------------------------------------------手机竖屏---------------------------------------------------*/
@media screen and (max-width:640px){
body{font-size:1em;}
.main,.mainbody,.article,.div_loadmore{width:100%;}
.content,.index{padding:0 0.5em;}
.content,.index{padding-top:82px}
.box_r,.footer .about{display:none;}
/*head*/
.header{;display: block;z-index: 999;position: fixed;top: 0;left: 0;right: 0;-webkit-animation: slideInFromTop 300ms ease;}
.tagtitle{display:none;}
.nav{color:#005186;padding-top:14px;display:none;}
.nav ul li{background:url('../images/menu.png') no-repeat;float:none;}
.nav ul li.first{background-position:0px 0px;}
.nav ul li.u{background-position:0px -58px;}
.nav ul li.next{background-position:0px -110px;}
.nav ul li.interview{background-position:0px -162px;}
.nav ul li.demo{background-position:0px -215px;border-bottom:0}
.nav ul li,.nav ul li.first{display:block;padding:0px;text-align:left;}
.nav ul li.home{display:none}
.nav a, .nav a:link, .nav a:visited{color:#fff;font-size:1.1em;margin-left:70px} .nav a:hover{color:#000}
.mmenu-opened,.mmenu-opened body{height:100%;width:100%;overflow:hidden;}
.mmenu-opened body{position:relative;}
.mmenu{display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;overflow:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.mmenu ul,.mmenu li{list-style:none;}
.mmenu li{position:relative;}
.mmenu ul,.mmenu li,.mmenu li > a,.mmenu li > span{display:block;padding:0;margin:0;}
.mmenu > ul{background-color:inherit;}
.mmenu-opened .mmenu.mmenu-opened{display:block;}
.mmenu-opened .header{position:initial}
.mmenu-opened .content,.mmenu-opened .index{padding-top:0px}
.mmenu-opened .mmenu-page{box-shadow:0 0 20px #003A66;background-color:inherit;min-height:100%;position:absolute;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#mmenu-blocker{display:none;}
.mmenu-opened #mmenu-blocker,.mmenu-blocking #mmenu-blocker{background:#fff;opacity:0;display:block;width:100%;height:100%;position:absolute;top:0;z-index:2;}
.mmenu-opened .mmenu-page,.mmenu-opened #mmenu-blocker{-webkit-transition:left 0.5s ease, right 0.5s ease, margin 0.5s ease;-moz-transition:left 0.5s ease, right 0.5s ease, margin 0.5s ease;transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease;}
/*.mmenu-accelerated .mmenu-page,*/html.mmenu-accelerated #mmenu-blocker{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}	
.mmenu-left.mmenu-opened .mmenu-page,html.mmenu-left.mmenu-opened #mmenu-blocker{margin-left:0px;left:0%;}
.mmenu-left.mmenu-opening .mmenu-page,.mmenu-left.mmenu-opening #mmenu-blocker{margin-left:0px;left:16em;}
.mmenu-right.mmenu-opened .mmenu-page,.mmenu-right.mmenu-opened #mmenu-blocker{margin-right:0px;right:0%;}
.mmenu-right.mmenu-opening .mmenu-page,.mmenu-right.mmenu-opening #mmenu-blocker{margin-right:0px;right:100%;}
html.mmenu-left.mmenu-opened #mmenu-blocker{margin-left:17em;}
.mmenu{background:#004f8a;width:17em;position: relative}
.mmenu *{text-shadow:0 1px 2px rgba( 0, 0, 0, 0.5 );}
.mmenu li{border:none;border-top: 1px solid #005DA3;border-bottom: 1px solid #003A66;}
.mmenu li:first-child{border-top-width:0;}
.mmenu li:last-child{border-bottom-width:0;}
.mmenu li > a,.mmenu li > span{text-overflow:ellipsis;white-space:nowrap;line-height:3em;overflow:hidden;}
.mmenu li > a,.mmenu li > span,.mmenu li > a:hover{color:#999;text-decoration:none;}
.mmenu li.mmenu-selected > a,.mmenu li.mmenu-selected > span{background:#222;}
.mmenu li.mmenu-selected > a.mmenu-subopen{background:transparent;}
.mmenu.mmenu-horizontal{/*width:1000%;*/}
.mmenu.mmenu-horizontal ul{width:17em;margin-left:0%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:margin-left 0.5s ease;-moz-transition:margin-left 0.5s ease;transition:margin-left 0.5s ease;}
.mmenu-accelerated .mmenu.mmenu-horizontal ul{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.mmenu.mmenu-horizontal ul.mmenu-submenu{display:none;}
.mmenu.mmenu-horizontal ul.mmenu-submenu.mmenu-opened{display:block;}
.mmenu.mmenu-horizontal ul.mmenu-subopened{margin-left:0;height:100%;overflow:hidden;}

.logo{height:44px;;text-align:center;margin:0em 0;background:rgba(10, 128, 255, 0.9);}
.logo img{height:20px;margin-top:4px;}
.logo #btnleft{border:0;display:block;float:left;background:url('../images/detail_icons.png')  no-repeat center -823px;width:26px;height:38px;background-size:25px;margin-left:0.5em;margin-top:6px}
.logo #btnright{border:0;display:block;float:right;background:url('../images/index_search_icon.png') no-repeat -2px 0px;width:26px;height:38px;background-size:30px;margin-right:0.5em;margin-top:6px}
.logo .alogo img{display:none;}
.logo .alogo{display:block;width:170px;background:url('../images/logo-w.png') no-repeat 0px 13px ;background-size:170px;margin:0 auto;height:36px;}

.menu{border:0;width:100%;height:auto;}
.menu ul{width:100%;overflow:hidden;height:auto;}
.menu ul li{;-webkit-overflow-scrolling: touch;}
.menu ul li.mlist{background:rgba(255,255,255,0.9);width:724px;overflow:hidden;height:37px;line-height:37px;border-bottom:1px solid #f0f0f0;}
.menu ul li.arrow{margin-left:-25px;width:25px;text-align:center;background: #2099FA;cursor:pointer;}
.menu ul li.search{clear:both;float:none;background:#f5f5f5;margin-top:0px;}
.menu a:hover{border-bottom:0;}
.menu a.first{padding-left:0;padding:0;}
.menu a,.menu a:visited,.menu a:link{margin: 5px 0px 5px 5px;;padding:0 10px;font-size:14px;border:0;color:#333;text-align:center;display:inline-block;height:26px;line-height:26px;border:0;}
.menu a.on,.menu a.on:hover{background:rgba(10, 128, 255, 0.9);color:#fff;border-radius:3px;}
.menu a.arrow_down,.menu a.arrow_up{border:0;margin-top:16px;width:0;  height:0; border-left:6px solid transparent; border-right:6px solid transparent;float:right;}
.menu a.arrow_down{border-top:6px solid #fff;}
.menu a.arrow_up{border-bottom:6px solid #fff;}
.menu li.search{float:right;padding:8px 0.5em;overflow:hidden;display:none;}
.menu .search .text {font-size:14px;width:100%;color:#999;padding:0;margin:0;-webkit-appearance: none;border-radius: 0;height:34px;line-height:34px;border-right:0;}
.menu .search .btn {margin:0px 0px 0px -51px;-webkit-appearance: none;border-radius: 0;height:36px;background-position: 18px -0px;background-color:rgba(10, 128, 255, 0.9)}
/*head-end*/

.index {background:none;}
.index .box_l,.recommend{display:none;}
.index .box_c{width:100%;padding:0;margin:0}
.index .box_r{display:none;}
.index .newslist li{padding:20px 0px}

/*最终文章页-start*/
.article,.box_l{width:auto}
.article .box_l{width:auto;float:none;border:none;padding:0;font-size:0.95em}
.article .box_r{display:none;}
.article h1{font-size:1.1em;padding:5px 0;margin:5px 0;line-height:1.6em;}
.article .pinfo{font-size:0.82em;padding-bottom:10px;}
.article .tool{float:none;width:100%;overflow:hidden;display:none;}
.article .tags{float:none;width:100%;overflow:hidden;padding-top:0.5em;}
.article .tool .jiathisshare  {display:none;}
.article .subject{font-size:0.95em;line-height:1.6em;margin:0}
.article .subject span{background:#c84044;padding:1px 10px;color:#fff;margin-right:10px}
.article .body{font-size:0.95em;line-height:1.6em;padding:5px}
.article .body img,.blog .article .body img{width:99%;height:auto;}
.article .toshare{display:none;}
.article .sharebtn{margin-bottom:10px}
.article .sharebtn .bdshare{float:none;}
.article .sharebtn .jiathis_sharetxt{float:none;display:block;font-size:0.95em;margin:10px 0 5px 0;padding-left:5px}
.article .sharebtn .share_like{display:none;}
.article .keyword{margin:50px -0.5em 20px -0.5em;font-size:0.95em;border-top:1px solid #ededed;border-bottom:1px solid #ededed;padding:10px 0.5em;width:100%;background:#f5f5f5}
.article .keyword span{display:block;margin-top:-40px;position:absolute;padding-left:5px}
.article .keyword a{margin:0 2px;background:#fff;padding:5px 8px;border-radius:6px;font-size:0.8em;display:inline-block}
/*列表页，新闻列表start*/
.newslist li,.box_c .newslist li,.blog .newslist li{float:none;width:auto;margin:0px;height:auto;}
.newslist li:hover{background:#f7f7f7}
.newslist li .title,.box_c .newslist li .title,.index .newslist li .title,.blog .newslist li .title{font-size:1.3em;height:auto;}
/*列表页，新闻列表start*/
.box_c .newslist li .img,.box_c .newslist li .img img,.blog .newslist li .img,.blog .newslist li .img img {width:312px;height:164px;float:none}
.box_c .newslist li .img,.blog .newslist li .img,.blog .newslist li .img{height:auto;}
.box_c .newslist li .txt{height:auto;}
/*列表页，新闻列表end*/
.index .newslist li .img .share{margin-top:-210px}

/*自美体*/
.blog .box_l, .blog .article .box_l{margin-top:65px;width:auto;float: none;overflow:hidden;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:10px;padding:10px;font-size: 15px;background: #fff;}
.blog .article .box_r,.blog .box_r{display:block;width:auto;}
.blog .ubanner{display:none;}
.blog .uinfo .uface{float:left;width:100px;height:90px;padding-right:10px}
.blog .uinfo .uface img{width:90px;border-radius:100px;margin:0 auto;display:block}
.blog .uinfo .uname{font-size:20px;color:#333;padding:5px 20px 10px 10px;text-align:left;margin-left:00px;}
.blog .uinfo .uname a, .blog .uinfo .uname a:visited{color:#004f8a}
.blog .uinfo .udesc{font-size:13px;color:#333;padding:0px 10px;margin-left:0px;}
.blog .box_r{float:none;width:auto;margin:0;padding:0;display:block;font-size:0.95em;}
.blog .box_r .contentshow{margin-top:0px}
.blog .box_r hr{border-top:1px dotted #E5E5E5;}
.blog .box_r .subject{margin:0px 0px 20px 0px}
.blog .box_r h1{font-size:1.1em;padding:5px 0;margin:5px 0;line-height: 34px;height: auto;width:auto;color: #333;text-shadow:none;position:absolute;top:80px}
.blog .box_r .pinfo{margin-top:20px}
/*项目*/
.case_list li{padding:15px 0px;height:181px;overflow:hidden;}
.case_list li .title{font-size:1.3em;}
.case_list li .img_border{max-height:75px}
.case_list .case_pic {float: left;height:90px;_overflow:hidden}
.case_list .case_pic img,.rightlogo img{width:90px;height:90px;border-radius:8px;border:1px solid #ededed;}
.case_list .case_info {margin: -4px 0px 0 110px;color: #333;line-height:24px}
.case_list .case_info .company,.case_list .case_info .city{display:none;}

.case_list .case_infoleft{float:none;width:auto;}
.case_list .case_inforight{margin-left:0px}

.case_list .case_pic span.mask,.rightlogo span.mask {display:none;}
.case_list .case_info .people{float:right;width:240px}

/*分页-start*/
.page {font-size:0.8em;padding: 10px 0;border: 1px solid #eee;border-radius:6px;background:#f5f5f5}
.page a,.page span{margin:0px 2px;padding:3px 10px;background-color:#fff;border-radius:6px;}
.page a:visited,.page a:link{color:#333;background-color:#fff;border:0;border-radius:6px;}
.page .current,.page .current:visited,.page .current:link{background-color:#fff;color:#333;border:0;border-radius:6px;}
.page a:hover{background-color:#f3f3f3;color:#333;border:0;}
/*分页-end*/
/*底部版权*/
.footer .about{display:none}
.footer .bottom{background:#f5f5f5;font-size:0.95em;border-top:1px solid #ededed;}
.footer .bottom .main{background:#f5f5f5;font-size:0.95em;padding:10px;width:auto;}
.footer .bottom .main span{display:none;}
.box_scoll{display:none;}
.jiathis_style_24x24 .btn_view, .jiathis_style_24x24 .btn_comment{font-size:12px}
}
/*---------------------------------------------------机横屏---------------------------------------------------*/
@media screen and (max-width:640px) and (orientation : landscape) {
.newslist li{float:none;width:auto;margin:0px;height:auto;padding:10px}
.newslist li .title{font-size:0.84em;height:auto;}
.newslist li .img {float:left;width:180x;}
.newslist li .img img{width:160px;height:auto;}
.newslist li .txt{margin-left:180px;font-size:1.1em;line-height:1.8em;height:120px;padding-top:0px}
.newslist li .tag{margin:10px 0px 0px 0px;color:#004079}
.newslist li .tag a{margin-right:4px;color:#004f8a;font-style: italic;font-size:0.7em;}
.newslist li .tag a:hover{color:#c84044}
.newslist li .tag1{background-position: 0px -108px;display: inline-block;width: 106px;height: 25px;line-height: 25px;color:#fff;text-align:center;margin-right:20px}
.newslist li:hover .tag1{background-position: 0px -136px;}
.newslist li .link .button a{margin-left:10px}
.newslist li .link .bdshare_t {margin-top:4px}
.newslist li .link .bdshare_t span{margin:0}
} 

/*弹窗*/
html,body{height:100%;margin:0;_background-image:url(../images/e5e772583e9c4386a8e5dce2838f2e16.gif);_background-attachment:fixed;}* html #WinBox,#WinBox{position:fixed;_position:absolute;top:22%;left:50%;z-index:10004;width:600px;height:auto;margin:0;padding:0;background-color:#ffffff;border: 2px solid #1a84d8;-webkit-box-shadow: 8px 6px 7px #bbb; box-shadow: 8px 6px 7px #bbb;border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;padding-bottom:6px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2:document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}
.CoverBox,#CoverBox{background-color:#999;width:100%;height:100%;left:0;top:0;filter:alpha(opacity=60);opacity:0.3;z-index:2000;position:fixed!important;position:absolute;_top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2:document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);}.msg_table{width:530px;margin:0 auto;} .msg_table td input, .msg_table td textarea, .msg_table td input, .msg_table td select {border: 1px solid #ddd;padding: 5px;}
#WinBox .td_head{background:#1a84d8;height:40px;line-height:40px;text-align:left;color:#fff;padding-left:6px;font-weight:bold;border-top-left-radius: 10px;border-top-right-radius: 10px;}


.hide {display: none;}
.listtab{ background:rgba(226, 220, 220, 0.24); height:40px; margin-bottom:10px;}
.searchtxt{font-size:18px; color: #333333;  float:left; line-height:40px; margin-left:15px;}
.listtab a{ padding:5px 10px; line-height:40px;}
.listtab .on{ border-bottom:4px solid #1a84d8;}
/*.tag .author img{ width:30px; height:30px;}*/
.searchtxt .number {font-family: Georgia;color: #E97C5B;font-size: 20px;}
.tag .author{ width:40px; height:40px;float:left;}
.tag .author img{width:40px;height:40px;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;}

