@charset "utf-8";
body {
  color: #333;
  font: 14px "Microsoft Yahei";
}
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input {  margin: 0;  padding: 0;  list-style: none;}
a {  color: #333;  text-decoration: none;}
a:focus {  outline: 0;}
img {  border: none;}
.vam {  vertical-align: middle;}
.clear {  clear: both;  height: 0;  line-height: 0;  font-size: 0;}
p {  word-spacing: 0;}
i,em {  font-style: normal;}
.tr {  text-align: right;}
.tl {  text-align: left;}
.center {  text-align: center;}
.fl {  float: left;}
.fr {  float: right;}
.pa {  position: absolute;}
.pr {  position: relative;}
.clearfix:after {  content: "";  height: 0;  clear: both;  display: block;  visibility: hidden;}
.clearfix {  zoom: 1;}
.content {  width: 1200px;  margin: 0 auto;}
.white,
.whites {  position: relative;  overflow: hidden;}
.white:after,
.whites:after {  content: '';  cursor: pointer;  position: absolute;  left: -100%;  top: 0;  width: 100%;  height: 100%;
  background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  transform: skewx(-25deg);
}
.white:hover:after {  left: 100%;  -moz-transition: 1s;  -o-transition: 1s;  -webkit-transition: 1s;  transition: 1s;}
.whites:hover:after {  left: 100%;  -moz-transition: 0.5s;  -o-transition: 0.5s;  -webkit-transition: 0.5s;  transition: 0.5s;}
body {  min-width: 1200px;  width: 100%;  max-width: 1920px;  margin: 0 auto;  overflow-x: hidden;}
i,em {  font-style: normal;}
.content {  width: 1200px;  margin: 0 auto;}
input::-webkit-input-placeholder {  color: #b2b2b2;  font-size: 14px;  text-transform: capitalize;}
input::-moz-placeholder {  color: #b2b2b2;  font-size: 14px;  text-transform: capitalize;}
input:-moz-placeholder {  color: #b2b2b2;  font-size: 14px;  text-transform: capitalize;}
input:-ms-input-placeholder {  color: #b2b2b2;  font-size: 14px;  text-transform: capitalize;}
@keyframes myfirst {
  0% {    background-position: 0 bottom;  }
  100% {    background-position: 100% bottom;  }
}
.line {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.clear {  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}

.banner {  height: auto;  max-width: 1920px;  margin: 0 auto!important;  position: relative;  margin-top: -69px;}
.banner .bd li {  float: left;  width: 100%;  line-height: 0;}
.banner .bd li img {  width: 100%;}
.banner .bd li a {  display: block;}
.banner .hd {  z-index: 1;  margin: 0 auto;  text-align: center;  position: absolute;  left: 0;  width: 100%;  bottom: 8%;  cursor: pointer;}
.banner .hd li {  width: 13px;  height: 13px;  background: #fff;  display: inline-block;  margin: 0 10px;  border-radius: 13px;}
.banner .hd li.on {  background: #1753c5;  width: 39px;}
.banner .prev {  position: absolute;  top: calc(45% - 35px);  left: 0%;  z-index: 10;  cursor: pointer;  opacity: 0;  transition: all 0.5s linear;}
.banner .next {  position: absolute;  top: calc(45% - 35px);  right: 0%;  z-index: 10;  cursor: pointer;  opacity: 0;  transition: all 0.5s linear;}
.banner:hover .prev {  opacity: 1;  left: 6%;}
.banner:hover .next {  opacity: 1;  right: 6%;}

.bk-title {  text-align: center;}
.bk-title h2 {  display: block;  font-size: 58px;  font-weight: bold;  line-height: 68px;  color: #000000; letter-spacing:1px;}
.bk-title span {  font-size: 18px;  font-weight: normal;  line-height: 20px;  color: #333;  display: block;  margin-top: 12px;}

.guide {  height: 539px;  box-sizing: border-box;  background-repeat: no-repeat;  background-position: center center;  background-size: auto auto;  padding-top: 96px;}
.guide h2 {  font-size: 48px;  font-weight: normal;  line-height: 48px;  color: #000;  text-align: center; letter-spacing:2px;}
.guide span {  font-size: 18px;  font-weight: normal;  line-height: 20px;  color: #333;  display: block;  margin-top: 12px;}

.guide h2::after {  content: "";  display: block;  width: 56px;  height: 2px;  background: #1753c5;  margin: 18px auto 0;}
.guide .desc {  font-size: 16px;  font-weight: normal;  line-height: 32px;  color: #666;  text-align: center;  margin-top: 24px;  letter-spacing: 1px;}
.guide .list {  margin-top: 60px;}
.guide .list ul li {  float: left;  border-right: 1px solid #E3E3E3;  height: 78px;  padding: 0 60px;}
.guide .list ul li b {  font-size: 50px;  font-weight: bold;  line-height: 80%;  color: #000;  font-family: Arial;  letter-spacing: -1px;  display: inline-block;}
.guide .list ul li b i {  display: inline-block;  width: 24px;  height: 24px;
  background: #ea0101;  text-align: center;  font-size: 16px;  font-weight: normal;  line-height: 24px;  color: #fff;  border-radius: 50%;  vertical-align: top;  margin-left: 14px;}
.guide .list ul li span {  display: block;  font-size: 18px;  font-weight: normal;  line-height: 20px;  color: #0D0D0D;  opacity: 0.9;  margin-top: 16px;}
.guide .list ul li:first-of-type {  padding-left: 0;}
.guide .list ul li:last-of-type {  margin-right: 0;  border-right: 0;  padding-right: 0;}


.product {  height: 921px;  background-image: url('../images/pro-bg.jpg');  background-repeat: no-repeat;  background-position: center top;  background-size: auto auto;}
.product dl {  padding-top: 92px;  position: relative;}
.product dl dt {  float: right;  width: 904px;  line-height: 0;  overflow: hidden;  margin-right: -360px;}
.product dl dt img {  display: block;  width: 904px;  height: 738px;  transition: 1s;}
.product dl dd {  float: left;  width: 625px;  margin-top: 35px;}
.product dl dd h2 {  padding-right: 44px;  background-image: url('../images/pro-n1.png');  background-repeat: no-repeat;  background-position: left top;  background-size: auto auto;  padding-top: 5px;  padding-left: 47px;}
.product dl dd h2 b {  font-size: 44px;  font-weight: bold;  line-height: 42px;  color: #333;  display: block;  float: left;}
.product dl dd h2 b:hover {  color: #ea0101;}
.product dl dd h2 em {  float: right;  font-size: 20px;  font-weight: bold;  line-height: 20px;  color: #333;  text-transform: capitalize;  margin-top: -5px;}
.product dl dd h2 em span {  color: #ea0101;}
.product dl dd h2 em:hover {  color: #ea0101;}
.product dl dd h2::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.product dl dd p {  padding-right: 44px;  font-size: 16px;  font-weight: normal;  line-height: 32px;  color: #666;  display: block;  margin-top: 24px;}
.product dl dd .list {  position: absolute;  left: 0;  bottom: 0;  width: 600px;}
.product dl dd .list ul li {  float: left;  width: 280px;  position: relative;  margin-top: 11px;}
.product dl dd .list ul li::before {  content: "";  display: block;  width: 0;  height: 1px;  background: #ea0101;  transition: 0.35s;  left: 0;  top: 0;  position: absolute;}
.product dl dd .list ul li::after {  content: "";  display: block;  width: 1px;  height: 0;  background: #ea0101;  transition: 0.35s;  left: 0;  top: 0;  position: absolute;}
.product dl dd .list ul li a {  display: block;}
.product dl dd .list ul li a::before {  content: "";  display: block;  width: 0;  height: 1px;  background: #ea0101;  transition: 0.35s;  right: 0;  bottom: 0;  position: absolute;}
.product dl dd .list ul li a::after {  content: "";  display: block;  width: 1px;  height: 0;  background: #ea0101;  transition: 0.35s;  right: 0;  bottom: 0;  position: absolute;}
.product dl dd .list ul li img {  width: 280px;  height: 235px;  display: block;  transition: 1s;}
.product dl dd .list ul li h4 {  position: absolute;  left: 0;  bottom: 0;  width: 100%;  font-size: 16px;  font-weight: normal;  line-height: 18px;  color: #333;
  background-image: url('../images/pro-more.png');  background-repeat: no-repeat;  background-position: right 32px top 4px;  background-size: auto auto;  display: block;
  text-indent: 24px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  transition: 0.25s;  padding-right: 58px;  box-sizing: border-box;}
.product dl dd .list ul li h4 span {  display: block;  font-size: 12px;  font-weight: normal;  line-height: 100%;  color: #333;  opacity: 0.32;  margin-top: 2px;  margin-bottom: 15px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.product dl dd .list ul li:nth-of-type(even) {  float: right;}
.product dl dd .list ul li:hover::before,
.product dl dd .list ul li.cur::before {  width: 100%;}
.product dl dd .list ul li:hover::after,
.product dl dd .list ul li.cur::after {  height: 100%;}
.product dl dd .list ul li:hover a::before,
.product dl dd .list ul li.cur a::before {  width: 100%;}
.product dl dd .list ul li:hover a::after,
.product dl dd .list ul li.cur a::after {  height: 100%;}
.product dl dd .list ul::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.product dl::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}

.product2 {  padding-top: 88px;  padding-bottom: 90px;}
.product2 dl {  position: relative;}
.product2 dl dt {  float: left;  width: 545px;  line-height: 0;  overflow: hidden;}
.product2 dl dt img {  display: block;  width: 545px;  height: 738px;  transition: 1s;}
.product2 dl dd {  float: right;  width: 625px;  margin-top: 25px;}
.product2 dl dd h2 {  padding-right: 44px;  background-image: url('../images/pro-n2.png');  background-repeat: no-repeat;  background-position: left top;  background-size: auto auto;  padding-top: 5px;  padding-left: 50px;}
.product2 dl dd h2 b {  font-size: 40px;  font-weight: bold;  line-height: 42px;  color: #333;  display: block;  float: left;}
.product2 dl dd h2 b:hover {  color: #ea0101;}
.product2 dl dd h2 em {  float: right;  font-size: 20px;  font-weight: bold;  line-height: 20px;  color: #333;  text-transform: capitalize;  margin-top: -5px;}
.product2 dl dd h2 em span {  color: #ea0101;}
.product2 dl dd h2 em:hover {  color: #ea0101;}
.product2 dl dd h2::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.product2 dl dd p {  padding-right: 44px;  font-size: 16px;  font-weight: normal;  line-height: 28px;  color: #666;  display: block;  margin-top: 24px;}
.product2 dl dd .list {  position: absolute;  right: 0;  bottom: 0;  width: 600px;}
.product2 dl dd .list ul li {  float: left;  width: 280px;  position: relative;  margin-top: 11px;  background: #666;}
.product2 dl dd .list ul li::before {  content: "";  display: block;  width: 0;  height: 1px;  background: #ea0101;  transition: 0.35s;  left: 0;  top: 0;  position: absolute;  z-index: 1;}
.product2 dl dd .list ul li::after {  content: "";  display: block;  width: 1px;  height: 0;  background: #ea0101;  transition: 0.35s;  left: 0;  top: 0;  position: absolute;  z-index: 1;}
.product2 dl dd .list ul li a {  display: block;}
.product2 dl dd .list ul li a::before {  content: "";  display: block;  width: 0;  height: 1px;  background: #ea0101;  transition: 0.35s;  right: 0;  bottom: 0;  position: absolute;  z-index: 1;}
.product2 dl dd .list ul li a::after {  content: "";  display: block;  width: 1px;  height: 0;  background: #ea0101;  transition: 0.35s;  right: 0;  bottom: 0;  position: absolute;  z-index: 1;}
.product2 dl dd .list ul li img {  width: 280px;  height: 260px;  display: block;  transition: 1s;  opacity: 0.9;}
.product2 dl dd .list ul li h4 {  position: absolute;  left: 0;  bottom: 0;  width: 100%;  font-size: 16px;  font-weight: normal;  line-height: 18px;  color: #333;  background-image: url('../images/pro-more.png');  background-repeat: no-repeat;  background-position: right 32px top 4px;  background-size: auto auto;  display: block;  text-indent: 24px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  transition: 0.25s;  padding-right: 58px;  box-sizing: border-box;}
.product2 dl dd .list ul li h4 span {  display: block;  font-size: 12px;  font-weight: normal;  line-height: 100%;  color: #333;  opacity: 0.32;  margin-top: 2px;  margin-bottom: 15px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.product2 dl dd .list ul li:nth-of-type(even) {  float: right;}
.product2 dl dd .list ul li:hover::before,
.product2 dl dd .list ul li.cur::before {  width: 100%;}
.product2 dl dd .list ul li:hover::after,
.product2 dl dd .list ul li.cur::after {  height: 100%;}
.product2 dl dd .list ul li:hover a::before,
.product2 dl dd .list ul li.cur a::before {  width: 100%;}
.product2 dl dd .list ul li:hover a::after,
.product2 dl dd .list ul li.cur a::after {  height: 100%;}
.product2 dl dd .list ul::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.product2 dl::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}

.product3 {  background-image: url('../images/guidebg01.png');  background-repeat: no-repeat;  background-position: center top;  background-size: auto auto;  background-repeat: repeat;  padding-top: 93px;  padding-bottom: 91px;}
.product3 .product3-tit ul li {  float: left;  width: 600px;  height: 112px;}
.product3 .product3-tit ul li a {  display: block;}
.product3 .product3-tit ul li b {  font-size: 40px;  font-weight: bold;  line-height: 42px;  color: #1A1A1A;  padding-left: 90px;  padding-top: 42px;  float: left;}
.product3 .product3-tit ul li em {  float: right;  font-size: 20px;  font-weight: bold;  line-height: 20px;  color: #333;  display: block;  text-transform: capitalize;  margin-top: 57px;  margin-right: 45px;}
.product3 .product3-tit ul li:nth-of-type(1) {  background: #fff url('../images/pro-n3.png');  background-repeat: no-repeat;  background-position: 40px 40px;  background-size: auto auto;}
.product3 .product3-tit ul li:nth-of-type(2) {  background: #fff url('../images/pro-n4.png');  background-repeat: no-repeat;  background-position: 40px 40px;  background-size: auto auto;}
.product3 .product3-tit ul li::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.product3 .product3-tit ul li.cur em,
.product3 .product3-tit ul li.cur b {  color: #fff;}
.product3 .product3-tit ul li.cur:nth-of-type(1) {  background: #ea0101 url('../images/pro-n3h.png');  background-repeat: no-repeat;  background-position: 40px 40px;  background-size: auto auto;}
.product3 .product3-tit ul li.cur:nth-of-type(2) {  background: #ea0101 url('../images/pro-n4h.png');  background-repeat: no-repeat;  background-position: 40px 40px;  background-size: auto auto;}
.product3 .product3-tit ul::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.product3 .product3-con {  position: relative;  margin-top: 25px;}
.product3 .product3-con ul li {  float: left;  margin-bottom: 2px;  position: relative;}
.product3 .product3-con ul li::before {  content: "";  display: block;  width: 0;  height: 1px;  background: #ea0101;  transition: 0.35s;  left: 0;  top: 0;  position: absolute;  z-index: 1;}
.product3 .product3-con ul li::after {  content: "";  display: block;  width: 1px;  height: 0;  background: #ea0101;  transition: 0.35s;  left: 0;  top: 0;  position: absolute;  z-index: 1;}
.product3 .product3-con ul li a {  display: block;}
.product3 .product3-con ul li a::before {  content: "";  display: block;  width: 0;  height: 1px;  background: #ea0101;  transition: 0.35s;  right: 0;  bottom: 0;  position: absolute;  z-index: 1;}
.product3 .product3-con ul li a::after {  content: "";  display: block;  width: 1px;  height: 0;  background: #ea0101;  transition: 0.35s;  right: 0;  bottom: 0;  position: absolute;  z-index: 1;}
.product3 .product3-con ul li img {  width: 270px;  height: 224px;  display: block;  transition: 1s;}
.product3 .product3-con ul li h4 {  position: absolute;  left: 0;  bottom: 0;  width: 100%;  font-size: 16px;  font-weight: normal;  line-height: 18px;  color: #333;  background-image: url('../images/pro-more.png');  background-repeat: no-repeat;  background-position: right 16px top 4px;  background-size: auto auto;  display: block;  text-indent: 20px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  transition: 0.25s;  padding-right: 58px;  box-sizing: border-box;}
.product3 .product3-con ul li h4 span {  display: block;  font-size: 12px;  font-weight: normal;  line-height: 100%;  color: #333;  opacity: 0.32;  margin-top: 2px;  margin-bottom: 15px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.product3 .product3-con ul li:nth-of-type(3n-1) {  float: right;  margin-left: 600px;}
.product3 .product3-con ul li:nth-of-type(1),
.product3 .product3-con ul li:nth-of-type(4),
.product3 .product3-con ul li:nth-of-type(5) {  box-shadow: 0px 10px 21px 0px rgba(4, 0, 0, 0.08);}
.product3 .product3-con ul li:first-of-type {  position: absolute;  left: 300px;}
.product3 .product3-con ul li:first-of-type img {  width: 600px;  height: 450px;}
.product3 .product3-con ul li:first-of-type h4 {  left: 0;  top: 35px;  background-image: url('../images/pro-more.png');  background-repeat: no-repeat;  background-position: right top 2px;  background-size: auto auto;  display: inline-block;  width: auto;  padding-right: 26px;  height: auto;  bottom: auto;}
.product3 .product3-con ul li:hover::before,
.product3 .product3-con ul li.cur::before {  width: 100%;}
.product3 .product3-con ul li:hover::after,
.product3 .product3-con ul li.cur::after {  height: 100%;}
.product3 .product3-con ul li:hover a::before,
.product3 .product3-con ul li.cur a::before {  width: 100%;}
.product3 .product3-con ul li:hover a::after,
.product3 .product3-con ul li.cur a::after {  height: 100%;}
.product3 .product3-con ul::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
/*产品展示*/
.tab3{width: 1500px; padding-top:50px;}
.tab3 .tit{text-align: center;}
.tab3 .tit h2 {height: 85px;line-height: 85px;font-size:38px;color: #333; font-weight:bold;}
.tab3 .tit h2 a{color: #333;}
.tab3 .tit p{height: 65px;line-height: 65px;font-size:16px;color: #333333}
.tab3 .tit p a{color: #fff;margin-right: 24px;padding:12px 40px; background:#1753c5;}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:12px 40px; background:#ea0101;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}

.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/
.project {  height: 600px;  background-image: url('../images/fa-bg.jpg');  background-repeat: no-repeat;  background-position: center top;  background-size: auto auto;}
.project dl dt {  float: right;  width: 916px;  margin-right: -355px;  margin-top: 140px;}
.project dl dt img {  width: 916px;  height: 517px;  display: block;}
.project dl dd {  float: left;  width: 885px;  margin-right: -300px;  margin-top: 112px;}
.project dl dd h2 b {  background-image: url('../images/fa-n1.png');  background-repeat: no-repeat;  background-position: left top;  background-size: auto auto;  display: block;  font-size: 38px;  font-weight: bold;  line-height: 40px;  color: #fff;  padding-left: 57px;  padding-top: 20px;}
.project dl dd h2 span {  font-size: 18px;  font-weight: normal;  line-height: 20px;  color: #fff;  opacity: 0.47;  display: block;  margin-top: 18px;}
.project dl dd ul {  margin-top: 50px;}
.project dl dd ul li {  float: left;  height: 44px;  border-left: 2px solid #fff;  padding-left: 12px;  font-size: 18px;  font-weight: normal;  line-height: 18px;  color: #fff;  width: 138px;  white-space: nowrap;}
.project dl dd ul li b {  display: block;  margin-bottom: 6px;}
.project dl dd ul::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.project dl dd .zx em {  background-image: url('../images/fa-tel.png');  background-repeat: no-repeat;  background-position: left center;  background-size: auto auto;  padding-left: 63px;  height: 44px;  display: block;  margin-top: 75px;  font-size: 28px;  font-weight: bold;  line-height: 80%;  color: #fff;}
.project dl dd .zx em span {  font-size: 16px;  font-weight: normal;  line-height: 16px;  color: #fff;  display: block;  margin-bottom: 4px;}
.project dl dd .zx a {  width: 231px;  height: 48px;  background: #ea0101 url('../images/fa-zx.png');  background-repeat: no-repeat;  background-position: 59px center;  background-size: auto auto;  display: block;  font-size: 18px;  font-weight: bold;  line-height: 48px;  color: #fff;  text-indent: 92px;  margin-top: 15px;  transition: 0.25s;}
.project dl dd .zx a:hover {  background: #ea0101 url('../images/fa-zx.png');  background-repeat: no-repeat;  background-position: 55px center;  background-size: auto auto;  text-indent: 98px;}

.case {  padding-top: 90px;  padding-bottom: 68px;  border-bottom: 1px solid #EDEDED; background: url(../images/case-bg.jpg) no-repeat center top;}
.case .case-c {  position: relative;  margin-top: 32px;}
.case .case-c::before {  content: "";  display: block;  width: 360px;  height: 425px;  background: #f3f3f3;  position: absolute;  right: -360px;  top: 56px;}
.case .case-c dl {  background: #fff;}
.case .case-c dl dt {  float: left;  width: 716px;  line-height: 0;  overflow: hidden;}
.case .case-c dl dt img {  width: 716px;  height: 537px;  display: block;  transition: 1s;}
.case .case-c dl dt img:hover {  transform: scale(1.03);}
.case .case-c dl dd {  float: left;  width: 549px;  background: #F3F3F3;  height: 340px;  box-sizing: border-box;  margin-left: -65px;  margin-top: 100px;  position: relative;  z-index: 1;  padding-top: 60px;  padding-left: 52px;}
.case .case-c dl dd h4 {  height: 45px;  border-bottom: 1px solid #e2e2e2;  font-size: 26px;  font-weight: bold;  line-height: 26px;  color: #333;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.case .case-c dl dd h4:hover {  color: #ea0101;}
.case .case-c dl dd p {  font-size: 16px;  font-weight: normal;  color: #626262;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  line-height: 28px;  height: 120px;  margin-top: 12px;  margin-bottom: 28px;}
.case .case-c dl dd i {  font-size: 16px;  font-weight: bold;  line-height: 100%;  color: #ea0101;  text-transform: capitalize;  background-image: url('../images/case-more.png');  background-repeat: no-repeat;  background-position: right center;  background-size: auto auto;  padding-right: 30px;  display: inline-block;  transition: 0.35s;}
.case .case-c dl dd i:hover {  padding-right: 40px;}
.case .case-c dl dd .xpic {  position: absolute;  left: 52px;  bottom: 45px;}
.case .case-c dl dd .xpic em {  width: 156px;  float: left;  margin-right: 10px;  line-height: 0;  overflow: hidden;}
.case .case-c dl dd .xpic em img {  display: block;  width: 156px;  height: 116px;  transition: 0.5s;}
.case .case-c dl dd .xpic em img:hover {  transform: scale(1.03);}
.case .case-c dl dd .xpic::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.case .case-c dl::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.case .case-c .prev {  position: absolute;  right: 45px;  top: 0;  z-index: 1;  cursor: pointer;}
.case .case-c .next {  position: absolute;  right: 0;  top: 0;  z-index: 1;  cursor: pointer;}
.case .case-b {  margin-top: 50px;  position: relative;}
.case .case-b .prev {  position: absolute;  left: -71px;  top: 70px;  z-index: 1;  cursor: pointer;}
.case .case-b .next {  position: absolute;  right: -71px;  top: 70px;  z-index: 1;  cursor: pointer;}
.case .case-b .tempWrap {  width: 1200px!important;  padding-left: 20px;  margin-left: -20px;}
.case .case-b ul li {  float: left;  width: 207px;  margin-right: 41px;  background: #333;  margin-top: 20px;  margin-bottom: 20px;}
.case .case-b ul li img {  display: block;  width: 207px;  height: 154px;  border: 1px solid #EEEEEE;  box-sizing: border-box;  transition: 0.35s;}
.case .case-b ul li:last-of-type {  margin-right: 0;}
.case .case-b ul li:hover img {  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);  border: 1px solid #fff;}
.case .case-b ul::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}

.ys {  padding-top: 88px;  position: relative;  padding-bottom: 51px;}
.ys::after {  content: "";  display: block;  width: 100%;  bottom: 0;  position: absolute;  background: #f5f5f5;  height: 217px;}
.ys .ys-c {  margin-top: 45px;  position: relative;  z-index: 1;}
.ys .ys-c .tempWrap {  margin-left: -1110px !important;}
.ys .ys-c .list dl {  width: 960px;  float: left;  margin-left: 120px;}
.ys .ys-c .list dl dt {  width: 960px;  height: 530px;  display: block;  line-height: 0;  overflow: hidden;}
.ys .ys-c .list dl dt img {  display: block;  width: 960px;  height: 530px;  transition: 1s;}
.ys .ys-c .list dl dd {  position: relative;  padding-left: 49px;  box-sizing: border-box;  display: none;  height: 166px;}
.ys .ys-c .list dl dd::before {  content: "";  display: block;  width: 16px;  height: 60px;  background: #ea0101;  position: absolute;  left: 0;  top: 0;}
.ys .ys-c .list dl dd h4 {  display: block;  padding-top: 30px;  font-size: 26px;  font-weight: bold;  line-height: 28px;  color: #1a1a1a;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.ys .ys-c .list dl dd p {  display: block;  padding-top: 12px;  font-size: 16px;  font-weight: normal;  line-height: 24px;  color: #666;}
.ys .ys-c .list dl dd span {  display: block;  width: 180px;  height: 180px;  background: #ea0101;  position: absolute;  right: 0;  top: 0;}
.ys .ys-c .list dl dd::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.ys .ys-c .list dl.cur dd {  display: block;}
.ys .ys-c .list::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.ys .ys-c .prev {  position: absolute;  left: -2px;  top: 220px;  width: 62px;  height: 62px;  z-index: 1;  cursor: pointer;  background: #fff;  border-radius: 3px;}
.ys .ys-c .next {  position: absolute;  right: 60px;  top: 220px;  width: 62px;  height: 62px;  z-index: 1;  cursor: pointer;  background: #fff;  border-radius: 3px;}

.news {  padding-top: 100px;  padding-bottom: 90px;}
.news_con {  margin-top: 64px;}
.news_con::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.news_con h2 a {  height: 40px;  display: block;  position: relative;  color: #333333;  font-weight: bold;  font-size: 22px;  font-weight: normal;  line-height: 24px;  color: #333;}
.news_con h2 a span {  display: inline-block;  font-size: 13px;  font-weight: normal;  line-height: 80%;  color: #666;  margin-left: 10px;}
.news_con h2 a em {  float: right;  font-size: 14px;  font-weight: normal;  line-height: 80%;  color: #666;  text-transform: capitalize;  background-image: url('../images/news-more.png');  background-repeat: no-repeat;  background-position: right center;  background-size: auto auto;  padding-right: 14px;  margin-top: 8px;}
.news_con h2 a:hover,
.news_con h2 em:hover {  color: #ea0101;}
.news_l {  float: left;  width: 570px;}
.news_l dl {  width: 570px;  border-bottom: 1px solid #eee;  margin-bottom: 15px;}
.news_l dl dt {  position: relative;  display: block;  width: 570px;  height: 217px;  line-height: 0;  overflow: hidden;}
.news_l dl dt img {  display: block;  width: 570px;  height: 217px;  transition: 1s;}
.news_l dl dd h3 a {  display: block;  padding-top: 24px;  font-size: 18px;  color: #333333;  line-height: 20px;  font-weight: normal;  margin-bottom: 17px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.news_l dl dd p {  display: block;  font-size: 14px;  font-weight: normal;  color: #808080;  margin-bottom: 23px;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  line-height: 22px;  height: 44px;}
.news_l dl:hover dt img {  transform: scale(1.03);}
.news_l ul {  margin-top: 18px;}
.news_l li {  line-height: 36px;  position: relative;  display: block;  font-size: 16px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.news_l li a {  display: block;  color: #333;}
.news_l li h4{    float: left;    width: 440px;    overflow: hidden;    font-weight: normal;    text-overflow: ellipsis;white-space: nowrap;}
.news_l li a em {  float: right;  font-size: 14px;  font-weight: normal;  line-height: 36px;  color: #808080;  font-family: Arial;}
.news_r {  float: right;  width: 570px;}
.news_r ul {  border-top: 2px solid #eee;  display: block;  padding-top: 18px;  height: 155px;}
.news_r ul::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.news_r li {  padding-left: 18px;  position: relative;  height: 36px;}
.news_r li::before {  content: "";  display: block;  width: 6px;  height: 2px;  background: #666;  position: absolute;  left: 0;  top: 50%;  margin-top: -1px;}
.news_r li a {  font-size: 16px;  font-weight: normal;  line-height: 36px;  color: #333;  display: block;}
.news_r li h4{    float: left;    width: 440px;    overflow: hidden;    font-weight: normal;    text-overflow: ellipsis;white-space: nowrap;}
.news_r li a em {  float: right;  font-size: 14px;  font-weight: normal;  line-height: 36px;  color: #808080;  font-family: Arial;}
.news_r dl {  margin-top: 20px;}
.news_r dl::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.news_r dl dt {  float: right;  width: 222px;  height: 125px;  display: block;  line-height: 0;  overflow: hidden;}
.news_r dl dt img {  width: 222px;  height: 125px;  display: block;  transition: 1s;}
.news_r dl dd {  width: 348px;  float: left;  padding: 0 30px;  height: 125px;  background: #f2f2f2;  box-sizing: border-box;}
.news_r dl dd h3 a {  font-size: 18px;  color: #333333;  line-height: 18px;  padding: 29px 0 13px;  font-weight: normal;  display: block;  transition: all 0.3s;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.news_r dl dd p {  font-size: 14px;  color: #888;  line-height: 24px;}
.news_r dl:hover dt img {  transform: scale(1.03);}
.news_r h3 a:hover,
.news_r li a:hover,
.news_l li a:hover,
.news_l dd h3 a:hover {  color: #ea0101;}

.about {  background-image: url('../images/aboutbg.jpg');  background-repeat: no-repeat;  background-position: center top;  background-size: auto auto;  background-repeat: repeat;}
.about .about-l {  float: left;  width: 500px;  padding-top: 90px;}
.about .about-l .bk-title {  text-align: left;}
.about .about-l p {  margin-top: 42px; font-size: 16px;  font-weight: normal;  line-height: 28px; }
.about .about-l p span {  display: block;  font-size: 18px;  font-weight: normal;  line-height: 28px;  color: #333;  background-image: url('../images/abt-xjt.png');  background-repeat: no-repeat;  background-position: left center;  background-size: auto auto;  padding-left: 20px;}
.about .about-l .list {  margin-top: 62px;  position: relative;}
.about .about-l .list h3 {  font-size: 22px;  font-weight: normal;  line-height: 22px;  color: #333;  display: block;  background-image: url('../images/abt-ic.png');  background-repeat: no-repeat;  background-position: left center;  background-size: auto auto;  padding-left: 36px;  margin-bottom: 24px;}
.about .about-l .list .tempWrap {  width: 100%!important;}
.about .about-l .list ul li {  float: left;  width: 240px;  margin-right: 20px;  line-height: 0;  overflow: hidden;}
.about .about-l .list ul li img {  width: 240px;  height: 180px;  display: block;  transition: 1s;}
.about .about-l .list ul li:last-of-type {  margin-right: 0;}
.about .about-l .list ul li:hover img {  transform: scale(1.03);}
.about .about-l .list ul::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.about .about-l .list .prev {  position: absolute;  right: 34px;  top: 2px;  cursor: pointer;}
.about .about-l .list .next {  position: absolute;  right: 0;  top: 2px;  cursor: pointer;}
.about .about-r {  width: 960px;  float: right;  margin-right: -360px;}
.about .about-r img {  width: 960px;  height: 715px;  display: block;}
.about::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}

.link {  height: 72px;  margin-top: -72px;  font-size: 14px;  font-weight: normal;  line-height: 72px;  color: rgba(255, 255, 255, 0.5);  text-align: right;}
.link .content {  height: 72px;  padding-left: 600px;  box-sizing: border-box;  overflow: hidden;}
.link a {  display: inline-block;  color: rgba(255, 255, 255, 0.5);  margin-left: 20px;  position: relative;  top: 0;  transition: 0.25s;}
.link a:hover {  text-decoration: underline;}