* {
  margin: 0;
  padding: 0;
}

a:link,
a:visited,
a:hover,
a:active {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:active {
  color: #0e62b1;
  -o-transition: color 0s ease;
  -moz-transition: color 0s ease;
  -ms-transition: color 0s ease;
  -webkit-transition: color 0s ease;
  transition: color 0s ease;
}

body {
  font: 12px/150%"微软雅黑", "Microsoft Yahei", "Arial", "Thmano";
  color: #333;
  background: #f0eeee;
  font-size: 12px;
  font-family: 'Microsoft Yahei';
}

.text-center {
  text-align: center;
}

.d-flex {
  display: flex;
}

img {
  border: 0px;
}

ul,
ol {
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

font {
  font-size: 12px;
}

input,
textarea,
select {
  font: 12px/20px "Arial", "Thmano", "Microsoft Yahei";
  color: #999;
  outline: 0;
}

textarea {
  resize: none;
  overflow: auto;
}

ul,
ol {
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* h1,
h2,
h3,
h4,
h5,
h6,
font {
  font-size: 12px;
} */

.clear {
  clear: both;
}

.text-single-lien {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-multi-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.hidden {
  display: none;
}

.bg-white {
  background: #fff;
}

.header {
  width: 100%;
  height: 200px;
  background-color: #FFF;
}

.top {
  display: flex;
  width: 1200px;
  height: 140px;
  margin: 0 auto;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.logo {
  width: 490px;
  height: 62px;
}

.tel {
  display: flex;
  flex: 100%;
  align-items: center;
  margin-left: 45px;
}

.z {
  /* float: left; */
  background: url(../images/tel.jpg) no-repeat 100%;
  width: 52px;
  height: 54px;
  margin-right: 10px;
}

.y {
  /* flex: 1; */
}

.y h3 {
  font-size: 14px;
  font-family: "Microsoft Yahei";
  margin-bottom: 12px;
  color: #848389;
}

.y h1 {
  font-size: 24px;
  font-family: "Microsoft Yahei";
  font-weight: bold;
  color: #006CC4;
  line-height: 30px;
}

.header .sysc {
  /* float: right; */
  text-align: right;
  width: 300px;
  height: 20px;
  line-height: 20px;
  /* margin-right: -8px; */
  display: inline;
  /* margin-top: 20px; */
  color: #58aabb;
}

.header .sysc a {
  margin: 0 8px;
  color: #58aabb;
}

.searcher-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.header .searcher {
  /* float: right; */
  width: 238px;
  height: 31px;
  margin-top: 12px;
}

.header .searcher .txt {
  width: 207px;
  height: 31px;
  line-height: 31px;
  float: left;
  background: none;
  border: none;
  background: url(../images/kuang.jpg);
  text-indent: 1em;
}

.header .searcher .sub {
  width: 31px;
  height: 31px;
  float: right;
  background: url(../images/btn.jpg) 0 0 no-repeat;
  border: none;
  cursor: pointer;
}

.nav {
  width: 100%;
  background-color: #1370be;
  height: 60px;
  box-sizing: border-box;
}

.list {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-evenly;
}

.nav li {
  display: block;
  width: 100%;
}

.nav li a {
  /* width: 148px; */
  line-height: 60px;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  display: block;
}

.nav li a:hover,
.active {
  background: #FE8301;
  background-size: cover;
}

/*banner*/
.banner {
  width: 100%;
  height: 720px;
  overflow: hidden;
  position: relative;
  background: #fff;
}

.banner ul.list {
  float: left;
  height: 720px;
  width: 500%;
}

.banner li.item {
  width: 20%;
  height: 720px;
  float: left;
  background-size: cover;
}

.banner div.tip {
  width: 100%;
  height: 10px;
  position: absolute;
  display: flex;
  bottom: 20px;
  /* left: 50%; */
  /* margin-left: -500px; */
  text-align: center;
  z-index: 1;
}

.banner div.tip em {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
  background: #fff;
}

.banner div.tip em.cur {
  background: #fd8300;
}

.hu {
  width: 100%;
  position: absolute;
  top: 324px;
  left: 0px;
  background: url(../images/banner-hu.png) no-repeat center;
  height: 98px;
  overflow: hidden;
  margin: 0 auto;
}


.main {
  width: 100%;
}

.content {
  width: 100%;
  height: 470px;
  background-color: #fff;
}

.container-fluid {
  width: 100% !important;
}

.container {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
  /* padding-top: 48px; */
}

.tit {
  padding-top: 50px;
  padding-bottom: 35px;
}

.title {
  color: #014488;
  font-size: 38px;
  line-height: 48px;
  margin-bottom: 12px;
}

.sub-title {
  color: #999999;
  font-size: 14px;

}

.more {
  width: 46px;
  height: 16px;
  float: right;
  padding-right: 12px;
  font-size: 14px;
  color: #716a69;
  font-family: "Microsoft Yahei";
  margin-top: 24px;
}

.Section {
  width: 1000px;
  height: 35px;
  margin-top: 27px;
  text-align: center;
}

.Section a {
  width: 156px;
  height: 35px;
  background: url(../images/section.jpg) no-repeat;
  margin-left: 9px;
  line-height: 35px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-family: "Microsoft Yahei";
  display: inline-block;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.Section a:hover {
  color: #ff651e;
}

.news-list {
  display: flex;
  justify-content: space-between;
}

.news-list-left {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  width: 730px;
}

.latest-news {
  width: 100%;
  overflow: hidden;
  display: flex;
  border-top: 1px solid #000;
  padding-top: 35px;
  padding-bottom: 25px;
  border-bottom: 1px dashed #999;
  margin-bottom: 10px;
}

.latest-news-right {
  overflow: hidden;
}

.latest-news-image {
  width: 210px;
  height: 160px;
  margin-right: 40px;
}

.latest-news-image img {
  display: block;
  width: 210px;
  height: 160px;
}

.latest-news-title a {
  color: #999;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.latest-news-title a:hover {
  color: #222;
}

.latest-news-time {
  font-size: 14px;
  margin-top: 12px;
  color: #999;
  line-height: 24px;
}

.latest-news-content {
  margin-top: 25px;
  font-size: 16px;
  color: #999;
  line-height: 24px;
  -webkit-line-clamp: 4;
}


.news-list-index {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.news-list-index li {
  box-sizing: border-box;
  width: 345px;
  padding-top: 25px;
  margin-right: 20px;
  padding-bottom: 25px;
  border-bottom: 1px dashed #999;
}

.news-list-index li:last-child,
.news-list-index li:nth-last-child(2) {
  border: none;
}

.news-list-index-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  color: #999;
}

.news-list-index-title:hover {
  color: #333;
}

.news-list-right {
  width: 450px;
}

.news-list-right li {
  margin-bottom: 20px;
}

.news-list-right-box {
  border-radius: 5px;
  display: block;
  box-sizing: border-box;
  height: 140px;
  width: 426px;
  padding: 15px 30px;
  border: 1px solid #999;
}

.news-list-right-box:hover {
  border-color: #ff3366;
}

.news-list-right-title {
  color: #222;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 15px;
}

.news-list-right-content {
  font-size: 16px;
  color: #999;
  line-height: 24px;

}

.training-system-list {
  display: flex;
  flex-wrap: wrap;
}

.training-system-item {
  box-sizing: border-box;
  padding: 20px;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.t-y-img-w {
  display: none;
}

.t-y-img-b {
  display: block;
}

.t-y-item {
  text-align: center;
  color: #333;
  box-sizing: border-box;
  height: 390px;
  /* padding-top: 65px; */
  padding: 65px 70px 60px;
  border-radius: 10px;
  background: #fff;
}

.t-y-title {
  font-size: 20px;
  line-height: 1.5;
}

.t-y-content {
  margin-top: 36px;
  font-size: 16px;
  line-height: 1.5;
  color: #999;
}

.t-y-item img {
  width: 80px;
  height: 80px;
  margin: 0 auto 40px;
}

.t-y-item:hover {
  background: #0775cc;
  color: #fff;
}

.t-y-item:hover .t-y-content {
  color: #fff;
}

.t-y-item:hover .t-y-img-b {
  display: none;
}

.t-y-item:hover .t-y-img-w {
  display: block;
}

.index-news-cont {
  padding-top: 60px;
  padding-bottom: 40px;
  background-image: url(/template/yijiu/images/index-news-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.index-news-warp{
  height: 800px;
}
.index-news-title-box {
  box-sizing: border-box;
  padding: 35px 45px 0 12px;
  background: #DADEDF;
  width: 100px;
  color: #3C539B;
  font-size: 42px;
  line-height: 1.2;
  position: relative;
}

.index-news-title-more {
  box-sizing: border-box;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 12px;
  color: #686868;
  position: absolute;
  bottom: 0;
  right: -10px;
  width: 60px;
  height: 190px;
  display: flex;
  content: 'more';
  padding: 4px;
  border-bottom: 10px solid #8895BD;
  border-right: 10px solid #8895BD;
}

.index-latest-news-title {
  display: block;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 10px;
  color: #222;
}

.index-latest-news-time {
  font-size: 14px;
  margin-bottom: 8px;
  color: #999;
}

.index-news-list {
  border-top: 2px solid #777;
  padding: 8px 14px;
}

.index-news-item-title {
  display: block;
  font-size: 16px;
  color: #333;
  line-height: 42px;
}

.index-news-box {
  width: 500px;
  box-sizing: border-box;
  padding-left: 14px;
}

.swiper-cooperation-img {
  display: block;
  max-width: 100%;
  height: 50px;
  margin: auto;
}



.index-standard-list {
  display: flex;
  justify-content: space-around;
  align-content: center;
  align-items: center;
  padding: 30px 0 120px;
}

.index-standard-item {
  flex: 0 0 25%;
  background: #1370BE;
  border-radius: 10px;
  padding: 6px 9px;
  margin: 0 11px;
  text-align: center;
}

.index-standard-item:hover {
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3);
}

.index-standard-item .standard-img {
  display: block;
  max-width: 100%;
  width: 100%;
  margin: auto;
  /* border-top-right-radius: 10px; */
  /* border-top-left-radius: 10px; */
}

.index-standard-item .standard-title {
  color: #fff;
  font-size: 20px;
  padding: 34px 0 25px;
}

.index-expert-list {
  position: relative;
  padding: 0 0 120px;
}

.index-expert-list .index-expert-item {
  padding: 0 10px;
  text-align: center;
}

.index-expert-list .index-expert-item .expert-text {
  box-sizing: border-box;
  height: 200px;
  background: #3f3f3f;
  padding: 15px 19px;
}

.index-expert-list .index-expert-item .expert-img {
  display: block;
  width: 100%;
  height: 270px;
}

.index-expert-list .index-expert-item .expert-title {
  font-size: 18px;
  color: #fff;
}

.index-expert-list .index-expert-item .expert-content {
  border-top: 1px solid rgba(255, 255, 255, .3);
  padding-top: 5px;
  margin-top: 5px;
  font-size: 14px;
  color: #fff;
  opacity: 0.6;
  -webkit-line-clamp: 7;
}

.index-expert-list .swiper-pagination {
  width: 100%;
  left: 0;
  bottom: 80px;
}

.index-expert-list .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}

.index-cooperation-item {
  width: 250px;
  height: 50px;
  margin: 0 20px 40px;
  /* margin-bottom: 40px; */
}

.cooperation-img {
  display: block;
  width: 250px;
  height: 50px;
}

.index-cooperation-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.about {
  width: 1000px;
  margin: 0 auto;
  margin-top: 32px;
}

.tit2 {
  height: 51px;
  background: url(../images/tit_01.png);
  margin-bottom: 34px;
}

.tit2 span {
  font-size: 24px;
  color: #FFF;
  font-family: "Microsoft Yahei";
  line-height: 40px;
  padding-left: 20px;
  float: left;
}

.aleft {
  float: left;
  height: 255px;
}

.aright {
  float: right;
  width: 640px;
  height: 230px;
}

.img {
  border: 1px solid #deddee;
  height: 228px;
}

.aright span {
  font-size: 20px;
  font-family: "Microsoft Yahei";
  line-height: 60px;
}

.aright p {
  font-size: 14px;
  font-family: "Microsoft Yahei";
  line-height: 28px;
  color: #616161;
  text-indent: 0em;
}

.content3 {
  width: 100%;
  height: 396px;
  background-color: #fff;
}

.information {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

.news {
  width: 663px;
  float: left;
  padding-top: 46px;
}

.tit3 {
  background: url(../images/tit2_02.png);
  height: 58px;
}

.zz {
  font-size: 20px;
  font-family: "Microsoft Yahei";
  color: #1370be;
  padding-left: 85px;
  line-height: 60px;
}

.yw {
  font-size: 16px;
  font-family: "Microsoft Yahei";
  color: #ff651e;
  padding-left: 12px;
  line-height: 60px;
}

.news_nr {
  height: 150px;
  width: 640px;
  padding-top: 14px;
}

.ns_img {
  float: left;
  width: 244px;
  border: 1px solid #deddee;
  height: 148px;
}

.ns_ms {
  float: right;
  width: 376px;
  height: 140px;
}

.ns_ms h1 {
  font-size: 14px;
  color: #1370be;
  line-height: 40px;
}

.ns_ms p {
  font-size: 12px;
  color: #666666;
  line-height: 24px;
}

.ns_ms a {
  color: #ff651e;
}

.ns_ms a:hover {
  color: #1370be;
}

.ns {
  width: 660px;
  padding-top: 20px;
}

.ns li {
  font-size: 12px;
  color: #1370be;
  width: 300px;
  line-height: 26px;
  float: left;
  padding-right: 30px;
}

.fk {
  width: 9px;
  height: 9px;
  background: #666666;
  float: left;
  margin-top: 8px;
  margin-right: 8px;
}

.ns li a {
  color: #666666;
  float: left;
}

.ns li span {
  color: #aaaaaa;
  float: right;
}

.ns li a:hover .fk {
  background: #1370be;
}

.ns li a:hover {
  color: #1370be;
}

.zhongxian {
  width: 2px;
  float: left;
  position: absolute;
  top: 120px;
  left: 663px;
}

.Contact {
  width: 320px;
  float: right;
  padding-top: 46px;
}

.tit4 {
  background: url(../images/tit03.jpg);
  height: 58px;
}

.zz {
  font-size: 20px;
  font-family: "Microsoft Yahei";
  color: #1370be;
  padding-left: 85px;
  line-height: 60px;
}

.yw {
  font-size: 16px;
  font-family: "Microsoft Yahei";
  color: #ff651e;
  padding-left: 12px;
  line-height: 60px;
}

.rx {
  background: url(../images/jiantou.png);
  width: 171px;
  height: 29px;
  margin-top: 16px;
}

.rx span {
  line-height: 29px;
  font-size: 14px;
  color: #fff;
  padding-left: 20px;
}

.Contact h1 {
  font-size: 32px;
  color: #ff651e;
  font-family: "Microsoft Yahei";
  font-weight: bold;
  line-height: 66px;
}

.huap {
  width: 94px;
  height: 106px;
  float: right;
  padding-top: 30px;
}

.Contact_wz {
  width: 226px;
  height: 124px;
  font-size: 12px;
  line-height: 20px;
  float: left;
}

.Contact_wz h2 {
  font-weight: bold;
  color: #555555;
}

.Contact_wz p {
  color: #666666;
}

.bottom {
  /* margin-top: 50px; */
  width: 100%;
  background: #6a6663;
}

.bottom-information {
  width: 1200px;
  box-sizing: border-box;
  height: 300px;
  padding-top: 40px;
  padding-bottom: 20px;
  margin: 0 auto;
  position: relative;
  display: flex;
}

.link-list {
  font-size: 12px;
  color: #fff;
}

.link-title {
  line-height: 40px;
}

.link-item {
  display: block;
  color: #fff !important;
  line-height: 24px;
}

.bottom-content {
  flex: 1;
  clear: both;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  flex-wrap: nowrap;
}

.bottom-QRcode img {
  display: block;
  margin: auto;
  max-width: 160px;
}

.bottom-content p {
  font-size: 12px;
  color: #FFF;
  line-height: 26px;
}

.bottom-content a {
  color: #FFF;
}

.bottom-content a:hover {
  color: #ff651e;
}

.fxf {
  width: 100%;
  height: 130px;
  position: fixed;
  z-index: 10000;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: visible;
}

.fxf .zhanshi {
  position: relative;
  width: 1000px;
  height: 130px;
  margin: 0 auto;
}

.fxf .zhanshi img {
  display: block;
  width: 1000px;
  height: 130px;
}

.fxf .zhanshi .close {
  width: 21px;
  height: 21px;
  display: block;
  cursor: pointer;
  position: absolute;
  right: 5px;
}

.fxf .zhanshi .close .fixclose {
  background: url(../images/close.png) no-repeat;
  width: 21px;
  height: 21px;
  display: block;
  position: absolute;
  bottom: 126px;
}

.fxf .fixclick {
  background: url(../images/fixclick.png) no-repeat;
  width: 70px;
  height: 117px;
  position: absolute;
  left: 0px;
  top: -112px;
  cursor: pointer;
  display: none;
}



.wrapper {
  width: 100%;
  height: auto;
  display: inline-block;
  background: #FFF;
  /* padding-bottom: 30px; */
}

.wrap {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  padding-top: 50px;
}

.left {
  width: 270px;
  height: auto;
  float: left;
}

.leftnav {
  width: 270px;
  height: auto;
}

.thead {
  width: 270px;
  background: url(../images/left.png) no-repeat;
  height: 40px;
}

.thead span {
  font-size: 18px;
  color: #fff;
  font-family: "Microsoft Yahei";
  line-height: 32px;
  padding-left: 8px;
}

.tod {
  width: 264px;
  margin-top: 16px;
}

.tod li {
  width: 264px;
  height: 36px;
  text-align: center;
  background: #efefef;
  margin-top: 1px;
  line-height: 36px;
  font-size: 14px;
  font-family: "Microsoft Yahei";
  color: #555555;
}

.tod li a {
  width: 264px;
  height: 36px;
  display: block;
}

.tod li a:hover {
  background: #1370be;
  color: #FFF;
}

.leftContact {
  width: 270px;
  height: auto;
  margin-top: 20px;
}

.thead2 {
  width: 270px;
  background: url(../images/left_lx.png) no-repeat;
  height: 58px;
}

.zwContact {
  font-size: 18px;
  font-family: "Microsoft Yahei";
  color: #1370be;
  padding-left: 74px;
  line-height: 60px;
}

.ywContact {
  font-size: 16px;
  font-family: "Microsoft Yahei";
  color: #ff651e;
  padding-left: 12px;
  line-height: 60px;
}

.Contact_nr h1 {
  font-size: 31px;
  color: #ff651e;
  font-family: "Microsoft Yahei";
  font-weight: bold;
  line-height: 66px;
}

.Contact_nr {
  width: 260px;
  height: auto;
  font-size: 12px;
  line-height: 24px;
  float: left;
}

.Contact_nr h2 {
  font-weight: bold;
  color: #555555;
  line-height: 30px;
}

.Contact_nr p {
  color: #666666;
}

.listProduct {
  height: auto;
}

/* 表单验证 */
.formData {
  width: 550px;
  margin: 0px auto 20px;
  padding-top: 30px;
}

.formData tr.item label {
  margin-right: 5px;
}

.formData tr.item .tip {
  width: 130px;
  margin-left: 20px;
}

.formData tr.item input,
.formData tr.code input {
  width: 250px;
  height: 25px;
  line-height: 25px;
  color: #666;
  border: 1px solid #ccc !important;
  border-radius: 3px;
  padding: 0 5px;
}

.formData tr.item textarea {
  width: 250px;
  height: 80px;
  color: #666;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  border-radius: 3px;
  padding: 0 5px;
}

.formData tr.item input:focus,
.formData tr.code input:focus,
.formData tr.item textarea:focus {
  border: 1px solid #d02c13 !important;
  border-radius: 3px;
}

.formData tr.code input {
  width: 90px;
}

.formData .sub {
  width: 102px;
  height: 28px;
  line-height: 28px;
  color: #FFF;
  text-align: center;
  background: url(../images/msg.gif) 0 0 no-repeat;
  color: #FFF;
  border: none;
  margin-right: 10px;
  cursor: pointer;
}

.formData tr.code img {
  vertical-align: middle;
  *vertical-align: 0;
  margin-left: 10px;
}

.formData .err,
.formData .red {
  color: #d02c13;
}

.formData .red {
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  margin-right: 5px;
}

.news_lb {
  padding: 10px 15px 10px 20px;
}

.news_lb ul {
  overflow: hidden;
  width: 680px;
  padding-right: 25px;
}

.news_lb li {
  width: 680px;
  height: 30px;
  line-height: 30px;
  background: url(../images/sanjiao.png) left center no-repeat;
  border-bottom: 1px dashed #CCC;
}

.news_lb li a {
  float: left;
  padding-left: 20px;
  color: #666;
}

.news_lb li a:hover {
  color: #1370be;
  ;
}

.news_lb li span {
  float: right;
  margin-right: 10px;
  color: #999;
}

.pageNews .main {
  padding: 0 30px;
}

.newsbt {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  padding: 25px 0 10px 0;
  text-align: center;
}

.mark {
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 20px;
  color: #999;
  border-bottom: 1px dashed #eee;
  border-top: 1px dashed #eee;
}

.main .mark span,
.pageNews .main .mark a.msg {
  margin: 0 7px;
}

.photo {
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px;
}

.photo img {
  max-width: 580px;
  padding: 5px;
  border: 1px solid #ccc;
  background: #FFF;
}

.info {
  margin-bottom: 40px;
  color: #666;
}

.relatedLink {
  display: flex;
  height: 30px;
  line-height: 30px;
  border: 1px solid #dcdcdc;
  margin: 0 auto 20px;
  overflow: hidden;
  justify-content: space-between;
}

.relatedLink .prevLink {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 0 50%;
  padding-left: 10px;
  box-sizing: border-box;
}

.relatedLink .nextLink {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 0 50%;
  text-align: right;
  padding-right: 10px;
}


.main2 {
  padding: 15px 15px;
  /* width: 850px; */
  margin: 0 auto 20px;
}

.showpro {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.showpro img {
  width: 400px;
  padding: 2px;
  border: 1px solid #efe6cd;
}

.tit_ig {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 15px;
  font-family: "微软雅黑";
  font-size: 16px;
}

.main2 .info {
  background: #fff;
}

.main2 .m {
  border: 1px solid #FFF;
  padding: 10px 15px;
}

.main2 div.ts {
  font-size: 14px;
  font-weight: 700;
  height: 25px;
  border-bottom: 1px solid #ddd;
}

.main2 div.infor {
  border-top: 1px solid #FFF;
  padding-top: 10px;
  margin-bottom: 10px;
  line-height: 24px;
  color: #777;
}

.main2 .info {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 24px;
  padding: 20px;
}

.main2 .wd {
  float: right;
  width: 275px;
  height: 228px;
  overflow: hidden;
  padding: 10px;
  border: 1px solid #ddd;
  background: #f8f8f8;
}

.main2 .wd h1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 7px;
}

.main2 .wd ul {
  font-size: 14px;
}

.main2 .wd li.item {
  height: 30px;
  line-height: 30px;
}

.main2 .wd li.item span {
  margin-right: 5px;
}

.main2 .wd li.btn {
  height: 45px;
}

.main2 .wd li.btn a.order,
.pageProduct .main .wd li.btn a.msg {
  width: 200px;
  height: 40px;
  margin-top: 5px;
  line-height: 32px;
  text-align: center;
  background: url(../images/btn.png) 0 0 no-repeat;
  display: block;
  color: #FFF;
}

.main2 .wd li.btn a.msg {
  background: url(../images/btn.png) 0 -48px no-repeat;
  color: #666;
}

.main2 .wd li.btn a:hover.msg {
  font-weight: bold;
  color: #ea5200;
}

.pager {
  display: block;
  width: 100%;
  height: auto;
  padding: 20px 0;
  text-align: center;
  clear: both;
  margin-bottom: 10px;
}

.pager span,
.pager a {
  display: inline-block;
  border: 1px solid #ddd;
  color: #333;
  height: 24px;
  line-height: 24px;
  padding: 0px 8px;
  text-decoration: none;
  background: #FFF;
  margin: 0 5px;
}

.pager a:hover {
  background: #fdfbfc;
  border-color: #ccc;
  color: #1370be;
  text-decoration: none;
}

.pager .cur {
  background: #1370be;
  border-color: #FFF;
  font-weight: bold;
  color: #FFF;
}

.pager span.dot {
  background: #ea5200;
  border-color: #398e00;
  font-weight: bold;
  color: #FFF;
}

.main-banner {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-page-left {
  margin-top: 8px;
  box-sizing: border-box;
  background: #E9F0F8;
  flex: 0 0 30%;
  min-height: 800px;
  height: 100%;
}

.about-left-img {
  /* background: #FE8301; */
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-left-img.about-active{
  background: #FE8301;
}

.about-left-text {
  box-sizing: border-box;
  padding: 40px 40px 30px 30px;
  height: 100%;
  font-size: 16px;
  line-height: 38px;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

.about-page-body {
  box-sizing: border-box;
  padding: 30px 60px;
  flex:  0 0 70%;
}

.news-page-left {
  width: 730px;
}

.page-news-title {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  line-height: 48px;
  margin-bottom: 15px;
}

.page-news-item {
  padding: 20px 0;
  align-items: center;
  border-bottom: 1px dashed #ddd;
}

.page-news-img {
  display: block;
  width: 200px;
  height: 120px;
  margin-right: 15px;
}

.page-latest-news-content {
  color: #333;
  font-size: 14px;
  line-height: 22px;
}

.page-news-content {
  color: #888;
  font-size: 14px;
  line-height: 22px;
  -webkit-line-clamp: 2;
}

.news-page-right {
  margin-left: 40px;
  width: 350px;
}

.recommend-title {
  font-weight: 700;
  border-bottom: 2px solid #333;
  display: inline-block;
}

.recommend-list .weizhi {
  margin-bottom: 20px;
}

.recommend-list ul {
  padding-left: 20px;
}

.recommend-list ul .page-recommend-item {
  list-style: disc;
  margin-bottom: 15px;

}

.page-recommend-title {
  display: block;
  color: #333;
  font-size: 15px;
}

.sitepath {
  border-bottom: 1px dashed #ddd;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.column-name {
  font-size: 16px;
  color: #F90E13;
  line-height: 32px;
  border-bottom: 2px solid #ff5500;
}

.weizhi {
  font-size: 14px;
  line-height: 50px;
  color: #333;
}

.map-box {
  height: 250px;
  margin-top: 40px;
}

.page-standard-list {
  flex-wrap: wrap;
  margin-top: 40px;
}

.page-standard-item {
  box-sizing: border-box;
  padding: 0 10px;
  flex: 0 0 33.33%;
  margin-bottom: 25px;
}

.page-standard-sitepath {
  border: none;
}

.page-standard-sitepath .column-name {
  font-weight: 700;
  font-size: 28px;
  line-height: 48px;
  color: #0775CC;
  border-bottom: 1px solid #87888C;
  position: relative;
  padding-left: 20px;
  padding-right: 30px;
}

.page-standard-sitepath .column-name::before {
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  background: #0775CC;
  width: 5px;
  height: 28px;
  content: '';
}

.page-standard-img {
  display: block;
  margin: auto;
  max-width: 100%;
  width: 100%;
}

.page-standard-box {
  overflow: hidden;
  display: block;
}

.page-num-current {
  /* background: #0775CC;
  color: #fff; */
  z-index: 1;
  color: #fff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;

}

.page-team-item {
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 10px;

}

.page-team-item .page-standard-box {
  width: 380px;
  margin: auto;
  position: relative;
}

.page-team-item .page-standard-img {
  width: 380px;
  height: 340px;
}

.page-team-title {
  text-align: center;
  line-height: 55px;
  background: #242625;
  font-size: 28px;
  color: #fff;
}

.page-team-content {
  display: none;
  font-size: 25px;
  line-height: 40px;
  padding: 10px;
  box-sizing: border-box;
  color: #fff;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.page-team-item:hover .page-standard-box {
  box-shadow: 0 0 12px 5px #666;
}

.page-team-item:hover .page-team-content {
  display: block;
}

/* 放大 */
.hover-big:hover {
  transform: scale(1.05); // 放大1.5倍
  transition: all .3s; // 设置加载时间
}