@charset "utf-8";

/* CSS Document */

html {

  box-sizing: border-box;

}

*, *:before, *:after {

  box-sizing: inherit;

}

* {

  padding: 0;

  margin: 0;

}

/* body{word-break:break-all;word-wrap:break-word; margin:0 auto; overflow-x:hidden;padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;  font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,"Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;} */

body {

  word-break: break-all;

  word-wrap: break-word;

  margin: 0 auto;

  overflow-x: hidden;

  padding: 0;

 
	
	    font-family:  "Microsoft Yahei","PingFang SC", Arial;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -o-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

img {

  border: none;

  display: block;

}

ul, ul li, dl, dl dt, dl dd {

  display: block;

  list-style-type: none;

}

ul, ol, input {

  margin: 0;

  padding: 0;

}

h1, h2, h3, h4, h5, h6 {

  font-size: 100%;

}

body, h1, h2, h3, h4, h5, h6, p, dl, dd {

  margin: 0;

  padding: 0;

}

a {

  color: #000;

  text-decoration: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

li {

  list-style: none;

}

em, i {

  font-style: normal

}

/*b,strong,th{font-weight:normal; }*/

button, input, textarea {

  font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, sans-serif;

  vertical-align: middle;

  outline: none;

} /*input:focus{outline: none;}*/

textarea {

  resize: none;

}

a, button, input, optgroup, select, textarea {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  outline: none; /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/ border: 0

}

input[type=”button”], input[type=”submit”], input[type=”reset”] {

  -webkit-appearance: none; /*去掉苹果默认样式*/

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.clearfix {

  zoom: 1;

}

.clearfix:after {

  content: ".";

  width: 0;

  height: 0;

  visibility: hidden;

  display: block;

  clear: both;

  overflow: hidden;

}

i, cite, em, var, address, dfn {

  font-style: italic;

}

/* // 实现rem适配 */

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

  html {

    font-size: 42.66px !important;

  }

}

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

  html {

    font-size: 80px !important;

  }

}

@font-face {

  font-family: 'iconfont';

  src: url('../fonts/iconfont.woff2?t=1708925592327') format('woff2'), url('../fonts/iconfont.woff?t=1708925592327') format('woff'), url('../fonts/iconfont.ttf?t=1708925592327') format('truetype');

}

.iconfont {

  font-family: "iconfont" !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.section_tit {

  display: flex;

  justify-content: space-between;

  align-items: center;

  overflow: hidden;

  width: 78%;

  margin: 0 auto;

  padding: .5rem 0;

}

.tit_more {

  font-size: .2rem;

  line-height: .45rem;

  color: #333333;

  margin: .25rem 0;

  display: inline-flex;

  transition: 500ms;

}

.tit_more:hover {

  transform: translateY(-5px);

  color: #21519d;

}

.tit_more i {

  width: .45rem;

  height: .45rem;

  background: url("../images/shi_hov.png")no-repeat center center;

  display: inline;

  margin-right: .1rem;

  background-size: 100% 100%;

}

.tit_more03 i {

  width: .45rem;

  height: .45rem;

  background: url("../images/shi02.png")no-repeat center center;

  display: inline;

  margin-right: .1rem;

  background-size: 100% 100%;

}

.tit_more03 {

  font-size: .2rem;

  line-height: .45rem;

  color: #ffffff;

  margin: .25rem 0;

  display: inline-flex;

  transition: 500ms;

}

.tit_more03:hover {

  transform: translateY(-5px);

}

.tit_more02 {

  font-size: .2rem;

  line-height: .45rem;

  color: #333333;

  display: inline-flex;

  transition: 500ms;

  background: url("../images/shi_hov.png")no-repeat left center;

  padding-left: .5rem

}

.tit_more02:hover {

  color: #21519d;

  margin-top: -5px;

}

.tit_word h3 {

  font-size: .5rem;

  color: #21519d;

}

.cor01 {

  color: #21519d;

}

.tit_word p {

  font-size: .25rem;

  color: #666666;

  line-height: .45rem;

  text-transform: uppercase;

}

.tit_word {

  position: relative;

}

.tit_word::after {

  position: absolute;

  content: '';

  width: 1.25rem;

  height: .05rem;

  background: #21519d;

  left: 120%;

  top: 50%;

  margin-top: -2px;

}

.tit_word02 h3 {

  font-size: .5rem;

  color: #21519d;

}

.tit_word02 p {

  font-size: .25rem;

  color: #666666;

  line-height: .45rem;

  text-transform: uppercase;

}

.tit_word02 {

  position: relative;

  padding: .5rem 0;

}

.tit_word02::after {

  position: absolute;

  content: '';

  width: 1.25rem;

  height: .05rem;

  background: #21519d;

  left: 2.6875rem;

  top: 50%;

  margin-top: -.025rem;

}

.tit02_word {

  margin: 0 auto;

  text-align: center;

  width: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.tit02_word p {

  font-size: .25rem;

  color: #666666;

  line-height: .45rem;

  text-transform: uppercase;

  text-align: center;

}

.tit02_word h3 {

  font-size: .5rem;

  position: relative;

  color: #21519d;

}

.tit02_word h3::before {

  position: absolute;

  content: '';

  width: .625rem;

  height: .05rem;

  background: #21519d;

  top: 50%;

  left: 38%;

  margin-top: -0.025rem;

}

.tit02_word h3::after {

  position: absolute;

  content: '';

  width: .625rem;

  height: .05rem;

  background: #21519d;

  top: 50%;

  right: 38%;

  margin-top: -0.025rem;

}

.pro_main {

  background: #f2f2f2;

  width: 100%;

  margin: 0 auto;

  padding-bottom: .5rem;

}

.pro_box {

  width: 78%;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  padding-bottom: .5rem;

}

.pro_tit {

  position: absolute;

  right: 0;

  top: 0;

}

.pro_tit li {

  width: 4rem;

  background: #ffffff;

  border: 1px solid #004ea2;

  font-size: .225rem;

  color: #333333;

  line-height: .7rem; height: .7rem; box-sizing: border-box;

  margin: 0 .25rem .25rem .25rem;

  border-radius: 60px;

  cursor: pointer;

  position: relative;

  transition: 500ms;

}

.pro_tit li.on {

  background: url("../images/box.png")no-repeat center center, #004ea2;

  color: #ffffff;

  font-weight: bold;

}

.pro_tit li i {

  width: .175rem;

  height: .175rem;

  content: "";

  display: inline-block;

  margin: 0 .3rem;

  border: 2px solid #004ea2;

  border-radius: 50%;

}

.pro_tit li.on i {

  border: 2px solid #ffffff;

}

.pro_tit li::after {

  content: '';

  position: absolute;

  right: .3rem;

  top: 50%;

  margin-top: -4px;

  width: .1625rem;

  height: .1125rem;

  background: url("../images/dots2.png")no-repeat 0 -9px;

  display: block;

  background-size: .1625rem .225rem;

}

.pro_tit li::after i {

  background: url("../images/dots2.png")no-repeat 0 0;

}

.pro_contain {}

.pro_tab_con {

  width: 100%;

  margin: 0 auto;

  position: relative;

  padding-bottom: .375rem;

  top: .5rem;

  left: 0;

  z-index: 2;

}

/*.pro_tab_con .swiper-slide{transition: 500ms;}*/

.pro_tab_con .swiper-slide a {

  width: 100%;

  margin: 0 auto;

  display: block;

  background: #ffffff;

  padding-bottom: .3125rem;

}

.pro_tab_con .swiper-slide a img {

  width: 100%;

}

.pro_tab_con .swiper-slide a p {

  font-size: .225rem;

  line-height: .375rem;

  color: #333333;

  text-align: center;

}

.pro_tab_con .swiper-scrollbar-drag {

  background: rgba(0, 78, 162, 1);

}

.pro_bj {

  background: url("../images/cp_bj01.jpg")no-repeat center center;

  width: 70%;

  height: 5.225rem;

  background-size: 100% 100%;

}

.bj_cp {

  padding: 0 .5rem;

  display: flex;

  align-items: center;

  justify-content: space-between;

  height: 100%;

}

.ydrdemo_zb p {

  color: #c2dfff;

  font-size: .225rem;

  line-height: .45rem;

}

.ydrdemo_zb h3 {

  font-size: .3rem;

  color: #ffffff;

  line-height: .5rem;

  padding-top: .25rem;

}

.ydrdemo_zb h4 {

  color: #ffffff;

  line-height: .75rem;

  font-size: .225rem;

  padding-top: .25rem;

  font-weight: normal;

  position: relative;

}

.ydrdemo_zb h4::after {

  content: '';

  position: absolute;

  height: 1px;

  width: 1.875rem;

  background: #ffffff;

  left: 0;

  bottom: 0;

}
.ydrimg_yb{ width: 50%;    background: #ffffff;}
.ydrimg_yb img{     width: auto;
    height: 4.25rem;
    margin: 0 auto;
    text-align: center;}

.more_btn {

  font-size: .2rem;

  line-height: .45rem;

  color: #ffffff;

  margin: .25rem 0;

  display: inline-flex;

  transition: 500ms;

}

.more_btn i {

  width: .45rem;

  height: .45rem;

  background: url("../images/shi.png")no-repeat center center;

  display: inline;

  margin-right: .1rem;

}

.more_btn:hover {

  transform: translateY(-5px);

}

.pro_tab_con .swiper-slide .role_bj {

  visibility: hidden;

}

.pro_tab_con .swiper-slide.on .role_bj {

  visibility: visible;

}

.pro_tab_con .swiper-slide.on p {

  color: #004EA2;

}

.pro_tab_con .swiper-slide.on {

  box-shadow: 0px 5px 18px 0px rgba(35, 24, 21, 0.1);

  transform: translateY(-5px);

}

.role_bj {

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -0.55rem;

  margin-top: -0.55rem;

}

.role_bj img {

  width: 1.0875rem;

  height: 1.0875rem;

}

.role_bj::after {

  width: 1.0875rem;

  height: 1.0875rem;

  box-sizing: border-box;

  display: block;

  pointer-events: none;

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  border: .125rem solid #ffffff;

  border-radius: 50%;

  -webkit-animation-duration: 1.2s;

  animation-duration: 1.2s;

  -webkit-animation-name: menu_circle;

  animation-name: menu_circle;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}

@keyframes menu_circle {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  80% {

    -webkit-transform: scale(1.6);

    transform: scale(1.6);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.6);

    transform: scale(1.6);

  }

}

@-webkit-keyframes menu_circle {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  80% {

    -webkit-transform: scale(1.6);

    transform: scale(1.6);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.6);

    transform: scale(1.6);

  }

}

.i-product {

  width: 100%;

  margin: .75rem auto;

}

.conwidth {

  width: 78%;

  margin: 0 auto;

}

.i-product .content ul li {

  position: relative;

  float: left;

  width: 25%;

  height: 7.8667rem;

  overflow: hidden;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  -webkit-transition: ease 1s;

  transition: ease 1s;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-right: 1px solid rgba(255, 255, 255, .3);

}

.i-product .content ul li:last-child {

  border-right: none;

}

.i-product .content ul li:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: -webkit-gradient(linear, center top, center bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));

}

.i-product .content ul li:hover:before, .i-product .content ul li.on:before {

  background: rgba(0, 78, 162, 0.9);

}

.i-product .content ul li a {

  position: relative;

  display: block;

  width: 100%;

  height: 100%;

}

.i-product .serial {

  position: relative;

  z-index: 10;

  padding-top: .875rem;

  padding-left: .375rem;

  font-size: .4rem;

  color: #FFFFFF;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.i-product .content ul li.on .serial {

  font-size: .45rem;

  padding-top: 1rem;

}

.i-product .text {

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 10;

  width: 100%;

  padding: 0px .375rem;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -o-transition: all 0.6s ease;

  -ms-transition: all 0.6s ease;

  -moz-transition: all 0.6s ease;

  -webkit-transition: all 0.6s ease;

  transition: all 0.6s ease;

}

.i-product .content ul li.on .text {

  bottom: 1.125rem;

}

.i-product .text .txt {

  position: relative;

  margin: .25rem 0;

}

.i-product .text .ic img {

  width: .675rem;

  height: .675rem;

}

.i-product .text .t1 {

  font-family: "syn";

  color: #ffffff;

  font-size: .3rem;

}

.i-product .content ul li.on .text .t1 {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}

