img.framed { 
padding: 6px; 
border: 1px solid #CCC; 
background-color: #FFF; } 
.nav {
      /*display: flex;
      -webkit-display: flex;*/
      width: 58%;
      float: left;
	  padding-top:20px;
   
      background: #fff;
    }.nav li {
    	white-space: nowrap;
      float: left;
      padding: 16px 3%;
      /*flex-grow: 1;
      width: initial;
      -webkit-flex-grow: 1;*/
      text-align: center;
      position: relative;
    }.nav li.tri-con:after{
        content: '';
        width: 12px;
        height: 12px;
        border: 1px solid #e4eaec;
        border-right: 0;
        border-bottom: 0;
        background: #fff;
        position: absolute;
        bottom: -7px;
        left: 50%;
        margin-left: -7px;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        display: none;
    }.IsIe .nav li.tri-con:after{opacity: 0;display: none!important;}.nav li:hover:after{display: block;}.nav li:hover .pare{
        color: #17447e;
        /*font-weight: bold;*/
    }.nav li:hover .pare span{
        border-bottom: 2px solid #17447e;
    }.nav li .pare {
        height: 45px;
        line-height: 40px;
      display: block;
      /*white-space: nowrap;*/
      color: #767676;
      font-size: 16px;
    }.nav li.tri-con .pare{position: relative;}.nav li.tri-con .pare:after{position: absolute;top: 40%;left: 70px;border: 4px solid transparent;border-top-color: #767676;content: '';}.nav li:hover.tri-con .pare:after{border-top-color: #17447e;}.nav li .pare span {
      /*display: block;*/
      height: 40px;
      line-height: 40px;
      overflow: hidden;
    }.nav li.current .pare {
      color: #17447e;
      font-weight: 700;
      border-bottom: 2px solid #17447e;
    }.nav li.current.tri-con .pare:after{border-top-color: #17447e;}.nav li.current .pare span {
      border-bottom: 2px solid #17447e;
    }.nav li .sub-nav {
      position: absolute;
      top: 100%;
      left: -305px;
      background: #fff;
      /*border-bottom: 2px solid #17447e;*/
      overflow: hidden;
      z-index: -10;
      /*-webkit-transition: all .4s;
      -moz-transition: all .4s;
      -ms-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;*/
      text-align: left;
      width: 730px;
      padding: 0 20px;
      /*height: 0;*/
      /*display: none;*/
      visibility: hidden;
      opacity: 0;
      border: 1px solid #e4eaec;
      box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    }.nav li:hover .sub-nav{
        /*top: 100%!important;*/
        /*height: 385px;*/
        /*display: block;*/
        visibility: visible;
    	opacity: 1;
        z-index: 10;
        /*visibility: visible;*/
    }.nav li .sub-nav .sn-inner {
      margin: 0 auto;
      padding: 15px 0;
      *zoom: 1;
      height: 325px;
    }.nav li .sub-nav .sn-inner:before,.nav li .sub-nav .sn-inner:after {
      display: table;
      content: " ";
    }.nav li .sub-nav .sn-inner:after {
      clear: both;
    }.nav li .sub-nav .sn-view {
      float: left;
      width: 371px;
      position: relative;
    }.nav li .sub-nav .sn-view .tg_show{
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
    }.nav li:hover .sub-nav .sn-view .tg_show.show{
        visibility: visible;
        opacity: 1;
        position: relative;
    }.nav li .sub-nav .sn-view .img a{
        height:171px;
        display:inline-block;
        width:100%;
        background: no-repeat center top;
        background-size: contain;
        -ms-behavior: url(backgroundsize.min.htc);
        behavior: url(backgroundsize.min.htc);
    }.nav li .sub-nav .sn-view .tit {
      margin: 15px 0 5px;
      font-size: 16px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }.nav li .sub-nav .sn-view .txt {
      color: #777;
      line-height: 24px;
      height: 48px;
      overflow: hidden;
      white-space: normal;
    }.nav li .sub-nav .sn-view + .sn-cont {
      margin-left: 430px;
    }.nav li .sub-nav .sn-cont .sn-item {
      line-height: 50px;
    }.nav li .sub-nav .sn-cont .sn-item a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}.nav li .sub-nav .sn-cont .sn-item:hover a {
        color: #17447e;
        font-weight: bold;
    }.nav li .sub-nav .sn-cont .sn-item + .sn-item {
      border-top: 1px solid #ddd;
    }.nav li.pro-li{}
    /*.header .nav li.pro-li::after{display: none;}*/.nav li .sub-pro-nav{position: absolute;;top: -10000px;left: 0;max-width: 1920px;background: #fff;padding: 40px 0;border-top: 1px solid #d9d9d9;/*width: 1920px;left: -465.9px;*/}.nav li .sub-pro-nav .swiper-sub-pro{width: 1200px;padding:0 1%;}.nav li .sub-pro-nav .item{/*padding:0 25px;max-width: 175px;display: inline-block;*/width:14%;height: auto!important;}.nav li .sub-pro-nav .item + .item{border-left: 1px solid #e1e1e1;}.nav li .sub-pro-nav .item .img img{}.nav li .sub-pro-nav .item a{display: block;}.nav li .sub-pro-nav .item .n{font-size: 14px;color: #333;margin: 10px 0;word-break: break-all;}.nav li .sub-pro-nav .item .m{font-size: 12px;color: #555;}.nav li .sub-pro-nav .item:hover .n,.nav li .sub-pro-nav .item:hover .m{color: #17447e;}.nav li:hover .sub-pro-nav{top: 77px;}.nav li .sub-pro-nav.en{}.nav li .sub-pro-nav.en .item{padding:0 1%;}.nav li .sub-pro-nav.en .item .n{font-size: 12px;white-space: normal;}.nav li .sub-pro-nav .swiper-button-next,.nav li .sub-pro-nav .swiper-button-prev{width: 20px;background-size: contain;}.nav li .sub-pro-nav .swiper-button-next{right: 0;}.nav li .sub-pro-nav .swiper-button-prev{left: 0;}.tools {
        float: right;
        margin-top: 24px;
        position: relative;
        z-index: 1;
      /*position: absolute;
      right: 4%;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      *zoom: 1;*/
    }.tools:before,.tools:after {
      display: table;
      content: " ";
    }.tools:after {
      clear: both;
    }.tools > div {
      float: left;
      margin-left: 15px;
    }.tools .lang a,.tools .search .icon,.tools .hotline .icon {
      display: inline-block;
      width: 28px;
      height: 28px;
      text-align: center;
      border-radius: 100%;
    }.tools .search{
        position: relative;
    }.tools .search .icon {
      background: #cacaca;
      color: #fff;
      line-height: 28px;
    }.tools .search a.icon {
        position: relative;
        z-index: 10;
    }.tools .search .form{
        position: absolute;
        top:0%;
        right: 0%;
        z-index: 5;
    }.tools .search .form input,.tools .search .form button{
        /*visibility: hidden;
        opacity: 0;*/
        transition: all .2s;
        -webkit-transition: all .2s;
    }.tools .search .form .text{
        width:0;
        height: 28px;
        padding-right: 27px;
        padding-left: 0;
        text-indent: 10px;
        background: #fff;
        border-radius: 100px;
        padding: 2px 27px 2px 0;
        font-size: 16px;
    }.tools .search .form .sub{
        border:none;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
    }.tools .search.show_form .form button{
        cursor: pointer;
    }.tools .search.show_form a.icon {
        z-index: 0;
    }.tools .search.show_form .form .text{
        width:190px;
    }.tools .hotline {
      color: #26528b;
    }.tools .hotline span {
      font-size: 16px;
    }.tools .hotline .icon {
      border: 1px solid #26528b;
      color: #26528b;
      line-height: 26px;
    }.tools .hotline em {
      margin-left: 10px;
    }.tools .lang a {
      background: #26528b;
      line-height: 28px;
      color: #fff;
      font-size: 12px;
      /*text-indent: 100px;*/
    }.tools .lang a.active {
      background: #e50006;
    }.tools .lang a.cn{
        background: #e50006 url(/images/icon_mail_0.png) no-repeat center;
    }.tools .lang a.en{
        //background: #26528b url(/images/icon_lan.png) no-repeat center;
    }
    /*.header .tools .lang a.cn{
        background-size: 70%;
        -ms-behavior: url(backgroundsize.min.htc);
        behavior: url(backgroundsize.min.htc);
    }*/.tools .lang a + a {
      margin-left: 10px;
    }.nav-trg {
      position: relative;
      padding: 0 15px;
      background: #fff;
      z-index: 10;
      font-size: 30px;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      -webkit-align-items: center;
    }.nav-trg a {
      color: #17447e;
    }.nav-mob {
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      background: rgba(255, 255, 255, 0.9);
      border-bottom: 2px solid #17447e;
      transition-property: transform;
      -webkit-transition-property: -webkit-transform;
      transition-duration: 0.5s;
      -webkit-transition-duration: 0.5s;
      transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
    }.nav-mob ul li {
      line-height: 36px;
      text-align: center;
    }.nav-mob ul li + li {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }.show-nav .nav-mob {
      transform: translateY(0);
      -webkit-transform: translateY(0);
    }
.aaa{border: 1px solid #eee; width:200px; padding-top:10px; padding-bottom:10px;}