*, :before, :after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
article, aside, audio, blockquot, body, dd, div, dl, dt, figcaption, figure, filedset, form, h1, h2, h3, h4, h5, h6, header, html, input, li, nav, ol, p, section, ul, video {
  margin: 0;
  padding: 0
}
em, h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-style: normal;
  font-weight: 400
}
li, ol, ul {
  list-style: none
}
fieldset, img {
  max-width: 100%;
  height: auto;
  border: 0 none;
  vertical-align: middle
}
table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate
}
table td, table th {
  text-align: center;
  padding: 10px;
  line-height: 20px;
  word-break: break-all
}
button, input, select, textarea {
  font: 12px/20px Arial;
  outline: 0;
  resize: none;
  border: none
}
input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: none;
  outline: 0;
  cursor: pointer
}
:focus {
  outline: 0
}
a {
  color: #00132b;
  text-decoration: none;
  outline: 0;
  cursor: pointer
}
a:link, a:visited {
  text-decoration: none
}
a:active {
  text-decoration: none
}
.clearfix:after {
  clear: both;
  content: '';
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden
}
.clearfix {
  zoom: 1
}
.clear {
  clear: both
}
.fl {
  float: left
}
.fr {
  float: right
}
body {
	font-size: 14px/20px;
    font-family: "SourceSansPro-Regular", Microsoft YaHei, system-ui, -apple-system, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
  color: #333;
  line-height: 1.1
}