.i-product .text .t2 {

  position: absolute;

  left: 0;

  top: 0;

  color: #ffffff;

  opacity: 0;

  font-size: .3rem;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.i-product .content ul li.on .text .t2 {

  position: relative;

  opacity: 1;

  font-weight: bold;

}

.i-product .text .arrowicon {

  text-align: left;

  opacity: 0;

}

.i-product .content ul li.on .text .arrowicon {

  opacity: 1;

}

.i-product .bgbox {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: -1;

}

.i-product .bgbox ul li {

  width: 100%;

  height: 100%;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  -webkit-transition: all 1s ease;

  transition: all 1s ease;

}

.i-product .bgbox ul li.on {

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);

}

.i-product .box {

  position: relative;

}

.w1400 {

  width: 78%;

}

.news_con {

  margin: 0 auto;

  padding-bottom: .5rem;

  overflow: hidden;

}

.news_main {

  width: 100%;

  margin: 0 auto;

}

.mar40 {

  margin: .5rem auto;

}

.news_zb {

  width: 45%;

}

.news_img {

  background: #edf0f4;

  position: relative;

  height: 6.22rem;

}

.news_img .hd {

  position: absolute;

  z-index: 10;

  right: .625rem;

  bottom: .5625rem;

}

.news_img .hd ul li {

  font-size: 0;

  width: .15rem;

  height: .15rem;

  background: #ffffff;

  border-radius: 50%;

  filter: alpha(opacity=40);

  opacity: 0.4;

  cursor: pointer;

  float: left;

  margin: 0 4px;

}

.news_img .hd ul li.on {

  opacity: 1;

  filter: alpha(opacity=100);

}

.news_img .bd {

  width: 90%;

  margin: 0 auto;

}

.news_img .bd ul li img {

  width: 100%;

  height: 4.4rem;

}

