@charset "gb2312";

@import 'iconfont.css';

@font-face {

  font-family: 'iconfont';

  src: url('../other/iconfont.eot');

  src: url('../other/iconfont.eot#iefix') format('embedded-opentype'), url('../other/iconfont.woff2') format('woff2'), url('../other/iconfont.woff') format('woff'), url('../other/iconfont.ttf') format('truetype'), url('../other/iconfont.svg#iconfont') format('svg');

}

@font-face {

  font-family: Met-Regular;

  src: url("../other/Metric_Regular.otf");

}

@font-face {

  font-family: Met-Bold;

  src: url("../other/Metric_Medium.otf");

}

* {

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

i.i{color: #d72229;}

html {

  font-size: 20px;

}

body {

  font-family: "Microsoft Yahei", 微软雅黑, arial, 宋体;

}

#ie .met {

  font-family: "Microsoft Yahei" !important;

}

.hidden {

  opacity: 0 !important;

  visibility: hidden !important;

  max-height: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  overflow: hidden;

}

.w1440 {

  width: 72rem;

  margin: 0 auto;

}

.w1500 {

  width: 75rem;

  margin: 0 auto;

}

header {

  position: fixed;

  width: 100%;

  top: 0;

  left: 0;

  z-index: 100;

  background: #fff;

}

header .con {

  width: 1400px;

  transition: all 1s;

  -webkit-transition: all 1s;

  -moz-transition: all 1s;

  -ms-transition: all 1s;

  background: #fff;

  margin: 0 auto;

}

header .con .logo {

  float: left;

  width: 33%;

  height: 5.5rem;

  position: relative;

}

header .con .logo a {

  display: block;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  display: flex;

}

header .con .logo a img {

  width: 100%;

}

header .con .logo a img.color {

  display: none;

}

header .con nav {

  float: right;

  width: auto;

  margin-left: 4%;

}

header .con nav > ul > li {

  float: left;

  margin: 0 22px;

}

header .con nav > ul > li > h2 a {

  display: block;

  line-height: 5.5rem;

  font-size: 16px;

  font-family: "Microsoft Yahei", 微软雅黑, arial, 宋体;

  color: #333;

  /*font-weight: bold;*/

  position: relative;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

header .con nav ul li .foc.on ,header .con nav ul li .foc:hover{

  color: #333;
  
  border-bottom:2px solid #d72229;
}

header .con nav > ul > li > h2 a:before {

  content: '';

  width: 0;

  height: 4px;

  background: #d72229;

  position: absolute;

  bottom: 0;

  left: 50%;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

header .con nav > ul > li > ul {

  display: none;

}

header .con nav > ul > li.active > h2 a:before {

  width: 100%;

  left: 0;

}

header .con nav > ul > li:hover > h2 a:before,header .con nav > ul > li.on > h2 a:before,header .con nav > ul > li.foc > h2 a:before{

  width: 100%;

  left: 0;

}

header .con .right {

  float: right;

}

header .con .right .lang {

  float: left;

  cursor: pointer;

  position: relative;

}

header .con .right .lang span {

  color: #fff;

  font-size: 1rem;

}

header .con .right .lang h2 {

  color: #fff;

  display: inline-block;

  font-size: 0.8rem;

  line-height: 5.2rem;

  margin: 0 0.5rem;

}

header .con .right .lang .lang-search {

  position: absolute;

  top: 5.2rem;

  left: 0;

  width: 100%;

  background: #666;

  height: 0;

  overflow: hidden;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

header .con .right .lang .lang-search ul li a {

  display: block;

  text-align: center;

  line-height: 3rem;

  font-size: 0.8rem;

  color: #fff;

}

header .con .right .lang .lang-search ul li:hover {

  background: #ee0000;

}

header .con .right .lang:hover .lang-search {

  height: 6rem;

}

header .con .right .ph-menu {

  float: left;

  margin-left: 2rem;

  cursor: pointer;

  height: 5rem;

  position: relative;

}

header .con .right .ph-menu img{

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    height: 18px;

    margin-top: -9px;

}

header .con .right .search {

  float: right;

  margin-left: 2rem;

  cursor: pointer;

}



header .con .right .search span {

  color: #333;

  font-size: 1rem;

  line-height: 5.5rem;

}

header .con .right .search .search-icon {

  display: block;

}

header .con .right .search .close-icon {

  display: none;

}

header .con .right .search.active .search-icon {

  display: none;

}

header .con .right .search.active .close-icon {

  display: block;

}

header .con .right .mobile-btn {

  display: none;

}

header .header-list .big {

  height: 20rem;

  background: url(../images/nav_bg.jpg) no-repeat left bottom;

  background-size: cover;

  display: none;

}

header .header-list .big .box .left {

  float: left;

  width: 28.5%;

}

header .header-list .big .box .left ul {

  padding-top: 2rem;

}

header .header-list .big .box .left ul li {

  float: left;

  width: 50%;

  margin-top: 2rem;

}

header .header-list .big .box .left ul li a {

  font-size: 0.8rem;

  color: #333;

  font-weight: bold;

  position: relative;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

header .header-list .big .box .left ul li a:after {

  content: '\e779';

  font-family: iconfont;

  font-size: 0.9rem;

  color: #ee0000;

  position: absolute;

  right: -1rem;

  top: 0;

  opacity: 0;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

header .header-list .big .box .left ul li:hover a {

  color: #d8222a;

}

header .header-list .big .box .left ul li:hover a:after {

  right: -1.5rem;

  opacity: 1;

}

header .header-list .big .box .right {

  float: left;

  width: 71.5%;

  padding-top: 3rem;

}

header .header-list .big .box .right .brief {

  float: left;

  width: 60%;

  padding-left: 4rem;

  padding-top: 0;

}

header .header-list .big .box .right .brief h2 {

  font-size: 1.2rem;

  font-weight: bold;

  color: #333;

}

header .header-list .big .box .right .brief p {

  font-size: 0.8rem;

  color: #666;

  line-height: 1.8;

  text-align: justify;

  margin: 1.5rem 0 2rem;

}

header .header-list .big .box .right .brief .more {

  width: 7.5rem;

  height: 2.7rem;

  background: #ee0000;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

header .header-list .big .box .right .brief .more a {

  display: block;

  text-align: center;

  font-size: 0.8rem;

  color: #fff;

  line-height: 2.7rem;

}

header .header-list .big .box .right .brief .more a span {

  margin-left: 0.8rem;

  font-size: 1rem;

  position: relative;

  top: 2px;

}

header .header-list .big .box .right .brief .more:hover {

  background: #004a92;

}

header .header-list .big .box .right .tu {

  float: right;

  width: 32%;

  padding-top: 2rem;

}

header .header-list .big .box .right .tu img {

  width: 100%;

}

header .header-search {

  background: #f0f0f0;

  padding: 1rem 0;

  display: none;

}

header .header-search .center {

  position: relative;

}

header .header-search .center .search-icon {

  position: absolute;

  top: 0;

  left: 2rem;

}

header .header-search .center .search-icon span {

  font-size: 1rem;

  color: #777;

  line-height: 3.9rem;

}

header .header-search .center input {

  width: 100%;

  height: 3.7rem;

  background: #fff;

  border: none;

  padding: 0 4rem;

  font-size: 0.8rem;

  color: #999;

}

header .header-search .center .search-right {

  position: absolute;

  right: 0;

  top: 0;

  width: 3.9rem;

  height: 3.7rem;

  text-align: center;

  cursor: pointer;

}

header .header-search .center .search-right:before {

  content: '';

  width: 1px;

  height: 1.2rem;

  background: #e1e1e1;

  position: absolute;

  top: 50%;

  margin-top: -0.6rem;

  left: 0;

}

header .header-search .center .search-right span {

  font-size: 1rem;

  line-height: 3.7rem;

  color: #ee0000;

}

header .header-search .center .search-right:hover span {

  color: #004a92;

}

header:hover .con {

  background: #fff !important;

  box-shadow: inset 2px 4px 29px 0px rgba(0, 0, 0, 0.06);

}

header:hover .con .logo a img.regular {

  display: none;

}

header:hover .con .logo a img.color {

  display: block;

}

header:hover .con nav > ul > li > h2 a {

  color: #333;

}

header:hover .con .right .lang span {

  color: #ee0000;

}

header:hover .con .right .lang h2 {

  color: #ee0000;

}

header:hover .con .right .search span {

  color: #9e9e9e;

}

header.white .con {

  background: #fff !important;

  box-shadow: inset 2px 4px 29px 0px rgba(0, 0, 0, 0.06);

}

header.white .con .logo a img.regular {

  display: none;

}

header.white .con .logo a img.color {

  display: block;

}

header.white .con nav > ul > li > h2 a {

  color: #333;

}

header.white .con .right .lang span {

  color: #ee0000;

}

header.white .con .right .lang h2 {

  color: #ee0000;

}

header.white .con .right .search span {

  color: #9e9e9e;

}

header.active .con {

  background: #fff;

  margin: 0 auto;

}

header.active .rightt{

  display: none;

}

header.active .con nav > ul > li > h2 a,header.active .con .logo,header.active .con .right .search span,header.active .con .right .ph-menu{

  line-height: 5rem;

}

header.active .con .right .ph-menu,header.active .con .logo{

      height: 5rem;

}

.bd_weixin_popup {

  box-sizing: content-box;

}

footer .con-top {

  background: #23282a;

  padding: 3.5rem 0 5rem;

}

footer .con-top .con .footer-top .left {

  float: left;

  width: 11.9rem;

}

footer .con-top .con .footer-top .left a {

  display: block;

}

footer .con-top .con .footer-top .left a img {

  width: 100%;

}

footer .con-top .con .footer-top .right {

  float: right;

}

footer .con-top .con .footer-top .right .share a {

  width: 2.8rem;

  height: 2.8rem;

  background: #bbb;

  margin-right: 0;

  padding-left: 0;

  margin: 0 0 0 1rem;

  position: relative;

  text-align: center;

  opacity: 1;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  z-index: 1;

}

footer .con-top .con .footer-top .right .share a:before {

  content: '\e62f';

  font-family: iconfont;

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  font-size: 1.2rem;

  line-height: 2.8rem;

  color: #fff;

  z-index: -1;

}

footer .con-top .con .footer-top .right .share a:hover {

  background: #d8222a;

}

footer .con-top .con .footer-top .right .share a.bds_tsina:before {

  content: '\e81c';

}

footer .con-top .con .footer-top .right .share a.bds_qzone:before {

  content: '\e63f';

}

footer .con-top .con .footer-nav {

  margin-top: 3rem;

}

footer .con-top .con .footer-nav > ul {

  display: flex;

  justify-content: space-between;

}

footer .con-top .con .footer-nav > ul > li {

  padding-right: 4%;

}

footer .con-top .con .footer-nav > ul > li h2 a {

  font-size: 0.9rem;

  font-weight: bold;

  color: #fff;

  position: relative;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

footer .con-top .con .footer-nav > ul > li h2 a:after {

  content: '\e718';

  font-family: iconfont;

  position: absolute;

  top: 0.1rem;

  right: -1rem;

  font-size: 0.9rem;

  opacity: 0;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

footer .con-top .con .footer-nav > ul > li h2 a:hover {

  color: #d8222a;

}

footer .con-top .con .footer-nav > ul > li h2 a:hover:after {

  right: -1.5rem;

  opacity: 1;

  color: #d8222a;

}

footer .con-top .con .footer-nav > ul > li ul {

  margin-top: 1.2rem;

}

footer .con-top .con .footer-nav > ul > li ul li a {

  font-size: 14px;

  color: #999;

  line-height: 1.8rem;

  position: relative;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

footer .con-top .con .footer-nav > ul > li ul li a:after {

  content: '\e718';

  font-family: iconfont;

  line-height: 1.5;

  position: absolute;

  top: 0.2rem;

  right: -1rem;

  font-size: 0.6rem;

  opacity: 0;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

footer .con-top .con .footer-nav > ul > li ul li a:hover {

  color: #d8222a;

}

footer .con-top .con .footer-nav > ul > li ul li a:hover:after {

  right: -1.2rem;

  opacity: 1;

  color: #d8222a;

}

footer .con-bottom {

  background: #eaeaea;

  padding: 2rem 0 1.8rem;

}

footer .con-bottom .con .con-link {

  padding-bottom: 1.5rem;

  border-bottom: 1px solid rgba(51, 51, 51, 0.1);

}

footer .con-bottom .con .con-link h2 {

  float: left;

  font-size: 0.8rem;

  color: #333;

  font-weight: bold;

  margin-right: 2rem;

}

footer .con-bottom .con .con-link ul {

  overflow: hidden;

}

footer .con-bottom .con .con-link ul li {

  float: left;

  margin-right: 5rem;

}

footer .con-bottom .con .con-link ul li a {

  font-size: 0.8rem;

  color: #777;

  position: relative;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

footer .con-bottom .con .con-link ul li a:after {

  content: '\e718';

  font-family: iconfont;

  line-height: 1.5;

  position: absolute;

  top: 0.2rem;

  right: -1rem;

  font-size: 0.6rem;

  color: #999;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

footer .con-bottom .con .con-link ul li a:hover {

  color: #d8222a;

}

footer .con-bottom .con .con-link ul li a:hover:after {

  color: #d8222a;

  right: -1.2rem;

}

footer .con-bottom .con .con-contact {

  padding: 1.5rem 0;

}

footer .con-bottom .con .con-contact ul {

  display: flex;

  justify-content: space-between;

}

footer .con-bottom .con .con-contact ul li {

  flex: 1;

  text-align: center;

  position: relative;

}

footer .con-bottom .con .con-contact ul li h2 {

  font-size: 0.7rem;

  color: #666;

}

footer .con-bottom .con .con-contact ul li h2 a {

  color: #666;

}

footer .con-bottom .con .con-contact ul li:not(:last-child):after {

  content: '';

  width: 1px;

  height: 0.8rem;

  background: #bbb;

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -0.4rem;

}

footer .con-bottom .con .copy .left {

  float: left;

}

footer .con-bottom .con .copy .left p {

  float: left;

  font-size: 0.7rem;

  color: #999;

}

footer .con-bottom .con .copy .left ul {

  float: left;

  margin-left: 1rem;

}

footer .con-bottom .con .copy .left ul li {

  float: left;

  position: relative;

}

footer .con-bottom .con .copy .left ul li a {

  font-size: 0.7rem;

  color: #999;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

footer .con-bottom .con .copy .left ul li a:hover {

  color: #d8222a;

}

footer .con-bottom .con .copy .left ul li:first-child {

  margin-right: 1.6rem;

}

footer .con-bottom .con .copy .left ul li:first-child:after {

  content: '';

  width: 1px;

  height: 0.8rem;

  position: absolute;

  top: 50%;

  margin-top: -0.4rem;

  background: #bbb;

  right: -0.8rem;

}

footer .con-bottom .con .copy .right {

  float: right;

}

footer .con-bottom .con .copy .right p {

  font-size: 0.7rem;

  color: #999;

}

footer .con-bottom .con .copy .right p a {

  color: #999;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  margin-left: 0.6rem;

}

footer .con-bottom .con .copy .right p a:hover {

  color: #333;

}

.banner-inner {

  position: relative;

}

.banner-inner > img {

  width: 100%;

}

.banner-inner .text {

  position: absolute;

  width: 100%;

  left: 0;

  top: 60%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

}

.banner-inner .text .con .tu {

  width: 12rem;

}

.banner-inner .text .con .tu img {

  width: 100%;

}

.banner-inner .text .con p {

  width: 60%;

  font-size: 0.9rem;

  color: #fff;

  position: relative;

  top: -8rem;

  left: 8.5rem;

}

/*.banner-inner .text .con p:before {

  content: '';

  width: 2rem;

  height: 2.8rem;

  background: url(../images/banner_sign.png) no-repeat;

  background-size: cover;

  position: absolute;

  top: -2.4rem;

  left: 0;

}*/

.banner-inner.news .text .con p {

  top: -7.5rem;

  left: 9rem;

}

.banner-inner.cultures .text .con .tu {

  width: 23rem;

}

.banner-inner.cultures .text .con p {

  top: -8.5rem;

  left: 19rem;

}

.sub-nav-inner {

  border-bottom: 1px solid #f3f3f3;

}

.sub-nav-inner .con .left {

  float: left;

}

.sub-nav-inner .con .left a {

  line-height: 5.5rem;

  font-size: 0.8rem;

  color: #999;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.sub-nav-inner .con .left a span {

  font-size: 1rem;

}

.sub-nav-inner .con .left a:hover {

  color: red;

}

.sub-nav-inner .con .left > span {

  line-height: 5.5rem;

  font-size: 0.8rem;

  color: #999;

  margin: 0 0.4rem;

}

.sub-nav-inner .con .left h3 {

  display: inline-block;

  line-height: 5.5rem;

  font-size: 0.8rem;

  color: #666;

}

.sub-nav-inner .con .right {

  float: right;

  overflow: inherit;

}

.sub-nav-inner .con .right ul li {

  width: auto;

  float: left;

  margin-left: 3.8rem;

  position: relative;

}

.sub-nav-inner .con .right ul li:before {

  content: '';

  width: 0;

  height: 4px;

  background: #d8222a;

  position: absolute;

  bottom: -1px;

  left: 50%;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.sub-nav-inner .con .right ul li a {

  text-align: center;

  display: block;

  line-height: 5.5rem;

  font-size: 16px;

  color: #333;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}

.sub-nav-inner .con .right ul li.active:before {

  width: 6rem;

  margin-left: -3rem;

}

.sub-nav-inner .con .right ul li.active a {

  color: #d8222a;

}

.sub-nav-inner .con .right ul li:hover:before {

  width: 4rem;

  margin-left: -2rem;

}

.sub-nav-inner .con .right ul li:hover a {

  color: #d8222a;

}

.sub-nav-inner.nav-8 .con .right ul li {

  margin-left: 2.8rem;

}

@media screen and (max-width: 1680px) {

  html {

    font-size: 17px;

  }

  footer .con-top .con .footer-nav > ul > li ul li a:after {

    top: 1px;

  }

  footer .con-bottom .con .con-link ul li a:after {

    top: 1px;

  }

}

@media screen and (max-width: 1500px) {

  .w1440 {

    width: 70rem;

    margin: 0 auto;

  }

  .w1500 {

    width: 73rem;

    margin: 0 auto;

  }

}

@media screen and (max-width: 1440px) {

  html {

    font-size: 16px;

  }

  .sub-nav-inner .con .left a {

    line-height: 4.5rem;

  }

  .sub-nav-inner .con .left > span {

    line-height: 4.5rem;

  }

  .sub-nav-inner .con .left h3 {

    line-height: 4.5rem;

  }

  .sub-nav-inner .con .right ul li a {

    line-height: 4.5rem;

  }

}

@media screen and (max-width: 1366px) {

  .w1440 {

    width: 68rem;

    margin: 0 auto;

  }

  .w1500 {

    width: 71rem;

    margin: 0 auto;

  }

}

@media screen and (max-width: 1280px) {

  html {

    font-size: 15px;

  }

}

@media screen and (max-width: 1200px) {

  html {

    font-size: 15px;

  }

  .w1440 {

    width: 100%;

    padding: 0 60px;

  }

  .w1500 {

    width: 100%;

    padding: 0 60px;

  }

  header .con nav > ul > li {

    margin-right: 4%;

  }

  .sub-nav-inner.nav-8 .con .right ul li {

    margin-left: 2rem;

  }

}

@media screen and (max-width: 1100px) {

  .sub-nav-inner .con .right ul li {

    margin-left: 2.6rem;

  }

}

@media screen and (max-width: 1024px) {

  html {

    font-size: 14px;

  }

  header .con {

    padding: 0 20px;

  }

  header .con .logo {

    width: 120px;

  }

  header .con nav {

    position: absolute;

    top: 70px;

    left: 0;

    width: 100%;

    background: #fff;

    display: none;

    padding: 0 20px;

    margin-left: 0;

  }

  header .con nav > ul {

    width: 100%;

    max-height: 400px;

    overflow: auto;

  }

  header .con nav > ul > li {

    width: 100%;

    border-bottom: 1px solid #f2f2f2;

  }

  header .con nav > ul > li > h2 {

    position: relative;

  }

  header .con nav > ul > li > h2 a {

    display: block;

    width: 50%;

    line-height: 60px;

    font-size: 14px;

  }

  header .con nav > ul > li > h2 a:before {

    display: none;

  }

  header .con nav > ul > li > h2:before {

    content: '\e603';

    font-family: iconfont;

    font-size: 16px;

    position: absolute;

    right: 0;

    top: 0;

    line-height: 60px;

    display: block;

    color: #333;

  }

  header .con nav > ul > li > ul {

    position: relative;

    width: 100%;

    left: 0;

    top: 0;

    margin-left: 0;

    border-top: none;

  }

  header .con nav > ul > li > ul li {

    border-top: 1px solid #f5f5f5;

    padding: 0 20px;

  }

  header .con nav > ul > li > ul li a {

    display: block;

    text-align: left;

    font-size: 14px;

    line-height: 44px !important;

    position: relative;

    color: #333;

  }

  header .con nav > ul > li > ul li a:after {

    content: '\e683';

    font-family: iconfont;

    font-size: 16px;

    position: absolute;

    right: 0;

    top: 0;

    display: block;

    color: #333;

  }

  header .con nav > ul > li:first-child h2 a {

    width: 100%;

  }

  header .con nav > ul > li:first-child h2:before {

    content: '\e683' !important;

  }

  header .con nav > ul > li.active h2:before {

    content: '\e638' !important;

  }

  header .con .right .lang .language {

    line-height: 70px;

    font-size: 20px;

    color: #333 !important;

  }

  header .con .right .lang h2 {

    display: none;

  }

  header .con .right .lang .jian {

    display: none;

  }

  header .con .right .lang .lang-search {

    width: 120px;

    margin-left: -50px;

    z-index: 10;

  }

  header .con .right .lang .lang-search ul {

    width: 120px;

  }

  header .con .right .lang .lang-search ul li {

    width: 120px;

  }

  header .con .right .lang .lang-search ul li a {

    font-size: 14px;

    line-height: 42px;

  }

  header .con .right .lang:hover .lang-search {

    height: 84px;

  }

  header .con .right .search {

    margin: 0 20px;

  }

  header .con .right .search span {

    font-size: 20px;

    color: #333 !important;

  }

  header .con .right .mobile-btn {

    float: left;

    display: block;

    margin-top: 15px;

  }

  header .con .right .mobile-btn .nav-button {

    position: relative;

    width: 24px;

    height: 40px;

    text-align: center;

    z-index: 11;

    font-size: 0;

    float: right;

  }

  header .con .right .mobile-btn .nav-button div {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    width: 24px;

    height: 16px;

  }

  header .con .right .mobile-btn .nav-button div span {

    width: 100%;

    height: 2px;

    background-color: #333;

    display: block;

    margin: 0 auto;

    line-height: 2px;

    position: static;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

  }

  header .con .right .mobile-btn .nav-button div span.center-hr {

    margin: 5px auto;

  }

  header .con .right .mobile-btn .nav-button div span.top-hr {

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

  }

  header .con .right .mobile-btn .nav-button div span.bottom-hr {

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

  }

  header .con .right .mobile-btn .nav-button.active div span {

    position: absolute;

    top: 50%;

    margin-top: -1px;

    left: 0;

  }

  header .con .right .mobile-btn .nav-button.active div span.center-hr {

    display: none;

  }

  header .con .right .mobile-btn .nav-button.active div span.top-hr {

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

  }

  header .con .right .mobile-btn .nav-button.active div span.bottom-hr {

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

  }

  header .con .header-list {

    display: none;

  }

  header .header-search .center {

    padding: 0 20px;

  }

  header .header-search .center .search-icon {

    left: 34px;

  }

  header .header-search .center .search-icon span {

    font-size: 20px;

    line-height: 50px;

    position: relative;

    top: 2px;

  }

  header .header-search .center input {

    height: 50px;

    padding: 0 60px 0 50px;

    font-size: 14px;

  }

  header .header-search .center .search-right {

    right: 20px;

    width: 50px;

    height: 50px;

  }

  header .header-search .center .search-right span {

    font-size: 20px;

    line-height: 50px;

  }

  header.active .con {

    background: #fff !important;

    box-shadow: inset 2px 4px 29px 0px rgba(0, 0, 0, 0.06);

  }

  header.active .con .logo {

    height: 70px;

  }

  header.active .con .logo a img.regular {

    display: none;

  }

  header.active .con .logo a img.color {

    display: block;

  }

  header.active .con nav > ul > li > h2 a {

    color: #333;

  }

  header.active .con .right .lang span {

    color: #ee0000;

  }

  header.active .con .right .lang h2 {

    color: #ee0000;

    line-height: 70px;

  }

  header.active .con .right .lang .lang-search {

    top: 70px;

  }

  header.active .con .right .search span {

    color: #9e9e9e;

    line-height: 70px;

  }

  footer .con-top {

    padding: 30px 0;

  }

  footer .con-top .con .footer-top .left {

    display: none;

  }

  footer .con-top .con .footer-top .right {

    width: 100%;

  }

  footer .con-top .con .footer-top .right .bdsharebuttonbox {

    display: flex;

    justify-content: center;

  }

  footer .con-top .con .footer-top .right .share a {

    width: 40px;

    height: 40px;

  }

  footer .con-top .con .footer-top .right .share a:before {

    line-height: 40px;

    font-size: 20px;

  }

  footer .con-top .con .footer-nav {

    display: none;

  }

  footer .con-bottom {

    padding: 20px 0;

  }

  footer .con-bottom .con .con-link h2 {

    font-size: 14px;

  }

  footer .con-bottom .con .con-link ul li {

    margin-right: 40px;

  }

  footer .con-bottom .con .con-link ul li a {

    font-size: 14px;

  }

  footer .con-bottom .con .con-link ul li a:after {

    right: -16px;

    font-size: 13px;

  }

  footer .con-bottom .con .con-contact {

    padding: 10px 0 20px;

  }

  footer .con-bottom .con .con-contact ul {

    display: block;

  }

  footer .con-bottom .con .con-contact ul li {

    margin-top: 10px;

    width: 33.333%;

    float: left;

    text-align: left;

  }

  footer .con-bottom .con .con-contact ul li:after {

    display: none !important;

  }

  footer .con-bottom .con .con-contact ul li h2 {

    font-size: 14px;

  }

  footer .con-bottom .con .copy .left {

    width: 100%;

  }

  footer .con-bottom .con .copy .left p {

    width: 100%;

    font-size: 14px;

    text-align: center;

  }

  footer .con-bottom .con .copy .left ul {

    width: 100%;

    text-align: center;

    margin: 10px 0px;

  }

  footer .con-bottom .con .copy .left ul li {

    float: none;

    display: inline-block;

  }

  footer .con-bottom .con .copy .left ul li a {

    font-size: 14px;

  }

  footer .con-bottom .con .copy .right {

    width: 100%;

  }

  footer .con-bottom .con .copy .right p {

    font-size: 14px;

    text-align: center;

  }

  .sub-nav-inner .con .left a {

    line-height: 58px;

    font-size: 14px;

  }

  .sub-nav-inner .con .left span {

    line-height: 58px;

    font-size: 14px;

  }

  .sub-nav-inner .con .left h3 {

    line-height: 58px;

    font-size: 14px;

  }

  .sub-nav-inner .con .right {

    overflow: hidden;

  }

  .sub-nav-inner .con .right ul li a {

    line-height: 58px;

    font-size: 14px;

  }

  .banner-inner {

    overflow: hidden;

    margin-top: 70px;

  }

  .banner-inner .text .con p {

    font-size: 14px;

  }

}

@media screen and (max-width: 768px) {

  html {

    font-size: 12px;

  }

  .w1440 {

    width: 100%;

    padding: 0 20px;

  }

  header .con .right .search span {

    line-height: 70px;

  }

  footer .con-bottom {

    padding: 10px 0 20px;

  }

  footer .con-bottom .con .con-link h2 {

    padding-top: 10px;

    margin-right: 12px;

  }

  footer .con-bottom .con .con-link ul li {

    margin-top: 10px;

  }

  footer .con-bottom .con .con-contact ul li {

    width: 100%;

    text-align: center;

  }

  .banner-inner .text {

    top: 68%;

    left: 8%;

  }

  .banner-inner .text .con .tu {

    width: 100px;

  }

  .banner-inner .text .con p {

    top: -48px;

    left: 110px;

  }

  .banner-inner.news .text .con p {

    top: -48px;

    left: 110px;

  }

  .banner-inner.cultures .text .con .tu {

    width: 140px;

  }

  .banner-inner.cultures .text .con p {

    top: -44px;

    left: 150px;

  }

  .sub-nav-inner .con .left {

    display: none;

  }

  .sub-nav-inner .con .right {

    width: 100%;

  }

  .sub-nav-inner .con .right ul {

    display: flex;

    justify-content: space-between;

  }

  .sub-nav-inner .con .right ul li {

    margin-left: 0;

  }

  .sub-nav-inner .con .right ul li a {

    line-height: 44px;

  }

  .sub-nav-inner .con .right ul:before {

    display: none;

  }

  .sub-nav-inner .con .right ul:after {

    display: none;

  }

  .sub-nav-inner.nav-8 .con .right ul li {

    margin-left: 0;

  }

  .sub-nav-inner.nav-2 .con .right ul {

    justify-content: space-around;

  }

  .page-list {

    padding: 30px 0 0;

  }

  .page-list .page-num {

    display: none;

  }

  .page-list > ul > li {

    width: 80px !important;

    height: 40px;

    line-height: 38px;

  }

  .page-list > ul > li a {

    font-size: 14px;

    background-color: #004a92;

    color: #fff;

    border-radius: 3px;

  }

  .page-list > ul > li.next-btn {

    margin-right: 0;

  }

  .page-list > ul > li.next-btn .iconfont {

    font-size: 18px;

  }

  .page-list > ul > li.pre-btn .iconfont {

    font-size: 18px;

  }

  .page-list > ul > li.next-btn {

    margin-right: 0 !important;

  }

  .page-list .current-pager {

    display: none;

  }

}











header .rightt {

    background: #013878;

    height: 45px;

    width: 100%;

    margin: 0;

    line-height: 45px;

    float: none;

    font-size: 14px;

    color: #fff;

}

header .rightt .top {

  width: 1400px;

    margin: 0 auto;

    text-align: right;

    color: #FFF;

}

header .rightt .aaa_mlogo {

    display: none;

}

header .rightt a {

    color: #FFF;

    position: relative;opacity: .8

}

header .rightt a.icon::before{

  position: absolute;

  left: 0;

  top: 0;

  content: "";

  width: 16px;

  height: 16px;

  background: url(../images/topna.png) no-repeat ;

  

}

header .rightt a.icon{padding-left: 27px;}

header .rightt a.pn1::before{

  background-position: 0 1px;

}

header .rightt a.pn2::before{

  background-position: -16px 0;

}

header .rightt a.pn3::before{

  background-position: -32px 2px;

}

header .rightt .top i {

    display: inline-block;

    padding: 0 20px;

}

header .rightt .language2 {

    font-size: 14px;

    color: #FFF;

    text-align: center;

    color: #fff;

    float: right;

    margin-left: 15px;

    position: relative;

    font-size: 12px;

    font-weight: 700;

}









.case_bg .content{

    width: 72rem;

    margin: 0 auto;

        padding:0 40px;

    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;

}

.case_bg{background: url(../images/case_bg.png) no-repeat center 0;overflow: hidden;padding: 96px 0 0;}

.case_t{font-size: 32px;color: #333;text-align: center;line-height: 40px;height: 90px;overflow: hidden;margin-bottom: 1%;}

.case_t a{color: #333;font-size: 28px;font-family: Microsoft Yahei, 微软雅黑, Arial;font-weight: 700;}

.case_t span{display: block;font-size: 16px;color: #333;font-weight: normal;padding: 5px 0 0;}

.case01{padding: 52px 0 0 0;}

.case01 .case_dl{height: 422px;}

.case01 .case_dl dt{width: 670px;height: 386px;float: right;line-height: 0;overflow: hidden;}

.case01 .case_dl dt img,.jz_m dl dt img,.news01 dl dt img,.about dl dt img,.photo_r ul li img{width: 670px;height: 386px;

-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.case01 .case_dl dt img:hover,.jz_m dl dt img:hover,.news01 dl dt img:hover,.about dl dt img:hover,.photo_r ul li img:hover

{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.case01 .case_dl dd{width: 515px;float: left;padding: 40px 0 0;}

.case01 .case_dl dd h5{height: 74px;/*background: url(../images/case_line.gif) no-repeat 0 10px;*/padding: 6px 0 0 0;line-height: 36px;}

.case01 .case_dl dd h5 a{font-size: 32px;color: #333;}

.case01 .case_dl dd h5 i{display: block;font-size: 24px;color: #ccc;text-transform: uppercase;}

.case01 dd ul{padding: 15px 0 0;height: 160px;}

.case01 dd ul li{height: 40px;line-height: 40px;width: 200px;float: left;overflow: hidden;}

.case01 dd ul li a{font-size: 16px;color: #333; font-weight:800;}

.case01 dd ul li a:hover,.case01 .case_dl dd span a:hover,.case01 .case_dl dd p a:hover{color: #018790;}

.case01 .case_dl dd span{display: block;width: 70px;height: 30px;line-height: 30px;border-bottom: #333 1px solid;margin-top: 20px;}

.case01 .case_dl dd span a{font-size: 14px;color: #666;text-transform: uppercase;font-weight:800;}

.case01 .case_dl dd p{font-size: 14px;color: #666;height: 30px;line-height: 30px;overflow: hidden;padding: 15px 0 0;font-weight:800;}

.case01 .case_dl dd p a{color: #666;}

.case01_m{padding: 38px 0 0;}

.case01_m dl{width: 353px !important;height: 290px;position: relative;margin: 0 19px 0 0;float: left;}

.case01_m dl dt{width: 100%;line-height: 0;position: relative;}

.case01_m dl dt img{width: 100%;height: auto;}

.case01_m dl dt h4{font-size: 16px;color: #fff;height: 40px;line-height: 40px;width: 386px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position: absolute;bottom: 0;left: 0;font-weight: normal;background: rgba(0,0,0,0.5);

transition:height .5s;

-moz-transition:height .5s; /* Firefox 4 */

-webkit-transition:height .5s; /* Safari and Chrome */

-o-transition:height .5s; /* Opera */}

.case01_m dl dd{background: rgba(0,0,0,0.6);position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 100%;padding: 0 35px;

transition:height .5s;

-moz-transition:height .5s; /* Firefox 4 */

-webkit-transition:height .5s; /* Safari and Chrome */

-o-transition:height .5s; /* Opera */}

.case01_m dl dd a{display: block;color: #fff;}

.case01_m dl dd h5{height: 86px;line-height: 120px;overflow: hidden;text-align: center;font-size: 18px;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border-bottom: #aaa 1px solid;font-weight: normal;}

.case_desc{font-size: 14px;line-height: 30px;height: 150px;padding: 15px 0 0;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.case01_m dl:hover dd{height: 290px;}

.case01_m dl:hover dt h4{height: 0;}

.case_bot{padding: 35px 0 0;width: 300px;margin: 0 auto;}

.case_bot a{display: block;float: left;width: 30px;height: 30px;border-radius: 50%;background: #f5f5f5;-webkit-transition:all .3s;transition:all .3s;outline:none;display: flex;

    justify-content: center;

    align-items: center;}

.case_bot a:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}

.case_bot a img{display: block;width: 8px;height: 10px;margin: 0 auto;line-height: 0;}

.case_bot .hz_lico{margin-right: 18px;}

.case_bot .hz_rico{margin-left: 10px;}

.case_bot ul li{background:#333;width: 10px;height: 10px;float: left;margin-right: 10px; cursor: pointer;text-indent:-99999px;margin-top: 9px;border-radius: 50%;}

.case_bot ul li.on{background:#018790;}

.case02{padding: 54px 0 0;}

.case02 .case_dl dt{float: left;margin: 0 0 0 40px;}

.case02 .case_dl dd{float: right;width: 450px;}

.case02 dd ul li{width: 150px;}

.case01_m .tempWrap{width: 100% !important;}













.S02{padding:0 0;margin-top: -160px;}

.pj_titles p{font-size:.875rem;margin-bottom:1rem;opacity:.8;line-height:1.5;display:none}

.S02 .swiper-slide-prev,.S02 .swiper-slide-active,.S02 .swiper-slide-next{width: 400px !important;}

/*.project-slide.swiper-slide-prev{margin-left: -26px;}*/

/*.project-slide.swiper-slide{padding:0 .4%;box-sizing: border-box;}*/

.project-slide.swiper-slide.swiper-slide-next{padding-right: 0;}

/*.project-slide.swiper-slide[data-swiper-slide-index="6"]{margin-left: 0.4%;}

.project-slide.swiper-slide[data-swiper-slide-index="2"]{margin-left: -0.6%;}*/

.project-slide.swiper-slide .project_list{width: 92%;display: block;margin:0 auto;}

.project-slide.swiper-slide .project_list{transition:.8s;opacity:.15;}

.project-slide.swiper-slide.swiper-slide-active .project_list{opacity:1}

.project-slide.swiper-slide.swiper-slide-prev .project_list{opacity:1;}

.project-slide.swiper-slide.swiper-slide-next .project_list{opacity:1}

.project-slide.swiper-slide .project_list .pj_titles{transition:.8s;opacity:0}

.project-slide.swiper-slide.swiper-slide-active .project_list .pj_titles{opacity:1}

.project-slide.swiper-slide.swiper-slide-prev .project_list .pj_titles{opacity:1}

.project-slide.swiper-slide.swiper-slide-next .project_list .pj_titles{opacity:1}

.project-slide.swiper-slide .project_list .pj_titles{text-align: center;line-height: 62px;height: 62px;position: relative;background: #f5f5f5;z-index: -1;}





.project-slide.swiper-slide .project_list .pj_titles .info {

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    width: 100%;

    height: 5px;

    background-color: #014da1;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}

.project-slide.swiper-slide .project_list:hover span{color: #fff;}

.project-slide.swiper-slide .project_list:hover .info {

    height: 100%;

}

.project-slide.swiper-slide .project_list .pj_titles span{font-size: 18px;}

.pj-prev-btn{position:absolute;z-index:20;left:0;width:20%;bottom:0;top:0;cursor:pointer;display:flex;flex-flow:column;justify-content:center}

.pj-prev-btn .btns{color:#000;text-align:center;position:absolute;bottom:1.5rem;left:0;right:0;text-transform:uppercase;font-size:.825rem}

.pj-next-btn{position:absolute;z-index:20;right:0;width:20%;bottom:0;top:0;cursor:pointer;display:flex;flex-flow:column;justify-content:center}

.pj-next-btn .btns{color:#000;text-align:center;position:absolute;bottom:1.5rem;left:0;right:0;text-transform:uppercase;font-size:.825rem}

.pj-prev-btn .btns>*{display:inline-block;vertical-align:middle;margin:.5rem .5rem}

.pj-next-btn .btns>*{display:inline-block;vertical-align:middle;margin:.5rem .5rem}

.pj_img{position:relative;height:0;padding-bottom:80%;overflow:hidden;transform:perspective(1000px) translate3d(0,0,0);transition:.5s;box-shadow:0 10px 50px transparent}

.pj_img img{display: block;width: 100%;}

/*.project_list:hover .pj_img{overflow:hidden;transform:perspective(1000px) translate3d(0,0,30px);transition:.5s;box-shadow:0 10px 20px rgba(0,0,0,.2)}*/

.project_list{overflow: hidden;}

.project_list:hover .pj_img img{transform:scale(1.2);transition:.8s;transform-origin: center;}



/*.project-container{margin:0 -5%}

.pj_imgC{width:auto;height:100%;position:absolute;left:50%;transform:translateX(-50%)}

.project_list{margin:1.5rem .3rem}

.pj_titles{margin:1rem 0;padding-right:0;text-align:center}

.pj_titles h1{font-size:1rem;line-height:1.2;margin-bottom:.25rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#c_portalResProduct_list-15712184733388918 span.time{display:block;font-size:.825rem;opacity:.8;color:#cf8b32;position:absolute;right:0;top:0;line-height:1.8}

.project_list>a{display:block;position:absolute;z-index:10;left:0;right:0;top:0;bottom:0}

.S02{padding:0 0}

.pj_titles p{font-size:.875rem;margin-bottom:1rem;opacity:.8;line-height:1.5;display:none}

.project-slide.swiper-slide .project_list{transition:.8s;opacity:.15}

.project-slide.swiper-slide.swiper-slide-active .project_list{opacity:1}

.project-slide.swiper-slide.swiper-slide-prev .project_list{opacity:1}

.project-slide.swiper-slide.swiper-slide-next .project_list{opacity:1}

.project-slide.swiper-slide .project_list .pj_titles{transition:.8s;opacity:0}

.project-slide.swiper-slide.swiper-slide-active .project_list .pj_titles{opacity:1}

.project-slide.swiper-slide.swiper-slide-prev .project_list .pj_titles{opacity:1}

.project-slide.swiper-slide.swiper-slide-next .project_list .pj_titles{opacity:1}

.pj-prev-btn{position:absolute;z-index:20;left:0;width:20%;bottom:0;top:0;cursor:pointer;display:flex;flex-flow:column;justify-content:center}

.pj-prev-btn .btns{color:#000;text-align:center;position:absolute;bottom:1.5rem;left:0;right:0;text-transform:uppercase;font-size:.825rem}

.pj-next-btn{position:absolute;z-index:20;right:0;width:20%;bottom:0;top:0;cursor:pointer;display:flex;flex-flow:column;justify-content:center}

.pj-next-btn .btns{color:#000;text-align:center;position:absolute;bottom:1.5rem;left:0;right:0;text-transform:uppercase;font-size:.825rem}

.pj-prev-btn .btns>*{display:inline-block;vertical-align:middle;margin:.5rem .5rem}

.pj-next-btn .btns>*{display:inline-block;vertical-align:middle;margin:.5rem .5rem}

.pj_img{position:relative;height:0;padding-bottom:80%;overflow:hidden;transform:perspective(1000px) translate3d(0,0,0);transition:.5s;box-shadow:0 10px 50px transparent}

.project_list:hover .pj_img{overflow:hidden;transform:perspective(1000px) translate3d(0,0,30px);transition:.5s;box-shadow:0 10px 20px rgba(0,0,0,.2)}

@media screen and (min-width:769px){

  .pj_titles p{display:none;overflow:hidden;-webkit-line-clamp:2px;-webkit-box-orient:vertical;text-overflow:ellipsis}

}

@media screen and (max-width:1100px){

  .project-container{margin:0 .5%}

  .pj-prev-btn .btns{display:none}

  .pj-next-btn .btns{display:none}

  .pj_titles{margin:1rem 0;padding-right:0}

  }

@media screen and (max-width:769px){

  .S02{padding:2rem 0}

  .project-container{margin:0 5%}

  .pj-prev-btn{display:none}

  .pj-next-btn{display:none}

}

.sL_icon{background-size:contain;width:18px;height:18px;background-repeat:no-repeat;background-position:center}

#c_portalResProduct_list-15712184733388918 img{max-width:100%}

.more_btn{margin:4rem 0;text-align:center}

.mBtn{display:inline-block}

.mBtn a{display:inline-block;padding:1rem 2rem;border:2px solid #d39545;color:#000}

.p_page .pre .iconfont:before{shadow-angle:0;shadow-distance:0;shadow-angle-ofInset:0;shadow-distance-ofInset:0}

.p_page .next .iconfont:before{shadow-angle:0;shadow-distance:0;shadow-angle-ofInset:0;shadow-distance-ofInset:0}

.p_more .iconfont:before{shadow-angle:0;shadow-distance:0;shadow-angle-ofInset:0;shadow-distance-ofInset:0}

.p_loading .iconfont:before{shadow-angle:0;shadow-distance:0;shadow-angle-ofInset:0;shadow-distance-ofInset:0}

#c_portalResProduct_list-15712184733388918{width:100%;max-width:none;min-width:0;height:auto;max-height:none;min-height:0;margin-top:0;margin-left:0;margin-right:0;margin-bottom:0;padding-top:0;padding-left:0;padding-right:0;padding-bottom:0}









*/





















@font-face {font-family: "lato";src:url('../other/Lato-Regular.ttf') format('ttf');}

@font-face {font-family: latom;src:url('../other/Lato-Medium.ttf') format('ttf');}

@font-face {font-family: latob;src:url('../other/Lato-Bold.ttf') format('ttf');}

.companyInfo{background-image: url(../images/j52.jpg);background-repeat: repeat;background-attachment: fixed;width: 100%;

    overflow: hidden;-padding: 0 0 120px;box-sizing: border-box;

    position: static;}

    .companyInfo .content{width: 72rem;margin: 0 auto;}



.companyInfo .content .abouTil{width:100%;display: block;}

.companyInfo .content .abouTil .fl{float: left;}

.companyInfo .content .abouTil .fr{float: right;}

.companyInfo .content .abouTil span{font-size:28px;line-height: 1.4;color: #fff;text-transform: uppercase;}

.companyInfo .content .abouTil strong{font-family:lato;font-size:40px;font-weight:700;line-height: 1.4;text-transform: uppercase;}

.companyInfo .content .abouTil p{font-size: 28px;color: #fff;}

.companyInfo .content .abouTil a{color: #fff;}

.companyInfo .content .abouTil a.btn{width: 160px;

    height: 36px;

    background: rgba(255,255,255,1);padding-right: 20px;

    padding-left: 20px;

    text-align: center;color: #015bbb;font-size: 14px;display: inline-block;

    vertical-align: middle;}

.companyInfo .content .aboutIntx {width: 92%;margin: 2% auto;}

.companyInfo .content .aboutIntx p{color: #fff;font-size: 16px;line-height: 180%;text-align: center;}







.data .con .data-list ul li{position: relative;}

.data .con .data-list ul li{float:left;width:25%;position:relative;padding-left:3.2vw;margin-bottom:15px;margin-top:15px;text-align:left;border-left:1px solid rgba(255,255,255,.4)}

.data .con .data-list ul li:before{content:'';position:absolute;left:-1px;top:0;width:1px;height:30%;background:#fff;z-index:1}

.data .con .data-list ul li h2{font-family:Oswald,sans-serif;font-size:55px;color:#fff;line-height:72px;display:inline-block}

.data .con .data-list ul li p{color:#fff;font-size:16px;line-height:36px}

.data .con .data-list ul li .count-unit{font-size:16px;color:#fff;text-align:right;display:inline-block;font-style:normal}

.data .con .data-list ul li .bot p{font-size:15px;color:#fff;line-height:24px}















.pr {

    position: relative;

}

.fl {

    float: left;

}

.jishu_bg{padding:90px 0;overflow:hidden}

.jishu_bg .content{width: 1400px;margin: 0 auto;}

.jishu_l{width:380px;margin:50px 0 0}

.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}

.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#fff;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}

.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}

.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}

.jishu01{width:650px;height:150px;position:absolute;top:0;right:0;background:#014da1;padding-right: 40px;}

.jishu02{top:151px}

.jishu03{top:302px}

.jishu01 dl{width:340px;float:right;color:#fff}

.jishu01 dl dt{width:70px;height:70px;float:left;line-height:0;overflow:hidden;margin-top:35px}

.jishu01 dl dt img{width:70px;height:140px;-webkit-transition:all .5s;transition:all .5s}

.jishu01 dl dd{padding:25px 0 0 20px;width:270px;float:left}

.jishu01 dl dd b{font-size:18px}

.jishu01 dl dd p{font-size:14px;color:#dde4e6;line-height:22px;height:66px;overflow:hidden;padding:10px 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.jishu01 dl:hover{color:#333}

.jishu01 dl:hover dt img{margin-top:-70px}

.jishu01 dl:hover dd p{color:#8c8a8a}

.jishu_r{width:72.8%;margin-top:50px}

.jishu_r dl{width:332px !important;height:452px;background:#ededed;float:left;position:relative;margin-left:6px}

.jishu_r dl dt{width:100%;height:381px;line-height:0}

.jishu_r dl dt img{width:100%;height:auto;}

.jishu_r dl dd{background:rgba(0,0,0,.7);position:absolute;bottom:0;left:0;height:0;overflow:hidden;width:216px;padding:0 35px;transition:height .5s;-moz-transition:height .5s;-webkit-transition:height .5s;-o-transition:height .5s}

.jishu_r dl dd a{display:block;height:452px;color:#fff}

.jishu_r dl dd span{display:block;font-size:12px;color:#b4b4b4;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;padding:50px 0 0}

.jishu_r dl dd b{display:block;font-size:20px;color:#fff;height:30px;line-height:30px}

.jishu_r dl dd h5{font-size:16px;color:#fff;height:50px;line-height:50px;overflow:hidden;font-weight:400}

.jishu_r .jishu_desc{font-size:14px;color:#fff;line-height:30px;padding:20px 0 0;height:120px;overflow:hidden}

.jishu_r dl dd em{display:block;width:118px;height:34px;line-height:34px;text-align:center;border:#fff 1px solid;margin-top:30px;font-size:12px}

.jishu_r dl dd em:hover{background:#018790;border:#018790 1px solid}

.jishu_r dl:hover dd{height:452px}

.jishu_r .jishu_rm .tempWrap{width: 100% !important;}

.jishu_btn{width:80px;height:76px;position:absolute;top:516px;right:-80px}

.jishu_btn a{display:block;width:80px;height:38px}

.jishu_btn .jishu_lico{background:url(../images/jishu_lico01.gif) no-repeat}

.jishu_btn .jishu_lico:hover{background:url(../images/jishu_lico02.gif) no-repeat}

.jishu_btn .jishu_rico{background:url(../images/jishu_rico02.gif) no-repeat}

.jishu_btn .jishu_rico:hover{background:url(../images/jishu_rico02.gif) no-repeat}









/*优势*/

.ys_bg{background: url(../images/ys_bg.jpg) no-repeat center 250px;height: 852px;overflow: hidden;margin-top: 50px;}

.ys_bg .content{width: 1400px;margin: 0 auto;}

.ys_t{padding: 20px 0 0;height: 110px;}

.ys_t ul{display: flex;

    justify-content: center;}

.ys_t ul li{width: auto;float: left;color: #333;cursor: pointer;line-height: 26px;height: 70px;overflow: hidden;margin: 0 4%;}

.ys_t ul li em{display: block;float: left;width: 46px;height: 22.5px;line-height: 0;overflow: hidden;padding-right: 14px;}

.ys_t ul li em img{width: 26px;height: 45px;-webkit-transition:all .5s;transition:all .5s;}

.ys_t ul li b{display: block;float: left;font-size: 16px;width: auto;}

.ys_t ul li i{display: block;font-size: 12px;color: #666;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}

.ys_t ul li:hover,.ys_t ul li.on{background:url(../images/ys_line02.jpg) no-repeat 0 38px;color: #014da1;}

.ys_t ul li:hover em img,.ys_t ul li.on em img{margin-top: -22px;}

.ys_t ul li:hover i,.ys_t ul li.on i{color: #a3c8cc;}

.ys_m{height: 602px;}

.ys_m dl{position: relative;}

.ys_m dl dt{width: 1070px;height: 602px;position: absolute;top: 0;right: 50%;margin-right: -110px;}

.ys_m dl dt img{width: 1070px;height: 602px;}

.ys_m dl dd{width: 640px;height: 470px;background: #fff;position: absolute;top: 85px;left: 605px;z-index: 10;padding: 50px 0 0 60px;}

.ys_m dl dd h5{height: 90px;font-size: 26px;color: #333;font-weight: normal;position: relative;z-index: 1;background:url(../images/ys_line03.jpg) no-repeat 0 75px;line-height: 70px; margin-bottom:10px;}

.ys_m dl dd h5 i{display: block;font-size: 36px;color: #f0f0f0;text-transform: uppercase;position: absolute;top: 0;left: 0;z-index: -1;line-height: 30px; font-family:"Times New Roman", Times, serif;}

.ys_m dl dd p{font-size: 14px;color: #333;line-height: 180%;width: 90%;overflow: hidden; padding:0 0 0 5px;}

.ys_m dl dd span{display: block;width: 140px;padding: 20px 0 0;}

.ys_m dl dd span a{display: block;width: 140px;text-align: center;height: 40px;line-height: 40px;background: #014da1;overflow: hidden;font-size: 14px;color: #fff;}

.ys_m dl dd b{display: block;font-family: "DINOT";font-size: 237px;color: #f5f5f5;line-height: 250px;position: absolute;bottom: 0;right: 0;opacity: .8;z-index: -1;}







/*我们的圈子*/

/*.new{ overflow:hidden; background-color:#f5f5f5; padding-top:50px; padding-bottom:80px;}

.flexslider{ margin-top:60px; overflow:visible;}

.news_lone{ width:32.7%; height:520px; overflow:hidden; position:relative;}

.news_lone_img{ height:520px;overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.news_lone_img img{ display:block; width:100%;opacity: 0;filter: alpha(opacity=0);}

.news_lone .blog_infTop{  position:absolute; bottom:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);height:110px; background:url(../images/i_bg4.png) 92% center #fff no-repeat; left:10px; right:10px; text-align:left; overflow:hidden;transition:all 0.3s;}

.news_lone .blog_infTop .blog_infR{display:table; width:100%; height:100%; overflow:hidden;}

.news_lone .blog_title{ padding-right:25%;padding-left:30px; margin-top:25px; display:table-cell; vertical-align:middle;line-height:24px;color:#000000; font-size:20px;overflow:hidden;}

.news_lone:hover .news_lone_img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.news_lone:hover .blog_infTop{background:url(../images/i_bg4.png) 95% center #fff no-repeat;}

.news_lone:hover .blog_title{ color:#f67524;}

.blog_r{ width:66.6%; height:520px; text-align:left;}

.blog_list{width:calc(50% - 4px);width:-webkit-calc(50% - 4px);width:-moz-calc(50% - 4px);display:inline; }

.blog_list.l li{ display:block; position:relative; height:256px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}

.blog_list.l li:last-child{ margin-bottom:0;}

.blog_list.r li{ display:block; position:relative; height:168px; background-color:#fff; margin-bottom:8px; overflow:hidden;transition:all 0.3s;}

.blog_list.r li:last-child{ margin-bottom:0;}

.blog_list.l li a{ display:block; width:90%; max-width:420px; margin:0 auto; overflow:hidden; color:#666;}

.blog_list.l .blog_Rtime{ height:66px; overflow:hidden; text-align:center; margin-top:22px; text-align:left; background:url(../images/i_bg5.png) 98% center no-repeat; display:block;transition:all 0.3s;}

.blog_list.l .blog_Rtime em,.blog_list.l .blog_Rtime b{ display:block; font-family:"华文细黑";}

.blog_list.l .blog_Rtime b{ display:block;  color:#000; font-size:30px;height:34px; line-height:34px; font-weight:normal; letter-spacing:1px;}

.blog_list.l .blog_Rtime em{ font-style:normal;height:20px; line-height:20px; font-size:16px;}

.blog_list.l .blog_Rmore{ margin-top:34px; overflow:hidden; display:block; border-bottom:1px solid #eee;}

.blog_list.l .blog_Rmore b{ color:#000; display:block;height:32px; line-height:32px; overflow:hidden; font-size:18px; font-weight:normal;}

.blog_list.l li:hover .blog_Rmore b{ color:#f67524;}

.blog_list.l .blog_Rmore span{ display:block;line-height:24px; height:72px; overflow:hidden; margin-top:19px; font-size:16px;}

.blog_list.l li:hover .blog_Rtime{background:url(../images/i_bg5.png) 100% center no-repeat;}

.blog_list.r li a{ display:block; width:90%; max-width:368px; margin:0 auto; overflow:hidden; color:#666; padding-top:20px;}

.blog_list.r .blog_Rtime{ height:95px; width:66px; float:left; overflow:hidden;margin-top:18px; text-align:left;}

.blog_list.r .blog_Rtime em,.blog_list.r .blog_Rtime b{ display:block; font-family:"华文细黑";}

.blog_list.r .blog_Rtime b{ display:block; color:#000; font-size:30px;height:50px; line-height:50px; font-weight:normal; letter-spacing:1px; background:url(../images/i_bg6.png) left bottom no-repeat;}

.blog_list.r .blog_Rtime em{ font-style:normal;height:42px; line-height:42px; font-size:16px;}

.blog_list.r .blog_Rmore{ float:right; height:114px; border-left:1px solid #f5f5f5; padding-left:30px; width:234px; padding-top:14px; overflow:hidden;}

.blog_list.r .blog_Rmore b{ color:#000; display:block;height:48px; line-height:24px; overflow:hidden; font-size:18px; font-weight:normal; max-width:225px;}

.blog_list.r li:hover .blog_Rmore b{color:#f67524;}

.blog_list.r .blog_Rmore span{ display:block;line-height:38px; height:38px; overflow:hidden; margin-top:15px;background:url(../images/i_bg5.png) left center no-repeat;transition:all 0.3s;}

.blog_list li:hover{box-shadow:0 0 20px rgba(0,0,0,.2) box-shadow:0 15px 15px rgba(0,0,0,.1);transform:scale(1.005);}

.blog_list.r li:hover .blog_Rmore span{background:url(../images/i_bg5.png) 5% center no-repeat;}



*/

.new{overflow:hidden;background-color:#f5f5f5;padding-top:100px;padding-bottom:100px}

.i_service_t{text-align:center;padding-top:15px;color:#666;font-size:18px;line-height:32px;padding-bottom:50px}

.i_service_t h2{height:66px;line-height:66px;font-size:40px;color:#000;font-weight:400;letter-spacing:1px;font-family:"华文细黑"}

.service_top05_a{text-align:center;margin-top:26px;}

.service_top05_a a{display:inline-block;font-size:16px;color:#000;line-height:38px;margin-left:5px;margin-right:5px;width:140px;border-radius:20px}

.service_top05_a a.two_sel{color:#fff;background-color:#014da1}

.service_top05_a a:hover{color:#fff;background-color:#014da1}

.flexslider{margin-top:60px;overflow:visible}

.gy2{width:1400px;margin:2% auto 0;padding-right: 3%;}

.news_lone{width:32.7%;height:520px;position:relative;float:left}

.news_lone_img{height:520px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}

.news_lone_img img{display:block;width:100%;opacity:0}

.news_lone .blog_infTop{position:absolute;bottom:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);height:110px;background:url(../images/i_bg4.png) 92% center #fff no-repeat;left:10px;right:10px;text-align:left;overflow:hidden;transition:all .3s}

.news_lone .blog_infTop .blog_infR{display:table;width:100%;height:100%;overflow:hidden}

.news_lone .blog_title{padding-right:25%;padding-left:30px;margin-top:25px;display:table-cell;vertical-align:middle;line-height:24px;color:#000;font-size:20px;overflow:hidden}

.blog_r{width:66.6%;height:520px;float:right;text-align:left}

.blog_list{width:calc(50% - 4px);width:-webkit-calc(50% - 4px);width:-moz-calc(50% - 4px);display:inline;float:left}

.blog_list.l li{display:block;position:relative;height:256px;background-color:#fff;margin-bottom:8px;overflow:hidden;transition:all .3s}

.blog_list.l li a{display:block;width:90%;max-width:420px;margin:0 auto;overflow:hidden;color:#666}

.blog_list.l .blog_Rmore{margin-top:34px;overflow:hidden;display:block;border-bottom:1px solid #eee;padding-bottom: 6%;}

.blog_list.l .blog_Rmore b{color:#000;display:block;height:auto;line-height:180%;overflow:hidden;font-size:16px;font-weight:400}

.blog_list.l .blog_Rmore span{display:block;line-height:180%;height:auto;overflow:hidden;margin-top:19px;font-size:14px}

.blog_list.l .blog_Rtime{height:66px;overflow:hidden;text-align:center;margin-top:22px;text-align:left;background:url(../images/i_bg5.png) 98% center no-repeat;display:block;transition:all .3s}

.blog_list.l .blog_Rtime b{display:block;color:#000;font-size:30px;height:34px;line-height:34px;font-weight:400;letter-spacing:1px;color:#d72229;}

.blog_list.l .blog_Rtime em{font-style:normal;height:20px;line-height:20px;font-size:16px;opacity: .8;color:#d72229;}

.blog_list.l li:last-child{margin-bottom:0}

.blog_list.r {float: right;}

.blog_list.r li{display:block;position:relative;height:168px;background-color:#fff;margin-bottom:8px;overflow:hidden;transition:all .3s}

.blog_list.r li a{display:block;width:90%;max-width:368px;margin:0 auto;overflow:hidden;color:#666;padding-top:20px}

.blog_list.r .blog_Rtime{height:95px;width:66px;float:left;overflow:hidden;margin-top:18px;text-align:left}

.blog_list.r .blog_Rtime b{display:block;color:#d72229;font-size:30px;height:50px;line-height:50px;font-weight:400;letter-spacing:1px;background:url(../images/i_bg6.png) left bottom no-repeat}

.blog_list.r .blog_Rtime em{font-style:normal;height:42px;line-height:42px;font-size:16px;color:#d72229;opacity: .8;}

.blog_list.r .blog_Rmore{float:right;height:114px;border-left:1px solid #f5f5f5;padding-left:30px;width:284px;padding-top:14px;overflow:hidden}

.blog_list.r .blog_Rmore b{color:#000;display:block;height:auto;line-height:180%;overflow:hidden;font-size:16px;font-weight:400;max-width:225px}

.blog_list.r .blog_Rmore span{display:block;line-height:180%;height:auto;overflow:hidden;margin-top:15px;background:url(../images/i_bg5.png) right center no-repeat;transition:all .3s}

.blog_list.r ul{position: relative;z-index: 12}

.hk-crblock{width:300px;height:300px;position:absolute;right:-40px;bottom:-40px;z-index:-1;background:#014da1}

/*.hk-crblock.le{width:300px;height:300px;position:absolute;left: -40px;top:-40px;z-index:-1;background: transparent;border-top: 1px solid red;border-left: 1px solid red;}*/



/*关于得水*/

.ab_bg{background:url(../images/ab_bg.jpg) no-repeat center 0;height: auto;overflow: hidden;padding: 55px 0 68px;background-position: bottom;}

.ab_bg .content{width: 1400px;margin: 0 auto;}

.about dl{margin-top: 50px;}

.about dl dt{width: 50%;height:435px;float: left;line-height: 0;overflow: hidden;}

.about dl dt img{width: 100%;height:auto;}

.about dl dd{width: 50%;float: right;padding: 0 0 0 5%;}

.about dl dd h5{height: 60px;line-height: 60px;overflow: hidden;/*background:url(../images/ab_line.jpg) no-repeat 0 58px;*/}

.about dl dd h5 a{font-size: 40px;color: #e6e6e6;text-transform: uppercase; font-family:"Times New Roman", Times, serif;font-weight: normal;}

.about .ab_desc{font-size: 14px;color: #666;line-height: 36px;height: 240px;overflow: hidden;padding: 12px 0 0;}

.about dl dd span{padding: 20px 0 0;display: block;}

.about dl dd span a{font-size: 14px;color: #018790;    display: block;

    width: 140px;

    text-align: center;

    height: 40px;

    line-height: 40px;

    background: #014da1;

    overflow: hidden;

    font-size: 14px;

    color: #fff;}









/* new product */

.proBox{width:100%;height:auto;overflow:hidden}

.proContainer{width:1400px;height:auto;overflow:hidden;margin:0 auto}

.proLi{position:relative;overflow:hidden;padding:20px 10px}

.porTbox{position:relative;overflow:hidden;width:100%;height:auto;padding-bottom:99%;border:1px solid #f2f2f2;border-bottom:0}

.proImg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;transition:all .5s ease}

.porBbox{position:relative;overflow:hidden;width:100%;height:auto;padding:20px 20px 10px;border:1px solid #f2f2f2}

.proTitle{font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;position:relative;white-space:nowrap;width:auto;margin-bottom:14px;display: inline;/*background: url(../images/link1.png);*/background-position: right;background-repeat: no-repeat;padding-right: 24px;background-size: 18px;}

.proSummry{color:#777;white-space:nowrap;overflow:hidden;margin:10px 0;text-overflow:ellipsis;display:none}

.lookDetail{position:relative;display:block;color:#777;height:38px;line-height:38px;border-top:1px solid #e5e5e5}

.leftBox{padding-bottom: 12px;}

.arrowsR{position:absolute;top:50%;right:0;transform:translate(0,-50%);width:30px}

.arrowsR img{position:absolute;transition:all .5s ease}

.harr{opacity:0}

.showBox{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(1,91,187,.75);transition:all .5s ease}

.showBoxLink{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:60%;color:#fff;text-align:center;font-size:1rem;padding:.5rem 0}

.showBoxLink::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}

.showBoxLink::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}

.lookDetail:hover .barr{opacity:0}

.lookDetail:hover .harr{opacity:1}

.proLi:hover .showBox{opacity:1}

.proLi:hover .proImg{transform:translate(-50%,-50%) scale(1.1)}

.proLi:hover .showBoxLink::before{width:1rem}

.proLi:hover .showBoxLink::after{width:1rem}

.proLi:hover .proTitle{background: url(../images/link2.png);background-position: right;background-repeat: no-repeat;padding-right: 24px;background-size: 18px;}

@media only screen and (min-width:769px){.proContainer{max-width:100%}

.proLi{width:calc(100% / 4);height:auto;float:left}

}

@media only screen and (max-width:1024px) and (min-width:769px){.proContainer{max-width:100%}

.proLi{width:50%;height:auto}

}

@media only screen and (max-width:768px){.proLi{width:50%;height:auto;float:left;padding:10px}

.lookDetail{display:none}

.proTitle{font-size:13px;margin-bottom:0}

.porBbox{padding:8px}

}

















.footer1{ background-color: #23282a;padding: 17px 0;}

.footer1 .cer2{ height: 36px; line-height: 36px; color: #999;width: 1400px;margin: 0 auto}





.footnav{ float: left; font-size: 0; padding-left: 56px; height: 36px;

  background: url('../images/link.png') left top no-repeat;}

.footnav a{ font-size: 14px; color: #999; display: inline-block;}

.footnav a:hover{ color: #fff;}

.footnav i{ font-size: 14px; color: #999; margin: 0 25px; display: inline-block;}

.foothot{ float: right;}

.foothot a{ font-size: 24px; color: #fff; font-style: italic;opacity: .6}









.footer2{ background-color: #23282a; border-top: 1px solid #403f3f; padding: 31px 0 21px;}

.footer2 .cer2{width: 1400px;margin: 0 auto}

.footinfo{ float: left;}

.footinfo p{ line-height: 32px; color: #999; padding-left: 28px;

   background-repeat: no-repeat;}

.footinfo p.flx1{ background-image: url('../images/flx1.png');background-position: 0 7px;}

.footinfo p.flx2{ background-image: url('../images/flx2.png');background-position: 0 8px;}

.footinfo p.flx3{ background-image: url('../images/flx3.png');background-position: 0 10px;}

.footinfo p.flx4{ background-image: url('../images/flx4.png');background-position: 0 7px;}



.footewm{ float: right; height: 100px; margin-top: 9px;}

.footewm img{ float: right; display: block; width: 100px; height: 100px;}

.footewm p{ float: right; margin-top: 26px; margin-right: 18px;

  font-size: 14px; color: #727272; line-height: 24px; text-align: right;}







.footer3{ background-color: #23282a; padding: 15px 0; border-top: 1px solid #403f3f;}

.footer3 .cer2{ height: 30px; line-height: 30px; color: #999;width: 1400px;margin: 0 auto;    display: flex;justify-content: space-between;}

.footer3 .right a,.footer3 .right i{display: inline-block;}

.footer3 .right a{margin: 0 12px 0;}

.footer3 span{ display:inline-block;}

.footer3 a{ color: #727272;}

.footer3 a:hover{ text-decoration: underline; color: #fff;}

.footer3 a img{ position: relative; margin-top: -2px; margin-left: 10px; }





.fconf{background:#505050;padding:20px 0;font-size:14px}

.fconf p{text-align:center;line-height:24px;margin:0;color:#8f8c8c}

.fconf a{color:#8f8c8c;margin:0 3px}





/* Inner */

.banner-inner{position:relative}

.banner-inner>img{width:100%}

.banner-inner .text{position:absolute;width:100%;left:0;top:60%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%)}

.banner-inner .text .con .tu{width:9rem}

.banner-inner .text .con .tu img{width:100%}

.banner-inner .text .con p{width:60%;font-size:.9rem;color:#013878;position:relative;top:-8rem;left:8.5rem}

.banner-inner .text .con p.colorw{color:#fff;}

.sub-nav-inner{border-bottom:1px solid #f3f3f3}

.sub-nav-inner .con .left{float:left}

.sub-nav-inner .con .left a{line-height:5.5rem;font-size:.8rem;color:#999;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.sub-nav-inner .con .left a span{font-size:1rem}

.sub-nav-inner .con .left>span{line-height:5.5rem;font-size:.8rem;color:#999;margin:0 .4rem}

.sub-nav-inner .con .left h3{display:inline-block;line-height:5.5rem;font-size:.8rem;color:#666}

.sub-nav-inner .con .right{float:right;overflow:inherit}

.sub-nav-inner .con .right ul li{width:auto;float:left;margin-left:3.8rem;position:relative}

.sub-nav-inner .con .right ul li:before{content:'';width:0;height:4px;background:#d8222a;position:absolute;bottom:-1px;left:50%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.sub-nav-inner .con .right ul li a{text-align:center;display:block;line-height:5.5rem;font-size:16px;color:#333;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.sub-nav-inner .con .right ul li.active:before{width:4rem;margin-left:-2rem}







.sAbout{padding:0}

.subpage-w{position:relative;padding-left:10%;padding-right:10%}

.sAbout-section{padding: 4% 2%;margin: 4% auto;}

.sAbout-section .imax p span{line-height:240%;}

@media screen and (max-width: 768px){.sAbout-section{padding-top: 30px; padding-bottom: 30px;}}

.sAbout-section1{background-color: #fff;}

.sAbout-section1 h1{margin-bottom: 1.5em; color: #333333; text-align: center;}

.sAbout-section1 h1 span{margin: 0 1.25em;font-size: 32px;}

.sAbout-section1 h1:before,

.sAbout-section1 h1:after{content: " "; display: inline-block; vertical-align: middle; width: 5em; height: 1px; background-color: #c7c7c7;}

.sAbout-section1 p img{display: block;width: 100%;}

@media screen and (max-width: 768px){.sAbout-section1 h1{margin-bottom: 1em;} .sAbout-section1 h1:before, .sAbout-section1 h1:after{width: 3em;}}

.sAbout-section2{background-color: #f3f3f3;}

.sAbout-section2 .player{height: 0; padding-bottom: 32.87760417%;}

.sAbout-section2 .btn{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9;}

.sAbout-section2 .btn .icoImg{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.8em; height: 1.8em; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;}

@media screen and (max-width: 768px){.sAbout-section2 .player{height: 0; padding-bottom: 56.25%;}}







.inbg{background: #f4f4f4;overflow: hidden;}

.inpdd{background:#fff;padding:2%;box-sizing: border-box;margin: 4% auto 0;}



.honor{padding-top: 2%;}

.honor .honor-list ul li{float:left;width:23.6%;margin-top:1.5rem;cursor:pointer}

.honor .honor-list ul li:not(:nth-child(4n)){margin-right:1.866%}

.honor .honor-list ul li .top{height:0;padding-bottom:78%;overflow:hidden;position:relative;border:1px solid transparent}

.honor .honor-list ul li .top img{width:100%}

.honor .honor-list ul li .top .mask{position:absolute;width:100%;height:100%;background:rgba(255,255,255,.5);left:0;top:0;opacity:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.honor .honor-list ul li .top .mask .alert-btn{position:absolute;top:60%;left:50%;width:3rem;height:3rem;border-radius:50%;background:#004a92;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}

.honor .honor-list ul li .top .mask .alert-btn span{font-size:1rem;color:#fff;line-height:3rem}

.honor .honor-list ul li .bottom{background:#fff;padding:1.2rem 1rem 1rem;text-align:center;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.honor .honor-list ul li .bottom h3{font-size:.9rem;font-weight:700;color:#000;display:inline-block;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.honor .honor-list ul li .bottom h3:before{content:'';width:3rem;height:1px;background:#004da1;position:absolute;left:0;bottom:-.6rem;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.honor .honor-list ul li .bottom h2{margin-top:1.2rem;font-size:14px;color:#606060;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5;height:auto;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.honor .honor-list ul li:hover .top{border:1px solid #1f51b7}

.honor .honor-list ul li:hover .top .mask{opacity:1}

.honor .honor-list ul li:hover .top .mask .alert-btn{top:50%}

.honor .honor-list ul li:hover .bottom{background:#004da1}

.honor .honor-list ul li:hover .bottom h3{color:#fff}

.honor .honor-list ul li:hover .bottom h3:before{background:#fff}

.honor .honor-list ul li:hover .bottom h2{color:#fff}







/* 页码 */

.pageListBox{text-align:center;margin:4% auto 3%}

.pageListBox .nolink,.pageListBox a,.pageListBox font{display:inline-block;border:#c8c8c8 solid 1px;padding-left:20px;padding-right:20px;line-height:40px;text-align:center;height:40px;color:#888;background-color:#fff;-webkit-transition:background .2s,color .2s;transition:background .2s,color .2s;font-size:14px;margin:0 8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px}

.pageListBox font{background: #004a92;color:#fff;}











.culture{background: #f4f4f4;}

.whlist{ overflow: hidden; padding: 26px 0 0; margin: 0 auto;}

.whlist li{ float: left; width: 33.3%; margin-bottom: 40px;}

.whlist li .lin{ padding: 0 30px;}

.whlist li a{display: block; position: relative;}

.whlist li a:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 2;

  width: 0; height: 1px; background-color: transparent;}

.whlist li .pic{ width: 100%; height:0; padding-bottom: 56.11%; 

  position: relative; overflow: hidden; }

.whlist li .pic i{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 2;}

.whlist li .pic i.i1{ background: url('../images/wh1.png') center no-repeat;}

.whlist li .pic i.i2{ background: url('../images/wh2.png') center no-repeat;}

.whlist li .pic i.i3{ background: url('../images/wh3.png') center no-repeat;}

.whlist li .pic i.i4{ background: url('../images/wh4.png') center no-repeat;}

.whlist li .pic i.i5{ background: url('../images/wh5.png') center no-repeat;}

.whlist li .pic i.i6{ background: url('../images/wh6.png') center no-repeat;}

.whlist li img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1;}



.whlist li h3{ font-size: 14px; line-height: 62px; text-align: center; height: 62px;

  overflow: hidden; color: #333; border: 1px solid #ddd; white-space: nowrap;background: #fff;}

.whlist li h3,.whlist li a:after{ -webkit-transition: .6s; -moz-transition: .6s;

  -ms-transition: .6s; -o-transition: .6s; transition: .6s;}

.whlist li:hover h3{ color: #d10d1d;}

.whlist li:hover a:after{ width: 100%; background-color: #d10d1d;}

@media screen and (max-width:1200px){

  .whlist{ padding: 70px 15px 40px;}

}

@media screen and (max-width:1100px){

  .whlist li{ width: 50%;}

}

@media screen and (max-width:750px){

  .whlist li .lin{ padding: 0 15px;}

  .whlist li h3{ font-size: 24px; height: 76px; padding: 20px 15px; white-space: normal;}

}







.newslist{padding:50px 10px 60px;max-width:1740px;margin:0 auto}

.newslist li{width:100%;padding:35px 0;position:relative;background-color:#fff;border-bottom:1px dashed #eaeaea}

.newslist li a{display:block;position:relative;padding-left:460px;min-height:236px;overflow:hidden;padding-right:180px}

.newslist li .pic{position:absolute;left:30px;top:0;z-index:1;width:378px;height:236px;overflow:hidden}

.newslist li .pic img{width:100%;height:100%}

.newslist li h3{font-size:18px;color:#111;line-height:32px;height:32px;padding-top:30px;overflow:hidden}

.newslist li .txt{color:#666;line-height:22px;overflow:hidden;height:66px;margin-top:20px;text-align:justify}

.newslist li .info{font-size:12px;color:#777;line-height:24px;height:24px;margin-top:30px;overflow:hidden}

.newslist .clock{padding-left:27px}

.newslist .click{padding-left:27px;margin-left:44px}

span.clock{background:url(../images/clock.png) 0 center no-repeat}

span.click{background:url(../images/click.png) 0 center no-repeat}

.newslist li label{display:block;width:46px;height:46px;cursor:pointer;background:url(../images/jia.png) center no-repeat;position:absolute;right:30px;top:96px;z-index:1}

.newslist li:hover h3{color:#d10d1d}

.newslist li:hover{-webkit-box-shadow:0 0 10px 6px rgba(181,181,181,.2);box-shadow:0 0 10px 6px rgba(181,181,181,.2);z-index:1}

.newslist li:hover label{background-image:url(../images/jiah.png)}

.newslist h3,.newslist li{-webkit-transition:.5s;transition:.5s}

@media screen and (max-width:1780px){.newslist li a{padding-right:120px}

}

@media screen and (max-width:1200px){.newslist li{padding:30px 0}

.newslist li a{padding-right:40px}

.newslist li label{display:none}

}

@media screen and (max-width:1000px){.newslist li h3{padding-top:0}

.newslist li .txt{line-height:24px;height:96px}

}

@media screen and (max-width:960px){.newslist li a{padding-left:340px;padding-right:20px;min-height:188px}

.newslist li .pic{left:20px;width:300px;height:188px}

.newslist li .info{margin-top:20px}

}

@media screen and (max-width:750px){.newslist li h3{font-size:26px;line-height:44px;height:88px}

.newslist li .info{font-size:24px;line-height:40px;height:80px}

.newslist li .txt{display:none}

.newslist .click{margin-left:0}

}











/* newsInner */

.main{position:relative;padding-left:362px}

.mainleft{width:100%;min-height:1044px}

.atc{padding:24px 30px 26px;border:1px solid #e9e9e9}

.atc-h{text-align:center;border-bottom:1px solid #e9e9e9;padding-bottom:24px}

.atc-h h1{font-size:26px;color:#333;line-height:50px}

.atc-h .atc-date{font-size:14px;color:#a09f9f;line-height:30px}

.atc-h .atc-date span{display:inline-block;margin:0 8px}

.atc-h .atc-date{font-size:14px;color:#a09f9f;line-height:30px}

.atc-con{padding:24px 0 28px;font-size:16px;line-height:36px;color:#333;text-align:justify;border-bottom:1px solid #e9e9e9}

.atc-pn{padding-right:200px;position:relative;margin-top:24px}

.atc-pn a{overflow:hidden;font-size:14px;color:#626262;line-height:32px}

.atc-pn a.ret{font-size:14px;color:#fff;line-height:34px;text-align:center;background-color:#013878;width:108px;height:34px;position:absolute;right:0;top:15px;z-index:1}

.mainright{width:332px;position:absolute;top:0;left:0;z-index:1}

.sdbox{border:1px solid #e9e9e9;padding:10px 20px}

.sdbox .title{height:56px;position:relative;line-height:56px;font-size:26px;color:#252b3a;text-indent:15px}

.sdbox .title:before{content:'';position:absolute;left:0;top:14px;z-index:0;width:3px;height:30px;background:url(../images/line3.jpg) center no-repeat}

.twlist{overflow:hidden}

.twlist li{text-align:center;border-top:1px solid #e6e6e6;padding-top:15px;padding-top: 12px;padding-left: 15px;padding-bottom: 12px;background:url(../images/risode.png) no-repeat;background-position: right center;}

.twlist.sideSec li::before{content:"·";position:absolute;left:7%;font-size:9px;margin-top:0;font-weight:700;color:#333}

.twlist li a{display:block;position:relative;padding-bottom:3px;color: #333;}

.twlist li a .pic img{display:block;width:100%}

.twlist.sideSec li a{text-align: left;}

.twlist li:hover a{color: #004a92;}

.sdbox .tit1{margin-top: 6%;}





.cslist{width:100%;margin-top:45px;padding-bottom:25px}

.cslist li{width:100%;margin-bottom:20px}

.cslist li a{display:block}

.cslist li .one{padding-left:208px;height:120px;position:relative}

.cslist li .pic{position:absolute;left:0;top:5px;z-index:1;width:180px;height:112px;overflow:hidden}

.cslist li .pic img{width:100%;height:100%}

.cslist li h3{width:100%;height:30px;overflow:hidden;margin-bottom:10px;font-size:18px;color:#252831;line-height:30px;font-weight:700;-webkit-transition:.5s;transition:.5s}

.cslist li .txt{font-size:14px;color:#666;line-height:24px;overflow:hidden;height:48px}

.cslist li:hover h3{color:#0076cd}

.cslist li .key{font-size:14px;color:#666;line-height:22px;overflow:hidden;height:22px;margin-top:10px}

.cslist li .key label{color:#0076cd;margin-right:10px}

.cslist li .two{position:relative;height:32px;margin-top:16px}

.cslist li .two:after{content:'';position:absolute;left:0;top:50%;z-index:0;width:100%;height:1px;background-color:#dcdcdc}

.cslist li .date{font-size:14px;color:#666;position:absolute;right:0;top:0;z-index:1;background-color:#fff;width:170px;height:100%;text-align:right}





/* product */

.prt li {width:32%;float:left;margin-right:2%;margin-bottom:2%;background:#fff;border:1px solid #e5e5e5;position:relative;overflow:hidden;}

.prt li a {display:block;}

.prt li:nth-child(3n) {margin-right:0;}

.prt li:nth-child(3n+1) {clear:both;}

.prt li .img {width:100%;height:250px;overflow:hidden;padding:10px 0;}

.prt li .img img {margin:0 auto;width: 100%;height: 100%;display: block;object-fit: contain;}

.prt li .txt {padding:0 20px;}

.prt li .txt .ltt {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.5;margin-bottom: 15px;}

.prt li .txt .ltc {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#999;line-height:1.8;margin:10px 0 20px;height:50px;}

.prt li .txt .xian {width:100%;height:1px;background:#ddd;}

.prt li .txt .more {position:relative;width:100px;text-align:center;line-height:54px;margin:0 auto;}

.prt li .txt .more s {display:none;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ddd;}

.prt li:hover .img img {transform:scale(1.05);-webkit-transform:scale(1.05);}

.prt li:hover .txt .ltt {color:#125ba9;}

.prt li:hover .txt .ltc {color:#000;}

.prt li:hover .txt .more {color:#125ba9;}

.prt li::before {content:'';display:block;width:0;height:3px;background:#125ba9;position:absolute;left:0;bottom:0;z-index:3;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}

.prt li:hover::before {width:100%;}

.prt li:hover {-moz-box-shadow:0px 2px 10px #ccc;-webkit-box-shadow:0px 2px 10px #ccc;box-shadow:0px 2px 10px #ccc;}























.p_details .con .left{float:left;width:59.7%}

.p_details .con .left .swiper-slide{height:0;padding-bottom:88%;overflow:hidden}

.p_details .con .left .swiper-slide img{width:100%}

.p_details .con .left .swiper-pagination{bottom:1.8rem}

.p_details .con .left .swiper-pagination .swiper-pagination-bullet{width:.9rem;height:.9rem;background:#fff;opacity:.4;margin:0 .4rem}

.p_details .con .left .swiper-pagination .swiper-pagination-bullet-active{background:#e00;opacity:1}

.p_details .con .left .swiper-button-next{width:3.5rem;height:3.5rem;background:rgba(0,0,0,.7);margin-top:-1.75rem;right:0}

.p_details .con .left .swiper-button-prev{width:3.5rem;height:3.5rem;background:rgba(0,0,0,.7);margin-top:-1.75rem;left:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.p_details .con .left .swiper-button-next:before{content:'\e683';font-family:iconfont;font-size:1.2rem;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}

.p_details .con .left .swiper-button-prev:before{content:'\e601';font-family:iconfont;font-size:1.2rem;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}

.p_details .con .right{float:right;width:40.3%;padding:1rem 0 0 3rem}

.p_details .con .right h2{font-size:26px;color:#333}

.p_details .con .right .line{margin:18px 0;width:100%;height:1px;background:#bbb;position:relative}

.p_details .con .right .line:before{content:'';width:2.5rem;height:3px;background:#ef0909;position:absolute;bottom:0;left:0}

.p_details .con .right .text p{font-size:.9rem;color:#606060;line-height:1.8;text-align:justify}















.tmerji{position:relative;margin-top: 6%;font-size:0;width:100%;height:50px;background-color:#f6f6f6;border-bottom:4px solid #0076cd}

.tmerji li{display:inline-block;width:225px;height:50px;text-align:center}

.tmerji li a{display:block;font-size:18px;color:#333;line-height:50px;background-color:#f6f6f6;height:50px;position:relative}

.tmerji li:hover a{color:#0076cd}

.tmerji li.on a{background-color:#0076cd;color:#fff}











.cer8{margin:0 auto;padding:0 30px}

.lxout{overflow:hidden;position:relative;margin:56px 0 84px}

.lxleft{float:left;width:48.6%}

.cate6{position:relative;padding-bottom:16px;font-size:0;line-height:50px;height:50px}

.cate6 div{display:inline-block}

.cate6:after{content:'';position:absolute;left:0;bottom:0;z-index:0;width:50px;height:0;border-bottom:1px solid #014da1}

.lxway{padding-top:28px}

.lxway dd{margin-top:25px;padding-left:36px;min-height:24px;font-size:18px;line-height:24px;color:#666}

.lx1{background:url(../images/lx1.png) 0 0 no-repeat}

.lxway dd{margin-top:25px;padding-left:36px;min-height:24px;font-size:18px;line-height:24px;color:#666}

.lx2{background:url(../images/lx2.png) 0 0 no-repeat}

.lxway dd a{color:#666}

.lx3{background:url(../images/lx3.png) 0 0 no-repeat}

.lx4{background:url(../images/lx4.png) 0 0 no-repeat}

.cate6 .cn{font-size:24px;color:#000;font-weight:700}

.cate6 .en{font-size:20px;color:#3f3f3f;text-transform:uppercase;word-break:normal;margin-left:20px}

.lxright{float:right;width:48.6%}

.liuyan{color:#666;font-size:0;padding-top:38px}

.liuyan .hang{width:100%;height:50px;margin-bottom:22px}

.liuyan .hang.fat{height:auto}

.liuyan .hang.short1{float:left;width:29.5%}

.liuyan .hang.short2{float:left;width:20%;margin-left:3%}

.liuyan .hang.short3{float:left;width:44.5%}

.liuyan input[type=text]{width:100%;height:50px;border:1px solid #f8f8f8;background-color:#f8f8f8;line-height:46px;text-indent:15px;font-size:16px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box}

.liuyan textarea{padding:15px 15px;height:104px;border:1px solid #f8f8f8;vertical-align:top;background-color:#f8f8f8;resize:none;border-radius:10px;width:100%;line-height:24px;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box}

.liuyan input[type=text]:focus,.liuyan textarea:focus{border-color:#a51c30}

.liuyan input[type=text],.liuyan textarea{-webkit-transition:.3s;transition:.3s}

.liuyan i.v{display:inline-block;width:100%;height:100%;vertical-align:top}

.liuyan .hang2{height:50px;margin-bottom:20px}

.liuyan .hang2>div{float:left;height:100%}

.liuyan .hang2 i.v{width:180px}

.liuyan .verifyImg{width:118px;height:48px;cursor:pointer;vertical-align:top;border:1px solid #ddd;margin-left:10px}

.liuyan .yzmchange{display:inline-block;vertical-align:top;width:70px;height:50px;background:url(../images/change.png) center no-repeat}

.liuyan select{width:100%;height:48px;background-color:#f8f8f8;border-radius:10px;line-height:48px;text-indent:15px;font-size:16px;color:#666;border:1px solid #f8f8f8;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;transition:.3s}

.liuyan select:focus{border-color:#a51c30}

.liuyan select option{color:#666}

.liuyan input#tj{width:126px;height:48px;font-size:20px;font-weight:700;line-height:48px;background-color:#014da1;color:#fff;border:1px solid #014da1;}

.liuyan input#tj:hover{background-color:#fff;color:#a51c30}

.liuyan input[type=text]:focus::-webkit-input-placeholder,.liuyan textarea:focus::-webkit-input-placeholder{color:#a51c30}

.liuyan input[type=text]:focus:-moz-placeholder,.liuyan textarea:focus:-moz-placeholder{color:#a51c30}

.liuyan input[type=text]:focus::-moz-placeholder,.liuyan textarea:focus::-moz-placeholder{color:#a51c30}

.liuyan input[type=text]:focus:-ms-input-placeholder,.liuyan textarea:focus:-ms-input-placeholder{color:#a51c30}











#map {width: 100%;height: 380px;}







.product{padding:2rem 0 4.5rem;border: 1px solid #e9e9e9;}

.product .con ul li{margin-top:1.5rem;overflow:hidden;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;border: 1px solid #e9e9e9;width:96%;margin-left:auto;margin-right:auto}

.product .con ul li a{display:block;position:relative}

.product .con ul li a .left{float:right;width:50%;height:0;padding-bottom:33%;overflow:hidden}

.product .con ul li a .left img{width:100%}

.product .con ul li a .right{position:absolute;width:50%;height:100%;left:0;top:0;background:#fff}

.product .con ul li a .right .text{width:76%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}

.product .con ul li a .right .text h2{font-size:18px;color:#000;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.product .con ul li a .right .text .line{width:2.5rem;height:3px;background:#004a92;margin:5% 0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.product .con ul li a .right .text p{font-size:14px;color:#606060;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5;height:4.5em;line-height:1.8;height:5.4em}

.product .con ul li a .right .text .view{width:7rem;height:auto;border:1px solid #d7d7d7;text-align:center;font-size:14px;line-height:180%;color:#606060;padding:3% 0;margin-top:1.2rem;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.product .con ul li a .right .text .view span{margin-left:0.6rem;font-size:14px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}

.product .con ul li:hover{box-shadow:0 9px 43px 0 rgba(11,11,11,.14)}

.product .con ul li:hover a .left img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}



.product .con ul li:nth-child(even) a .left {

    float: left;

}

.product .con ul li:nth-child(even) a .right {

    left: auto;

    right: 0;

}





.list-download span{font-size:22px;font-weight:700;display:block;margin-bottom:40px;color:#333}

.item-download li{border: 1px solid #e9e9e9;}

.item-download li:not(.item-search__inner){margin-bottom:20px;background-color:#fff;-moz-transition:background .4s ease;-o-transition:background .4s ease;-webkit-transition:background .4s ease;transition:background .4s ease}

.item-download a{position:relative;display:block;padding:32px 0}

.item-download a>div{font-size:16px;line-height:1.6;display:inline-block;vertical-align:middle}

.title-download{width:18.20833vw;padding-left:30px;color:#202020;-moz-transition:color .4s ease;-o-transition:color .4s ease;-webkit-transition:color .4s ease;transition:color .4s ease;padding-right:15px;font-weight:700}

.size-download,.type-download,.version-download{padding-right:15px;color:#666;-moz-transition:color .4s ease;-o-transition:color .4s ease;-webkit-transition:color .4s ease;transition:color .4s ease}

.version-download{width:16%}

.type-download{width:16%}

.size-download{width:16%}

.btn-download{position:absolute;top:50%;right:60px;width:34px;height:34px;margin-top:-17px;border-radius:50%;background-color:#1f368f;-moz-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}

.item-download li:not(.item-search__inner):hover a .btn-download i{color:#1f368f}

.item-download li:not(.item-search__inner):hover {

    background-color: #1F368F;

}

.item-download li:not(.item-search__inner):hover a>div {

    color: #fff;

}

.item-download  span {

        height: 68px;

    position: relative;

    line-height: 68px;

    font-size: 26px;

    color: #252b3a;

    text-indent: 15px;

}



.item-download li:not(.item-search__inner):hover a .btn-download {

    background-color: #fff;

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

}





.btn-download i {

    font-size: 18px;

    font-weight: 700;

    position: absolute;

    top: 50%;

    left: 50%;

    color: #fff;

    -moz-transition: color .4s ease;

    -o-transition: color .4s ease;

    -webkit-transition: color .4s ease;

    transition: color .4s ease;

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.icon-arrowupdown:before {

    content: "\e6c4";

}

.item-download li:not(.item-search__inner):hover a .btn-download i {

    color: #1F368F;

}











.zuixzx-box .news_content {

    line-height: 46px;

    height: 46px;

    margin-bottom: 8px;

    overflow: hidden;

	border-bottom:1px dashed #ddd;

}



.news_content .news_title {

    float: left;

    width: 72%;

    color: #999;

	font-size: 16px;

    overflow: hidden;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    white-space: nowrap;

	padding:0;

	font-weight: normal;

}

.news_content .news_more {

    float: right;

    width: 28%;

    font-size: 14px;

    color: #666666;

	font-weight: normal;

    text-align: right;

}







.formsection{width:1000px;height:auto;display:flex;justify-content:center;align-items:center;margin:0 auto}

.dea-list{float:left;width:100%;margin-top:40px;margin-bottom:60px}

.dea-list input.input-text{float:left;width:30.1%;height:48px;padding-left:1%;margin-bottom:20px;border:1px solid #c6c6c5;font-size:14px;color:#a4a3a3}

.biaoti{background:#fff url(../images/bt.png) no-repeat right 0;margin:0 3% 25px 0}

.xingm {background: #fff url(../images/xingm.png) no-repeat right 0;margin: 0 3% 25px 0;}

.dea-list textarea.textarea-text{width:98.8%;resize:none;height:140px;padding:15px 0 15px 1%;border:1px solid #c6c6c5;font-size:14px}

.neir{margin:0 0 25px 0}

.form-group{display:flex}

.dea-list .btn_box{width:310px;margin:0 auto}

.btn_box{display:flex}

.dea-list input.sub.reg{background:#10568a;}

.dea-list input.sub{float:left;width:100%;height:50px;border:none;text-align:center;font-size:18px;line-height:50px;color:#fff}

.btn_box input:first-child {margin-right: 8%;}