﻿@charset "UTF-8";

.ellipsis, .sNav-1 dd a, .sNav-2 .list a, .indexPart1 .swiper-slide a .name, .indexPart3 a .name, .indexPart4 .container .list li .name, .indexPart5 .list .img a.name, .indexPart5 .list li a, .case a .name, .news_01 li a.name, .sideHot .list li a, .news_02 li .name, .news_03 li .name, .sideList .list2 li a, .pageNum2 a, .footProduct .list a .name, .course .name, .footNews li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .head .topSearch, .sNav-1 ul, .sNav-2 ul, .sNav-2 .list, .foot .link, .indexFlash .dots, .indexPart4 .btn ul, .indexPart5 .btn ul, .pageBanner, .pageBanner2, .page .list ul, .pageNum, .news_01 .dots, .sideHot .title, .news_03 li .time, .newShow .title, .newShow .info, .newShow .info dl, .newShow .info dd, .pageShare, .footProduct .arrow, .product li dl dd, .productTab ul, .productShow3 li, .caseLayer {
  display: flex;
  display: -webkit-flex; }


.itemsCenter, .foot .link, .indexPart2 .box, .indexPart7, .pageBanner, .pageBanner2, .news_01 .dots, .sideHot .title, .newShow .title, .newShow .info, .newShow .info dd, .pageShare, .product li dl dd, .caseLayer {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .indexFlash .dots, .indexPart2 .box, .indexPart4 .btn ul, .indexPart5 .btn ul, .indexPart7, .pageBanner, .pageBanner2, .pageNum, .productTab ul, .caseLayer {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }



.flexWrap, .sNav-3 ul, .foot .list ul, .indexPart1 .swiper-slide, .indexPart1 .swiper-slide ul, .indexPart2 ul, .indexPart3 ul, .indexPart4 .box, .indexPart4 .container .list ul, .indexPart5 .list .row, .indexPart6 .list ul, .indexPart6 .list dl, .caseClass ul, .case ul, .news_02 ul, .sideList .list2 ul, .pageNum2 ul, .course ul, .productShow, .productShow .container dl.info, .caseLayer .container, .lyb ul {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }



html {
  font-size: 100px; }

body {
  font-size: 12px;
  font-family: Arial, "????????????";
  color: #333;
  -webkit-text-size-adjust: none; }

a {
  color: #333;
  text-decoration: none;
  outline: none; }
  a:active {
    star: expression(this.onFocus=this.blur()); }
  a:link {
    text-decoration: none;
    outline: none; }
  a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    text-decoration: none;
    color: #1469bc;
    outline: none; }

li {
  list-style: outside none; }

h1 {
  font-size: 16px; }

h2, h3, h4, h5 {
  font-size: 14px; }

h5 {
  font-size: 12px; }



em {
  font-style: normal; }

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both;
  height: 0;
  display: block;
  _display: inherit; }

.before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0; }

.h10 {
  height: 0.1rem;
  overflow: hidden;
  clear: both; }

.h20 {
  height: 0.2rem;
  overflow: hidden;
  clear: both; }

.h50 {
  height: 0.5rem;
  overflow: hidden;
  clear: both; }

.wal {

  margin: 0 auto; }


  
 
   
  


 .wal {
  padding: .3rem 0; }

.wal {
    min-height: 3.65rem;
    position: relative; }
 












  

