/*-------------------------------------
common Style
	
author:	UI_group		
-------------------------------------*/
/*reset*/
ul, ol{margin: 0;padding: 0;list-style: none;}
body, p, dl, dd, pre, h1, h2, h3, h4, h5, h6{margin: 0px;}
i{ font-style: normal; }
/*form*/
input, button, option, textarea, select, fieldset{padding: 0;outline: none;vertical-align: middle;}
input{padding: 0 0 0 5px;border: 1px solid #ccc;}

/*清除浮动*/
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{*zoom: 1;}
u{text-decoration: none;}
img{border:none;}

h2,h3{font-weight: normal;}
a{text-decoration:none; color:#333;}
.red{ color: red; }
.text-ellipsis{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.pull-left{ float: left; }
.pull-right{ float: right; }
.posr{ position: relative;}
.mb20{ margin-bottom: 20px; }
.song{ font-family: '宋体'; }
.col-md-6{ width: 50%;box-sizing: border-box; }
.col-md-3{ width: 25%;box-sizing: border-box; }
.wrap{ width: 1200px;margin: 0 auto; }

html{ height: 100%:; }
body{ background: #f9f9f9; line-height: 1.7em; font-size: 12px; min-height: 100%;position: relative;color: #333;font-family: '\5FAE\8F6F\96C5\9ED1';}

.head-in-t{ padding-top: 17px; }
.head-in-t a{color: #2e4674;font-family: '宋体';margin-right: 5px;}
.head-in-t a:hover{ text-decoration: underline; }
.search-box{ width: 658px;height: 46px;padding: 4px; background: rgba(93,102,112,.2);margin: 210px auto 0;border-radius: 4px; }
.search-input{ width: 549px;height: 44px;line-height: 44px;background: #fff; }
.search-btn{ display: inline-block; vertical-align: middle;margin-left: -4px; font-size: 16px; width: 100px;text-align: center; height: 46px;line-height: 46px;color: #fff;background: #2d4673;border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.search-btn:hover{ background: #345185; }

/*con*/
.con{ padding: 30px 0; }
.wrap-l{ width: 190px; background: #f3f5f7; padding: 10px;}
.onimg{
    height:60px;
    line-height:78px;
    font-size:16px;
    font-weight:bold;
    position: relative;
    background: url(../images/title_bg.png) no-repeat;
    color: #2D4673;
    
}
.onimg1{ background: url(../images/title_bg1.png) no-repeat 60px -1px;  }
.onimg_title{ display: inline-block; line-height:14px; *position: relative\9;*top:18px\9;}
/*伪元素实现*/
.onimg_title:after,.onimg_title after{
    position: absolute;
    top:24px;
    left: 73px;
    content: "";
    right: 0;
    color: #fff;
    height: 1px;
    /*background-color: #dac5a1;*/
}
.onimg1 .onimg_title:after{ background-color: #2d4573;top:41px;}
.en{ font-size: 9px; font-weight: normal;position: relative;z-index: 10;padding-right: 10px;}
.en-bg{ background: #f9f9f9; }
/*wrap-l*/
.index{font-size: 10px; display: inline-block; margin-right: 10px; width: 14px;height: 14px;text-align: center;line-height: 14px;background: #d8c19c;color: #fff;}
.wrap-l,.wrap-c,.wrap-l-xl{ margin-right: 30px; }
.wrap-l li{ position: relative;font-size: 13px; line-height: 30px;}
.wrap-l li a:hover,.wrap-l li.cur a{ color: #B88941; }
.wrap-l li a+span{ color: #B88941;position: absolute;right: 10px; cursor: default;}
.wrap-c{ width: 620px;height: 389px; }
.wrap-r{ width: 310px; }
.more{ color: #2D4673;font-size: 11px;position: absolute;right: 0; top:0;bottom: 10px; z-index: 10;background: #f9f9f9;padding-left: 5px; }
.more-bg{ background: #f9f9f9; }
.more-bg1{ background: #ededed; }
.more:hover{ text-decoration: underline; }
.more:after{ content: '';display:inline-block;vertical-align: middle;margin-left: 3px;
	width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 7px solid #3e6889;
    border-bottom: 5px solid transparent; }
.zhuanti-list a{ display: block; margin-top: 6px; }
/*wrap-l-xl-t*/
.wrap-l-xl{ width: 860px; }
.wrap-l-xl-t{ padding: 10px 0;position: relative; }
.wrap-l-t-a{ font-size: 14px;color: #999; display: inline-block; vertical-align: middle;width: 97px;padding-left: 5px;}
.wrap-l-xl-t .cur,.wrap-l-t-a:hover{ font-size: 16px;color: #2D4673;background: url(../images/title_bg2.png) no-repeat -2px 0; }
.wrap-l-xl-t .cur span,.wrap-l-t-a:hover span{ font-size: 20px;; }
.wrap-l-xl-t .more{ top:16px; }
.wrap-l-xl-b{ margin-right: -20px; }
.wrap-l-xl-b li{ float: left;box-sizing: border-box;margin-bottom: 20px;    height: 167px; }
.wrap-l-xl-b a{ display: block; border: 1px solid #d0d0d0;background: #fff;padding: 5px;border-radius: 4px; margin-right: 18px; }
.wrap-l-xl-b img{ max-width: 100%; vertical-align: middle; }
.wrap-l-xl-b i{position: absolute; bottom: 5px;right: 5px;padding: 2px 10px;text-indent: 8px;border-top-left-radius: 22px; color: #fff;background: rgba(0,0,0,.8); }
.wrap-l-xl-b p{ text-align: center;padding: 10px 0;padding-right: 20px; font-family: '宋体';}
.wrap-l-xl-b li:hover a{ background: #f5ede2; color: #555; }
.wrap-b-r{ background: #eee;padding: 15px;width: 280px;margin-top: 48px; }
dd{ width: 125px; }
h3{ font-size: 12px;padding: 10px 0; }
.wrap-r-b{ padding-top: 10px; width: 258px; }
.wrap-r-b dt{ margin-right: 10px; }
.wrap-r-b img{ max-width: 123px; }
.wrap-r-b p{ font-family: arial;line-height: 20px; }
.wrap-r-b a{font-size: 13px; background: #c5030c;color: #fff;padding: 5px 10px;border-radius: 20px;display: inline-block;margin-top: 15px; }
.wrap-r-b a:hover{ background: #d2020d; }
#huxi{
        width: 258px;
        height: 214px;
        margin: 0  auto;
        position: relative;
        overflow: hidden;
    }
    #huxi #tupianliebiao ul{
        list-style: none;
        width: 186107px;
        position: absolute;
        top: 0;
        left: 0;
    }
    #huxi #tupianliebiao ul li{
        float: left;
    }
    #huxi #xiaoyuandian{
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -21px;
        z-index: 10000;
    }
    #huxi #xiaoyuandian ul{
        list-style: none;
    }
    #huxi #xiaoyuandian ul li{
        cursor: pointer;
        float: left;
        width: 8px;
        height: 8px;
        background: url(../images/yuandian.png) no-repeat;
        margin-right: 6px;
        color: white;
        text-align: center;
    }
    #huxi #xiaoyuandian ul li.cur{
        background-position: 0 -17px;
    }
/*======页脚3=======*/
    #bottom { position: absolute;width: 100%; padding:15px 0; font-size:12px; text-align:center; background-color:#e5e5e5; border-top:2px solid #dac29c; }
    #bottom a:hover,
    #bottom a:active { color:#f60; text-decoration:underline; }
    .botOther { margin-top:4px; color:#999; line-height:22px; }
    .botOther a:link,
    .botOther a:visited { margin-right:8px; color:#999; }
/*============list============*/
.listPage-con{ padding: 10px 0 30px; }
/*面包屑样式*/
.crumbLink{font-size:12px;}
.listPage-course{ padding-top: 20px; margin-bottom: 30px;}
.listPage-l{width: 690px; position: relative; }
h2{ font-size: 16px;color: #2D4673;font-weight: bold; }
.listPage-l h2{ padding: 10px 0; }
.btn-group{ position: absolute; right: 0;top:12px;}
.btn-group a { margin:0 0 0 -1px;           
    display:inline-block; width: 48px; padding:1px 0; overflow:visible; vertical-align:middle; text-align:center; font:normal 12px/1.428571429 "\5FAE\8F6F\96C5\9ED1"; text-decoration:none; white-space:nowrap; 
    background-color:#e8eadd;  cursor:pointer; 
    color:#2D4673; background-image:none; border-color:#e6e6e6; }
.btn-group a:first-child{ border-top-left-radius: 12px;border-bottom-left-radius: 12px; }
.btn-group a:last-child{ border-top-right-radius: 12px;border-bottom-right-radius: 12px; }
.btn-group a:hover,.btn-group a.cur{color:#fff; background-color:#2D4673; }
.listPage-r{ width:451px; position: relative;height: 419px;top:42px;}
.brief-list li{ margin-bottom: 10px; font-family: '宋体';}
.brief-list span{ float: left; width: 5.5em;text-align: justify;font-weight: bold;font-family: 'Microsoft YaHei'; }
.share-icon{ display: inline-block;width: 26px;height: 26px; background: url(../images/sprite.png) no-repeat;margin-right: 15px;}
.blog{ background-position: 0 -37px; }
.weixin{ background-position: 0 -74px; }
/*按钮*/
.btn,
.btn:link,
.btn:visited { display:inline-block; margin:0 6px 0 0; padding:6px 22px; overflow:visible; color:#333; vertical-align:middle; text-align:center; font:normal 12px/1.428571429 "\5FAE\8F6F\96C5\9ED1"; text-decoration:none; white-space:nowrap; 
    background-color:#F5F5F5; border:1px solid #e6e6e6; border-radius:30px; cursor:pointer; }
.btn:hover,
.btn:active { background-color:#eee; text-decoration:none; }
/*btn-prim-f*/
.btn-prim-f,
.btn-prim-f:link,
.btn-prim-f:visited { color:#fff; background-image:none; background-color:#2e4674; border-color:#2e4674; }
.btn-prim-f:hover,
.btn-prim-f:active,
.btn-prim-f.active { color:#fff; background-color:#456aaf; border-color:#456aaf; }

/* btn-warn-f */    
.btn-warn-f,
.btn-warn-f:link,
.btn-warn-f:visited { color:#fff; background-image:none; background-color:#b98a42; border-color:#b98a42; }
.btn-warn-f:hover,
.btn-warn-f:active,
.btn-warn-f.active { color:#fff; background-color:#bf914a; border-color:#bf914a; }

.brief-list-b{ position: absolute;bottom: 0;right: 0;}
.text-con{ line-height: 20px; height: 255px;overflow-y: auto;background: #fff;border: 1px solid #d1d8df; padding: 20px;}
.para{ text-indent: 2em;margin-bottom: 10px; }
.text-con-l,.text-con-r{ padding: 10px 35px; height: 225px;}
.text-con-l{ border-right: 1px dashed #d1d8df; }
.video-box,.comment-box{ padding: 30px 0; }
.video-box{ background: #ededed;}
.video-box .wrap-l-xl-b a{ margin-right: 42px; }
.comment-box-l{ width: 800px; }
textarea{ width: 100%; background: #fff;border: 1px solid #dbe0e7;resize: none; }
.comment-b{ padding: 10px 0; }
.comment-b input{  width: 74px;height: 22px;line-height: 22px;padding: 0 5px;background: #fff;border: 1px solid #d1d8df ;}
.yzm{ border: 1px solid #adb8b4;display: inline-block; vertical-align: middle; margin: 0 10px;}
.yzm img{ vertical-align: middle;  }
.comment-box-r{ width: 340px;padding-top: 10px; }
.comment-box-r h4{ padding: 15px 0; }
.comment-box-r li{ margin: 0 30px 15px 0; width: 48px;}
.comment-box-r img{ max-width: 48px; }
.comment-con h4{ border-bottom: 1px solid #d1d8df; padding-bottom: 5px;margin-bottom: 15px; }
.comment-con li{ border-bottom: 1px dashed #d1d8df; padding-bottom: 10px;margin-bottom: 10px;}
.comment-con li:last-child{ border-bottom: none; }
.comment-con dt{ width: 48px; margin-right: 10px; }
.comment-con dd{ width: 742px; line-height: 20px; }
.comment-con img{ max-width: 48px; }
.name{ color: #2D4673; margin-right: 10px;}
.date{ color: #999999; }