/**/
*{padding: 0;border: 0;margin: 0;font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";}
body,html,input{font:13px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}
ul,ol,li{list-style:none;}
a{text-decoration:none;color: #000}
.cl{clear: both;}
.clear{ clear:both; }

/*index_mobile*/
.main,.main ul,.main li{background: #fff;max-width: 640px;margin: 0 auto;}
.special-bg{}
.header img{width: 100%;}
.intro{margin: 5px auto;padding:5px;width: 95%;border-left: 2px solid #a3acb6}

h5{background: #e5e5e5;padding: 5px;}
.list{padding: 5px 0;margin: 5px 0;border-bottom : 1px solid #e5e5e5}
.list img{width: 25%}
.list div{float: right;width: 74%}
.list .time{float: right;margin-right: 10px;}

/*index*/
/* 导航*/
.nav{ width:100%; height:50px; background:#df3031; text-align:center;}
.nav a{color:#FFF; padding:5px; line-height:40px; font-size:16px; display:inline-table;width: 70px;border-left: 1px solid #d64936 }
.nav a:hover{ background:#d22929; color:#FFF; text-decoration:none;}

/*头部*/
.topbanner{width:100%;text-align:center;position:relative;}
.topbanner p{width:100%;font-size:50px; text-align:center;color:#000;font-weight:bold;position:absolute;top:35%;
-webkit-text-fill-color: #000;/*文字的填充色*/
-webkit-text-stroke: 2px #fff;/*描边的像素，也就是粗细，这里指定是2像素的黑色边框*/
text-shadow: 5px 5px 5px #ccc;
}
.bigleftbox, .wb{ width:1000px;margin:0 auto; background:#FBFBFB; padding:15px;}
.bigleftbox h1{text-align: left;font-size: 40px;border-bottom:1px solid #ccc}
.bigleftbox h1 strong{float: right;margin-top: 30px;width: 700px;overflow: hidden;white-space:nowrap;text-align: right;}
.left{ width:400px; float:left;  display:inline;margin-top: 30px;}
.right{ width:460px; float:right; border-left:0; display:inline;margin-top:30px;height: 305px;border-bottom: 1px solid #ccc}
.right .dy{font-size:30px;color:#b74344}
#focusImg1 img{width: 521px;height: 300px;}
.right p{height: 250px;overflow: hidden;line-height: 30px;text-indent: 2em;font-size: 16px;letter-spacing:1.5px;}

/*主体*/
#main_content{width: 1000px;margin: 0 auto;}
#main_content h2{line-height:50px;height: 50px;border-bottom: 2px #999 solid;clear:both;}
#main_content h2 b{border-bottom:2px #df3031 solid;font-weight:bold;font-size: 24px;padding: 10px 0}
#main_content .content_list{width:1000px; overflow:hidden; margin-bottom:30px;}
/*奇数文章样式*/
#main_content .content_list .list_odd{width:500px; padding:25px 0px; border-bottom:1px #ccc solid; float:left;}
#main_content .content_list .list_odd .list_left{width:170px; height:119px; float:left;}
#main_content .content_list .list_odd .list_left img{width:170px; height:119px;}
#main_content .content_list .list_odd .list_left img:hover{transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05); transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
#main_content .content_list .list_odd .list_right{width:310px; float:left; margin-left:20px;}
#main_content .content_list .list_odd .list_right a{ font-size:15px; color:#333;}
#main_content .content_list .list_odd .list_right a:hover{color:#df3031;}
#main_content .content_list .list_odd .list_right a h3{width:280px; font-weight:bold; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#main_content .content_list .list_odd .content{height:85px; font-size:14px; color:#333; word-break:break-all; padding-right:10px; letter-spacing:1px; overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:28px;}

/*专题推荐样式*/
#recommend{width:1000px; margin:0 auto; overflow:auto; position:relative;}
#recommend .title_left{width:100px; height:50px; text-align:center; line-height:50px; font-size:24px; font-weight:bold; color:#333; border-bottom:2px #df3031 solid; float:left;}
#recommend .title_left span{color:#df3031;}
#recommend .title_right{width:900px; height:50px; border-bottom:2px #999 solid; float:left;}
#recommend .mr_frBtnL{width:40px; height:74px; background:url(../images/next.png) 0px -74px; top:123px; left:0px; opacity:0.4;position:absolute; top:110px; left:0px; z-index:99;}
#recommend .mr_frBtnR{width:40px; height:74px; background:url(../images/next.png) -40px -74px; top:123px; right:3px; opacity:0.4;position:absolute; top:110px; right:0px; z-index:99;}
#recommend .mr_frBtnL:hover{width:40px; height:74px; background:url(../images/next.png) 0px 0px; top:123px; left:0px; position:absolute; top:110px; right:0px; z-index:99;}
#recommend .mr_frBtnR:hover{width:40px; height:74px; background:url(../images/next.png) -40px 0px; top:123px; right:3px; position:absolute; top:110px; right:0px; z-index:99; }
#recommend .recommend_list{width:1000px; float:left;}
#recommend .recommend_box{overflow:auto;}
#recommend .recommend_box li{width:200px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; margin:0px 15px 0px 15px;}
#recommend .recommend_box li img{width:170px; height:119px; border:1px #999 solid; padding:3px;}
#recommend .recommend_box li img:hover{width:170px; height:119px; border:1px #999 solid; padding:3px;transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05); transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; }
#recommend .recommend_box li a{color:#333;}
#recommend .recommend_box li:hover a{color:#df3031}

/*footer*/
.footer {font-size:14px;background:#353535;margin: 20px auto 0;}
.footer2 {margin: 5px auto 0;text-align: center;}
.footer2 .link {height: 30px;line-height: 30px;margin-top: 10px;color:#fff;clear: both;margin-top: 5px;padding-top:10px;}
.footer2 .link a{ color:#ccc;}
#lqzull, #bbsull {margin: 10px auto -5px;}
.bottom {margin: 20px auto 0;text-align: center;width: 1200px;}
.footer .parnet a {color:#ccc;margin-right: 9px;height: 40px;width: auto;display: inline-block;}
.bottom p {color:#ccc;line-height: 32px;}
.bottom p a{ color:#ccc;}

@media screen and (max-width: 900px) { 
html,body{overflow-x:hidden}
#header2017,.topbanner{display:none}
.bigleftbox{width:100%}
.wb{width:98%}
.bigleftbox h1{font-size:24px;}
.bigleftbox h1 strong{float:none;width:98%;white-space:pre-line;text-align:left;display: inline-block;}
#focusImg1 img{width:100%}
.left{width:94%}
.right{width:94%;float:left;}
#main_content h2{clear:none;border-bottom:none;display:inline-block;width:100%;}
#main_content .content_list .list_odd{width:100%;}
.code_con{width:100%}
.main2017{width:100%}
.code_con .right{width:100%;text-align:left;display:none}
#main_content{width:100%;}
#main_content .content_list{width:96%;margin:auto;}
#main_content .content_list .list_odd .list_left{width:30%}
#main_content .content_list .list_odd .list_right{width:65%;margin-left:5%;}
#main_content .content_list .list_odd .list_left img{width:100%}
#main_content .content_list .list_odd .list_right a h3{width:100%}
#recommend .title_right{width:100%;border-bottom:none;display:none}
#recommend .title_left{width:98%;float:none;text-align:left;display:-webkit-box;margin:auto;}
#recommend{width:100%;}
#recommend .recommend_box li{margin:0px 15px 0px 0px}
#recommend .recommend_list{width:100%}
.tempWrap{15px 0 0px 0}
}