.w {
  max-width: 1300px;
  margin: 0 auto
}
.header {
  padding: 13px 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999
}
.header .w {
  max-width: 1500px
}
.header .logo {padding-top: 10px;
  float: left
}
.header .nav {
  margin-top: 10px;
  margin-left: 50px;
  float: left;
  overflow: hidden
}
.header .nav li {
  width:95px;
  float: left
}
.header .nav li a {
  font-size: 16px;
  color: #ffffff;
  line-height: 46px;
  text-align: center;
  display: block;
  transition: all linear 0.3s
}
.header .nav li:hover a, .header .nav .li_on a {
  font-size: 20px;
  color: #0D94DF;
  font-weight: bold
}
.header .tel {
  float: right;
  margin-top: 6px;
  line-height: 57px
}
.header .tel p {
  float: left
}
.header .tel .p1 {
  font-size: 18px;
  color: #ffffff
}
.header .tel .p1 span {
  color: #ffaf35
}
.header .tel .p2 {
  width: 239px;
  background: url(../images/headertelbg.png) center no-repeat;
  background-size: 100%;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  letter-spacing: 1px;
  margin-left: 21px;
  position: relative
}
.header .tel .p2:before {
  content: "";
  width: 20px;
  height: 22px;
  background: url(../images/headerteltb.png) center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 7px
}
.header .tel .p2:after {
  content: "";
  width: 1px;
  background: #7f3000;
  position: absolute;
  left: 0;
  top: -8px;
  bottom: -8px
}
.header .tel .p2 strong {
  font-size: 22px
}
.footer {
  background: #343434;
  font-size: 16px;
  color: #fff;
  line-height: 78px
}
.footer dl {
  overflow: hidden
}
.footer dl a {
  color: #fff
}
.footer dl a:hover {
  color:#e9c37c
}
.footer dl dd {
  float: left;
  overflow: hidden
}
.footer dl dd p {
  float: left;
  font-weight: lighter
}
.footer dl dd .p1 {
  padding-left: 24px;
  background: url(../images/footertb01.png) left center no-repeat
}
.footer dl dd .p2 {
  padding-left: 33px;
  background: url(../images/footertb02.png) left center no-repeat;
  font-size: 17px;
  margin-left: 60px
}
.footer dl dd .p2 span {
  font-size: 19px;
  font-weight: normal
}
.footer dl dd a {
  margin-left: 14px
}
.footer dl dt {
  float: right
}
.footer dl dt a {
  margin-left: 30px
}
.titbox {
  position: relative
}
.titbox .titzs {
  margin-bottom: -22px;
  font-size: 42px;
  color: #efefef;
  color: rgba(29, 29, 31, 0.1);
  text-transform: uppercase;
  font-weight: bold;
  display: block
}
.titbox .h_tit {
  font-size: 42px;
  color: #1d1d1f;
  font-weight: bold
}
.titbox .h_tit a {
  color: #1d1d1f;
  transition: all linear 0.3s
}
.titbox .h_tit a:hover {
  color: #0a4c8a
}
.titbox .text {
  font-size:18px;
  color: #1d1d1f; line-height:30px;
  opacity: 0.8;
  margin-top:15px;
  margin-bottom:15px;
}
.titbox .more {
  font-size: 16px;
  color: #1d1d1f;
  position: absolute;
  right: 10px;
  top: 48px;
  transition: all linear 0.3s
}
.titbox .more:hover {
  font-size: 17px;
  color: #0D94DF;
  font-weight: bold
}
.rightfl_swt {
  width: 196px;
  height: 532px;
  background: url(../images/rightflswt.png) center no-repeat;
  background-size: 100%;
  position: fixed;
  right: -200px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 9999;
  transform: scale(0.9);
  transition: all linear 0.3s;
  opacity: 0
}
.rightfl_swt a {
  display: block
}
.rightfl_swt .btn1 {
  padding: 130px 0 23px 16px;
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  text-align: center
}
.rightfl_swt .btn1:after {
  content: "";
  width: 44px;
  height: 44px;
  background: url(../images/rightflswttb.gif) center no-repeat;
  background-size: 100%;
  border-top-left-radius: 50%;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 6px;
  margin-bottom: -9px
}
.rightfl_swt .sma {
  margin: 12px 17px 0 14px;
  padding: 17px 0 17px 16px;
  font-size: 15px;
  color: #ffffff;
  color: rgba(244, 244, 244, 0.8);
  transition: all linear 0.3s
}
.rightfl_swt .sma span {
  font-size: 18px;
  color: #ffffff;
  display: block;
  margin-bottom: 9px
}
.rightfl_swt .sma:hover {
  background: linear-gradient(to right, #c73c05, #ff9f29)
}
.rightfl_swt .btn4 {
  margin-top: 10px;
  font-size: 15px;
  color: #070707
}
.rightfl_swt .btn4 span {
  font-size: 15px;
  color: #070707;
  margin-bottom: 8px
}
.rightfl_swt .btn4 strong {
  font-size: 19px
}
.rightfl_swt .btn4:hover {
  background: none
}
.rightfl_swt .totop {
  padding: 30px 0 12px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer
}
.rightfl_swt.rightfl_swton {
  right: -20px;
  opacity: 1
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  position: relative
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.banner .swiper-slide {
  float: left
}
.banner .swiper-slide img {
  width: 100%
}
.banner .swiper-slide .sty1 {
  display: block;
  position: absolute;
  top: 26.32114%;
  left: 10.36458%;
  z-index: 2
}
.banner .swiper-slide .sty1:before {
  content: "";
  width: 89px;
  height: 82px;
  background: url(../images/bannerzs01.png) center no-repeat;
  background-size: 100%;
  position: absolute;
  left: -67px;
  top: -69px
}
.banner .swiper-slide .sty1 .tit a {
  font-size:120px;
  color: #fff;
  font-weight: bold;
  display: block
}
.banner .swiper-slide .sty1 .tit a:hover {
  color: #00dcff
}
.banner .swiper-slide .sty1 .ys {
  margin-top: 44px;
  overflow: hidden
}
.banner .swiper-slide .sty1 .ys span {
  width: 475px;
  background: url(../images/bannerbg01.png) center no-repeat;
  background-size: 100%;
  font-size: 18px;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  float: left
}
.banner .swiper-slide .sty1 .ys span + span {
  margin-left: 30px
}
.banner .swiper-slide .sty1 .text {
  font-size:24px;
  color: #ffffff;
  line-height: 1.88;
  margin-top: 45px;
  opacity:1
}
.banner .swiper-slide .more {
  width: 149px;
  height: 41px;
  background: url(../images/bannermorebg.jpg) center no-repeat;
  background-size: 100%;
  font-size: 16px;
  color: #1d1d1f;
  text-align: center;
  line-height: 41px;
  letter-spacing: 1px;
  display: block;
  position: absolute;
  left: 12.36458%;
  bottom: 27.00813%
}
.banner .swiper-slide .more:before, .banner .swiper-slide .more:after {
  content: "";
  width: 41px;
  background: url(../images/bannermorebg2.jpg) center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -41px;
  top: 0;
  bottom: 0
}
.banner .swiper-slide .more:after {
  content: "";
  background: url(../images/bannermoretb.png) center no-repeat;
  background-size: 8px
}
.banner .swiper-slide .more:hover {
  font-size: 17px;
  color: #e88300;
  font-weight: bold
}
.banner .swiper-slide .more:hover:before {
  background: #e88300
}
.banner .one .sty1 .text {
  padding-left: 12px;
  font-size:36px;
  position: relative
}
.banner .one .sty1 .text:before {
  content: "";
  width: 2px;
  background: #7e8687;
  position: absolute;
  left: 0;
  top: 18%;
  bottom: 18%;
  box-shadow: 0 0 2px #7e8687
}
.banner .one .sty2 {
  width: 498px;
  padding-left: 69px;
  position: absolute;
  right: 10.36458%;
  top: 25.20325%;
  cursor: pointer
}
.banner .one .sty2:before {
  content: "";
  width: 211px;
  height: 290px;
  background: url(../images/bannerzs02.png) center no-repeat;
  background-size: 100%;
  position: absolute;
  right: -25px;
  top: 14px
}
.banner .one .sty2 .videobtn {
  width: 69px;
  height: 65px;
  background: #222a29;
  position: absolute;
  left: 0;
  top: 0
}
.banner .one .sty2 .videobtn:before {
  content: "";
  border-left: 14px solid #fff;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7px;
  margin-top: -9px
}
.banner .one .sty2 p {
  width: 69px;
  background: #fb0000;
  font-size: 23px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  line-height: 1.1;
  padding: 8px 4%;
  position: absolute;
  left: 0;
  bottom: 0
}
.banner .two .sty1 {
  width: 717px;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 21.74797%
}
.banner .two .sty1:before {
  left: 15px;
  top: 40px;
  opacity: 0.8
}
.banner .two .sty1 .text {
  margin-top: 40px
}
.banner .two .sty1 .ys {
  margin-top: 50px
}
.banner .two .sty1 .ys span {
  width: 209px;
  background: url(../images/bannerbg01s.png) center no-repeat;
  background-size: 100%;
  font-size: 16px
}
.banner .two .sty1 .ys span + span {
  margin-left: 45px
}
.banner .three .sty1 {
  width: 847px
}
.banner .three .sty1 .shfw {
  margin-top: 40px;
  overflow: hidden
}
.banner .three .sty1 .shfw span {
  width: 257px;
  background: url(../images/bannerbg01ss.png) center no-repeat;
  background-size: 100%;
  padding: 14px 0 16px;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  text-align: center;
  float: left
}
.banner .three .sty1 .shfw span em {
  font-style: normal;
  display: block;
  margin-bottom: 14px
}
.banner .three .sty1 .shfw span i {
  font-size: 18px;
  color: #0D94DF;
  font-style: normal
}
.banner .three .sty1 .shfw span + span {
  margin-left: 38px
}
.banner .four .sty1 {
  width:49.32212%;
  top: 29.3% !important
}
.banner .four .sty1 .ys span {
  max-width: 258px;
  width: 46.23656% !important;
  background: url(../images/bannerbg01sss.png) center no-repeat;
  background-size: 100%;
  padding: 19px 0;
  font-size: 16px;
  line-height: 1 !important
}
.banner .four .sty1 .ys span em {
  margin-bottom: 10px;
  display: block;
  font-size: 20px;
  color: #ffbc00
}
.banner .four .sty1 .ys span + span {
  margin-left: 7.53%
}
.banner .four .sty1 .text {
  font-size:36px
}
.banner .swiper-pagination {
  position: absolute;
  right: 3.59375%;
  top: 50%;
  margin-top: -111px;
  z-index: 100
}
.banner .swiper-pagination .swiper-pagination-bullet {
  width: 31px;
  height: 31px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 31px;
  margin: 40px 0;
  display: block;
  position: relative;
  cursor: pointer
}
.banner .swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  border: 1px solid #fff;
  border: 1px solid rgba(244, 244, 244, 0.48);
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all linear 0.3s
}
.banner .swiper-pagination .swiper-pagination-bullet-active, .banner .swiper-pagination .swiper-pagination-bullet:hover {
  font-weight: bold
}
.banner .swiper-pagination .swiper-pagination-bullet-active:before, .banner .swiper-pagination .swiper-pagination-bullet:hover:before {
  border: 1px solid #0D94DF;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px
}
.videofixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999999;
  visibility: hidden;
  transition: all linear 0.3s
}
.videofixed .video-mask {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 1s
}
.videofixed .videoplay {
  width: 60%;
  position: absolute;
  left: 20%;
  top: 20%;
  transform: scale(0);
  transition: all .3s
}
.videofixed .videoplay video {
  width: 100%;
  display: block
}
.videofixed .videoplay .close {
  width: 50px;
  height: 50px;
  font-size: 70px;
  font-weight: lighter;
  text-align: center;
  line-height: 1;
  color: #fff;
  font-style: normal;
  display: block;
  position: absolute;
  top: -60px;
  right: -60px;
  cursor: pointer
}
.videofixed_active {
  visibility: initial
}
.videofixed_active .video-mask {
  opacity: 1
}
.videofixed_active .videoplay {
  transform: scale(1)
}
.home1 {
  background: url(../images/home1bg.jpg) center bottom no-repeat;
  background-size: 100%;
  padding-top: 64px;
  padding-bottom:170px
}
.home1 .titbox {
  text-align: center
}
.home1 .sty1 {
  height: 528px;
  margin: 0 -27px;
  margin-top: 40px
}
.home1 .sty1 li {
  width: 48.433%;
  background: #f6f6f6;
  border-radius: 25px;
  float: left;
  padding: 44px 2.828% 60px;
  transition: all linear 0.3s;
  position: relative;
  z-index: 1;
  transform: scale(0.892)
}
.home1 .sty1 li:before {
  content: "";
  font-size: 108px;
  font-weight: bold;
  color: #e6e6e7;
  position: absolute;
  left: 68px;
  top: 97px;
  z-index:1
}
.home1 .sty1 li:after {
  content: "";
  width: 387px;
  height: 48px;
  background: url(../images/home1yyzs.png) center no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -90px;
  margin: 0 auto;
  opacity: 0.8
}
.home1 .sty1 li dl {
  color: #fff;
  text-align: right;
  margin: 0 auto
}
.home1 .sty1 li dl:before {
  content: "";
  width: 100%;
  height: 320px;
  display: block;
  margin-bottom: -36px
}
.home1 .sty1 li dl dd {
  padding: 16px 0;
  padding-right: 90px;
  text-align: center;
  position: relative;
  z-index: 1
}
.home1 .sty1 li dl dd:before {
  content: "";
  background: #5f5f5f;
  border-right: 90px solid #757575;
  transform: skew(-0deg);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1
}
.home1 .sty1 li dl dd:after {
  content: "";
  width: 90px;
  background: url(../images/home1jtzs.png) center no-repeat;
  background-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0
}
.home1 .sty1 li dl dd span {
  font-size:32px;
  font-weight: bold
}
.home1 .sty1 li dl dd p {
  font-size: 17px; padding: 2%; line-height:23px;
  margin-top: 13px
}
.home1 .sty1 li dl dt {
  width: 210px;
  font-size: 20px;
  font-weight: bold;
  line-height: 53px;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 0 5px 21px rgba(17, 57, 45, 0.47);
  display: inline-block;
  margin-top: 1px;
  margin-right: 29px;
  position: relative;
  z-index: 1
}
.home1 .sty1 li dl dt:before {
  content: "";
  background:#8b9ebb;
  transform: skew(-23deg);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1
}
.home1 .sty1 li + li {
  margin-left: 1.2%
}
.home1 .sty1 .one:before {
  content: "02"
}
.home1 .sty1 .one dl:before {
  background: url(../images/home1rw01.png) center top no-repeat;
  background-size:486px
}
.home1 .sty1 .two:before {
  content: "01"
}
.home1 .sty1 .two dl:before {
  background: url(../images/home1rw02.png) center top no-repeat;
  background-size:488px
}
.home1 .sty1 .three:before {
  content: "03"
}
.home1 .sty1 .three dl:before {
  background: url(../images/home1rw03.png) center top no-repeat;
  background-size: 222px
}
.home1 .sty1 .li_active {
  border: 2px solid #015e95;
  transform: scale(1)
}
.home1 .sty1 .li_active:before {
  color: #9cd1ff
}
.home1 .sty1 .li_active:after {
  opacity: 1
}
.home1 .sty1 .li_active dl dd:before {
  background: #2f2f2f;
  border-right-color: #525252
}
.home1 .sty1 .li_active dl dd:after {
  opacity: 1
}
.home1 .sty1 .li_active dl dt:before {
  background: #015e95
}
.home2 {
  padding-top: 30px;
  padding-bottom: 90px;
  overflow: hidden
}
.home2 .sty1 {
  margin-top: 28px;
  margin-left: -6.6%
}
.home2 .sty1 a {
  width: 27.156%;
  height: 290px;
  background:#e6e6e6;
  display: block;
  float: left;
  margin-left: 6.177%;
  margin-top: 47px;
  margin-bottom: 47px;
  padding: 70px 0 0 1.97368%;
  position: relative;
  transition: all linear 0.3s
}
.home2 .sty1 a img {
  max-width: none;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0
}
.home2 .sty1 a strong {
  font-size: 30px;
  color:#015e95;
  font-weight: bold;
  display: block
}
.home2 .sty1 a span {
  margin-top:15px;
  font-size: 16px;
  color: #050505;
  display: block
}
.home2 .sty1 a span em {
  font-weight: bold;
  font-style: normal
}
.home2 .sty1 a i {
  padding: 0 7%;
  font-size: 15px;
  color: #050505;
  font-style: normal;
  line-height: 2.46;
  display: block;
  position: absolute;
  left: 15px;
  bottom: 30px
}
.home2 .sty1 a i:before, .home2 .sty1 a i:after {
  content: "";
  height: 1px;
  background: #b6b6b6;
  background: linear-gradient(to right, rgba(147, 155, 154, 0), #939b9a, rgba(147, 155, 154, 0));
  position: absolute;
  left: 0;
  right: 0
}
.home2 .sty1 a i:before {
  top: 0;
  box-shadow: 0 -1px 2px #e1e1e1
}
.home2 .sty1 a i:after {
  bottom: 0;
  box-shadow: 0 1px 2px #e1e1e1
}
.home2 .sty1 a:hover {
  box-shadow:0 0 92px rgb(13 63 177 / 53%);
}
.home2 .sty1 .cp1 img {
  width: 71.13636%;
  right: -15%;
  bottom: -12%
}
.home2 .sty1 .cp2 img {
  width: 83%;
  right: -21%;
  bottom: -15%
}
.home2 .sty1 .cp3 img {
  width: 124.09091%;
  right: -35%;
  bottom: -10%
}
.home2 .sty1 .cp4 img {
  width: 68.40909%;
  right: -10%;
  bottom: -24%
}
.home2 .sty1 .cp5 img {
  width: 133.45455%;
  right: -47%;
  bottom: -17%
}
.home2 .sty1 .cp6 img {
  width: 70.68182%;
  right: -8%;
  bottom: -25%
}
.home3 {
  padding-top: 70px;
  padding-bottom: 85px;
  background: url(../images/home3bg.jpg) center no-repeat;
  background-size: cover
}
.home3 .titbox {
  text-align: center
}
.home3 .sty1 {
  margin: 50px 0;
  overflow: hidden
}
.home3 .sty1 li {
  width: 25%;
  float: left;
  text-align: center
}
.home3 .sty1 li span {
  width: 180px;
  height: 180px;
  display: block;
  margin: 0 auto;
  line-height: 212px;
  position: relative
}
.home3 .sty1 li span:before, .home3 .sty1 li span:after {
  content: "";
  border-top: 7px solid #d3d3d3;
  border-right: 7px solid #d3d3d3;
  border-left:7px solid #0b4d8b;
  border-bottom:7px solid #0b4d8b;
  border-radius: 50%;
  transform: rotate(-45deg);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}
.home3 .sty1 li span:after {
  content: "";
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid #0b4d8b;
  border-bottom: 7px solid #0b4d8b;
  transition: all linear 0.3s
}
.home3 .sty1 li strong {
  font-size: 28px;
  color:#1069bd;
  display: block;
  margin-top: 30px;
  margin-bottom: 16px
}
.home3 .sty1 li p {
  font-size: 18px;
  color: #444444
}
.home3 .sty1 li:hover span:after {
  transform: rotate(135deg)
}
.home3 .titbox2 .h_tit {
  font-size: 32px;
  color: #1d1d1f;
  font-weight: bold;
  text-align: center
}
.home3 .sty2 {
  width: 84.16395%;
  display: block;
  margin: 12px auto 0
}
.home4 {
  padding-top: 85px
}
.home4 .w {
  padding-bottom: 67px;
  position: relative
}
.home4 .titbox {text-align: center;}
.home4 .sty1 {
  margin-top: 80px
}
.home4 .sty1 .fl {
  width: 56.90789%
}
.home4 .sty1 .fr {
  width: 39.84211%;
  padding-top: 41px
}
.home4 .sty1 .fr h3 a {
  font-size: 28px;
  color: #111111;
  font-weight: bold;
  display: block;
  transition: all linear 0.3s
}
.home4 .sty1 .fr h3 a:after {
  content: "";
  width: 40px;
  height: 3px;
  background: #b2b2b2;
  display: block;
  margin-top: 24px;
  opacity: 0.2
}
.home4 .sty1 .fr h3 a:hover {
  color: #0b4d8b
}
.home4 .sty1 .fr .cs {
  margin-top: 36px;
  margin-bottom: 60px
}
.home4 .sty1 .fr .cs p {
  padding-left: 30px;
  background: url(../images/home4cstb.png) left 7px no-repeat;
  background-size: 16px;
  font-size:19px;
  color: #151515;
  line-height: 1.75
}
.home4 .sty1 .fr .cs p + p {
  margin-top: 30px
}
.home4 .sty1 .fr .swtbtn {
  width: 259px;
  height: 51px;
  background: #ff7a5f;
  background-image: linear-gradient(#ff8878, #ff5c46, #ff8878);
  border-radius: 30px;
  font-size: 17px;
  color: #fff;
  text-align: center;
  line-height: 51px;
  display: block;
  box-shadow: 0 13px 42px rgba(255, 97, 76, 0.38);
  transition: all linear 0.3s
}
.home4 .sty1 .fr .swtbtn span {
  font-weight: bold;
  margin-right: 7px
}
.home4 .sty1 .fr .swtbtn:after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  display: inline-block;
  vertical-align: middle;
  margin-left: 13px;
  margin-top: -2px;
  transform: rotate(45deg)
}
.home4 .sty1 .fr .swtbtn:hover {
 background: #0b4d8b;
    box-shadow: 0 13px 42px rgb(11 78 140);}
.home4 .sty2 {
  width: 88.22368%;
  height: 130px;
  background:#0b4e8c;
  border-radius: 0 60px;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 31px 310px 31px 80px;
  font-size: 15px;
  color: #ffffff;
  line-height:1.9
}
.home4 .sty2:before {
  content: "";
  width: 220px;
  height: 192px;
  background: url(../images/home4khfk.png) center top no-repeat;
  background-size: 100%;
  position: absolute;
  right: 52px;
  bottom: 0
}
.home4 .sty2 span {
  color: #ffd953;
  font-weight: bold
}
.home5 {
  margin-top: 60px;
  margin-bottom: 80px;
  padding: 0 55px;
  position: relative
}
.home5 .swiper-slide {
  width: 25%;
  float: left;
  padding: 0 9px;
  overflow: hidden;
  transition: all linear 0.3s
}
.home5 .swiper-slide a {
  background: #f6f6f6;
  display: block
}
.home5 .swiper-slide a img {
  width: 100%;
  display: block
}
.home5 .swiper-slide a span {
  font-size: 18px;
  color: #333333;
  line-height: 2.8;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 2%;
  display: block;
  transition: all linear 0.3s
}
.home5 .swiper-slide:hover a span {
  color: #0a4a85
}
.home5 .jtbtn {
  width: 42px;
  height: 42px;
  background: #e9e9e9;
  border:2px solid #0b4e8c;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  cursor: pointer
}
.home5 .jtbtn:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}
.home5 .jtbtn:hover {
  background: #0b4e8c
}
.home5 .swiper-button-prev {
  left: 0
}
.home5 .swiper-button-prev:before {
  background: url(../images/home5zjt.png) center no-repeat;
  background-size: 100%
}
.home5 .swiper-button-next {
  right: 0
}
.home5 .swiper-button-next:before {
  background: url(../images/home5yjt.png) center no-repeat;
  background-size: 100%
}
.home5 .swiper-button-disabled {
  opacity: 0.5
}
.home6 {
  padding-top: 63px;
  background: #e6e6e6;
  overflow: hidden
}
.home6 .titbox {
  text-align: center
}
.home6 .sty1 {
  margin-top: 70px
}
.home6 .sty1 .fl {
  width: 47.63158%;
  background: #fff
}
.home6 .sty1 .fl .text {
  padding: 0 32px 42px;
  overflow: hidden
}
.home6 .sty1 .fl h3 a {
  font-size: 20px;
  color: #141414;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 20px;
  display: block
}
.home6 .sty1 .fl p {
  font-size: 16px;
  color: #141414;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  opacity: 0.8
}
.home6 .sty1 .fl .more {
  width: 135px;
  height: 34px;
  border: 1px solid #0a4a87;
  font-size: 14px;
  color: #141414;
  text-align: center;
  line-height: 32px;
  display: block;
  float: right;
  margin-top: 24px
}
.home6 .sty1 .fl .more:hover {
  background: #0a4a87;
  border: 1px solid #0a4a87;
  color: #ffffff
}
.home6 .sty1 .fl:hover h3 a {
  color: #0a4a87
}
.home6 .sty1 .fr {
  width: 47.89474%;
  height: 634px;
  padding-right: 36px;
  overflow: hidden;
  overflow-y: scroll
}
.home6 .sty1 .fr::-webkit-scrollbar {
  width: 7px
}
.home6 .sty1 .fr::-webkit-scrollbar-track {
  background: #d1d1d1;
  border-left: 2px solid #f6f6f6;
  border-right: 2px solid #f6f6f6;
  border-radius: 10px
}
.home6 .sty1 .fr::-webkit-scrollbar-thumb {
  background:#000B86;
  border-radius: 10px
}
.home6 .sty1 .fr p {
  border-bottom: 1px solid #e5e5e5;
  line-height: 75px;
  position: relative;
  transition: all linear 0.3s
}
.home6 .sty1 .fr p a {
  width: 80%;
  font-size: 16px;
  color: #101010;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  transition: all linear 0.3s
}
.home6 .sty1 .fr p a:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #0b4d8b;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  transition: all linear 0.3s
}
.home6 .sty1 .fr p span {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 14px;
  color: #838383;
  transition: all linear 0.3s
}
.home6 .sty1 .fr p:hover {
  background: #0a4c88
}
.home6 .sty1 .fr p:hover a {
  padding-left: 24px;
  font-size: 18px;
  color: #fff
}
.home6 .sty1 .fr p:hover a:before {
  background: #fff
}
.home6 .sty1 .fr p:hover span {
  color: #fff;
  right: 30px
}
.home6 .sty1 .fr p + p {
  margin-top: 17px
}
.home6 .sty2 {
  margin-top:50px
}
.home6 .sty2 .titbox .h_tit {
  font-size: 36px
}
.home6 .sty2 .hzhbbox {
  margin:-7px -9.05263% 0 -6.01316%;
  border-radius: 20px;
  overflow: hidden
}
.home6 .sty3 {
  padding: 36px 294px 53px 234px;
  background: #efefef;
  border-radius: 20px;
  position: relative;
  overflow: hidden
}
.home6 .sty3 .titbox {
  font-size: 0;
  text-align: left
}
.home6 .sty3 .titbox .titzs {
  margin-bottom: -30px
}
.home6 .sty3 .titbox .h_tit {
  color: #009e70;
  letter-spacing: 8px;
  display: inline-block
}
.home6 .sty3 .titbox .text {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 32px
}
.home6 .sty3 form {
  margin-top: 50px;
  overflow: hidden
}
.home6 .sty3 form p {
  width: 478px;
  float: left;
  position: relative
}
.home6 .sty3 form p:before {
  content: "";
  width: 44px;
  height: 47px;
  position: absolute;
  left: 22px;
  top: 11px
}
.home6 .sty3 form p input, .home6 .sty3 form p textarea {
  width: 100%;
  height: 56px;
  background: #e2e2e2;
  background: rgba(36, 36, 36, 0.03);
  font-size: 15px;
  line-height: 56px;
  padding-left: 88px;
  padding-right: 30px;
  display: block
}
.home6 .sty3 form p input::-webkit-input-placeholder, .home6 .sty3 form p textarea::-webkit-input-placeholder {
  color: rgba(81, 81, 81, 0.6)
}
.home6 .sty3 form p input::-moz-placeholder, .home6 .sty3 form p textarea::-moz-placeholder {
  color: rgba(81, 81, 81, 0.6)
}
.home6 .sty3 form p input:-moz-placeholder, .home6 .sty3 form p textarea:-moz-placeholder {
  color: rgba(81, 81, 81, 0.6)
}
.home6 .sty3 form p input:-ms-input-placeholder, .home6 .sty3 form p textarea:-ms-input-placeholder {
  color: rgba(81, 81, 81, 0.6)
}
.home6 .sty3 form p textarea {
  height: 160px;
  padding: 22px 39px;
  line-height: 1.6
}
.home6 .sty3 form .iconname:before {
  background: url(../images/home6lytb01.png) center no-repeat;
  background-size: 100%
}
.home6 .sty3 form .icontel {
  float: right
}
.home6 .sty3 form .icontel:before {
  background: url(../images/home6lytb02.png) center no-repeat;
  background-size: 100%
}
.home6 .sty3 form .icontext {
  width: 100%;
  margin-top: 20px
}
.home6 .sty3 form .submit {
  width: 320px;
  height: 54px;
  background: #ffab27;
  font-size: 18px;
  color: #010101;
  text-align: center;
  line-height: 54px;
  display: block;
  margin-top: 45px;
  float: left;
  transition: all linear 0.3s
}
.home6 .sty3 form .submit:hover {
  background: #009e70
}
.home6 .sty3 .tel {
  width: 599px;
  height: 73px;
  background-image: linear-gradient(to right, transparent, rgba(244, 73, 40, 0.08));
  font-size: 20px;
  color: #ff2e29;
  line-height: 73px;
  padding-left: 88px;
  position: absolute;
  right: 207px;
  bottom: 44px
}
.home6 .sty3 .tel strong {
  font-size: 22px
}
.home6 .sty3 .tel:before {
  content: "";
  width: 56px;
  height: 56px;
  background: url(../images/home6lytel.png) center no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: -8px;
  margin-right: 5px
}
.home6 .sty3 .tel:after {
  content: "";
  width: 275px;
  height: 210px;
  background: url(../images/home6lytkf.png) center top no-repeat;
  background-size: 100%;
  position: absolute;
  right: -130px;
  bottom: -44px
}
.home7 {
  margin-top: -184px;
  padding-top: 200px;
  background: url(../images/home7bg.jpg) center no-repeat;
  background-size: cover
}
.home7 .titbox .h_tit{ color: #FFFFFF; text-align:center}
.home7 .titbox .text{ color: #ddddea;text-align:center}
.home7 .sty1 {
  padding: 42px 0;
  text-align: center
}
.home7 .sty1 li {
  padding: 13px 0;
  padding-left: 95px;
  color: #ffffff;
  text-align: left
}
.home7 .sty1 li span {
  font-size: 20px;
  display: block
}
.home7 .sty1 li p {
  font-size: 14px;
  opacity: 0.4;
  margin-top: 14px
}
.home7 .sty1 .fl {
  background: url(../images/home7tb01.png) left 8px no-repeat
}
.home7 .sty1 .fc {
  background: url(../images/home7tb02.png) left center no-repeat;
  display: inline-block
}
.home7 .sty1 .fr {
  background: url(../images/home7tb03.png) left center no-repeat
}
.home8 {
  padding-top:60px; padding-bottom: 60px;
  background: url(../images/home8bg.jpg) center no-repeat;
  background-size: cover
}
.home8 .titbox{ text-align: center}
.home8 .titbox .h_tit a{ color: #FFFFFF}
.home8 .titbox .text{ color: #FFFFFF}
.home8 table{width:100%; border-collapse: collapse; margin-top: 10px;}
.home8 table th{height:50px; padding: 0 15px; font-size: 18px; color: #DFE4FF; font-weight: bold; line-height: 24px; border: 1px solid #DFE4FF;}
.home8 table td{height:50px; font-size: 18px; padding: 0 15px ;  color: #DFE4FF; line-height: 24px; border: 1px solid #DFE4FF; text-align: center; }

.home9{ padding-top:60px; padding-bottom: 60px;
  background:#DDDDDD;
  background-size: cover}
.home9 .titbox{ text-align: center}
#tabs-container {
	height:auto;
}
.home9 .tabs { margin-top: 40px; text-align: center;width:100%; margin-bottom: 20px;}
.home9 .tabs ul li { margin-right: 10px; display:inline-table; border-radius:30px ; position: relative;
	font-weight:normal; padding: 0px 30px; cursor:pointer; 
	text-align:center;
     font-size:24px;
	height:58px;
	line-height:58px; background:#ffffff;
	color:#313131;
	text-decoration:none;
}
.home9 .tabs ul li.on { color:#fff; font-weight: bolder; background: #004DD5 url("../images/footertb04.png") no-repeat center 65px;}
.home9 .tabs ul li.on:before{ content: url("../images/footertb04.png");position: absolute;left:50%;top:30px;z-index: 1; }
.home9 .bd{overflow: hidden;position: relative; height: auto!important}
.home9 .duibi1,.home9 .duibi2,.home9 .duibi3{ background-color: #fff; border-radius:20px; padding:40px;}

.home9 .duibi1 img,.home9 .duibi2_duibi img,.home9 .duibi3 .duibi3_yi img,.home9 .duibi3 .dibi3_er img,.home9 .duibi3 .dibi3_san img{ display: block; padding: 30px 0px 20px 0px;}
.home9 .duibi1 .duibi1_chengfen,.home9 .duibi1 .duibi1_gongyi,.home9 .duibi3 .dibi3_er,.home9 .duibi3 .dibi3_san{ width: 49%; border: 1px solid #CDCDCD; border-radius: 5px; float: left; padding: 20px;position: relative;}
.home9 .duibi3 .duibi3_yi{border: 1px solid #CDCDCD; border-radius: 5px;  padding: 20px;position: relative;}
.home9 .duibi1 .duibi1_chengfen{ margin-right:2%}
.home9 .duibi1 .duibi1_chengfen p{ width: 50%; float: left; font-size: 16px; line-height: 24px; text-align:justify}
.home9 .duibi2_duibi p{ width: 50%; float: left; font-size: 20px; line-height: 36px; text-align:justify}
.home9 .duibi2_duibi p strong{ color:#004dd5; font-size: 28px;}
.home9 .duibi1 .duibi1_chengfen p strong,.home9 .duibi1 .duibi1_gongyi p.three strong{ color:#004dd5; font-size: 20px;}
.home9 .duibi1 .duibi1_chengfen p.one,.home9 .duibi2_duibi p.one{padding:2% 5% 2% 0;}
.home9 .duibi1 .duibi1_chengfen p.two,.home9 .duibi2_duibi p.two{padding:2% 0% 2% 5%;}
.home9 .duibi1 .duibi1_gongyi p.three{font-size: 16px; line-height: 24px; text-align:justify;padding:2% 0% 2% 0%;}
.home9 .duibi1 .duibi1_chengfen p.one:before,.home9 .duibi2_duibi p.one:before{content: "对比";  }
.home9 .duibi1 .duibi1_chengfen p:before { background:#004dd5; width:45px; height:70px;font-size:24px;font-weight: bold;color: #e6e6e7;position: absolute;left:275px;top:406px;z-index: 1; border-radius:15px; padding: 10px;}
.home9 .duibi2_duibi p:before{ background:#004dd5; width:45px; height:100px;font-size:24px;font-weight: bold;color: #e6e6e7;position: absolute;left:582px;top:415px;z-index: 1; border-radius:15px; padding: 10px;}
.home9 .duibi1 .duibi1_chengfen h3,.home9 .duibi1 .duibi1_gongyi h3{ text-align: center; display: block; font-size: 24px; padding: 10px 0px 15px 0px; font-weight: bolder; color: #004dd5; border-bottom: 1px solid #C4C4C4}
.home9 .duibi1 .duibi1_chengfen h3:before,.home9 .duibi1 .duibi1_gongyi h3:before,.home9 .duibi2_duibi h3:before{content: "☀"; font-size:32px;font-weight: bold;color:#d54500;position: absolute;left:204px;top:15px;z-index: 1; border-radius:15px; padding: 10px;}
.home9 .duibi2_duibi h3:before{left:476px}
.home9 .duibi2_duibi{width:100%; border: 1px solid #CDCDCD; border-radius: 5px; float: left; padding: 20px;position: relative;}
.home9 .duibi2_duibi h3{ text-align: center; display: block; font-size: 24px; padding: 10px 0px 15px 0px; font-weight: bolder; color: #004dd5; border-bottom: 1px solid #C4C4C4}

.home9 table{width:100%; border-collapse: collapse; margin-top:20px; margin-bottom: 20px;}
.home9 table th{height:50px; padding: 0 15px; font-size: 18px; color: #3a3a3a; font-weight: bold; line-height: 24px; border:1px solid #afafaf;}
.home9 table tr:nth-child(1),.home9 table tr:nth-child(2){ background: #1F3CC4;}
.home9 table tr:nth-child(1) td,.home9 table tr:nth-child(2) td{ color: #FFFFFF}
.home9 table tr:nth-child(1) td:hover,.home9 table tr:nth-child(2) td:hover{color: #000}
.home9 table tr:hover{ background:#BDE5FF;cursor:pointer }
.home9 table td{height:50px; font-size: 18px; padding: 0 15px ;  color: #3a3a3a; line-height: 24px; border:1px solid #afafaf; text-align: center; }
.home9 .duibi3 h3{text-align: center; display: block; font-size: 24px; padding: 10px 0px 15px 0px; font-weight: bolder; color: #004dd5; border-bottom: 1px solid #C4C4C4}
.home9 .duibi3 h3:before {background:#004dd5; width:30px; height:30px;  font-size:22px;font-weight: bold;color: #e6e6e7;position: absolute;left:477px;top:463px;z-index:1; border-radius:15px; padding: 5px;content:"1"}
.home9 .duibi3 .dibi3_er h3:before,.home9 .dibi3_san h3:before{background:#004dd5; width:30px; height:30px; font-size:22px;font-weight: bold;color: #e6e6e7;position: absolute;left:154px;top:28px;z-index:1; border-radius:15px; padding: 5px;content:"2"}
.home9 .dibi3_san h3:before{content:"3"}
.home9 .duibi3 p{font-size: 20px; line-height: 36px; text-align:justify}
.home9 .duibi3 .dibi3_er{ margin-right:2%; margin-top: 20px;}
.home9 .duibi3 .dibi3_san{margin-top: 20px;}

.footer {
  background: none;
  border-top: 1px solid #3a3939
}
.ie9 .banner .swiper-slide + .swiper-slide {
  display: none
}
.ie9 .home5 .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
  display: none
}
@media (max-width: 1800px) {
  .header .w {
    max-width: 1600px
  }
  .header .nav {
    margin-left: 60px
  }
}
@media (max-width: 1760px) {
  .banner .swiper-slide .sty1 .tit a {
    font-size: 54px
  }
  .banner .swiper-slide .sty1 .ys {
    margin-top: 38px
  }
  .banner .swiper-slide .sty1 .ys span {
    width: 160px;
    background-size: 100% 100%;
    font-size: 16px;
    line-height: 45px
  }
  .banner .swiper-slide .sty1 .text {
    margin-top: 40px
  }
  .banner .one .sty2 {
    width: 460px;
    padding-left: 60px
  }
  .banner .one .sty2:before {
    width: 196px
  }
  .banner .one .sty2 .videobtn, .banner .one .sty2 p {
    width: 60px
  }
  .banner .one .sty2 .videobtn {
    height: 56px
  }
  .banner .one .sty2 p {
    font-size: 21px
  }
  .banner .two .sty1 {
    width: 570px
  }
  .banner .two .sty1:before {
    left: -52px
  }
}
@media (max-width: 1600px) {
  .w {
    max-width: 1280px
  }
  .header .w {
    max-width: 1280px
  }
  .header .nav li {
    width: 124px
  }
  .header .tel .p1 {
    display: none
  }
  .titbox .titzs {
    font-size: 38px
  }
  .titbox .h_tit {
    font-size: 38px
  }
  .banner .swiper-slide .sty1 .tit a {
    font-size: 48px
  }
  .banner .swiper-slide .sty1 .ys {
    margin-top: 32px
  }
  .banner .swiper-slide .sty1 .ys span {
    width: 140px;
    font-size: 14px;
    line-height: 40px
  }
  .banner .swiper-slide .sty1 .text {
    font-size: 16px;
    margin-top: 35px
  }
  .banner .one .sty2 {
    top: 23%
  }
  .banner .two .sty1 {
    width: 510px
  }
  .banner .two .sty1:before {
    left: -40px
  }
  .banner .three .sty1 .shfw {
    margin-top: 60px
  }
  .banner .four .sty1 .ys span em {
    font-size: 18px
  }
  .home1 {
    padding-top: 54px;
    padding-bottom: 54px
  }
  .home1 .sty1 {
    height: 523px;
    margin-top: 70px
  }
  .home1 .sty1 li:before {
    left: 40px;
    top: 80px
  }
  .home1 .sty1 li:after {
    width: 100%;
    bottom: -80px
  }
  .home1 .sty1 li dl dd span {
    font-size: 17px
  }
  .home1 .sty1 li dl dd p {
    font-size: 16px
  }
  .home1 .sty1 li dl dt {
    font-size: 19px;
    line-height: 50px
  }
  .home2 {
    padding-top: 40px;
    padding-bottom: 60px
  }
  .home2 .sty1 {
    margin-top: 20px
  }
  .home2 .sty1 a {
    height: 270px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 50px
  }
  .home2 .sty1 a strong {
    font-size: 26px
  }
  .home2 .sty1 .cp2 img {
    bottom: -8%
  }
  .home2 .sty1 .cp5 img {
    bottom: -8%
  }
  .home3 {
    padding-top: 60px;
    padding-bottom: 75px
  }
  .home3 .sty1 {
    margin: 60px 0
  }
  .home3 .sty1 li strong {
    font-size: 25px
  }
  .home3 .sty1 li p {
    font-size: 16px
  }
  .home4 {
    padding-top: 65px
  }
  .home4 .sty1 {
    margin-top: 60px
  }
  .home4 .sty1 .fr {
    padding-top: 0
  }
  .home5 {
    margin-top: 60px;
    margin-bottom: 70px
  }
  .home5 .swiper-slide a span {
    font-size: 17px
  }
  .home6 {
    padding-top: 53px
  }
  .home6 .sty1 {
    margin-top: 60px
  }
  .home6 .sty1 .fr {
    height: 570px
  }
  .home6 .sty1 .fr p {
    line-height: 62px
  }
  .home6 .sty1 .fr p:hover a {
    font-size: 16px
  }
  .home6 .sty1 .fr p + p {
    margin-top: 0
  }
  .home6 .sty2 {
    margin-top: 80px
  }
  .home6 .sty3 {
    padding: 36px 144px 53px
  }
}
@media (max-width: 1440px) {
  .w {
    max-width: 1120px
  }
  .header .w {
    max-width: 1120px
  }
  .header .logo {
    width: 180px
  }
  .header .nav {
    margin-left: 30px;
    margin-top: 5px
  }
  .header .nav li {
    width: 100px
  }
  .header .nav li.li_on a, .header .nav li:hover a {
    font-size: 17px
  }
  .header .tel {
    margin-top: 0
  }
  .header .tel .p2 {
    width: 210px;
    font-size: 16px
  }
  .header .tel .p2:after {
    top: -4px;
    bottom: -4px
  }
  .header .tel .p2 strong {
    font-size: 18px
  }
  .footer dl {
    font-size: 14px;
    line-height: 70px
  }
  .titbox .titzs {
    margin-bottom: -15px;
    font-size: 34px
  }
  .titbox .h_tit {
    font-size: 34px
  }
  .titbox .text {
    font-size: 14px
  }
  .rightfl_swt.rightfl_swton {
    right: -36px;
    transform: scale(0.7)
  }
  .banner .swiper-slide .sty1 {
    top: 22%
  }
  .banner .swiper-slide .sty1:before {
    width: 70px;
    left: -45px;
    top: -45px
  }
  .banner .swiper-slide .sty1 .tit a {
    font-size: 42px
  }
  .banner .swiper-slide .sty1 .text {
    font-size: 14px;
    margin-top: 25px
  }
  .banner .one .sty2 {
    top: 20%
  }
  .banner .two .sty1 {
    width: 510px
  }
  .banner .two .sty1:before {
    left: 0;
    top: 40px
  }
  .banner .three .sty1 {
    width: 800px;
    top: 30% !important
  }
  .banner .three .sty1 .shfw {
    margin-top: 40px
  }
  .banner .three .sty1 .shfw span {
    width: 240px;
    background-size: 100% 100%;
    font-size: 14px
  }
  .banner .three .sty1 .shfw span em {
    margin-bottom: 10px
  }
  .banner .four .sty1 .ys span em {
    font-size: 16px
  }
  .home1 {
    padding-top: 44px;
    padding-bottom: 44px
  }
  .home1 .sty1 {
    height: 481px;
    margin-top: 50px
  }
  .home1 .sty1 li {
    padding: 40px 2.828%
  }
  .home1 .sty1 li dl dd {
    padding: 12px 0;
    padding-right: 70px
  }
  .home1 .sty1 li dl dd:before {
    border-right: 70px solid #525252
  }
  .home1 .sty1 li dl dd:after {
    width: 70px
  }
  .home1 .sty1 li dl dd span {
    font-size: 17px
  }
  .home1 .sty1 li dl dd p {
    font-size: 14px;
    margin-top: 10px
  }
  .home1 .sty1 li dl dt {
    width: 170px;
    font-size: 18px;
    line-height: 45px;
    margin-right: 24px
  }
  .home2 {
    padding-top: 30px
  }
  .home2 .sty1 a {
    height: 220px;
    padding-top: 30px
  }
  .home2 .sty1 a strong {
    font-size: 22px
  }
  .home2 .sty1 a span {
    margin-top: 20px;
    font-size: 14px
  }
  .home2 .sty1 a i {
    font-size: 14px;
    bottom: 25px
  }
  .home3 {
    padding-top: 50px;
    padding-bottom: 65px
  }
  .home3 .sty1 {
    margin: 50px 0
  }
  .home3 .sty1 li span {
    width: 140px;
    height: 140px;
    line-height: 172px
  }
  .home3 .sty1 li strong {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 21px
  }
  .home3 .sty1 li p {
    font-size: 14px
  }
  .home3 .titbox2 .h_tit {
    font-size: 28px
  }
  .home4 {
    padding-top: 55px
  }
  .home4 .sty1 {
    margin-top: 40px
  }
  .home4 .sty1 .fr h3 a {
    font-size: 28px
  }
  .home4 .sty1 .fr h3 a:after {
    margin-top: 20px
  }
  .home4 .sty1 .fr .cs {
    margin-top: 30px;
    margin-bottom: 30px
  }
  .home4 .sty1 .fr .cs p + p {
    margin-top: 20px
  }
  .home4 .sty2 {
    height: 130px;
    padding: 24px 280px 24px 80px;
    font-size: 14px;
    line-height: 2
  }
  .home5 {
    margin-top: 50px;
    margin-bottom: 60px
  }
  .home5 .swiper-slide {
    padding: 0 6px
  }
  .home5 .swiper-slide a span {
    font-size: 16px
  }
  .home6 {
    padding-top: 43px
  }
  .home6 .sty1 {
    margin-top: 50px
  }
  .home6 .sty1 .fl h3 a {
    font-size: 17px
  }
  .home6 .sty1 .fl p {
    font-size: 14px
  }
  .home6 .sty1 .fr {
    height: 515px
  }
  .home6 .sty1 .fr p {
    line-height: 63px
  }
  .home6 .sty1 .fr p a {
    font-size: 14px
  }
  .home6 .sty1 .fr p:hover a {
    font-size: 16px
  }
  .home6 .sty2 {
    margin-top: 70px
  }
  .home6 .sty2 .titbox .h_tit {
    font-size: 34px
  }
  .home6 .sty2 .swiper-father {
    margin-top: 60px
  }
  .home6 .sty2 .swiper-slide {
    width: 16.6667%
  }
  .home6 .sty3 {
    padding: 36px 64px 53px
  }
  .home6 .sty3 .tel {
    right: 13%
  }
  .home7 .sty1 {
    padding: 36px
  }
  .home7 .sty1 li {
    padding-left: 85px
  }
  .home7 .sty1 li span {
    font-size: 18px
  }
}
@media (max-width: 1280px) {
  .w {
    max-width: 960px
  }
  .header .w {
    max-width: 960px
  }
  .header .logo {
    width: 160px
  }
  .header .nav {
    margin-top: 0
  }
  .header .nav li {
    width: 90px
  }
  .header .nav li a {
    font-size: 14px
  }
  .header .tel .p2 {
    width: 190px;
    font-size: 14px
  }
  .header .tel .p2:before {
    vertical-align: sub
  }
  .header .tel .p2:after {
    top: -2px;
    bottom: -2px
  }
  .header .tel .p2 strong {
    font-size: 17px
  }
  .titbox .titzs {
    font-size: 30px
  }
  .titbox .h_tit {
    font-size: 30px
  }
  .titbox .text {
    margin-top: 25px
  }
  .banner .swiper-slide .sty1 {
    top: 20%
  }
  .banner .swiper-slide .sty1:before {
    width: 50px;
    left: -33px
  }
  .banner .swiper-slide .sty1 .tit a {
    font-size: 36px
  }
  .banner .swiper-slide .sty1 .ys {
    margin-top: 26px
  }
  .banner .swiper-slide .sty1 .ys span {
    width: 110px;
    font-size: 13px;
    line-height: 35px
  }
  .banner .swiper-slide .sty1 .ys span + span {
    margin-left: 20px
  }
  .banner .swiper-slide .sty1 .text {
    font-size: 13px;
    margin-top: 25px
  }
  .banner .swiper-slide .more {
    width: 110px;
    height: 35px;
    background-size: 100% 100%;
    font-size: 14px;
    line-height: 35px
  }
  .banner .one .sty2 {
    width: 400px;
    top: 20%;
    padding-left: 50px
  }
  .banner .one .sty2:before {
    width: 142px;
    right: -15px
  }
  .banner .one .sty2 .videobtn, .banner .one .sty2 p {
    width: 50px
  }
  .banner .one .sty2 p {
    font-size: 18px
  }
  .banner .two .sty1 {
    width: 390px
  }
  .banner .two .sty1:before {
    left: -30px;
    top: 20px
  }
  .banner .two .sty1 .ys span + span {
    margin-left: 30px
  }
  .banner .four .sty1 .ys span {
    padding: 12px 0
  }
  .banner .four .sty1 .ys span em {
    font-size: 15px
  }
  .home1 {
    padding-top: 34px;
    padding-bottom: 34px;
    background-size: 122%
  }
  .home1 .sty1 {
    height: 481px;
    margin-top: 40px
  }
  .home1 .sty1 li {
    padding: 30px 2.828%
  }
  .home1 .sty1 li:before {
    font-size: 90px;
    left: 30px;
    top: 60px
  }
  .home1 .sty1 li dl:before {
    height: 290px;
    background-size: 160px !important
  }
  .home1 .sty1 li dl dd {
    padding-right: 50px
  }
  .home1 .sty1 li dl dd:before {
    border-right: 50px solid #525252
  }
  .home1 .sty1 li dl dd:after {
    width: 50px
  }
  .home2 {
    padding-top: 20px;
    padding-bottom: 40px
  }
  .home2 .sty1 {
    margin-top: 10px
  }
  .home2 .sty1 a {
    height: 180px;
    padding-top: 20px
  }
  .home2 .sty1 a strong {
    font-size: 18px
  }
  .home2 .sty1 a span {
    margin-top: 15px
  }
  .home2 .sty1 a i {
    bottom: 20px
  }
  .home3 {
    padding-top: 40px;
    padding-bottom: 45px
  }
  .home3 .sty1 {
    margin: 40px 0
  }
  .home3 .sty1 li strong {
    font-size: 18px
  }
  .home4 {
    padding-top: 45px
  }
  .home4 .sty1 .fr h3 a {
    font-size: 22px
  }
  .home4 .sty1 .fr h3 a:after {
    margin-top: 20px
  }
  .home4 .sty1 .fr .cs {
    margin-top: 24px;
    margin-bottom: 24px
  }
  .home4 .sty1 .fr .cs p {
    padding-left: 27px;
    background-position: left 5px;
    background-size: 14px;
    font-size: 14px
  }
  .home4 .sty1 .fr .cs p + p {
    margin-top: 15px
  }
  .home4 .sty1 .fr .swtbtn {
    width: 222px;
    height: 45px;
    line-height: 45px
  }
  .home4 .sty2 {
    height: 130px;
    padding: 24px 250px 24px 60px
  }
  .home4 .sty2:before {
    width: 190px;
    height: 165px
  }
  .home5 {
    margin-top: 40px;
    margin-bottom: 50px
  }
  .home5 .swiper-slide a span {
    font-size: 15px
  }
  .home6 {
    padding-top: 33px
  }
  .home6 .sty1 {
    margin-top: 50px
  }
  .home6 .sty1 .fl h3 a {
    padding-top: 20px;
    padding-bottom: 15px
  }
  .home6 .sty1 .fl .text {
    padding-bottom: 30px
  }
  .home6 .sty1 .fr {
    height: 445px
  }
  .home6 .sty1 .fr p {
    line-height: 62px
  }
  .home6 .sty1 .fr p:hover a {
    font-size: 14px
  }
  .home6 .sty2 {
    margin-top: 60px
  }
  .home6 .sty2 .titbox .h_tit {
    font-size: 30px
  }
  .home6 .sty2 .swiper-father {
    margin-top: 50px
  }
  .home6 .sty3 {
    padding: 36px 64px 53px
  }
  .home6 .sty3 form p {
    width: 405px
  }
  .home6 .sty3 .tel {
    width: 500px;
    font-size: 18px
  }
  .home6 .sty3 .tel:after {
    width: 220px;
    height: 168px;
    right: -115px
  }
  .home7 .sty1 {
    padding: 20px
  }
  .home7 .sty1 li {
    width: 30%;
    padding-left: 75px
  }
  .home7 .sty1 li span {
    font-size: 16px
  }
  .home7 .sty1 li p {
    line-height: 1.5
  }
}