@charset "utf-8";
/*
----------------------------------
	FileName：index.css
	Description：首页样式表
	Author：Blue Wave
	Last Updated：2015.8.9
	Website：http://www.dianshangwin.cn/
----------------------------------
*/

/* 主体模块样式 */
body{ font-size:14px; color:#525252; background: #FFF;}
.dsw_main_box{width: 100%; height:auto; font-size:14px;/*background: #E9EAEC;*/}
.dsw_main_box .middle{width: 1200px; height:auto; margin:20px auto  0;}
.dsw_main_box .middle .dsw_w1200{width:100%; height:auto;border: 1px solid #EEE; margin-bottom:10px;position: relative;}
.dsw_main_box .middle .cf_w730s{width:845px; background: #FFF;border-right:1px solid #eee;}
.dsw_main_box .middle .dsw_w1200 .cf_box_1{width:auto; height:auto; background: #FFF;}
.dsw_main_box .middle .cf_w730s .cf_box_2{width:840px;}
.cf_w320{width: 310px; height:699px;float: left; overflow: hidden; border-right: 1px solid #EEE; padding-bottom: 22px;}
.cf_w350{width: 500px; float: left; padding-left:28px; }
.dsw_main_box .middle .dsw_w1200 .cf_banner{width: 310px; height:auto;}

/* 左侧新闻样式 */
.dsw_main_box .middle .dsw_w1200 .left_tx{height: 721px; width:340px;border:1px solid #eee; float:left; background-color:#fff; font-size:14px;}

.dsw_main_box .middle .dsw_w1200 .left_tx .anwer{font-size:18px; line-height:20px; border-left:3px solid #3F92D5; padding-left:10px; margin-top:25px; margin-bottom:7px; font-size:18px; color:#666;}
.dsw_main_box .middle .dsw_w1200 .left_tx .anwer { height:20px;  clear:both; overflow:hidden;}
.dsw_main_box .middle .dsw_w1200 .left_tx .anwer h3{ line-height:20px;display: inline-block;float: left; font-weight: normal; font-size:18px;color:#333;}
.dsw_main_box .middle .dsw_w1200 .left_tx .anwer .more2{font-size:14px; line-height:24px; color: #999; float:right; padding-right:10px;}
.dsw_main_box .middle .dsw_w1200 .left_tx .anwer .more2 a{color:#999; display: inline-block; text-align: center;}
.dsw_main_box .middle .dsw_w1200 .left_tx .anwer .more2 a:hover{color:#81B4F4;}
.dsw_main_box .middle .dsw_w1200 .scro_1{position:fixed;top:80px;}
.dsw_main_box .middle .dsw_w1200 .scro_2{position:static;}
.dsw_main_box .middle .dsw_w1200 .scro_3{position:absolute;bottom:0;}

.tx_dw{width:auto; height:auto; margin-top:20px;border-top: 1px solid #eee;}
.tx_dw ul li{width:340px; height:auto; font-size:12px; color:#666;border-bottom: 1px dashed #EEE; float:left; position:relative; padding: 6px 0px 6px 0px;border-bottom: 1px dashed #DFDFDF;}
.tx_dw ul li .bm_avatar{font-size: 0px; position: absolute; left: -23px; top:0px; z-index: 12;}
.tx_dw ul li .bm_avatar a{display: inline-block;}
.tx_dw ul li .bm_avatar img{width: 38px; height: 38px; margin: 4px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.tx_dw ul li .fd_clr{width: auto; height: 30px; line-height: 30px; display: inline-block; clear:both;}
.tx_dw ul li .fd_clr .names{width: 75px; height: 21px; line-height: 21px; font-size: 12px; color:#FFF; background-color: #579ACE; padding-left: 28px; margin-bottom:9px; -webkit-border-radius: 0px 12px 12px 0px; border-radius:0px 12px 12px 0px; display: inline-block; float: left; overflow: hidden;}
.tx_dw ul li .fd_clr .names a{color:#FFF; display: inline-block;}
.tx_dw ul li .fd_clr .form{width: auto; height: 21px; line-height: 21px; float: left; display: inline-block; margin-left: 8px; color:#999;}
.tx_dw ul li .water_drop{width: 45px; height: 51px; display: inline-block; background: transparent url(../../images/dsw/water_bg.png) 0px 0px no-repeat; _background: transparent url(../../images/dsw/water_bg.gif) 0px 0px no-repeat; position: absolute; top:0px; left: -23px; z-index: 6; background-position: 0px 0px;}

.tx_dw ul li .wd_pic{width:200px; height:60px;}
.tx_dw ul li .wd_pic .avatar{width:131px; height:53px; line-height:48px; display:inline-block; background:url(../../images/dsw/tx_dw.jpg) no-repeat; position:absolute; top:10px; left:-30px; z-index:9; padding-left:56px; color:#FFF; }
.dsw_main_box .middle .dsw_w1200 .left_tx .tx_dw .black{ color:#333; font-size:14px; padding:5px 15px 5px 10px; margin:0;}
.dsw_main_box .middle .dsw_w1200 .left_tx .tx_dw .black span{color:#81B4F4;}
.dsw_main_box .middle .dsw_w1200 .left_tx .tx_dw .black a{display: inline-block; color:#333;font-weight: bold;}
.dsw_main_box .middle .dsw_w1200 .left_tx .tx_dw .black a:hover{color:#81B4F4;}
.dsw_main_box .middle .dsw_w1200 .left_tx .tx_dw .grey{line-height: 25px; color:#999; font-size:14px; padding:0px 20px 5px 10px;}
.dsw_main_box .middle .dsw_w1200 .left_tx .tx_dw .grey a{display: inline-block; color:#999;}
.dsw_main_box .middle .dsw_w1200 .left_tx .tx_dw .grey a:hover{color:#999;}


.right_awrap{float: right;width:158px;height: 418px; }

/*头部推荐图片*/
.middle .banner {width: 100%;height: 370px;margin-bottom: 20px;}
.middle .banner .left_imgBox{float: left;width: 505px;height: 330px;overflow: hidden;position: relative;}
.left_imgBox .title{width: 505px; height: 40px; line-height: 40px; font-size: 14px; color: #FFF; background: rgba(0, 0, 0, .6); position: absolute; left: 0px; bottom: 0px; }
.left_imgBox .p1{line-height: 40px; font-size: 16px;text-align: center;}

.middle .banner .right_imgBox{float: right;width: 690px;height: 330px;overflow: hidden;}
.middle .banner .right_imgBox .img_list{width: 690px;height: 160px;overflow: hidden;}
.middle .banner .right_imgBox .img_list.bottom{width: 690px;height: 160px;margin-top:10px;overflow: hidden;}
.middle .banner .right_imgBox .img_list ul{width: 690px;height: 160px;overflow: hidden;}
.middle .banner .right_imgBox .img_list ul li{float:left;margin-left:10px;width: 220px;height: 160px;overflow: hidden;position: relative;}
.middle .banner .right_imgBox .img_list ul li.two{width: 450px;}
.middle .banner .right_imgBox .mask{
	position: absolute;
	width: 220px;
    height: 160px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
    background: -webkit-linear-gradient(top, transparent 0%, black 100%);
    background: -o-linear-gradient(top, transparent 0%, black 100%);
    background: -ms-linear-gradient(top, transparent 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    transition: all 0s;
    top: 130px;
    cursor: pointer;
}
.middle .banner .right_imgBox .mask.two{
    width: 450px;
}
.middle .banner .right_imgBox .mask h3{width:100%font-size: 14px;color: #FFF;text-align: left;padding-left: 4px;height: 30px;line-height: 30px;font-weight: 400;}
.middle .banner .right_imgBox .mask p{width:100%font-size: 14px;color: #FFF;text-align: left;padding-left: 4px;height: 30px;line-height: 30px;font-weight: 400;}

/* 新闻列表切换样式 */
.left_awrap .page{padding-bottom:0px; padding-top:0px;}
.left_awrap .tab4_menu{width:680px; font-size:14px; height:45px;background: #FFF; border-bottom:1px solid #DCDCDC; border-left: 1px solid #DCDCDC; position: relative; z-index: 1;}
.left_awrap .tab4_menu ul {position: relative; left:0px; top: 0px; display: block;}
.left_awrap .tab4_menu ul li{width:110px; height:44px; line-height:44px; font-size:16px;  float:left; text-align:center; cursor:pointer; color:#666; background-color:#f8f8f8;/* border-top:1px solid #DCDCDC;*/ border-right:1px solid #DCDCDC; }
.left_awrap .tab4_menu ul li a{display: inline-block; color:#333;}
.left_awrap .tab4_menu ul li.now{width:110px; height:45px; border-bottom:3px solid #0064b1;  font-size:18px;color:#666;float:left; text-align:center; display:inline-block; background-color:#fff;/* border-left:1px solid #DCDCDC;*/margin-left: -1px; position: relative; top:0px; left:0px;}
.left_awrap .tab4_menu ul li.now a{display: inline-block; color:#666;}
.left_awrap .tablist{font-size:14px; line-height:24px; display:none; float:left;}
.left_awrap .block{display:block;}

/* 新闻列表模块样式 */
.news_con .list_item{width: 680px; height:auto; margin-bottom:8px;}
.news_con .list_item ul li{width:680px; height:auto; float: left; padding: 10px 0px 10px 0px;border-bottom: 1px solid #CCC;}
/*.news_con .list_item ul li:hover {box-shadow:0 0px 8px rgba(46,143,237,0.3)}*/
.news_con .list_item ul li .list_box{height:auto; overflow: hidden;}
.news_con .list_item ul li .list_box h2{height:36px;line-height:36px; padding:0px 0px 6px 0px; font-weight: normal; position: relative;overflow: hidden;}
.news_con .list_item ul li .list_box h2 a{height:36px; line-height:36px; color:#000; text-decoration:none; overflow:hidden; font-size: 18px;font-weight: 600}
.news_con .list_item ul li .list_box h2 a:hover{color:#3DA9F7; text-decoration: none;}

/*动态CSS-图片新闻轮播-start*/
.newsl { float: left; width: 820px; margin-top: 10px;}
.newsl .m-slide{ position: relative;  height: 365px;}
.newsl .m-slide .img { float: left; position: relative }
.newsl .m-slide .img img { display: block; width: 670px; height: 365px }
.newsl .m-slide .img li { display: none; position: absolute; left: 0; top: 0 }
.newsl .m-slide .tab, .newsl .m-slide .tab2 { float: right }
.newsl .m-slide .tab li { border: 4px solid #fff; border-right:0;  font-size: 13px; font-weight: bold; color: #fff; margin-top:-2px;}
.newsl .m-slide .tab2 li { border: 4px solid #fff; width: 128px; height: 77px;  font-size: 13px; font-weight: bold;}
.newsl .m-slide .tab2 li img { width: 128px; height: 77px; }
.newsl .m-slide .tab li+li { margin-top: 4px;}
.newsl .m-slide .tab2 li+li { margin-top: 9px;}
.newsl .m-slide .tab li .color1 { background-color: #75CFD9; width: 110px; height: 68px; padding: 7px 10px;}
.newsl .m-slide .tab li .color2 { background-color: #E4A17E; width: 110px; height: 68px; padding: 7px 10px;}
.newsl .m-slide .tab li .color3 { background-color: #D0838C; width: 110px; height: 68px; padding: 7px 10px;}
.newsl .m-slide .tab li .color4 { background-color: #7CAA77; width: 110px; height: 68px; padding: 7px 10px;}
.newsl .m-slide .tab .on .color1 { background-color: #08a7b9;}
.newsl .m-slide .tab .on .color2 { background-color: #e5611d;}
.newsl .m-slide .tab .on .color3 { background-color: #c75663;}
.newsl .m-slide .tab .on .color4 { background-color: #588753;}
.newsl .m-slide .tab2 .on { border: 4px solid #00AA98;}
.newsl .m-slide #ifocus_opdiv { position:absolute; left:0; bottom:0; width:670px; height:45px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
.newsl .m-slide #ifocus_tx { position:absolute; left:15px; bottom:10px; color:#FFF; }
.newsl .m-slide #ifocus_tx ul li{ display:none;  }
.newsl .m-slide #ifocus_tx ul li a{ color:#fff; font-size:17px; font-weight: bold;}
 /*动态CSS-图片新闻轮播-end*/

.newr{ float: right; width: 340px; margin-left: 20px; display: inline; margin-top: 10px;}
.newr .topnews { height: 365px;}
.newr .topnews .sideMenu { padding: 15px 0;}
.newr .topnews .sideMenu h3 { margin-top: 00px; font-size: 16px; color: #504F4F; height: 40px; line-height: 40px; background-image: url(../../images/dsw/symbol-8.png); background-repeat: no-repeat; padding-left: 30px;}
.newr .topnews .sideMenu h3 a{    color: #333;font-size: 16px;line-height: 40px;font-weight: normal;}
.newr .topnews .sideMenu ul li{line-height: 22px;
    font-family: "微软雅黑","黑体",Arial;font-size: 12px;}
.newr .topnews .sideMenu h3.h3img1 { background-position: 0px 10px;}
.newr .topnews .sideMenu h3.h3img2 { background-position: 0px -25px;}
.newr .topnews .sideMenu h3.h3img3 { background-position: 0px -60px;}
.newr .topnews .sideMenu h3.h3img4 { background-position: 0px -97px;}
.newr .topnews .sideMenu h3.h3img5 { background-position: 0px -134px;}
.newr .topnews .sideMenu h3.on { color: #01A998;}
.newr .topnews .sideMenu ul li { text-indent: 2em; height: 85px; margin-bottom: 10px; margin-top: 5px; overflow: hidden; width: 316px; margin-left: 15px; color: #929090;}
.newr .topnews .com-title {
    padding-bottom: 5px;
    margin-bottom: 5px;    color: #333;
    line-height: 22px;
    font-family: "微软雅黑","黑体",Arial;}
    
.newr .topnews .com-title span {
    border-bottom: 3px solid #00AA98;
    padding-bottom: 7px;
    font-size: 18px;
    color: #3C3B3C;    line-height: 22px;
    font-family: "微软雅黑","黑体",Arial;
}
.newr .topnews .com-title img {
    position: relative;
    top: 3px;
    left: 0px;
    margin-right: 5px;    display: inline;}
.newr .topnews .com-title span { border-bottom: 3px solid #00AA98; padding-bottom: 7px; font-size: 18px; color: #3C3B3C; }
.newr .rightbanber { margin-top: 20px;  margin-bottom: 100px;}
.newr .rightbanber img { width: 340px; height: 90px;}

.newr .follow, .listr .follow { margin-top:10px; height: 385px;padding-top:18px;}
.newr .follow .followcon { background-color: #F4F4F4; height: 335px; margin-top: 12px; overflow: hidden;}
.listr .follow .followcon { background-color: #F4F4F4; height: 334px; margin-top: 7px; overflow: hidden;}
.newr .follow .followcon p img, .listr .follow .followcon p img { margin: 0 16px;}
.newr .follow .followcon span, .listr .follow .followcon span { display: block; margin: 25px 0; text-align: center; font-size: 16px; color: #4c4c4c;}
.newr .follow .followcon a, .listr .follow .followcon a { display: inline-block !important; *display: inline; zoom: 1; width: 69px; height: 84px; margin: 10px 20px 0;}
.newr .follow .followcon a.awb1 { background: url(../../images/dsw/wb1.png) no-repeat; }

 /*动态CSS-文字新闻-start*/
.latestnews {height: 45px; line-height: 45px; background: url(../../images/dsw/latestnews-title.png) no-repeat 10px 10px;padding-left: 120px; /*text-indent: 120px;*/ position: relative;}
.latestnews a { font-size: 14px; color: #757474;}
.latestnews ul { width: 820px; position: relative;}
.latestnews ul li img { margin-right: 10px;display:inline;}
.latestnews ul li a+img { margin:0 10px; }
/*动态CSS-文字新闻-end*/
.latestnews .msearch { position: absolute; top: 7px; right: 10px; background: url(../../images/dsw/msearch_bg.png) no-repeat; width: 209px; height: 31px;}
.latestnews .msearch .text-msearch { width: 150px; height: 17px; padding: 5px; position: absolute; left: 1px; top: 1px; border: none; font-size: 14px; font-family:'Microsoft YaHei','宋体';}
.latestnews .msearch .btn-msearch { width: 44px; height: 30px; background: url(../../images/dsw/btn-msearch.png) no-repeat center; position: absolute; top: 1px; right: 0px; border: none; cursor: pointer; color: #a5a4a4;}