.pageBg {
  background: #f7f7f7; }





















.footProduct {
  background: #fff;
  min-height: 3.7rem;
  position: relative;
  padding: .35rem .2rem .3rem .3rem; }
  .footProduct .title {
    color: #1f4396;
    font-size: .16rem;
    padding-bottom: .25rem; }
  .footProduct .list {
      /*float:left;*/
      /*width:25%;*/
    width: 100%;
    overflow: hidden;
    position: relative; }
  .footProduct .list li {
		float:left;
		width:300px;
      padding-right: 37px; }
    .footProduct .list a {
      display: block; }
      .footProduct .list a .img {
        border: #f2f2f2 solid 1px;
        border-bottom: 0; }
      .footProduct .list a .name {
        border: #f2f2f2 solid 1px;
        height: .6rem;
        line-height: .58rem;
        text-align: center;
        font-size: .16rem;
        padding: 0 .1rem;
        color: #999; }
      .footProduct .list a:hover .name {
        color: #fff;
        background: #1f4396;
        border-color: #1f4396; }
  .footProduct .arrow {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.3rem;
    top: 0.3rem;
    bottom: auto; }
    .footProduct .arrow a {
      width: .4rem;
      height: .35rem;
      background: center no-repeat;
      background-size: cover; }
      .footProduct .arrow a.prev {
        background-image: url("../image/prev40_2.jpg"); }
        .footProduct .arrow a.prev:hover {
          background-image: url("../image/prev40_2on.jpg"); }
      .footProduct .arrow a.next {
        background-image: url("../image/next40_2.jpg"); }
        .footProduct .arrow a.next:hover {
          background-image: url("../image/next40_2on.jpg"); }





.productShow {
  margin-bottom: .3rem;
  background: #fff; }
  

.productShowBox {
  min-height: 5rem;
  background: #fff; }

.productTab {
  border-bottom: #f7f7f7 solid 1px; }
  .productTab li {
    padding: 0 .36rem; }
  .productTab a {
    display: block;
    height: .72rem;
    line-height: .72rem;
    position: relative;
    font-size: 21px;
    color: #999; }
    .productTab a:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 100%;
      height: .03rem;
      background: #1f4396;
      opacity: 0; }
    .productTab a:hover, .productTab a.on {
      color: #1f4396; }
      .productTab a:hover:before, .productTab a.on:before {
        opacity: 1; }
    .productTab a.on {
      font-weight: bold; }



.productShow2 {
  padding: .5rem .3rem .75rem .3rem; }
  .productShow2 .img {
    text-align: center; }
  .productShow2 .content {
    padding: .5rem 0;
    font-size: .16rem;
    line-height: .26rem; }

.productShow3 {
  padding: .3rem; }
  .productShow3 ul {
    border: #e6e6e6 solid 1px;
    border-left: 0; }
  .productShow3 li {
    min-height: .6rem;
    line-height: .6rem;
    font-size: .16rem;
    color: #999; }
    .productShow3 li div {
      border-left: #e6e6e6 solid 1px;
      padding: 0 .27rem; }
    .productShow3 li .col-1 {
      width: 18%; }
    .productShow3 li .col-2, .productShow3 li .col-3 {
      width: 41%; }
    .productShow3 li .col-4 {
      width: 82%; }
    .productShow3 li:nth-child(even) {
      background: #f7f7f7; }
.cpimg {
    width: 700px;
    height: 525px;
    float: left;
}
.name {
    margin: 8px auto;
    font-size: 27px;
    color: #3c3c3c;
}
.msg {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    padding: 34px 0;
}
.info {
    border-top: #e4e4e4 solid 1px;
    border-bottom: #e4e4e4 solid 1px;
    line-height: 60px;
    font-size: 13px;
    color: #999;
    height: 60px;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
}
.info dd {
    display: block;
    width: 225px;
    float: left;
	font-size: 17px;
}
.btn {
    padding-top: 45px;
}
.info d {
  
	font-size: 15px;

color: #1f4396;

font-weight: bold;
}
.btn a {
    display: block;
    background: #2775f0;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    text-decoration: none;
}
.container1 {
    width: 450px;
    margin: 50px 50px 50px 70px;
    float: left;
}
.productShow {
    margin-bottom: .3rem;
    background: #fff;
}
.footNews {
  background: #fff;
  padding: 45px; }
  .footNews h2.title1 {
    font-size: .16rem;
    color: #1f4396;
    padding-bottom: .1rem; }
.footProduct .title1{color: #1f4396;
padding-bottom: .1rem;
font-size: .16rem;}
  .footNews li {
    border-bottom: #d5d5d5 dashed 1px;
    position: relative;
    font-size: .12rem;
    color: #b5b5b5;
    line-height: .4rem; }
    .footNews li:last-child {
      border: 0; }
    .footNews li em {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 0;
      bottom: auto; }
    .footNews li a {
	width: 1200px;
	border-bottom: #e4e4e4 solid 1px;
      display: block;
      height:45px;
      font-size:16px;
      color: #666;
      .footNews li a:hover {
        color: #2775f0; }





 