@charset "utf-8";
/*
----------------------------------
	FileName：index.css
	Description：首页样式表
	Author：Blue Wave
	Last Updated：2017.3.12
	Website：http://www.dianshangwin.cn/
----------------------------------
*/


/* 自定义清除浮动 */
.clearfix:after{display:block;clear:both;content:'.';height:0;visibility:hidden;font-size:0;}
/* 兼容ie8 、ff 、gg 、opera 、safari */
.clearfix{*zoom:1;} 

.clear{clear:both;display:block;height:0;overflow:hidden;}

/* 溢出隐藏 */
.overflow{overflow:hidden;}

.round3{outline:0;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}


/* 解决IE6固定定位闪动问题 */
*html{background-image:url(about:blank); background-attachment:fixed;}

/* 解决背景图片闪动和重复加载的IE6BUG */
html {zoom: expression(function(ele){ ele.style.zoom = "1"; document.execCommand("BackgroundImageCache", false, true); }(this));}


/* 字体颜色 */
.align_l{text-align:left;}
.align_r{text-align:right;}
.green{color:green !important;}
.red{color:#cc0000 !important;}
.orange{color:#ff6600 !important;}
.gray{color:#555 !important;}
.light_gray{color:#999 !important;}
.indent01{text-indent:28px;}
.hidden{display: none;}
.fl{float: left;}
.fr{float: right;}




/* 顶部一级导航模块 */
body{width:100%; height: 100%; -webkit-font-smoothing:antialiased;}

.m_ico{width: auto; height: auto; display: inline-block; background: url(../images/sprite_bg.png) no-repeat; overflow: hidden;}
.bm_icon{width: auto; height: auto; display: inline-block; background: url(../images/index_sprite_bg.png) no-repeat; overflow: hidden;}
.top_site_col{width: 100%; min-width: 1200px; height: 30px; line-height: 30px; background-color: #f2f2f2; position: relative!important; z-index: 99999; -webkit-transform: translate3d(0,0,0);}
.top_site_col .mid_con{width: 1200px; height: 30px; line-height: 30px; margin: 0 auto;}
.top_site_col .fl_col{width: auto; height: auto;}
.top_site_col .f_title{width: auto; height: 30px; line-height: 30px; display: block; font-size: 12px; color: #666; float: left; padding: 0px 8px;/* position: relative; z-index: 99;*/ cursor: pointer;}
.top_site_col .f_title.item a{color: #666;}
.top_site_col .f_title.item a:hover{color: #62b4f7;}
.top_site_col .my_city{width: auto; height: 30px; line-height: 30px; display: inline-block; position: relative; padding: 0px 15px 0px 6px;}

.top_site_col .m_arrow{width: 0px; height: 0px; border: 4px solid transparent; border-top:4px solid #666; border-bottom:0px; border-style:solid dashed dashed dashed; display: -moz-inline-stack; display: inline-block; vertical-align:middle; zoom:1; margin-left:5px; position: absolute; top:12px; right: 3px; z-index: 9999; overflow: hidden;}
.top_site_col .m_arrow_up{width: 0px; height: 0px; border: 4px solid transparent; border-top: 0px solid #666; border-bottom: 4px; border-style:solid dashed dashed dashed; display: -moz-inline-stack; display: inline-block; vertical-align:middle; zoom:1; margin-left:5px; position: absolute; top:12px; right: 3px; z-index: 9999; overflow: hidden; display: none;}
.top_site_col .bm_arrow{width: 0px; height: 0px; border: 4px solid transparent; border-top:4px solid #666; border-bottom:0px; border-style:solid dashed dashed dashed; display: -moz-inline-stack; display: inline-block; vertical-align:middle; zoom:1; margin-left:5px; position: absolute; top:12px; right: 3px; z-index: 9999; overflow: hidden;}
.top_site_col .bm_arrow_up{width: 0px; height: 0px; border: 4px solid transparent; border-top: 0px solid #666; border-bottom: 4px; border-style:solid dashed dashed dashed; display: -moz-inline-stack; display: inline-block; vertical-align:middle; zoom:1; margin-left:5px; position: absolute; top:12px; right: 3px; z-index: 9999; overflow: hidden; display: none;}


.top_site_col .item_bg{background-color: #fff; position: relative; z-index: 10;}
.top_site_col .city_item{width: 300px; height: auto; padding: 10px; background-color: #fff; border: 1px solid #eee; position: absolute; top: 30px; left: -1px; z-index: 9; border-top: 0px none; display: none;}
.top_site_col .city_item dl dd{width: 60px; height: 25px; line-height: 25px; float: left; margin-bottom: 6px; /*text-align: center;*/}
.top_site_col .city_item dl dd a{display: inline-block; padding: 0px 8px; color: #666; font-size: 12px;}
.top_site_col .city_item dl dd a:hover{background-color: #f4f4f4; color: #62b4f7;}
.top_site_col .city_item dl dd .current{background-color: #62b4f7; color: #fff;}
.top_site_col .city_item dl dd .current:hover{background-color: #62b4f7; color: #fff;}


/* 右侧模块 */
.top_site_col .fr_col{width: auto; height: auto;}
.top_site_col .fr_col dl dd{width: auto; height: 30px; line-height: 30px; float: left; font-size: 12px; color: #666; padding: 0px 12px; position: relative;}
.top_site_col .fr_col dl dd a{display: inline-block; color: #666;}
.top_site_col .fr_col dl dd a:hover{color: #62b4f7;}
.top_site_col .fr_col dl dd.spacer{width: 1px; height: 12px; margin-top: 9px; padding: 0px; background: #ddd; overflow: hidden;}
.top_site_col .fr_col dl dd .sn_mobile{width: 14px; height: 20px; display: inline-block; overflow: hidden; background-position: 0px 0px; position: absolute; top: 7px; left: 10px;}
.top_site_col .fr_col dl dd .mobile_ico{padding-left: 15px;}

.top_site_col .xjz_code{width: 249px; height: 200px; background-color: #fff;  position: absolute; top: 30px; left: -1px; z-index: 9; border: 1px solid #eee; border-top: 0px none; background: #fff url(../images/code.png) no-repeat; display: none;}
.top_site_col .code_bg{background-color: #fff;}



/* 导航 */
.mod_header_wrap{width: 100%; height: auto;}
.mod_header_wrap .mod_header{width: 1200px; min-width: 1200px; height: 100px; margin: 0 auto;}
.mod_header_wrap .mod_header_logo{font-size: 100%; font-weight: 400; display: block; -webkit-margin-before: 0.67em; -webkit-margin-after: 0.67em; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.mod_header_wrap .mod_header_logo{display: inline-block; color: #666;}
.mod_header_wrap .mod_header_link_logo{width: 380px; height: 80px; float: left; background: url(../images/logox.png) 0px 0px no-repeat; font-size: 0px;}


/* 搜索 */
.mod_fr_wrap{width: auto; height: auto; float:right; }
.mod_fr_wrap .mod_header_wrap_search{width: auto; height: auto; float: left; position: relative; padding-top: 25px; margin-right: 38px;}
.mod_fr_wrap .mod_search{width: 450px; height: 36px; border: 1px solid #188EEE; background: #fff; position: relative;}
.mod_fr_wrap .mod_search_item{width: 80px; height: 36px; line-height: 36px; font-size: 12px; color: #666; /*text-indent: 4px;*/ background: #fff; position: relative; float: left; cursor: pointer;}
.mod_fr_wrap .mod_search_item .le_arrow{width: 0px; height: 0px; border: 4px solid transparent; border-top:4px solid #666; border-bottom:0px; border-style:solid dashed dashed dashed; display: -moz-inline-stack; display: inline-block; vertical-align:middle; zoom:1; margin-left:5px; position: absolute; top: 15px; right: 8px; z-index: 9999; overflow: hidden;}
.mod_fr_wrap .mod_search_item .le_arrow_up{width: 0px; height: 0px; border: 4px solid transparent; border-top: 0px solid #666; border-bottom: 4px; border-style:solid dashed dashed dashed; display: -moz-inline-stack; display: inline-block; vertical-align:middle; zoom:1; margin-left:5px; position: absolute; top:15px; right: 8px; z-index: 9999; overflow: hidden; display: none;}

.mod_fr_wrap .mod_search_item .search_type{width: 70px; height: 36px; line-height: 36px; display: inline-block; font-size: 12px; color: #666; padding-left: 10px; }
.mod_fr_wrap .mod_search_item .seletc_item{width: 80px; height: auto; background: #fff; position: absolute; top: 37px; left: -1px; z-index: 9; border: 1px solid #eee; border-top: 0px none;/* padding: 6px 0px;*/ display: none;}
.mod_fr_wrap .mod_search_item .seletc_item dl dd{width: 80px; height: 25px; line-height: 25px; float: left; font-size: 12px;}
.mod_fr_wrap .mod_search_item .seletc_item dl dd a{display: block; color: #666; padding-left: 10px;}
.mod_fr_wrap .mod_search_item .seletc_item dl dd a:hover{background: #eee; color: #62b4f7;}

.mod_fr_wrap .mod_search_input{width: 300px; height: 24px; line-height: 24px; padding: 0; margin: 6px 10px 6px 0px; font-size: 12px; float: left; text-indent: 12px; border: 0px none; border-left: 1px solid #ececec; vertical-align: top; outline: 0px none;}

.mod_fr_wrap .mod_word{width: 392px; height: auto; border: 1px solid #188EEE; position: absolute; top: 36px; left: -1px; /*padding: 15px 0px;*/ background-color: #fff; /*background: rgba(255,255,255,.95);*/ z-index: 99;}
.mod_fr_wrap .mod_word dl dd{width: 100%; height: 35px; line-height: 35px; float: left; color: #666; font-size: 12px;  position: relative;}
.mod_fr_wrap .mod_word dl dd a{display: block; padding: 0 20px; color: #666;}
.mod_fr_wrap .mod_word dl dd a:hover{background-color: #eee; color: #62b4f7; cursor: pointer;}
.mod_fr_wrap .mod_word dl dd .result{color: #b0b0b0; position: absolute; top: 0px; right: 15px; font-size: 12px;}




.mod_fr_wrap .mod_search_btn{width: 58px; height: 36px; line-height: 36px; text-align: center; position: absolute; top: 0; right: 0; background: #188EEE;}
.mod_fr_wrap .icon_search{width: 19px; height: 19px; display: block; position: absolute; top: 50%; left: 50%; margin: -10px 0px 0px -10px; background-position: -218px -400px; background-position-x: -218px; background-position-y: -400px;}


/* 热门搜索 */
.mod_fr_wrap .mod_search_word_list{width: 450px; height: 32px; overflow: hidden;}
.mod_fr_wrap .mod_search_word{line-height: 32px; font-size: 12px; display: inline-block; vertical-align: middle; margin-right: 24px; color: #999; float: left;}
.mod_fr_wrap .mod_search_word h3{display: block;/* -webkit-margin-before: 1em; -webkit-margin-after: 1em;*/ -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: normal;}
.mod_fr_wrap .word_hot{color: #E85308;}


/* 登录 */
.mod_header_wrap_login{width: 146px; height: 40px; line-height: 40px; position: relative; padding-top: 25px; float: right; text-align: right; margin-right: 20px;}
.mod_header_wrap_login .link_login{width: auto; height: auto; display: inline-block; padding: 0px 5px; color: #666; font-size: 12px; margin-left: 5px;}
.mod_header_wrap_login .link_help{width: auto; height: auto; display: inline-block; padding: 0px 5px; color: #666; font-size: 12px; margin-left: 5px;}
.mod_header_wrap_login .link_login:hover{color: #62b4f7;}
.mod_header_wrap_login .link_help:hover{color: #62b4f7;}


/* 主导航 */
.mod_wrap_nav{width: 100%; min-width: 1200px; height: auto; padding: 0;}
.mod_wrap_nav .wrap_little_banner{width: 980px; height: 48px; display: block; margin: 0 auto; position: relative; left: 110px; z-index: 3;}
.mod_wrap_nav .menu_item{width: auto; height: 48px; display: inline-block; margin-left: 11px;}
.mod_wrap_nav .menu_item dl dd{width: auto; height: 48px; line-height: 48px; display: inline-block; float: left; margin: 0px 15px;}
.mod_wrap_nav .menu_item dl dd a{display: inline-block; color: #333; font-size: 16px; text-align: center;}
.mod_wrap_nav .menu_item dl dd a:hover{color: #62b4f7;}

.mod_wrap_nav.bg{width: 100%; min-width: 1200px; height: auto; padding: 0;background-color: #0477C0}
.mod_wrap_nav.bg .wrap_little_banner{width: 1200px;left: 0px;}
.mod_wrap_nav.bg .menu_item dl dd{margin: 0px 30px;}
.mod_wrap_nav.bg .menu_item dl dd a{color: #FFF;}

/* 焦点图 */
.mod_wrap_banner{width: 100%; min-width: 1200px; height: auto; padding: 0;}
/* 左侧分类菜单 */
.mod_wrap_banner .banner_core{width: 1200px; min-width: 1200px; height: 376px; margin: 0 auto; position: relative; top: 0px; left: 0px; /*z-index: 2;*/}
.mod_wrap_banner .wrap_nav{width: 220px; height: auto; display: inline-block; /*position: absolute;left: 0;*/ z-index: 3;float: left;}
.mod_wrap_banner .mod_nav{width: 220px; height: auto; display: inline-block;}
.mod_wrap_banner .mod_nav dl dd{width: 220px; height: 72px; background: #0477C0; border-bottom: 1px solid #1681C4; -webkit-transition: .3s; transition: .3s; position: relative;}
.mod_wrap_banner .mod_nav dl .side_bg{background-color: #0264a3; cursor: pointer;}


.mod_wrap_banner .mod_nav dl dd .course_all{width: 190px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; display: inline-block; padding: 0px 15px; position: relative;}
.mod_wrap_banner .mod_nav dl dd .icon_menu{width: 18px; height: 16px; display: inline-block; margin-right: 10px; background-position: 0px -117px; vertical-align: 0px; position: absolute; top: 18px; left: 15px;}
.mod_wrap_banner .mod_nav dl dd .nav_tit{font-size: 16px; display: inline-block; vertical-align: 0; color: #fff; font-weight: 400; padding-left: 30px;}

.mod_wrap_banner .mod_nav dl dd .menu_tit{width: auto; height: 38px; line-height: 38px; position: relative; padding: 0px 15px;}
.mod_wrap_banner .mod_nav dl dd .menu_tit h4{display: inline-block; font-size: 16px; font-weight: normal; color: #fff; vertical-align: middle;}
.mod_wrap_banner .mod_nav dl dd .menu_tit h4 a{color: #fff; display: inline-block;}
.mod_wrap_banner .mod_nav dl dd .arrow_right{width: 15px; height: 15px; display: inline-block; background-position: 0px -151px; position: absolute; top: 12px; right: 0px;}
.mod_wrap_banner .mod_nav dl .side_bg .arrow_right{background-position: 0px -177px;}


.mod_wrap_banner .mod_nav dl dd .menu_grid{width: auto; height: 30px; line-height: 30px; padding: 0px 0px 0px 15px;}
.mod_wrap_banner .mod_nav dl dd .menu_grid a{width: auto; height: 30px; line-height: 30px; font-size: 14px; color: #97D2F7; float: left; margin-right: 10px;}
.mod_wrap_banner .mod_nav dl dd .menu_grid a:hover{text-decoration: none;}



/* 左侧子分类二级菜单 */
.mod_wrap_banner .mod_nav dl dd .menu_side{width: 382px; height: auto; position: absolute; top: 0px; left: 220px; z-index: 9; padding: 0px 30px; background-color: #fff; border: 1px solid #09699C; border-left: 0px none; background: rgba(255,255,255,.95); display: none; -webkit-animation: sideFadeIn .3s both; animation: sideFadeIn .3s both;}
.mod_wrap_banner .mod_nav dl dd .side_item{width: 382px; height: auto; display: inline-block; overflow: hidden;}
.mod_wrap_banner .mod_nav dl dd .side_item ul li{width: 100%; height: auto; float: left; padding: 15px 0 12px; border-top: 1px solid #E5E5E5; margin-top: -1px; overflow: hidden;}
.mod_wrap_banner .mod_nav dl dd .side_item ul li .link_second{width: 80px; height: 22px; line-height: 22px; font-weight: 600; text-align: left; display: inline-block; vertical-align: top; font-size: 14px; float: left;}
.mod_wrap_banner .mod_nav dl dd .side_item ul li .link_second a{color: #039AE3; display: inline-block;}


.mod_wrap_banner .mod_nav dl dd .side_item ul li .nav_third{width: 300px; height: auto; display: inline-block; vertical-align: top; float: left;}
.mod_wrap_banner .mod_nav dl dd .side_item ul li .nav_third a{width: 91px; height: 22px; line-height: 22px; color: #666; display: inline-block; text-align: left; float: left; margin-right: 3px; font-size: 14px; margin-bottom: 3px;}
.mod_wrap_banner .mod_nav dl dd .side_item ul li .nav_third a:hover{color: #62b4f7;}



/* SuperSlide焦点图 */

.top_right{float:left;width:740px;height:366px;/*border: 1px solid #FF0000;*/margin-left: 10px;}

/*焦点图*/
.bigfocus{width:740px; height:366px; overflow:hidden;}
.focusBox{width:740px; height:366px; overflow:hidden; position:relative;}
.focusBox .hd{position:absolute; z-index:10; right:10px; bottom:83px;}
.focusBox .hd ul{float:left; height:20px; overflow:hidden; zoom:1;}
.focusBox .hd ul li{float:left; margin-right:4px; width:20px; height:20px; line-height:20px; cursor:pointer; background:#000000; font-family:"微软雅黑"; font-size:9px; font-weight:bold; color:#ffffff; text-align:center;}
.focusBox .hd ul li.on{width:20px; height:20px; background:#cb1719; font-family:"微软雅黑"; font-size:9px; font-weight:bold; color:#ffffff;}
.focusBox .bd{ position:absolute; z-index:1;}
.focusBox .bd .pic{width:740px; height:366px; position:relative; overflow:hidden;}
.focusBox .bd .pic .pic_img{width:740px; height:366px;}
.focusBox .bd .pic img{position:absolute; left:0px; top:0px; width:740px; height:366px;}
.pic_t{position:absolute; bottom:0px; right:0px; width:740px; height:60px; padding:10px 0px 0px;text-indent: 1em; color:#330000; z-index:10; background-color:rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#AA000000',endColorstr='#AA000000'); background-image:url(about:blank);  font-weight:bold; overflow:hidden;}
.pic_t .one{float:left;width: 100%; line-height:24px; font-size:18px; padding-top:2px; }
.pic_t .one a:link,.pic_t .one a:visited{color:#ffffff; font-family:"微软雅黑";}
.pic_t .one a:hover,.pic_t .one a:active{color:#ffffff; font-family:"微软雅黑"; text-decoration:none;}
.pic_t .two{float:left;width: 100%; line-height:18px; font-size:12px; padding-top:4px; color:#c1c1c1; font-family:"宋体"; font-weight:100;}

.news_right{float:right;width:220px;height:366px;}

.news_right_img
{
    width:220px;
     float:right;
     padding:0px 0;
}
.news_right_img a
{
    width:220px;
    height:175px;
    overflow:hidden;
    display:block;
    position:relative;
}
 .news_right_img a div.meta
 {
	position:absolute;
	height:136px;
	width:220px;
	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 0.5s;
	top:75px;
	padding:20px 10px;
 }

 div.meta h1
 {
      font-weight:normal;
       font-size:14px;
       margin-bottom:10px;
       height:38px;
       overflow:hidden;
 }
.news_right_img a img
{
     width:auto;
}
.news_right_img a
{
    color:#FFF;
}