.news_img .bd ul li h3 {

  font-size: .225rem;

  line-height: .5rem;

  color: #333333;

  font-weight: normal;

  width: 100%;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.news_img .bd ul li {

  padding: .375rem 0;

}

.news_img .bd ul li p {

  font-size: .225rem;

  color: #666666;

  line-height: .5rem;

  font-weight: bold;

}

.news_img .bd ul li p font {

  color: #2057a6;

  font-size: .3rem;

}

.news_img .prev {

  position: absolute;

  left: 50px;

  top: 50%;

  width: .625rem;

  height: .625rem;

  line-height: .775rem;

  text-align: center;

  border-radius: 50%;

  transition: 0.3s;

  z-index: 10;

  background: #004EA2;

  opacity: .5;

}

.news_img .next {

  position: absolute;

  right: 50px;

  top: 50%;

  width: .625rem;

  height: .625rem;

  line-height: .625rem;

  text-align: center;

  border-radius: 50%;

  transition: 0.3s;

  z-index: 10;

  background: #004EA2;

  opacity: .5;

}

.news_img .prev i {

  background: url("../images/prev.png")no-repeat 0 0;

  display: block;

  width: .1625rem;

  height: .2875rem;

  position: absolute;

  top: 50%;

  left: 50%;

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

  background-size: .325rem .2875rem;

}

.news_img .next i {

  background: url("../images/prev.png")no-repeat -0.1625rem 0;

  display: block;

  width: .1625rem;

  height: .2875rem;

  position: absolute;

  top: 50%;

  left: 50%;

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

  background-size: .325rem .2875rem;

}

.news_img:hover .prev, .news_img:hover .next {

  background: #004EA2;

  opacity: 1;

}

.news_img .prev:hover {

  transform: translateX(-10px);

}

.news_img .next:hover {

  transform: translateX(10px);

}

.news_yb {

  width: 53%;

}

.silder_box02 {

  position: relative;

}

.silder_box02 .hd {

  height: 2.1rem;

}

.silder_box02 .hd ul {

  height: 100%;

  display: flex;

  align-items: center;

}

.silder_box02 .hd ul li {

  float: left;

  margin: 0 .375rem;

  font-size: .3rem;

  position: relative;

  line-height: .7rem;

  cursor: pointer;

}

.silder_box02 .hd ul li::after {

  content: '';

  position: absolute;

  width: .275rem;

  height: .025rem;

  background: #ffffff;

  left: 50%;

  margin-left: -0.1375rem;

  bottom: 0;

}

.silder_box02 .hd ul li.on {

  color: #004ea2;

  font-weight: bold;

}

.silder_box02 .hd ul li.on::after {

  background: #004ea2;

}

.sear_form {

  width: 100%;

  position: fixed;

  left: 0;

  top: 1.4667rem;

  background: #ffffff;

  z-index: 10;

  padding: .5rem 0;

  border-top: 1px solid #cccccc;

  box-shadow: 0px 9px 10px 0px rgba(65, 66, 66, 0.15);

  display: none;

}

.sear_form .w1400 {

  width: 12.5rem;

  margin: .375rem auto;

  display: flex;

  justify-content: space-between;

  height: 1rem;

  align-items: center;

  border-bottom: 1px solid #cccccc;

  position: relative;

}

.sear_form .w1400 .search-btn img {

  width: .375rem;

  height: .375rem;

}

.sear_form .w1400 input.sear_text {

  font-size: .225rem;

  line-height: 1rem;

  border: none;

  background: none;

  text-indent: 2em;

  width: 90%;

}

.sear_form .w1400 .btn_submit {

  width: 10%;

  height: 100%;

  cursor: pointer;

  position: relative;

  display: block;

}

.sear_form .w1400 .btn_submit::after {

  content: '';

  position: absolute;

  width: .35rem;

  height: .35rem;

  background: url("../images/ico_sear.png") no-repeat -.35rem 0;

  top: 50%;

  left: 50%;

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

  background-size: .7rem .35rem;

}

.sear_form .w1400 .close {

  width: .375rem;

  height: .375rem;

  transition: all 0.3s ease 0s;

  cursor: pointer;

  position: absolute;

  right: -1rem;

  top: 50%;

  margin-top: -0.1875rem;

}

.sear_form .w1400 .close:hover {

  transform: rotate(180deg);

}

.ulist ul {

  overflow: hidden;

}

.ulist .tit_more {

  position: absolute;

  right: 0;

  top: .575rem;

}

.ulist ul li {

  font-size: .225rem;

  line-height: 1rem;

  border-bottom: 1px solid #eeeeee;

  position: relative;

}

.ulist ul li a {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.ulist ul li span {

  font-size: .225rem;

  font-weight: bold;

  color: #666666;

  width: 15%;

  text-align: center;

}

.ulist ul li span font {

  color: #2057a6;

  font-size: .3rem;

}

.ulist ul li h3 {

  font-weight: normal;

  width: 70%;

  color: #333333;

  font-size: .225rem;

  line-height: 1rem;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.ulist ul li p {

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  width: .3625rem;

  height: .2375rem;

  background: url("../images/arrow.png")no-repeat center left;

  width: 15%;

  background-size: .2875rem .175rem;

  opacity: 0;

}

.ulist ul li::before {

  position: absolute;

  content: '';

  left: 0;

  bottom: 0;

  width: 0;

  height: 1px;

  border-bottom: #004ea2 solid 1px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.ulist ul li:hover::before {

  width: 100%;

}

.ulist ul li:hover h3 {

  color: #004ea2;

}

.ulist ul li:hover p {

  opacity: 1;

  background: url("../images/arrow.png")no-repeat center right;

}

.about_box, .khal, .contact_box, .footer {

  width: 100%;

  margin: 0 auto;

}

.contact_box {

  overflow: hidden;

}

.about_box .about_con, .khal .khal_box, .contact_box .contact_con, .footer .footer_box {

  margin: 0 auto;

}

.khal .khal_box {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.us_bj {

  background: url("../images/bj03.jpg")no-repeat bottom center;

  padding: .5rem 0;

}

.us_bj02 {

  background: url("../images/bj04.jpg")no-repeat top center;

  padding: .5rem 0;

}

.lxwm_bj {

  background: url("../images/bj05.jpg")no-repeat center center;

  padding: .375rem 0;

}

.foot_bj {

  background: url("../images/bj06.jpg")no-repeat center top,#ECF0F2;

}

.tit03 {

  font-size: .45rem;

  color: #ffffff;

  line-height: 1rem;

  font-style: italic;

  font-weight: normal;

}

.us_box {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.us_box .us_word {

  width: 45%;

}

.us_box .us_word h3 {

  font-size: .325rem;

  color: #15152e;

  line-height: 1rem;

  font-weight: normal;

}

.us_box .us_word p {

  font-size: .2rem;

  color: #333333;

  line-height: .45rem;

  text-indent: 2em;
text-align: justify;
}

.us_list {

  width: 50%;

}

.us_list ul {

  overflow: hidden;

}

.us_list ul li {

  width: 33.33%;

  float: left;

  margin: .1875rem 0;

}

.us_list ul li h3 {

  color: #004ea2;

  border-bottom: 1px solid #004ea2;

  width: 70%;

  font-size: .225rem;

  font-weight: normal;

  padding: .125rem 0;

}

.us_list ul li h3 strong {

  font-size: .55rem;

  font-family: 'impact';

}

.us_list ul li p {

  font-size: .225rem;

  color: #333333;

  line-height: .625rem;

}

.logo_list {

  width: 76%;

}

.logo_list ul {

  width: 100%;

}

.logo_list ul li {

  position: relative;

  height: 2rem;

  width: 12.5%;

  float: left;

  padding: .325rem 0;

  text-align: center;

  margin: 0 auto;

  -webkit-transition: all .8s ease-in-out 0s;

  -moz-transition: all .8s ease-in-out 0s;

  -ms-transition: all .8s ease-in-out 0s;

  -o-transition: all .8s ease-in-out 0s;

  transition: all .8s ease-in-out 0s;

  transition-delay: .5s;

}

.logo_list ul li .lt-dot {

  left: 0;

  top: 0;

}

.logo_list ul li .lb-dot {

  left: 0;

  bottom: 0;

}

.logo_list ul li .rt-dot {

  right: 0;

  top: 0;

}

.logo_list ul li .rb-dot {

  right: 0;

  bottom: 0;

}

.logo_list ul li .dot {

  position: absolute;

  display: block;

  width: .025rem;

  height: .025rem;

  background: #cccccc;

}

.logo_list ul li img {

  width: 50%;

  text-align: center;

  margin: 0 auto;

}

.logo_list ul li p {
    font-size: .175rem;
    color: #333333;
    line-height: 1.5em;
    padding: 0 0.05rem;
    box-sizing: border-box;
    
}

.logo_list ul li a {

  width: 100%; height:80%;

  position: absolute;

  top: 50%;

  left: 50%;

  display: block;

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

  transition: all .5s linear 10ms;

  border-left: 1px solid #cccccc;

}

.logo_list ul li:nth-child(8n +1) a {

  border-left: 0;

}

.logo_list ul li:nth-child(8n +1) .lt-dot, .logo_list ul li:nth-child(8n +1) .lb-dot {

  display: none;

}


.logo_box {

  display: flex;

  justify-content: flex-end;

  flex-direction: column;

}

.logo_box h3 {

 font-size: .3rem;
    line-height: 2em;
    color: #333333;

}

.more_btn02 i {

  width: .5625rem;

  height: .5625rem;

  background: url("../images/icon1.png")no-repeat 0 0;

  background-size: 100% 100%;

  display: block;

  margin: .125rem auto;

}

.more_btn02 {

  margin: .375rem auto;

  text-align: center;

  font-size: .225rem;

  color: #333333;

}

/*.logo_list ul li:nth-of-type(9)::before,.logo_list ul li:nth-of-type(10)::before,.logo_list ul li:nth-of-type(11)::before,.logo_list ul li:nth-of-type(12)::before,.logo_list ul li:nth-of-type(13)::before,.logo_list ul li:nth-of-type(14)::before,.logo_list ul li:nth-of-type(15)::before,.logo_list ul li:nth-of-type(16)::before {*/
/*  position: absolute;*/
/*  width: 80%;*/
/*  content: '';*/
/*  height: 1px;*/
/*  background: #cccccc;*/
/*  left: 50%;*/
/* margin-left: -40%;*/
/*  top: 0;*/
/*}*/


.logo_list ul li::before {position: absolute;width: 80%;content: '';height: 1px;background: #cccccc;left: 50%; margin-left: -40%; top: 0;}
.logo_list ul li:nth-of-type(1)::before,.logo_list ul li:nth-of-type(2)::before,.logo_list ul li:nth-of-type(3)::before,.logo_list ul li:nth-of-type(4)::before,.logo_list ul li:nth-of-type(5)::before,.logo_list ul li:nth-of-type(6)::before,.logo_list ul li:nth-of-type(7)::before,.logo_list ul li:nth-of-type(8)::before{ background:none;}
.form_list {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  width: 100%;

  margin: 0 auto;

}

.form_list li {

  width: 33.33%;

  margin: .25rem auto;

  text-align: center;

}

.form_list li label {

  font-size: .275rem;

  color: #ffffff;

  line-height: .75rem;

  width: 22%;

  text-align: right;

  display: inline-block;

  float: left;

}

.form_list li input {

  width: 70%;

  height: .75rem;

  background: #ffffff;

  border: none;

  border-radius: .05rem;

  font-size: .225rem;

  line-height: .75rem;

  color: #333333;

  text-indent: 2em;

}

.form_list li button {

  background: #e2e8f1;

  border-radius: 4px;

  height: .75rem;

  width: 5.0625rem;

  font-size: .3rem;

  color: #004ea2;

  line-height: .75rem;

  cursor: pointer;

}

.flex_box {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-top: .5rem;

  padding-bottom: .125rem;

}

.logo_01 {

  overflow: hidden;

}

.logo_02 {

  width: 3.6533rem;

  height: .9333rem;

}

.logo_01 ul {

  margin: .375rem 0;

}

.logo_01 ul li {

  font-size: .2rem;

  color: #333333;

  line-height: .5rem;

}

.logo_01 ul li i {

  width: .3rem;

  height: .3rem;

  display: inline-block;

  vertical-align: middle;

  margin: 0 .125rem;

}
.logo_01 ul li i img{ width: 100%; height: 100%;}

.foot_list {

  display: flex;

  justify-content: space-between;

}

.foot_list .foot01 {

  margin-right: .5625rem;

}

.foot_list .foot01 h3 {

  font-size: .225rem;

  color: #333333;

  line-height: .625rem;

  position: relative;

  font-weight: normal;

  margin-bottom: .125rem;

}

.foot_list .foot01 h3::after {

  width: .375rem;

  height: .025rem;

  background: #004ea2;

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

}

.foot_list .foot01 ul li {

  font-size: .2rem;

  color: #666666;

  line-height: .4rem;

}

.foot_list .foot01 ul li a {

  color: #666666;

  transition: 500ms;

}

.foot_list .foot01 ul li a:hover {

  color: #004ea2;

}

.ewm_list {}

.ewm_list ul li {

  width: 1.75rem;

  margin: 0 .125rem;

  text-align: center;

  float: left;

}

.ewm_list ul li img {

  width: 1.5875rem;

  text-align: center;

  margin: 0 auto;

}

.ewm_list ul li p {

  font-size: .2rem;

  line-height: .4rem;

  color: #333333;

  text-align: center;

}

.foot {

  width: 100%;

  border-top: 1px solid #cccccc;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.foot .foot_word {

  font-size: .2rem;

  color: #333333;

  line-height: .95rem;

}

.foot .foot_word a{ color: #333333;}

.ico_list {

  width: 1.125rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

  height: .95rem;

}

.ico_list li {

  width: .45rem;

  height: .45rem;

  border-radius: 50%;

  background: #ffffff;

  position: relative;

  cursor: pointer;

}

.ico_list li .popup {

  visibility: hidden;

  position: absolute;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  width: 1.25rem;

  bottom: .625rem;

  height: 1.25rem;

  left: 50%;

  margin-left: -50px;

  z-index: 10;

  -moz-transition: all .36s ease;

  -o-transition: all .36s ease;

  -webkit-transition: all .36s ease;

  transition: all .36s ease;

  -moz-transform: translate(0, -20px);

  -ms-transform: translate(0, -20px);

  -webkit-transform: translate(0, -20px);

  transform: translate(0, -20px);

}

.ico_list li a.icoh01 {

  background: url("../images/icon08.png")no-repeat 0 0;

  width: .275rem;

  height: .275rem;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -0.1375rem;

  margin-top: -0.1375rem;

  background-size: .275rem .55rem;

}

.ico_list li a.icoh02 {

  background: url("../images/icon09.png")no-repeat 0 0;

  width: .275rem;

  height: .275rem;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -0.1375rem;

  margin-top: -0.1375rem;

  background-size: .275rem .55rem;

}

.ico_list li.on a.icoh01 {

  background: url("../images/icon08.png")no-repeat 0 -0.275rem;

}

.ico_list li.on a.icoh02 {

  background: url("../images/icon09.png")no-repeat 0 -0.275rem;

}

.ico_list li.on {

  background: #004ea2;

}

.ico_list li.on .popup {

  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

  opacity: 1;

  -moz-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  -webkit-transform: translate(0, 0);

  transform: translate(0, 0);

  visibility: visible;

}

.ico_list li .er-code {

  background: #FFFFFF;

}

.ico_list li .popup img {

  width: 1.25rem;

  height: 1.25rem;

}

.ico_list li .triangle {

  position: absolute;

  left: 50%;

  bottom: -0.1125rem;

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

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

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

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

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-style: solid;

  border-width: .1125rem .075rem 0px;

  border-color: #FFFFFF transparent transparent transparent;

}

.ban_pc {

  width: 100%;

  overflow: hidden;

}

.banner_con {

  width: 100%;

  position: relative;

}

.banner_con .swiper-slide img {

  width: 100%;

  margin: 0 auto;

}

.banner_con .swiper-button-prev, .banner_con .swiper-button-next {

  opacity: .6;

}

.banner_con .swiper-button-prev:hover, .banner_con .swiper-button-next:hover {

  opacity: 1;

}

.banner_con .swiper-button-prev:hover {

  transform: translateX(-10px);

}

.banner_con .swiper-button-next:hover {

  transform: translateX(10px);

}

.banner_con .swiper-button-prev {

  background: url("../images/prev02.png")no-repeat 0 0;

  width: .775rem;

  height: .775rem;

  left: 10%;

  transition: all 0.4s ease;

  background-size: 1.55rem .775rem;

}

.banner_con .swiper-button-next {

  background: url("../images/prev02.png")no-repeat -0.775rem 0;

  width: .775rem;

  height: .775rem;

  right: 10%;

  transition: all 0.4s ease;

  background-size: 1.55rem .775rem;

}

.banner_con .swiper-button-prev:after, .banner_con .swiper-button-next:after {

  content: '';

}

.banner_con .swiper-pagination-bullet {

  width: .15rem;

  height: .15rem;

  background: #ffffff;

  opacity: .5;

}

.banner_con .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: #ffffff;

  opacity: 1;

}

.banner_con .swiper-pagination {

  display: flex;

  align-items: center;

  justify-content: center;

}

.banner_con.swiper-container-horizontal > .swiper-pagination-bullets {

  bottom: .25rem;

}

.banner_con .swiper-slide-active {

  animation-name: slidescale;

  animation: slidescale 9s ease 0s normal none;

  -moz-animation: slidescale 9s ease 0s normal none;

  -webkit-animation: slidescale 9s ease 0s normal none;

  -o-animation: slidescale 9s ease 0s normal none;

}

@-webkit-keyframes slidescale {

  from {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

  }

  to {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }

}

@-moz-keyframes slidescale {

  from {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

  }

  to {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }

}

@keyframes slidescale {

  from {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

  }

  to {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

  }

}

.fgx01 {

  width: 100%;

  height: 2rem;

  overflow: hidden;

}

.header {

  width: 100%;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 15;

  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .1);

  transition: all 0.3s ease-in-out;

}

.header .w1400 {

  width: 78%;

  margin: 0 auto;

}

.flex_box03 {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.head_top {

  display: flex;

  justify-content: flex-end;

}

.head_top li {

  font-size: .225rem;

  color: #333333;

  margin-left: .375rem;

  display: flex;

  align-items: center;

}

.head_top li a {

  font-size: .225rem;

  color: #333333;

  line-height: .6667rem;

  transition: .3s;

}

.head_top li p {

  font-size: .325rem;

  color: #ffffff;

  font-weight: bold;

  line-height: .6667rem;

  transition: all 0.3s ease-in-out;

  padding-right: .125rem;

}

.head_top li i {

  background: url("../images/icon10.png")no-repeat -0.375rem 0;

  background-size: .75rem .375rem;

  width: .375rem;

  height: .375rem;

  display: block;

}

.bjys_wh .head_top li i {

  background: url("../images/icon10.png")no-repeat 0 0;

  background-size: .75rem .375rem;

  width: .375rem;

  height: .375rem;

  display: block;

}

.head_top li a:hover {

  color: #004ea2;

}

.bjys01 {

  background: rgba(255, 255, 255, 0);

}

.ny_ban {

  width: 100%;

  margin: 0 auto;

  overflow: hidden;

}

.ny_ban img {

  width: 100%;

}

.head_up {

  width: 82%;

  margin: 0 auto;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  justify-content: flex-end;

}

.logo_link {

  width: 18%;

}

.logo_link img {

  width: 100%;

  transition: all 0.3s ease-in-out;

}

.bjys_wh .logo_white {

  display: none;

}

.logo_white {

  display: block;

}

.logo_blue {

  display: none;

}

.bjys_wh .logo_blue {

  display: block;

}

.bjys_wh .head_top p {

  color: #4A7F1F;

}

.nav_list {

  width: 78%;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.nav_list ul {

  display: flex;

  width: 90%;

  height: .8rem;

  align-items: center;

}

.nav_list ul li {

  width: 16.6%;

  font-size: .275rem;

  color: #333333;

  position: relative;

  text-align: center;

}

.nav_list ul li a {

  color: #ffffff;

  text-align: center;

  font-size: .275rem;

  margin: 0 auto;

  display: inline-block;

  line-height: .8rem;

  margin: 0 auto;

  position: relative;

}

.bjys_wh .nav_list ul li a {

  color: #333333;

}

.sear_ico {

  display: block;

  width: .425rem;

  height: .425rem;

  background: url("../images/ico_sear.png")no-repeat 0 0;

  background-size: .85rem .425rem;

}

.other_box {

  width: 10%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.nav_list ul li > a::after {

  position: absolute;

  content: '';

  transform: scale(0);

  display: block;

  height: .025rem;

  background: #004ea2;

  left: 0;

  bottom: 0;

  transition: all 0.3s ease 0s;

  width: 100%;

}

.nav_list ul li:hover > a::after {

  transform: scale(1);

}

.nav_list ul li:hover > a {

  color: #004ea2;

}

.bjys_wh .sear_ico {

  display: block;

  width: .425rem;

  height: .425rem;

  background: url("../images/ico_sear.png")no-repeat -0.425rem 0;

  background-size: .85rem .425rem;

}

.bjys_wh {

  background: url("../images/head_bj01.jpg")no-repeat center top;

  background-size: 100% 100%;

}

.sub_nav {

  position: absolute;

  z-index: 10;

  background: rgba(255, 255, 255, .8);

  top: 100%;

  left: 50%;

  padding: 0 .25rem;

  box-sizing: border-box;

  width: 8.25rem;

  display: flex;

  transition: all 0.5s ease-in-out;

  opacity: 0;

  visibility: hidden;

  transform: translateY(.25rem);

  margin-left: -4.125rem;

}

.nav_list ul li:hover .sub_nav {

  opacity: 1;

  visibility: inherit;

  transform: translateY(0);

}

.nav_list ul li:hover .sub_nav02 {

  opacity: 1;

  visibility: inherit;

  transform: translateY(0);

}

.sub_nav .left_b, .sub_nav .right_b {

  width: 50%;

  padding-top: .25rem;

}

.sub_nav .left_b {

  border-right: 1px solid #cccccc;

  padding-left: .25rem;

  padding-bottom: .25rem;

}

.sub_nav .right_b {

  padding-left: .5rem;

}

.sub_nav .right_b dl {

  overflow-y: auto;

  height: 3.75rem;

}

.sub_nav .right_b dl::-webkit-scrollbar {

  width: .1rem;

}

.sub_nav .right_b dl::-webkit-scrollbar-track {

  background: #eee;

  border-radius: .0625rem;

}

.sub_nav .right_b dl::-webkit-scrollbar-thumb {

  border-radius: 5px;

  background: linear-gradient(45deg, #0082e6 0%, #1b6bd4 100%);

}

.sub_nav .left_b .cp_bt a {

  font-size: .2rem;

  color: #ffffff;

  line-height: .375rem;

  background: #004ea2;

  display: inline-block;

  padding: 0 .25rem;

  font-weight: bold;

  transition: .3s;

}

.sub_nav .left_b .cp_bt a:hover {

  background: #4A7F1F; color: #ffffff;

}

.sub_nav .left_b .cp_bt {

  margin-bottom: .1875rem;

  text-align: left;

}

.sub_nav .left_b dl {

  margin-bottom: .125rem;

}

.sub_nav .left_b dl dd {

  font-size: .2rem;

  color: #333333;

  line-height: .375rem;

  text-align: left;

}

.sub_nav .left_b dl dd a {

  font-size: .2rem;

  line-height: .375rem;

  text-align: left;

  transition: .3s; color: #333333;

}

.sub_nav .left_b dl dd.on a {

  color: #004ea2;

  font-weight: bold;

}

.sub_nav .right_b dl dd {

  font-size: .2rem;

  color: #333333;

  text-align: left;

}

.sub_nav .right_b dl dd a {

  font-size: .2rem;

  text-align: left;

  line-height: .375rem;

  transition: .3s; color: #333333;

}

.sub_nav .right_b dl dd a:hover, .sub_nav .left_b dl dd a:hover {

  color: #004ea2;

  font-weight: bold;

}

.sub_nav02 .left_a {

  width: 300%;

  display: flex;

  flex-wrap: wrap;

  flex-direction: column;

}

.sub_nav02 .left_a a {

  font-size: .2rem;

  color: #333333;

  line-height: .4rem;

  display: inline-block;

  transition: all 0.5s;

  margin-bottom: .1333rem;

  width: 100%;

}

.sub_nav02 .left_a a:last-child {

  margin-bottom: 0;

}

.sub_nav02 .left_a a:hover {

  color: #004ea2;

  font-weight: bold;

}

.sub_nav02 {

  position: absolute;

  z-index: 10;

  background: rgba(255, 255, 255, .8);

  top: 100%;

  left: 50%;

  margin-left: -60%;

  padding: .25rem 0;

  box-sizing: border-box;

  display: flex;

  transition: all 0.5s ease-in-out;

  opacity: 0;

  visibility: hidden;

  transform: translateY(20px);

  width: 120%;

}

.ny_nav {

  background: #efefef;

  height: 1rem;

}

.ny_nav .wrap_80 {

  width: 78%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 0 auto;

}

.nav_jc, .local_box {

  overflow: hidden;

}

.nav_jc {

  border-left: 1px solid #ffffff;

}

.nav_jc li {

  float: left;

  font-size: .225rem;

  color: #333333;

  line-height: 1rem;

  text-align: center;

  border-right: 1px solid #ffffff;

  cursor: pointer;

  transition: all 0.5s ease;

}

.nav_jc li {

  min-width: 2rem;

}

.nav_jc li a {

  width: 100%;

  display: block;

  padding: 0 0.2rem;

}

.nav_jc li.on {

  background: #004ea2;

  color: #ffffff;

}

.nav_jc li.on a {

  color: #ffffff;

}

.nav_jc li:hover {

  background: #004ea2;

  color: #ffffff;

}

.nav_jc li:hover a {

  color: #ffffff;

}

.local_box li {

  float: left;

  font-size: .2rem;

}

.section {

  width: 100%;

  margin: 0 auto;

  overflow: hidden;

}

.section .w_1400 {

  width: 78%;

  margin: 0 auto;

}

.times-swiper {

  width: 13.75rem;

  position: relative;

  margin: 0 auto;

}

.times-swiper .swiper-slide {

  height: 1.25rem;

  padding-top: .8125rem;

  box-sizing: border-box;

  line-height: .375rem;

  position: relative;

  z-index: 5;

  cursor: pointer;

  text-align: center;

  font-size: .225rem;

}

.times-swiper .swiper-slide:before {

  background: #666666;

  width: 100%;

  height: .025rem;

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  display: block;

  z-index: 2;

}

.times-swiper .swiper-slide:after {

  background: url('../images/r1.png') center center no-repeat;

  width: .125rem;

  height: .125rem;

  content: '';

  position: absolute;

  top: calc(50% - .0625rem);

  left: calc(50% - .0625rem);

  display: block;

  z-index: 2;

  background-size: 100% 100%;

}

.times-swiper .swiper-slide:hover, .times-swiper .swiper-slide.swiper-slide-active {

  color: #004ea2;

  font-weight: bold;

}

.times-swiper .swiper-slide:hover:after, .times-swiper .swiper-slide.swiper-slide-active:after {

  background: url('../images/r1_on.png') center center no-repeat;

}

.times-swiper .swiper-button-prev {

  background-size: 1.3rem .65rem;

  width: .65rem;

  height: .65rem;

  background-image: url("../images/prev03.png");

  background-repeat: no-repeat;

  background-position: 0 0;

  left: -52px;

  margin-top: -0.325rem;

}

.times-swiper .swiper-button-next {

  background-size: 1.3rem .65rem;

  width: .65rem;

  height: .65rem;

  background-image: url("../images/prev03.png");

  background-repeat: no-repeat;

  background-position: -0.65rem 0;

  right: -0.65rem;

  margin-top: -0.325rem;

}

.year-swiper .swiper-slide {

  padding: .1875rem 0;

}

.year-swiper .swiper-slide h3 {

  font-size: .4rem;

  line-height: .875rem;

  color: #004ea2;

  font-weight: normal;

  padding-left: .25rem;

}

.year-swiper .swiper-slide ul {

  overflow: hidden;

}

.year-swiper .swiper-slide ul li {

  font-size: .2rem;

  color: #333333;

  line-height: .4rem;

  background: url("../images/ico05.png")no-repeat left center;

  padding-left: .1875rem;

  background-size: .0625rem .0625rem;

}

.ny_tit {

  width: 100%;

  margin: .5rem auto;

}

.ny_tit h3 {

  font-size: .45rem;

  line-height: .95rem;

  color: #333333;

  font-weight: normal;

  position: relative;

  margin: 0 auto;

  text-align: center;

}

.ny_tit h3::after {

  position: absolute;

  width: .625rem;

  height: .0375rem;

  content: "";

  left: 50%;

  bottom: 0;

  margin-left: -0.3125rem;

  background: #004ea2;

}

.nybjys01 {

  background: url("../images/ny_bj01.jpg")no-repeat center bottom;

}

.nybjys02 {

  background: url("../images/ny_bj02.jpg")no-repeat center bottom;

}

.nybjys03 {

  background: url("../images/ny_bj03.jpg")no-repeat center top;

  padding-bottom: .75rem;

}

.hd_tab {

  width: 100%;

  margin-bottom: .5rem;

}

.hd_tab ul {

  display: flex;

  align-items: center;

  position: relative;

}

.hd_tab ul li {

  cursor: pointer;

}

.hd_tab ul li p {

  font-size: .3rem;

  color: #333333;

  line-height: .7rem;

  padding: 0 .75rem;

  border-radius: 56px;

  position: relative;

}

.hd_tab ul li p::after {

  content: '';

  position: absolute;

  width: .275rem;

  height: .025rem;

  background: #ffffff;

  left: 50%;

  margin-left: -0.1375rem;

  bottom: 0;

}

.hd_tab ul li a {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  display: none;

}

.hd_tab ul li.on a {

  display: block;

}

.hd_tab ul li.on p {

  color: #004ea2;

  font-weight: bold;

}

.hd_tab ul li.on p::after {

  background: #004ea2;

}

.jtjj_demo {

  overflow: hidden;

}

.jtjj_demo p {

  font-size: .2rem;

  color: #333333;

  line-height: .4rem;

  padding-bottom: .25rem;text-align: justify;

}

.jtjj_demo a {

  font-size: .2rem;

  color: #21519d;

  line-height: .4rem;

  padding-bottom: .25rem;

}

.video_demo {

  width: 100%;

  margin: 0 auto;

}

.video_demo .videolist {

  width: 100%;

}

.video_demo .videolist {

  position: relative;

  cursor: pointer;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  width: 100%;

  height: 7.8125rem;

  margin: 0 auto;

  transition: 500ms;

  overflow: hidden;

}

.video_item {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  width: 100%;

  height: 100%;

}

.video_item i {

  width: 1.075rem;

  height: 1.075rem;

  background: url("../images/icon29.png")no-repeat center center;

  background-size: 100% 100%;

}

.video_item h3 {

  font-size: .375rem;

  line-height: .75rem;

  color: #ffffff;

  font-weight: normal;

}

.rank_demo {

  overflow: hidden;

}

.rank_demo ul {

  overflow: hidden;

  display: flex;

  justify-content: space-between;

  padding-bottom: .375rem;

}

.rank_demo ul li {

  width: 15%;

}

.rank_demo ul li h3 {

  color: #004ea2;

  border-bottom: 1px solid #004ea2;

  width: 70%;

  font-size: .225rem;

  font-weight: normal;

  padding: .125rem 0;

}

.rank_demo ul li h3 b {

  font-size: .55rem;

  font-family: 'impact';

  margin-right: .125rem;

}

.rank_demo ul li p {

  font-size: .225rem;

  color: #333333;

  line-height: .625rem;

}

.znhz_demo {

  width: 100%;

  display: flex;

  justify-content: space-between;

}

.znhz_demo .zn_wrap_fl {

  width: 49.3%;

  height: 6.65rem;

  overflow: hidden;

}

.znhz_demo .zn_wrap_fr {

  width: 49.3%;

}

.znhz_demo .zn_wrap_fr .zn_xx {

  width: 100%;

  height: 3.2rem;

  overflow: hidden;

  transition: 500ms;

}

/*







.zn_bj01{ background: url("../images/znhz_bj02.jpg")no-repeat center center; margin-bottom: 30px;}







.zn_bj02{ background: url("../images/znhz_bj03.jpg")no-repeat center center;}







*/

.zn_bj01 {

  margin-bottom: .25rem;

}

.zn_xx a, .zn_wrap_fl a {

  width: 100%;

  height: 100%;

  box-sizing: border-box;

  padding: .325rem;

  display: block;

  transition: 500ms;

  position: relative;

  overflow: hidden;

}

.zn_xx h3, .zn_wrap_fl h3 {

  font-size: .325rem;

  color: #ffffff;

  line-height: .75rem;

  font-weight: normal;

}

.zn_xx p, .zn_wrap_fl p {

  font-size: .2rem;

  line-height: .4rem;

  color: #ffffff;

}

.zn_wrap_fl a img {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  transition: 500ms;

}

.zn_wrap_fl i, .zn_xx i {

  width: .45rem;

  height: .45rem;

  margin-top: .125rem;

  transition: 500ms;

  background: url("../images/shi02.png")no-repeat center center;

  display: block;

  background-size: 100% 100%;

}

.zn_xx a img {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  transition: 500ms;

}

.zn_wrap_fl a:hover i, .zn_xx a:hover i {

  transform: translateY(-5px);

}

.zn_xx a:hover img, .zn_wrap_fl:hover img {

  transform: scale(1.05);

}

.znhz_box {

  padding-bottom: .625rem;

}

.text_znhz {

  width: 92%;

  z-index: 2;

  position: absolute;

}

.shzz_box {

  width: 100%;

  background-image: url("../images/ny_bj04.jpg");

  background-size: cover;

  background-position: center;

  background-attachment: fixed;

  height: 54vh;

  display: flex;

  align-items: center;

}

.shzz_demo {

  padding: 0 .375rem;

}

.shzz_demo h3 {

  font-size: .5rem;

  line-height: .75rem;

  color: #ffffff;

  padding-bottom: .25rem;

}

.shzz_demo p {

  font-size: .225rem;

  color: #ffffff;

  line-height: .45rem;

}

.news_tab02 .swiper-slide {

  background: #ffffff;

  width: 4rem;

  height: 4.75rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  transition: 500ms;

}

.news_tab02 .swiper-slide img {

  width: 3.2125rem;

  height: auto;

  text-align: center;

  transition: 500ms;

}

.news_tab02 .swiper-slide h3 {

  font-size: .225rem;

  line-height: .525rem;

  color: #333333;

  text-align: center;

  font-weight: normal;

  transition: 500ms;

}

.news_tab02 .swiper-slide:hover h3 {

  color: #004ea2;

}

.news_tab02 .swiper-slide:hover img {

  transform: scale(1.05);

}

.news_tab02 .swiper-button-prev {

  background-size: 1.3rem .65rem;

  width: .65rem;

  height: .65rem;

  background-image: url("../images/prev03.png");

  background-repeat: no-repeat;

  background-position: 0 0;

  left: .125rem;

  margin-top: -0.325rem;

  opacity: .5;

}

.news_tab02 .swiper-button-next {

  background-size: 1.3rem .65rem;

  width: .65rem;

  height: .65rem;

  background-image: url("../images/prev03.png");

  background-repeat: no-repeat;

  background-position: -0.65rem 0;

  right: .125rem;

  margin-top: -0.775rem;

  opacity: .5;

}

.news_tab02 .swiper-button-prev:hover, .news_tab02 .swiper-button-next:hover, .mjjt_box .swiper-button-prev:hover, .mjjt_box .swiper-button-next:hover {

  opacity: 1;

}

.mjjt_box .swiper-button-prev {

  background-size: 1.3rem .65rem;

  width: .65rem;

  height: .65rem;

  background-image: url("../images/prev03.png");

  background-repeat: no-repeat;

  background-position: 0 0;

  left: .375rem;

  margin-top: -0.325rem;

  opacity: .5;

}

.mjjt_box .swiper-button-next {

  background-size: 1.3rem .65rem;

  width: .65rem;

  height: .65rem;

  background-image: url("../images/prev03.png");

  background-repeat: no-repeat;

  background-position: -0.65rem 0;

  right: .375rem;

  margin-top: -0.325rem;

  opacity: .5;

}

.section_page {

  width: 100%;

  margin: .375rem auto;

  overflow: hidden;

}

.section_page02 {

  background: #f6f7fb;

  width: 100%;

  overflow: hidden;

  padding: .375rem 0;

}

.section_page03 {

  width: 100%;

  overflow: hidden;

}

.section_page03 .w_1400 {

  width: 78%;

  margin: 0 auto;

}

.section_page .w_1400 {

  width: 78%;

  margin: 0 auto;

}

.section_page04 {

  background: #f6f7fb;

  width: 100%;

  margin: 0 auto;

  padding-bottom: .25rem;

}

.section_page04 .w_1400 {

  width: 78%;

  margin: 0 auto;

}

.news_page {

  width: 100%;

  padding: .375rem 0;

}

.news_page02 {

  width: 100%;

}

.news_page .figure_con {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

}

.news_page .figure_con a {

  display: block;

  width: 33.33%;

  margin-bottom: .375rem;

  transition: all 0.5s ease;

}

.img_fig {

  width: 5.75rem;

  height: 3.625rem;

  margin: 0 auto;

  overflow: hidden;

  transition: all 0.5s ease;

  box-sizing: border-box;

}

.img_fig img {

  width: 100%;

  height: 100%;

  transition: all 0.5s ease;

}

.f9whit {

  background: #ffffff;

}

.ffwhit {

  background: #f9f9f9;

}

.con_fig {

  width: 5.75rem;

  height: 1.875rem;

  padding: .25rem;

  margin: 0 auto;

  transition: all 0.5s ease;

  position: relative;

  box-sizing: border-box;

}

.con_fig::after {

  content: "";

  position: absolute;

  width: 0;

  height: .025rem;

  background: #2057a6;

  transition: all 0.5s ease;

  bottom: 0;

  left: 0;

}

.con_fig p {

  font-size: .225rem;

  color: #666666;

  font-weight: bold;

  position: relative;

  display: inline-block;

  margin-bottom: .125rem;

  transition: all 0.5s ease;

}

.con_fig p::after {

  content: "";

  position: absolute;

  width: 1.25rem;

  height: 1px;

  background: #2057a6;

  top: 50%;

  left: 120%;

  transition: all 0.5s ease;

}

.con_fig p font {

  font-size: .3rem;

  color: #2057a6;

  transition: all 0.5s ease;

}

.con_fig h3 {

  font-size: .225rem;

  color: #333333;

  line-height: .4rem;

  transition: all 0.5s ease;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}

.news_page .figure_con a:hover, .figure_con01 a:hover {

  transform: translateY(-5px);

  /*	box-shadow: 1px 2px 10px 5px rgba(87,87,87,.15);*/

}

.news_page .figure_con a:hover .img_fig img, .figure_con01 a:hover .img_fig img {

  transform: scale(1.05);

}

.news_page .figure_con a:hover .con_fig h3, .figure_con01 a:hover .con_fig h3 {

  color: #004ea2;

}

.news_page .figure_con a:hover .con_fig::after, .figure_con01 a:hover .con_fig::after {

  width: 100%;

}

.news_page .figure_con a:hover .con_fig p::after, .figure_con01 a:hover .con_fig p::after {

  width: 0;

}

.pages {

  clear: both;

  line-height: .5rem;

  color: #666666;

  font-size: .2rem;

  display: flex;

  justify-content: center;

  padding-top: .375rem;

}

.pages a {

  display: inline-block;

  width: .5rem;

  height: .5rem;

  zoom: 1;

  color: #666666;

  background: #f5f5f5;

  border-radius: 50%;

  transition: all .2s;

  -webkit-transition: all .2s;

  background: #f1f1f1;

  text-align: center;

  margin: 0 .075rem;

}

.pages a.current, .pages a:hover {

  color: #fff;

  text-decoration: none;

  background: #0d4486;

}

.pages a.iconfont {

  font-size: .25rem;

}

.news_detail {

  width: 100%;

}

.news_detail .news_tit_detail {

  border-bottom: 1px solid #cccccc;

  width: 100%;

  margin: 0 auto;

  padding: .375rem 0;

}

.news_tit_detail h3 {

  font-size: .425rem;

  color: #333333;

  line-height: .5625rem;

  margin: 0 auto;

  text-align: center;

  font-weight: normal;

}

.news_tit_detail ul {

  display: flex;

  justify-content: center;

  padding-top: .25rem;

}

.news_tit_detail ul li {

  margin: 0 .125rem;

  font-size: .2rem;

  color: #666666;

  line-height: .4rem;

}

.news_con_detail {

  width: 100%;

  padding: .25rem 0;

  margin: 0 auto;

}

.news_con_detail img {

  margin: .125rem auto;

  text-align: center;

  max-width: 100%;

}

.news_con_detail p {
/* 
  font-size: .2rem;

  color: #666666;

  line-height: .4rem; */

}

.news_more {

  width: 100%;

  margin: 0 auto;

  border-top: 1px dashed #cccccc;

}

.news_more ul li {

  font-size: .2rem;

  color: #666666;

  display: flex;

  margin: .25rem 0;

}

.news_more ul li a {

  color: #666666;

  transition: all 0.5s ease;

}

.news_more ul li h3 {

  font-weight: normal;

}

.news_more ul li a:hover {

  color: #004ea2;

  font-weight: bold;

}

.third_nav {

  width: 100%;

  margin: .25rem auto;

}

.third_nav ul {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center

}

.third_nav ul li {

  width: 25%;

  border: 1px solid #cccccc;

  height: 1.375rem;

  font-size: .3rem;

  color: #333333;

  line-height: 1.375rem;

  margin: 0px -1px -1px 0px;

  transition: all 0.5s ease;

}

.third_nav ul li.on, .third_nav ul li:hover {

  background: #004ea2;

  color: #ffffff;

}

.third_nav ul li a {

  display: flex;

  justify-content: center;

  align-items: center;

  transition: all 0.5s ease;

}

.third_nav ul li.on a, .third_nav ul li:hover a {

  color: #ffffff

}

.third_nav ul li i {

  width: .5rem;

  height: .5rem;

  display: block;

  margin-right: .125rem;

  background-size: 1rem .5rem;

  background-position: -0.5rem 0;

  background-repeat: no-repeat;

  transition: all 0.5s ease;

}

.third_nav ul li:nth-child(1) i {

  background-image: url("../images/icon11.png");

}

.third_nav ul li:nth-child(2) i {

  background-image: url("../images/icon12.png");

}

.third_nav ul li:nth-child(3) i {

  background-image: url("../images/icon13.png");

}

.third_nav ul li:nth-child(4) i {

  background-image: url("../images/icon14.png");

}

.third_nav ul li.on i, .third_nav ul li:hover i {

  background-position: 0 0;

}

.qylf_lm_tit {

  width: 100%;

  margin: .625rem auto;

}

.qylf_lm_tit h3 {

  font-size: .45rem;

  line-height: .95rem;

  color: #333333;

  font-weight: normal;

  position: relative;

  margin: 0 auto;

  text-align: center;

}

.qylf_lm_tit h3::after {

  position: absolute;

  width: .625rem;

  height: .0375rem;

  content: "";

  left: 50%;

  bottom: 0;

  margin-left: -0.3125rem;

  background: #004ea2;

}

.qylf_lm_tit p {

  font-size: .225rem;

  color: #333333;

  line-height: .5rem;

  padding: .25rem 0;

}

.qylf_lm_tit a {

  color: #004ea2;

  width: 3rem;

  height: .875rem;

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #004ea2;

  font-size: .275rem;

  position: relative;

  overflow: hidden;

  margin: .125rem auto;

}

.qylf_lm_tit a p {

  z-index: 2;

  color: #004ea2;

  font-size: .275rem;

}

.qylf_lm_tit a::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 0%;

  height: 100%;

  background-color: #004ea2;

  transition-duration: 0.5s;

}

.qylf_lm_tit a:hover p {

  color: #ffffff;

}

.qylf_lm_tit a:hover::after {

  width: 100%;

}

.qylf_lm_con {

  width: 100%;

  background: #f6f7fb;

  padding: .375rem 0;

}

.qylf_lm_con .w_1400 {

  width: 78%;

  margin: 0 auto;

}

.qylf_twjh {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: .25rem 0;

}

.text_01 {

  width: 10rem;

  box-sizing: border-box;

  padding: .5rem;

}

.text_01 h3 {

  font-size: .3rem;

  color: #004ea2;

  line-height: .5rem;

  padding: .1875rem 0;

}

.text_01 p {

  font-size: .225rem;

  color: #333333;

  line-height: .4rem;

}

.imgbox_01 {

  width: 7rem;

  height: 5.1875rem;

}

.imgbox_01 img {

  width: 100%;

  height: 100%;

}

.imgbox_03 {

  width: 7rem;

  height: 5.1875rem;

}

.imgbox_03 img {

  width: 100%;

  height: 100%;

}

.tit04 {

  font-size: .45rem;

  color: #333333;

  line-height: 1.25rem;

}

.figure_con01 {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  width: 100%;

  overflow: hidden;

  position: relative;

  padding-top: .25rem;

}

.figure_con01 a {

  display: block;

  width: 100%;

  margin-bottom: .375rem;

  transition: all 0.5s ease;

}

.figure_con01 .swiper-button-prev:hover, .figure_con01 .swiper-button-next:hover {

  opacity: 1;

}

.figure_con01 .swiper-button-prev {

  background-size: 1.3rem .65rem;

  width: .65rem;

  height: .65rem;

  background-image: url("../images/prev03.png");

  background-repeat: no-repeat;

  background-position: 0 0;

  left: .375rem;

  margin-top: -0.325rem;

  opacity: .5;

  top: 34%;

}

.figure_con01 .swiper-button-next {

  background-size: 1.3rem .65rem;

  width: .65rem;

  height: .65rem;

  background-image: url("../images/prev03.png");

  background-repeat: no-repeat;

  background-position: -0.65rem 0;

  right: .375rem;

  margin-top: -0.325rem;

  opacity: .5;

  top: 34%;

}

.bj07 {

  background: url("../images/bj07.jpg")no-repeat center top;

  background-size: 100% 11.9rem;

}

.bj08 {

  background: url("../images/bj08.jpg")no-repeat center top;

  height: 7.5rem;

  background-size: 100% 7.5rem;

}

.bj08 .w_1400 {

  height: 7.5rem;

}

.demo_tit {

  display: flex;

  align-items: center;

  margin: .25rem 0;

  overflow: hidden;

}

.demo_tit img {

  width: .925rem;

  height: .925rem;

}

.demo_tit p {

  font-size: .375rem;

  color: #333333;

  margin-left: .25rem;

}

.xxzx_list {

  width: 7.25rem;

  margin: .25rem 0;

  overflow: hidden;

}

.text_box {

  width: 50%;

  padding: .25rem;

}

.img_box {

  width: 50%;

}

.img_box img {

  margin: 0 auto;

  text-align: center;

  width: 90%;

  height: auto;

}

.xxzx_list li {

  color: #333333;

  margin: .125rem 0;

  display: flex;

  justify-content: flex-start;

}

.xxzx_list li i {

  width: .325rem;

  height: .4rem;

  background: url("../images/ico18.png")no-repeat center left;

  background-size: .325rem .275rem;

  display: inline-block;

  margin-right: 10px;

}

.xxzx_list li p {

  display: inline-block;

  line-height: .4rem;

  font-size: .225rem;

  width: 94%;

}

.flex_box02 {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.bj_white {

  width: 100%;

  margin: 0 auto;

}

.cor02 {

  color: #004ea2;

}

.cor03 {

  color: #333333;

  font-weight: bold;

}

.njc_box {

  width: 7.9375rem;

  margin: .25rem 0;

  overflow: hidden;

}

.njc_box p {

  font-size: .225rem;

  color: #333333;

  line-height: .45rem;

}

.text_02 {

  font-size: .225rem;

  color: #333333;

  line-height: .5rem;

}

.ewm_box {

  width: 30%;

}

.ewm_list02 {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin: .375rem 0;

}

.ewm_list02 li {

  width: 2.075rem;

  text-align: center;

}

.ewm_list02 li img {

  width: 2.075rem;

  height: 2.075rem;

  border-radius: 6px;

  border: .025rem solid #004ea2;

}

.ewm_list02 li h3 {

  font-size: .25rem;

  color: #004ea2;

  line-height: .5rem;

}

.text_box02 h3 {

  font-size: .4rem;

  color: #333333;

  position: relative;

  font-weight: normal;

  line-height: 1.25rem;

}

.text_box02 h3::after {

  position: absolute;

  width: 1rem;

  height: .025rem;

  content: "";

  left: 0;

  bottom: 0;

  background: #004ea2;

}

.text_box02 .xxzx_list {

  width: 90%;

}

.text_box02 {

  padding: .375rem 0;

  width: 60%;

}

.bj_white .w_1400 {

  padding: .5rem 0;

}

.hd_tab02 ul {

  display: flex;

  justify-content: center;

  align-items: center;

}

.hd_tab02 ul li {

  width: 3.75rem;

  height: 1.25rem;

  background: #eff7ff;

  font-size: .3rem;

  color: #333333;

  line-height: 1.25rem;

  transition: all 0.5s ease;

  margin: .3125rem;

}

.hd_tab02 ul li i {

  width: .375rem;

  height: .375rem;

  display: block;

  margin-right: .125rem;

  background-size: .75rem .375rem;

  background-position: 0 0;

  background-repeat: no-repeat;

  transition: all 0.5s ease;

}

.hd_tab02 ul li a {

  display: flex;

  justify-content: center;

  align-items: center;

  transition: all 0.5s ease;

}

.hd_tab02 ul li:nth-child(1) i {

  background-image: url("../images/icon15.png");

}

.hd_tab02 ul li:nth-child(2) i {

  background-image: url("../images/icon16.png");

}

.hd_tab02 ul li:nth-child(3) i {

  background-image: url("../images/icon17.png");

}

.hd_tab02 ul li.on a, .hd_tab02 ul li:hover a {

  color: #ffffff;

}

.hd_tab02 ul li.on, .hd_tab02 ul li:hover {

  background: #004ea2;

}

.hd_tab02 ul li.on i, .hd_tab02 ul li:hover i {

  background-position: -0.375rem 0;

}

.third_nav ul {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center

}

.third_nav ul li {

  width: 25%;

  border: 1px solid #cccccc;

  height: 1rem;

  font-size: .3rem;

  color: #333333;

  line-height: 1rem;

  margin: 0px -1px -1px 0px;

  transition: all 0.5s ease;

}

.third_nav ul li.on, .third_nav ul li:hover {

  background: #004ea2;

  color: #ffffff;

}

.third_nav ul li a {

  display: flex;

  justify-content: center;

  align-items: center;

  transition: all 0.5s ease;

}

.third_nav ul li.on a, .third_nav ul li:hover a {

  color: #ffffff

}

.third_nav ul li i {

  width: .5rem;

  height: .5rem;

  display: block;

  margin-right: .125rem;

  background-size: 1rem .5rem;

  background-position: -0.5rem 0;

  background-repeat: no-repeat;

  transition: all 0.5s ease;

}

.third_nav ul li:nth-child(1) i {

  background-image: url("../images/icon11.png");

}

.third_nav ul li:nth-child(2) i {

  background-image: url("../images/icon12.png");

}

.third_nav ul li:nth-child(3) i {

  background-image: url("../images/icon13.png");

}

.third_nav ul li:nth-child(4) i {

  background-image: url("../images/icon14.png");

}

.third_nav ul li.on i, .third_nav ul li:hover i {

  background-position: 0 0;

}

.video_01 {

  position: relative;

  width: 6rem;

  height: 3.9375rem;

  display: block;

  transition: all 0.5s ease;

}

.img_demo {

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.img_demo img {

  width: 100%;

  height: 100%;

  transition: all 0.5s ease;

}

.text_demo {

  position: absolute;

  width: 88%;

  left: 50%;

  transform: translateX(-50%);

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  z-index: 3;

}

.text_demo img {

  width: .6rem;

  height: .6rem;

  margin: .25rem auto;

  transition: all 0.5s ease;

}

.text_demo h3 {

  color: #ffffff;

  font-size: .225rem;

  line-height: .4rem;

  font-weight: normal;

  transition: all 0.5s ease;

}

.mask {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, .1);

  transition: all 0.5s ease;

}

.sp_video {

  padding-bottom: .5rem;

}

.mjjt_box {

  width: 100%;

  overflow: hidden;

  margin: .375rem auto;

}

.video_01:hover .img_demo img {

  transform: scale(1.05);

}

.video_01:hover .mask {

  background: rgba(0, 0, 0, .6);

}

.third_nav02 {

  margin-bottom: .25rem;

}

.third_nav02 h3 {

  font-size: .3rem;

  color: #333333;

  line-height: 1.125rem;

}

.third_nav02 ul {

  overflow: hidden;

  display: flex;

  padding: .125rem 0;

}

.first_list {

  border-bottom: 1px dashed #cccccc;

}

.third_nav02 ul li {

  font-size: .225rem;

  color: #333333;

  line-height: .6rem;

  margin: .125rem;

  transition: all 0.5s ease;

}

.third_nav02 ul li.on, .third_nav02 ul li:hover {

  background: #004ea2;

  color: #ffffff;

}

.third_nav02 ul li a {

  transition: all 0.5s ease;

  color: #333333;

  transition: all 0.5s ease;

  display: inline-block;

  width: 100%;

  padding: 0 .25rem;

}

.third_nav02 ul li.on a, .third_nav02 ul li:hover a {

  color: #ffffff;

}

.czsp_demo {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

}

.czsp_demo a {

  width: 33.33%;

  transition: all 0.5s ease;

}

.cpxl_box {

  width: 5.875rem;

  background: #efefef;

  display: flex;

  padding: .125rem;

  margin-bottom: .375rem;

  align-items: center;

}

.czsp_img {

  width: 3.25rem;

  height: 2rem;

}

.czsp_img img {

  width: 100%;

  height: 100%;

  transition: all 0.5s ease;

}

.czsp_text {

  width: 2.5rem;

  padding-left: .25rem;

}

.czsp_text h3 {

  font-size: .275rem;

  line-height: .4rem;

  color: #333333;

  font-weight: normal;

  transition: all 0.5s ease;

}

.czsp_text p {

  margin-top: .125rem;

  color: #333333;

  font-size: .2rem;

  line-height: .5rem;

  display: inline-block;

  transition: all 0.5s ease;

}

.czsp_text p i {

  width: .3rem;

  height: .3rem;

  background: url("../images/icon27.png")no-repeat 0 0;

  display: inline-block;

  background-size: .6rem .3rem;

  vertical-align: middle;

  margin-right: .0625rem;

}

.czsp_demo a:hover {

  transform: translateY(-5px);

}

.czsp_demo a:hover .czsp_img img {

  transform: scale(1.05);

}

.czsp_demo a:hover .czsp_text h3 {

  color: #004ea2;

  font-weight: bold;

}

.czsp_demo a:hover .czsp_text p {

  color: #004ea2;

}

.figure_con02 {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

}

.figure_con02 a {

  width: 33.33%;

  box-sizing: border-box;

  transition: all 0.5s ease;

  margin-bottom: .375rem;

}

.figure_con02 a .khgs_demo {

  transition: all 0.5s ease;

  width: 5.75rem;

  background: #ffffff;

  position: relative;

  padding: .1875rem;

  box-sizing: border-box;

  text-align: center;

  margin: 0 auto;

}

.figure_con02 a .khgs_demo::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0;

  height: 1px;

  background: #004ea2;

  transition: all 0.5s ease;

}

.img_demo02 {

  width: 5.375rem;

  height: 3.1875rem;

  overflow: hidden;

  margin: 0 auto;

  text-align: center;

}

.img_demo02 img {

  width: 5.375rem;

  height: 3.1875rem;

  transition: all 0.5s ease;

}

.text_demo02 {

  width: 5.375rem;

  margin: 0 auto;

}

.text_demo02 h3 {

  font-size: .225rem;

  color: #333333;

  line-height: .575rem;

  font-weight: normal;

  width: 94%;

  transition: all 0.5s ease;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.text_demo02 p {

  font-size: .2rem;

  color: #333333;

  line-height: .4rem;

  transition: all 0.5s ease;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}

.section_page02 .w_1400 {

  width: 78%;

  margin: 0 auto;

}

.figure_con02 a:hover .khgs_demo {

  transform: translateY(-5px);

  box-shadow: 0px 5px 18px 0px rgba(35, 24, 21, 0.1);

}

.figure_con02 a:hover .img_demo02 img {

  transform: scale(1.05);

}

.figure_con02 a:hover .text_demo02 h3 {

  color: #004ea2;

  font-weight: bold;

}

.figure_con02 a:hover .khgs_demo::after {

  width: 100%;

}

.news_khgs {

  padding: .375rem 0;

}

.figure_con03 {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

}

.figure_con03 a {

  width: 33.33%;

  margin: 0 0 .375rem;

  transition: all 0.5s ease;

}

.figure_con03 .zlxz_box {

  width: 5.5625rem;

  height: 3.125rem;

  margin: 0 auto;

  position: relative;

}

.img_zlxz {

  width: 5.5625rem;

  height: 3.125rem;

  overflow: hidden;

}

.img_zlxz img {

  width: 5.5625rem;

  height: 3.125rem;

  transition: all 0.5s ease;

}

.text_zlxz {

  width: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

  height: .75rem;

  background: rgba(255, 255, 255, .72);

  display: flex;

  align-items: center;

}

.text_zlxz h3 {

  font-size: .225rem;

  color: #333333;

  line-height: .75rem;

  font-weight: normal;

  width: 80%;

  margin-left: .125rem;

  transition: all 0.5s ease;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.text_zlxz i {

  background: #004ea2;

  width: .75rem;

  height: .75rem;

  display: flex;

  align-items: center;

  justify-content: center;

}

.text_zlxz i img {

  width: .275rem;

  height: .2625rem;

}

.news_zlxz {

  padding: .375rem 0;

}

.figure_con03 a:hover .img_zlxz img {

  transform: scale(1.05);

}

.figure_con03 a:hover .text_zlxz h3 {

  color: #004ea2;

}

.bj09 {

  width: 100%;

  margin: 0 auto;

  background: url("../images/lxwm_02.jpg")no-repeat top center;

  padding-bottom: .375rem;

}

.bj10 {

  width: 100%;

  margin: 0 auto;

  background: url("../images/lxwm_03.jpg")no-repeat top center;

}

.lxwm_demo01 {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: .5rem 0;

}

.lxwm_demo02 {

  display: flex;

  justify-content: space-between;

  padding: .75rem 0;

}

.text_lxwm ul {

  margin-top: .25rem;

}

.text_lxwm ul li {

  font-size: .225rem;

  color: #333333;

  padding-right: .625rem;

  margin: .1875rem 0;

}

.text_lxwm ul li p {

  color: #004EA2;

  font-size: .225rem;

  padding-left: .375rem;

  line-height: .45rem;

}

.text_lxwm ul li h3 {

  font-size: .225rem;

  color: #333333;

  font-weight: normal;

  padding-left: .375rem;

  line-height: .45rem;

}

.text_lxwm ul {

  display: flex;

  flex-wrap: wrap;

  width: 7.875rem;

}

.text_lxwm h3 {

  font-size: .375rem;

  color: #001429;

  font-weight: normal;

}
.text_lxwm ul li p{ background-size:.275rem .275rem; }

.text_lxwm ul li:nth-child(1) p {

  background-image: url("../images/icon18.png");
	background-repeat: no-repeat;
	background-position: left center;

}

.text_lxwm ul li:nth-child(2) p {

  background-image: url("../images/icon19.png");
		background-repeat: no-repeat;
	background-position: left center;

}

.text_lxwm ul li:nth-child(3) p {

  background-image: url("../images/icon20.png");
		background-repeat: no-repeat;
	background-position: left center;

}

.W_1300 {

  width: 16.25rem;

  margin: 0 auto;

}

.mail_list {

  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.09);

  background: #ffffff;

}

.mail_list ul {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: .5rem;

}

.mail_list ul li h3 {

  font-size: .3rem;

  color: #004ea2;

  line-height: .5rem;

  font-weight: normal;

}

.mail_list ul li p {

  font-size: .2rem;

  color: #666666;

  line-height: .25rem;

}

.mail_list ul li img {

  padding: .1875rem;

  margin: 0 auto .125rem;

  text-align: center;

  width: .75rem;

  height: .75rem;

}

.mail_list ul li {

  width: 25%;

  margin: 0 auto;

  text-align: center;

}

.text_lxwm02 p {

  font-size: .375rem;

  line-height: .625rem;

  color: #333333;

  padding: .75rem 0;

}

.form_box {

  background: #f5f5f7;

  width: 9.25rem;

  padding: .75rem;

  box-sizing: border-box;

}

.form_box ul li {

  margin-bottom: .25rem;

  display: flex;

  justify-content: space-between;

}

.form_box ul li label {

  font-size: .25rem;

  line-height: .75rem;

  text-align: right;

  width: 18%;

}

.form_box ul li input {

  width: 80%;

  font-size: .225rem;

  color: #333333;

  line-height: .75rem;

  text-indent: 1em;

  background: #ffffff;

  border-radius: 4px;

  border: none;

}

.form_box ul li button {

  background: #004ea2;

  color: #ffffff;

  font-size: .25rem;

  height: .75rem;

  width: 4.75rem;

  border-radius: 4px;

  margin-left: 18%;

  margin-top: .125rem;

  cursor: pointer;

}

.cpzx_demo {

  background: #ffffff;

  transition: all 0.5s ease;

}

.cpzx_box {

  width: 100%;

  transition: all 0.5s ease;

  overflow: hidden;

  padding-bottom: .375rem;

  padding-top: .125rem;

}

.cpzx_demo {

  float: left;

  width: 25%;

}

.cpzx_box a {

  width: 93%;

  height: 4.85rem;

  position: relative;

  display: block;

  border: 1px solid #cccccc;

  margin: 0 auto .375rem;

}

.cpzx_box img.jq_box {

  width: 4rem;

  height: 3.6875rem;

  transition: all 0.5s ease;

  margin: 0 auto;

  text-align: center;

}

.cpzx_box p {

  font-size: .225rem;

  color: #333333;

  background: #f4f4f4;

  width: 100%;

  text-align: center;

  line-height: .375rem;

  padding: .125rem 0;

  transition: all 0.5s ease;

}

.cpzx_box a .role_bj {

  visibility: hidden;

  transition: all 0.5s ease;

}

.cpzx_box a.on .role_bj, .cpzx_box a:hover .role_bj {

  visibility: visible;

}

.cpzx_box a:hover p {

  color: #004ea2;

  font-weight: bold;

}

.cpzx_demo:hover {

  transform: translateY(-5px);

}

.hd_tab03 {

  display: flex;

  justify-content: center;

  margin: .25rem auto;

  padding-bottom: .25rem;

}

.hd_tab03 li {

  font-size: .225rem;

  color: #333333;

  line-height: .625rem;

  margin: 0 .1875rem;

  padding: 0 .3125rem;

  cursor: pointer;

}

.hd_tab03 li.on, .hd_tab03 li:hover {

  color: #ffffff;

  background: #004ea2;

  border-radius: 50px;

}

.cpzx02 {

  display: none;

}

.rmcp_box {

  width: 100%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.rmcp_box .cplb_01, .rmcp_box .cplb_02 {

  width: 49.5%;

}

.rmcp_box .cplb_02 {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.rmcp_box .cplb_02 a {

  transition: all 0.5s ease;

  overflow: hidden;

}

.rmcp_box .cplb_01 {

  height: 7.125rem;

}

.rmcp_box .cplb_01 img, .rmcp_box .cplb_02 img {

  width: 100%;

  height: 100%;

  overflow: hidden;

  transition: all 0.5s ease;

}

.rmcp_box .cplb_01 a {

  position: relative;

  width: 100%;

  height: 100%;

  box-sizing: border-box;

  display: block;

  overflow: hidden;

  transition: all 0.5s ease;

  overflow: hidden;

}

.text_03, .text_04 {

  width: 100%;

  position: absolute;

  top: .375rem;

  left: .375rem;

}

.text_03 p, .text_04 p {

  font-size: .225rem;

  line-height: .25rem;

}

.text_03 h3, .text_04 h3 {

  font-size: .375rem;

  line-height: .625rem;

  font-weight: normal;

}

.text_03 p {

  color: #666666;

}

.text_03 h3 {

  color: #333333;

}

.text_04 p {

  color: #ffffff;

}

.text_04 h3 {

  color: #ffffff;

}

.text_05 {

  width: 100%;

  position: absolute;

  top: .25rem;

  left: .25rem;

}

.text_05 h3 {

  font-size: .275rem;

  color: #333333;

  line-height: .5rem;

  font-weight: normal;

}

.ico_shi01 {

  width: .45rem;

  height: .45rem;

  background: url("../images/shi02.png")no-repeat center center;

  position: absolute;

  bottom: .25rem;

  left: .25rem;

  background-size: 100% 100%;

}

.ico_shi02 {

  width: .45rem;

  height: .45rem;

  background: url("../images/shi03.png")no-repeat center center;

  position: absolute;

  bottom: .25rem;

  left: .25rem;

  background-size: 100% 100%;

}

.rmcp_box .cplb_02 a:hover img, .rmcp_box .cplb_01 a:hover img {

  transform: scale(1.05);

}

.rmcp_a {

  position: relative;

  width: 100%;

  height: 3.375rem;

  margin-bottom: .25rem;

}

.rmcp_b {

  height: 3.5rem;

  position: relative;

  width: 49%;

}

.silderTxtBox {

  overflow: hidden;

  padding-top: .375rem;

}

.silderTxtBox .hd {

  border-bottom: 1px solid #e7e7e7;

}

.silderTxtBox .hd ul {

  overflow: hidden;

  padding-bottom: .125rem;

}

.silderTxtBox .hd ul li {

  font-size: .3rem;

  color: #333333;

  line-height: .775rem;

  background: #efefef;

  margin-right: .125rem;

  float: left;

  padding: 0 .3125rem;

  cursor: pointer;

}

.silderTxtBox .hd ul li.on {

  background: #004ea2;

  color: #ffffff;

}

.silderTxtBox .bd {

  margin: .25rem auto;

}

/*详情文章*/

.detail_tit {

  margin: .375rem 0;

}

.detail_tit p {

  font-size: .2rem;

  color: #333333;

  line-height: .4rem;

}

.detail_tit h3 {

  font-size: .25rem;

  color: #004EA2;

  line-height: .5rem;

}

.detail_tit02 {

  margin: .375rem 0;

  padding: 0 .3rem;

}
.detail_tit02 img{ max-width: 100%;}

.detail_tit02 p {

  font-size: .2rem;

  color: #333333;

  line-height: .5rem;

  padding: .15rem 0;

}

.detail_tit02 h3 {

  font-size: .25rem;

  color: #666666;

  line-height: .6rem;

}

.detail_imgwz {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: .375rem 0;

}

.soll_text {

  width: 45%;

}

.soll_img {

  width: 50%;

}

.soll_img img {

  width: 100%;

  height: auto;

}

.soll_img02 {

  width: 100%;

}

.soll_img02 img {

  width: 90%;

  margin: 0 auto;

  text-align: center;

}

.soll_img02 p {

  font-size: .2rem;

  color: #666666;

  line-height: 2em;

  text-align: center;

}

.soll_text p {

  font-size: .2rem;

  color: #333333;

  line-height: .4rem;

}

.soll_text h3 {

  font-size: .3rem;

  color: #333333;

  line-height: .5rem;

  font-weight: bold;

}

.datail_imgbig {

  width: 100%;

  margin: .375rem auto;

  text-align: center;

}

.datail_imgbig p {

  font-size: .2rem;

  color: #333333;

  line-height: .4rem;

}

.datail_imgbig img {

  text-align: center;

  margin: 0 auto;

}

.zoon {

  overflow: hidden;

}

.cp_ycbox {

  width: 39%;

}

.cp_tit h4 {

  font-size: .3rem;

  color: #666666;

  line-height: .5rem;

  font-weight: normal;

}

.cp_tit h3 {

  font-size: .4rem;

  color: #333333;

  line-height: .5rem;

  font-weight: normal;

  padding: .1875rem 0 .3125rem 0;

}

.cp_tit p {

  font-size: .225rem;

  color: #333333;

  line-height: .375rem;

}

.cp_icon {

  margin: .375rem 0;

}

.cp_icon ul {

  width: 5.25rem;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.cp_icon ul li {

  width: 2.5rem;

  height: .7rem;

  font-size: .275rem;

  line-height: .7rem;

  border: 1px solid #004ea2;

  margin-bottom: .25rem;

  transition: all 0.5s ease;

}

.cp_icon ul li a {

  font-size: .275rem;

  line-height: .7rem;

  color: #004ea2;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 100%;

  transition: all 0.5s ease;

}

.cp_icon ul li a i {

  width: .3rem;

  height: .3rem;

  background-position: 0 0;

  background-repeat: no-repeat;

  margin-left: .0625rem;

  transition: all 0.5s ease;

  background-size: .6rem .3rem;

}

.cp_icon ul li:hover {

  background: #004ea2;

  transform: translateY(-5px);

}

.cp_icon ul li:hover a {

  color: #ffffff;

}

.cp_icon ul li:hover a i {

  background-position: -0.3rem 0;

}

.del_tit {

  font-size: .4rem;

  color: #333333;

  line-height: .8rem;

}

.icon25 {

  background-image: url("../images/icon25.png");

}

.icon26 {

  background-image: url("../images/icon26.png");

}

.icon27 {

  background-image: url("../images/icon27.png");

}

.icon28 {

  background-image: url("../images/icon28.png");

}

/*video*/

.htmleaf-container {

  width: 60%;

}

.htmleaf-container .mod18 {

  width: 10.4rem;

  position: relative;

  margin: 0 auto;

}

.mod18 .btn {

  position: absolute;

  cursor: pointer;

  z-index: 10;

  font-size: .625rem;

  font-weight: bold;

}

.mod18 .prev {

  left: 20px;

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

  opacity: .2;

  transition: all 0.5s ease;

}

.mod18 #prevTop, .mod18 #nextTop {

  top: 2.8125rem;

  width: .425rem;

  height: .8rem;

}

.mod18 #prev, .mod18 #next {

  top: 6.125rem;

  width: .125rem;

  height: .2rem;

  opacity: 0;

}

.mod18 #prevTop {

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

  background-size: .425rem .8rem;

}

.mod18 #nextTop {

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

  background-size: .425rem .8rem;

}

.mod18 .next {

  right: .25rem;

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

  opacity: .2;

  transition: all 0.5s ease;

}

.mod18 .prev:hover, .mod18 .next:hover {

  opacity: 1;

}

.mod18 li {

  float: left;

}

.mod18 .cf li {

  position: relative;

}

.mod18 .picBox {

  width: 100%;

  height: 6.425rem;

  position: relative;

  overflow: hidden;

  border: 1px solid #cccccc;

}

.mod18 .picBox ul {

  height: 6.425rem;

  position: absolute;

  left: 0;

}

.mod18 .picBox li {

  width: 10.4rem;

  height: 6.425rem;

  box-sizing: border-box;

}

.mod18 .picBox li img {

  width: 100%;

  height: 100%;

}

.mod18 .picBox li video {

  width: 100%;

  height: 100%;

}

.mod18 .listBox {

  width: 100%;

  height: 1.55rem;

  margin: 0 auto;

  position: relative;

  margin-top: .1875rem;

  overflow: hidden;

}

.mod18 .listBox ul {

  height: 1.55rem;

  position: absolute;

  width: 100%;

}

.mod18 .listBox li {

  height: 1.55rem;

  cursor: pointer;

  position: relative;

  box-sizing: border-box;

  opacity: .5;

  float: left;

  border: 1px solid #cccccc;

}

.mod18 .listBox img {

  width: 100%;

  height: 100%;

}

.mod18 .listBox li.on {

  opacity: 1;

  border: 1px solid #004EA2;

}

.grap_wrap {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 16;

  background: #000000;

  opacity: 0.5;

  filter: alpha(opacity=0.5);

  display: none;

}

.vclose {

  position: absolute;

  right: 1%;

  top: 1%;

  border-radius: 100%;

  cursor: pointer;

}

.videos {

  position: fixed;

  top: 50%;

  width: 50%;

  left: 50%;

  z-index: 100;

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

}

.videos img.vclose {

  width: auto;

  transition: all 0.3s ease;

}

.videos img.vclose:hover {

  transform: rotate(180deg);

}

.videos video {

  width: 100%;

}

.video-innovation {

  width: 50%;

  left: 50%;

  top: 50%;

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

  position: fixed;

  z-index: 20;

}

.video-innovation .video-master {

  width: 100%;

}

.video-cover {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 16;

  background: rgba(0, 0, 0, .2);

  display: flex;

  align-items: center;

  justify-content: center;

}

.play-icon {

  width: .75rem;

  height: .75rem;

  background: url("../images/icon30.png")no-repeat center center;

  background-size: 100% 100%;

  cursor: pointer;

}

.close-modal {

  width: .5rem;

  height: .5rem;

  cursor: pointer;

  background: url("../images/gb_close.png")no-repeat center center;

  background-size: 100% 100%;

  right: .125rem;

  top: .125rem;

  position: absolute;

  display: block;

  z-index: 22;

}

.blocker {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  z-index: 16;

  padding: 20px;

  box-sizing: border-box;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

  text-align: center;

}

.section_page .cp_detail {

  margin: .75rem auto 0;

  border-top: 1px solid #cccccc;

  padding-top: .25rem;

}

.cp_detail {

  text-align: center;

  max-width: 100%;

}

.cp_detail img{ max-width: 100%; text-align: center; margin:0 auto;}



.yc_box .close_02 {

  width: .25rem;

  height: .25rem;

  background: url("../images/close.png")no-repeat center center;

  background-size: 100% 100%;

  margin-bottom: .125rem;

  display: block;

}

.yc_box {

  position: fixed;

  right: .125rem;

  top: 50%;

  transform: translateY(-50%);

  z-index: 22;

}

.yc_box .right_xf {

  display: flex;

  flex-direction: column;

  align-items: flex-end;

}

.yc_box .right_xf .bkbox {

  width: .875rem;

  height: .875rem;

  background: #ffffff;

  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.14);

  margin: .1rem 0;

  transition: all 0.3s;

  position: relative;

}

.yc_box .right_xf .bkbox:hover {

  background: #21519d;

}

.yc_box .right_xf .bkbox a {

  width: .875rem;

  height: .875rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  transition: all 0.3s;

}

.yc_box .right_xf .bkbox p {

  font-size: .175rem;

  color: #333333;

  line-height: .35rem;

  text-align: center;

  transition: all 0.3s;

}

.yc_box .right_xf .bkbox i {

  width: .3rem;

  height: .3rem;

  transition: all 0.3s;

}

.yc_box .right_xf .bkbox:hover p {

  color: #ffffff;

}

.yc_box .right_xf .bk01:hover i {

  background: url("../images/ico30.png")no-repeat -0.3rem 0;

  background-size: .6rem .3rem;

}

.yc_box .right_xf .bk02:hover i {

  background: url("../images/ico31.png")no-repeat -0.3rem 0;

  background-size: .6rem .3rem;

}

.yc_box .right_xf .bk03:hover i {

  background: url("../images/ico32.png")no-repeat -0.3rem 0;

  background-size: .6rem .3rem;

}

.yc_box .right_xf .bk01 i {

  background: url("../images/ico30.png")no-repeat 0 0;

  background-size: .6rem .3rem;

}

.yc_box .right_xf .bk02 i {

  background: url("../images/ico31.png")no-repeat 0 0;

  background-size: .6rem .3rem;

}

.yc_box .right_xf .bk03 i {

  background: url("../images/ico32.png")no-repeat 0 0;

  background-size: .6rem .3rem;

}

.to_up {

  width: .5625rem;

  height: .5625rem;

  background: url("../images/to_up.png")no-repeat center center;

  display: block;

  margin: .125rem auto;

  background-size: 100% 100%;

}

.tcxg_form {

  width: 13.125rem;

  height: 6.875rem;

  background: url("../images/tc_bj01.png")no-repeat center center;

  background-size: 100% 100%;

  position: fixed;

  left: 50%;

  top: 50%;

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

  z-index: 12;

  justify-content: flex-end;

  align-items: center;

  display: none;

}

.form_reg {

  width: 4.75rem;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: .5rem;

}

.form_reg h3 {

  font-size: .375rem;

  color: #1a61fd;

  line-height: .7rem;

  font-weight: normal;

  text-align: center;

}

.form_reg ul {

  overflow: hidden;

  margin: 0 auto;

  width: 100%;

}

.form_reg ul li {

  width: 4.475rem;

  height: .575rem;

  background: #f4f5f9;

  margin: .25rem auto;

  border-radius: .5rem;

  position: relative;

}

.form_reg ul li input {

  font-size: .225rem;

  color: #333333;

  line-height: .575rem;

  background: none;

  border: none;

  text-indent: 1em;

}

.yzm_button {

  background: #1658ff;

  color: #ffffff;

  font-size: .2rem;

  line-height: .45rem;

  padding: 0 .25rem;

  display: block;

  position: absolute;

  right: .0625rem;

  top: 50%;

  transform: translateY(-50%);

  border-radius: .5rem;

}

.form_reg ul li button {

  width: 100%;

  height: 100%;

  background-image: -moz-linear-gradient(0deg, rgb(43, 160, 255) 0%, rgb(20, 85, 255) 100%);

  background-image: -webkit-linear-gradient(0deg, rgb(43, 160, 255) 0%, rgb(20, 85, 255) 100%);

  background-image: -ms-linear-gradient(0deg, rgb(43, 160, 255) 0%, rgb(20, 85, 255) 100%);

  font-size: .25rem;

  color: #ffffff;

  border-radius: .5rem;

}

.close_03 {

  width: .375rem;

  height: .375rem;

  background: url("../images/close02.png")no-repeat center center;

  background-size: 100% 100%;

  margin-bottom: .125rem;

  display: block;

  position: absolute;

  top: -0.5rem;

  right: -0.5rem;

  transition: all 0.3s;

}

.close_03:hover {

  transform: rotate(180deg);

}

.sl-wrapper .sl-image .sl-caption {

  font-size: .2rem;

}

.fig_img01, .fig_img02 {

  width: 100%;

  display: flex;

  justify-content: flex-start;

  flex-wrap: wrap;

}

.fig_img01 a {

  width: 33.33%;

  transition: all 0.3s;

  margin-bottom: .25rem;

  text-align: center;

}

.fig_img01 a img {

  width: 95%;

  height: 3.75rem;

  text-align: center;

  margin: 0 auto;

}

.fig_img01 a h3 {

  line-height: .4rem;

  font-size: .225rem;

  text-align: center;

  padding: .2rem 0;

  color: #333333;

  transition: all 0.3s;

  margin: 0 auto;

  width: 90%;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.fig_img01 a:hover {

  transform: translateY(-5px);

}

.fig_img01 a:hover h3 {

  color: #004EA2;

}

.tit05 {

  color: #333333;

  font-size: .3rem;

  padding: .25rem 0;

  line-height: .5rem;

  position: relative;

  display: inline-block;

}

.tit05::after {

  content: "";

  position: absolute;

  width: .375rem;

  height: .025rem;

  background: #004ea2;

  right: -50%;

  top: 50%;

  transform: translateY(-50%);

}

.text06 {

  font-size: .2rem;

  color: #333333;

  padding-bottom: .25rem;

  line-height: .4rem;

}

.fig_img02 a {

  width: 25%;

  background: #ffffff;

  height: 4.75rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  transition: 500ms;

  margin-bottom: .25rem;

}

.fig_img02 a img {

  width: 3.2125rem;

  text-align: center;

  height: auto;

  max-height: 3.75rem;

}

.fig_img02 a h3 {

  line-height: .4rem;

  font-size: .225rem;

  text-align: center;

  padding: .2rem 0;

  color: #333333;

  transition: all 0.3s;

  margin: 0 auto;

  width: 90%;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.fig_img02 a:hover {

  transform: translateY(-5px);

}

.fig_img02 a:hover h3 {

  color: #004EA2;

}

.video-js {

  width: 100%;

  height: 100%;

}

/*new*/

.ny_bansp {

  width: 100%;

  position: relative;

  height: 9.8rem;

}

.ny_bansp video {

  position: absolute;

  top: 0%;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.map_dt {

  width: 100%;

  height: 100%;

}

.map_dt img{ max-width: none;}

.BMapLabel {

  color: #ffffff !important;

  background: #FF6464 !important;

  border-radius: 4px;

  border: none !important;

  font-size: 16px !important;

  line-height: 30px !important;

  padding: 0 .1rem !important;

  left: 15px !important;

  top: -30px !important;

}

.overhi {

  overflow: hidden;

}

.map_ove {

  height: 6.25rem;

  position: relative;

}

.img_pc {

  position: absolute;

  top: 1rem;

  left: 1rem;

  z-index: 10;

}

.img_pc img {

  width: 6.25rem;

  height: 3.525rem;

  padding: 4px;

  border: 1px solid #cccccc;

}



.year-swiper{  width: 100%; margin: .4rem auto;}
.yesr_box h3{font-size: .4rem;
  line-height: .875rem;
  color: #004ea2;
  font-weight: normal;
  padding-left: .25rem;}

.yesr_box ul {
  overflow: hidden;
}
.yesr_box ul li {
  font-size: .225rem;
  color: #333333;
  line-height: .4rem;
  background: url("../images/ico05.png")no-repeat left center;
  padding-left: .1875rem;
  background-size: .0625rem .0625rem;
}

.year-swiper .yesr_box{ display: none;}
.year-swiper .yesr_box.active{    display: block;}

.video_li{ width: 100%; margin: 0 auto; padding-top: .5rem;} 


.xej_lm{width: 78%;margin: 0 auto; height: 100%;display: flex;justify-content: space-between;align-items: center;}
.swiper_tab{ width: 68%; margin-left: 0!important;  padding: 0 .375rem!important;}
.swiper_tab .swiper-slide a{font-size: .225rem;color: #333333;line-height: 1rem;text-align: center;border-right: 1px solid #ffffff;cursor: pointer;transition: all 0.5s ease; display: block; padding: 0 0.18rem;}
.swiper_tab .swiper-slide{ width: auto;}
.swiper_tab .swiper-slide.cur a{ background: #004ea2; color: #ffffff;}
.swiper_tab .swiper-button-prev.swiper-button-disabled, .swiper_tab .swiper-button-next.swiper-button-disabled{ opacity: 0;}
.local_box{ width: 31%; display: flex; justify-content: flex-end;flex-wrap: wrap;overflow: hidden;}


.swiper_tab .swiper-button-next,.swiper_tab .swiper-button-prev{ background-image:url("../images/prev_btn01.png"); background-size: .75rem 1rem;    background-repeat: no-repeat;  width: .375rem; height: 1rem; top: 0; margin-top: 0;}
.swiper_tab .swiper-button-next{     background-position: -.375rem 0; right: 0}
.swiper_tab .swiper-button-prev{     background-position: 0 0; left: 0;}


.pro_tit li:last-child{margin-bottom: 0;}
.pro_tit p{  font-size: .5rem; color: #666666; padding-left: .4rem;line-height:.4rem; }
.pro_tit ul{ height: 4.65rem; overflow: hidden;}



.htmleaf-container02{width: 57%;}
.gallery li img,.gallery li video{ width: 100%;}
.lSSlideOuter .lSGallery li{ opacity: .5;}
.lSSlideOuter .lSPager.lSGallery li.active{ opacity: 1;  box-sizing: border-box; border: 1px solid #004EA2;}
.lSSlideWrapper .lSSlide li{ overflow: hidden; }
.lSSlideOuter .lightSlider{ display: flex; align-items: center;overflow: hidden;}
.lSAction > a{ width: .4533rem !important; height: .8533rem !important; background-size: .9067rem .8533rem;
background-image: url(../dist/img/prev.png) !important;margin-top: -.4267rem!important;
}
.lSAction > .lSNext{ background-position: -0.4533rem 0 !important ;}
.lSAction > .lSPrev{background-position: 0 0!important ;}