@charset "utf-8";


* {
  margin: 0;}

html {
  font-size: 20px;}
.left{ float: left;}
.right{ float: right;}
@media only screen and (min-width: 400px) {
  html {
    font-size: 21.33px !important;} }

@media only screen and (min-width: 414px) {
  html {
    font-size: 22.08px !important;} }

@media only screen and (min-width: 480px) {
  html {
    font-size: 25.6px !important;} }



.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}

a {
  text-decoration: none;
  color: #333;
  cursor: pointer;}

.fr {
  float: right;}

.fl {
  float: left;}

.main_width {
  width: 1200px;
  margin: 0 auto;
  clear: both;}


  .header .top{ background: #f1f1f1;}
  .header .header_bg {}
  .header .top_text {
    line-height: 30px;}
    .header .top_text span {
      margin: 0 10px;}
    .header .top_text a {
      margin: 0 10px;}
    .header .top_text i.line_shu {
      margin: 0 -5px;
      font-style: normal;}
  .header .logo {
    text-align: center;
    padding-top: 30px;}
    .header .logo .logo_img {
      display: inline-block;
      vertical-align: middle;}
    .header .logo .logo_name {
      display: inline-block;
      vertical-align: middle;}
      .header .logo .logo_name span {
        display: block;
        font-size: 43px;
        color: #245399;
        line-height: 42px;
        font-weight: bold;}
        .header .logo .logo_name span.url_name {
          font-weight: initial;
          font-size: 24px;
          letter-spacing: 7px;}
  .header .search {
    margin: 20px auto 30px;
    width: 487px;
    height: 40px;
    background-color: white;
    border-radius: 3px;
    border: solid 1px #dddddd;}
    .header .search input {
      padding: 0 10px;
      height: 40px;
      line-height: 40px;
      background: transparent;
      border: 0;
      vertical-align: top;
      width: 392px;}
    .header .search .search_btn {
      width: 75px;
      height: 40px;
      line-height: 40px;
      background-color: #245399;
      cursor: pointer;
      border-radius: 3px;
      text-align: center;
      border: 0;
      color: #fff;
      vertical-align: top; 
      float: right;}
  .header .nav {
    height: 60px;
    line-height: 60px;
    margin-top: 37px; 
    *margin-top: 10px;}
    .header .nav .ejlm{ position: absolute; z-index: 999; left: 0; top: 323px; border-top: 6px solid #235395; height: 46px; background: #9eb2d0; /*background: rgba(183,196,215,1);*/  width: 100%; display: none;}
    .header .nav .ejlm div{ width: 1200px; margin: 0 auto; line-height: 46px;}
    .header .nav .ejlm  a{ display: inline; padding: 0 20px; line-height: 46px; font-size: 16px; color: #fff; width: 100%;}
  .header .nav li:hover{ background: url(../images/navxz.jpg) no-repeat center bottom;}
  .header .nav li:hover .ejlm{ display: block;}
  .header .nav ul li{ float: left;}
    .header .nav a.a1 {
      display: inline-block;
      font-size: 18px;
      color: #434343;
      font-weight: bold;
      margin: 0 35px;}
    		.header .nav a.a1 i{ 
    			width: 40px;
    			height: 60px;
    			display: block;
    			float: left;
      background-image: url(../images/nav_bg.jpg);
      background-repeat: no-repeat;
		      -webkit-transition-duration: 0.3s;
		    	transition-duration: 0.3s;}
      .header .nav a.active {
        color: #245399;
        position: relative;}
        .header .nav a.active:after {
          position: absolute;
          content: '';
          border-bottom: 8px solid #245399;
          border-right: 8px solid transparent;
          border-left: 8px solid transparent;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          width: 0;
          height: 0;}
        .header .nav a:hover i{  
        	transform: rotate(-15deg);
			    -ms-transform: rotate(-15deg);
			    -moz-transform: rotate(-15deg);
			    -webkit-transform: rotate(-15deg);
			    -o-transform: rotate(-15deg);}
      .header .nav a i.nav-1 {        background-position: 0 center;}
      .header .nav a i.nav-2 {        background-position: -154px center;}
      .header .nav a i.nav-3 {        background-position: -307px center;}
      .header .nav a i.nav-4 {        background-position: -462px center;}
      .header .nav a i.nav-5 {        background-position: -609px center;}
      .header .nav a i.nav-6 {        background-position: -754px center;}
      .header .nav a i.nav-7 {        background-position: -909px center;}
      .header .nav a i.nav-8 {        background-position: -1064px center;}

.bg_f2 {
  background: #f2f2f2;}

.bg_ff {
  background: #fff;}





.footer {
  font-size: 14px;
  color: #434343;
  line-height: 26px;
  padding: 28px 0;
  border-top: 1px solid #f2f2f2;}
  .footer .footer_l .link_a {
    margin: 0 -10px;}
    .footer .footer_l .link_a a {
      margin-right: 10px;
      margin-left: 10px;
      display: inline-block;}
  .footer .footer_r {
    width: 428px;
    margin-left: -19px;
    margin-top: 12px;}
    .footer .footer_r img {
      display: inline-block;
      float: left;
      margin-left: 19px;}

.hyperlink {
  width: 100%;
  border-top: 3px solid #245399;}
  .hyperlink .hyperlink_list {
    height: 50px;
    line-height: 50px;}

    .hyperlink .hyperlink_list .hyperlink_item {
      width: 14.286%;
      text-align: center;
      position: relative;
      color: #434343;
      font-size: 16px;
      cursor: pointer;}
.hyperlink .hyperlink_list .active{
    color:#245399;
    font-weight: bold;}
      .hyperlink .hyperlink_list .hyperlink_item:after {
        position: absolute;
        content: '';
        width: 1px;
        height: 15px;
        background: #c6c6c6;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;}
      .hyperlink .hyperlink_list .hyperlink_item:last-of-type:after {
        width: 0;}
        
        
      .dyContent ul{ width: 100%; height: auto; overflow: hidden;}
      .dyContent ul li{ font-size: 16px; width: 25%; float: left; overflow: hidden; line-height: 2.2; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
      .dyContent ul li a{ color: #666;} 
        
        
        
.hyperlink .dyContent div{ display: none;}