@charset "utf-8";
/* CSS Document */

/******************** reset ********************/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
fieldset, img {
    border: 0;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
.address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
 
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
 
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}
body {
    line-height: 1.5;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}

/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

sup{ font-size:smaller;}



body{ font-size:14px; color:#333; font-family:Arial,"微软雅黑";}

a{ color:#333;}

a:hover{ color:#ff7200;}

.break{ clear:both;}

.red_txt{ color:red;}


/******************** header ********************/

#header{ width:1200px; margin:0 auto; background:#fff;}

.login{ float:right; display:inline; margin-right:20px;}

.login_txt{ float:left; margin-left:5px;}

.login_box{ float:left; width:100px; height:18px; border:1px solid #666; margin:6px 0 0 0;}

.login_choose{ float:left; width:55px; height:20px; border:1px solid #666; margin:6px 0 0 10px;}

.login_btn{ float:left; margin:6px 0 0 5px;}

.login_links{ float:right;}

.login_links li{ float:left; margin-left:10px;}

.login_links li a{ color:#369;}

.login_link{ color:#900!important;}

.login_links1 a{ color:#369; margin:0 5px;}


.logo{ clear:both; float:left; width:183px; height:93px; margin:20px 0 0 0;}

.top_banner{ float:right; margin:25px 0;}


.search{ float:right; width:240px; margin:5px 0 0 0;}

.search_box{ float:left; width:200px; height:30px; line-height:30px; background:#fff; border:none; text-indent: 7px; margin-top: 3px;}

.search_btn{ float:left; display: block; margin:3px 0 0 7px; background: #4dbcd1; height: 20px; width: 20px; border-radius: 15px; padding: 5px;}

.search_btn:hover{ background: #5fcfe4}





/*nav*/
.nav_holder{ clear:both; width:100%; height:46px; background:#009fbd;}

#nav_wrap { width:1200px; height:46px; margin: 0 auto;}

#nav{ width:1200px; height:46px; position:relative;}

#nav li{ text-align:center; margin:0 12px; float:left; display:inline; list-style:none; position: relative;}

#nav .c{ float:left; margin:0;padding:0}

#nav li .v a{ height:46px; line-height: 46px; display:block; float:left; padding:0 20px; color: #fff; font-size: 18px;}

#nav li .v a:hover,#nav li .v .sele{ background:url(../images2018/menu_bg_1.gif) no-repeat center bottom;}





#nav .kind_menu { position: absolute; top: 46px; left: -28px; line-height: 40px; z-index: 99; display: none; width: 130px; background: #fff; border-bottom: 1px solid #E6E4E3;}

#nav .kind_menu a{ display: block; border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 0 8px; background: url(../images2018/menu.gif) no-repeat bottom; text-align: center; padding: 0; color: #666; font-weight: normal; width: auto; }

#nav .kind_menu a:last-child{ background:none;}

#nav .kind_menu a:hover { color: #f77306 !important; }

#nav .kind_menu span { font-size:10px; line-height:30px; *line-height:26px; float:left }



/******************** main ********************/

#main{ width:1200px; margin:0 auto; padding-bottom:20px;}


/*main_left*/


#main_left{ float:left; display:inline; width:850px; margin:30px 0 0 0;}

#main_left1{ float:left; display:inline; width:1200px; margin:30px 0 0 0;}

.news_txtlist li{ clear:both; padding-left:15px; background:url(../images2018/icon_dot3.png) no-repeat left 5px; line-height:18px; margin-top:20px;}

.notice .news_txtlist li{ background:url(../images2018/icon_dot1.png) no-repeat left 7px;}


.img_list{ float:left; width:850px; margin:20px 0 0 0;}

.img_list li{ float:left; display:inline; width:142px; margin:15px 0 15px 56px; line-height:18px; height:146px; overflow:hidden;}

.img_list li img{ float:left; width:140px; height:100px; border:1px solid #ddd; margin-bottom:5px;}




.left_title{ clear:both; width:850px; height:46px; border-bottom:1px solid #ddd;}

.left_title_name{ float:left; margin:12px 0 0 20px; border-left:4px solid #ff7200; padding-left:20px; font-size:24px; line-height:24px;}

.left_title_name1{ border-left:4px solid #009fbd;}

.left_title_more{ float:right; margin:19px 20px 0 0; color:#bbb;}

.left_title_more1:hover{ color:#009fbd;}



/*main_right*/

#main_right{ float:right; display:inline; width:300px; margin:30px 0 0 0;}



.right_detail_holder{ float:left; width:300px; margin-bottom:15px; padding-bottom:15px;}

.right_title{ width:300px; height:46px; line-height:24px; border-bottom:1px solid #ddd;}

.right_title_name{ float:left; margin:9px 0 0 0; font-size:24px; padding:0 20px 11px; border-bottom:2px solid #ff7200;}

.notice .right_title_name{ border-bottom:2px solid #08a2bf;}

.right_title_more{ float:right; margin:16px 10px 0 0; color:#bbb;}

.notice .right_title_more:hover{ color:#08a2bf;}

.video_img_holder{ float:left; display:inline; width:298px; border:1px solid #ddd; background: #fff; text-align: center;}

.video_img_holder a img{ width:182px;}

.news_txtlist3{ float:left; display:inline; margin:0 0 0 5px;}

.news_txtlist3 li{ float:left; width:270px;}


.news_txtlist4{ margin-top:10px;}


.journal_img_holder{ float:left; display:inline; width:122px; height:157px; margin:5px 0 0 15px;}

.journal_img_holder a{ float:left; width:120px; height:155px; border:1px solid #ddd;}

.journal_img_holder a:hover{ border:1px solid #900;}

.journal_img_holder a img{ width:120px; height:155px;}

.journal_downloadlist{ float:right; display:inline; width:120px; margin:0 10px 0 0;}

.journal_downloadlist li{ float:left; width:120px; margin-top:10px;}

.journal_downloadlist li .journal_downloadname{ float:left; color:#900; margin-bottom:5px; line-height:18px; width:110px;}

.journal_downloadlist li .journal_downloadname:hover{ color:red;}

.journal_downloadlist li .journal_downloadbtn{ float:left;}

.right_subtitle{ float:left; width:280px; display:inline; margin:20px 0 0 0;}

.right_subtitle img{ float:left; display:inline; margin:1px 0 0 10px;}

.right_subtitle a{ float:right; display:inline; margin:0px 15px 0 0;}


.course_txtlist li{}

.download_list li{ background:url(../images2018/icon_dot2.png) no-repeat left 7px;}




.bellows__item:not(.bellows--is-open) > .bellows__content {
  display: none; }

.bellows__item.bellows--is-open > .bellows__content-wrapper,
.bellows__item.bellows--is-closing > .bellows__content-wrapper {
  display: block; }

.bellows__content-wrapper {
  display: none; }
  .bellows {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
margin-top: 20px;}


.bellows--is-open{
  background: #feeee1;
  padding-bottom: 1px;
}

.bellows__header {
  clear: both;
  position: relative;
  padding-left: 28px;
  color: #333;
  -webkit-tap-highlight-color: transparent; 
  padding-left:15px; 
  background:url(../images2018/icon_dot3.png) no-repeat 5px 12px #f8f8f8; 
  line-height:34px; 
  border-bottom: 1px solid #ddd;
}

.bellows--is-open .bellows__header {
  background:url(../images2018/icon_dot2.png) no-repeat 5px 12px #feeee1;
  border-bottom: none;
}
  .bellows__header:active {
    background: #feeee1; }
  .bellows__item:last-child > .bellows__header {
    border-bottom: 0; }
  .bellows__header h1,
  .bellows__header h2,
  .bellows__header h3,
  .bellows__header h4 {
    margin: 0;
    padding:6px 5px;
    font-size: 15px;
    line-height: 20px;
}

.bellows__content { font-size: 16px;}
.bellows__content p{
  padding:0 13px 20px;
  font-size: 14px;
  color: #666;
  height: 63px;
  overflow: hidden;
}
  .bellows__content .bellows {
    margin-top: 20px; }


.righttab_downloadbtn{ font-size: 14px; color: #666; width: 160px; height: 24px; line-height: 24px; border: 2px solid #ff801a; border-radius: 15px; background: url(../images2018/icon_arrowdown.png) no-repeat 140px 10px; margin: 10px auto; display: block; text-align: center;}

.righttab_downloadbtn:hover{ border: 2px solid #ff801a;}




.right_wxcode_holder{ position: fixed; width:150px; top: 50%; right: 50%; margin-right: -750px;_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:300px;}

.wxcode_holder{ float:left; display:inline; margin:10px 0 30px 38px; text-align:center; line-height:30px;}

.wxcode_close{ margin:0;cursor:pointer; display:none;}






/******************** footer ********************/

#footer{ clear:both; width:100%; margin:0 auto; background:#1c4058; text-align:center; line-height:30px;}


.copyrights{ clear:both; text-align:center; padding-bottom:30px; color:#fff;}


@media only screen and (max-width: 1500px) {
.right_wxcode_holder{ right:0!important; margin-right:0!important; z-index:1; }
.wxcode_close{ display:block!important;}
}