.banin {

  position: relative;

}

.banin .banin-lay {

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

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

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

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

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

  transform: translateY(-50%);

}

.banin .banin-lay h3 {

  font-size: 55px;

  color: #fff;

  margin-bottom: 20px;

}

.banin .banin-lay p {

  font-size: 30px;

  color: #fff;

}

.banin .load {

  position: absolute;

  font-size: 14px;

  color: #fff;

  left: 0;

  bottom: 40px;

  width: 100%;

}

.banin .load a {

  color: #fff;

}

.load-menu {

  border-bottom: 1px solid #eee;

}

.load-menu li {

  height: 60px;

  line-height: 60px;

  padding: 0 30px;

  border-right: 1px solid #eee;

  text-align: center;

}

.load-menu li.active,

.load-menu li:hover {

  background: #053290;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.load-menu li.active a,

.load-menu li:hover a {

  color: #fff;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.load-menu li:last-of-type {

  border-right: none;

}

.load-menu li a {

  font-size: 18px;

  color: #727272;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.news-wrap {

  padding: 70px 0;

}

.news-wrap .news-list {

  margin-bottom: 45px;

}

.news-wrap .news-list a {

  display: block;

  background: #fff;

  box-shadow: 0 0 20px 0px #c9c0c0;

}

.news-wrap .news-list a .news-bottom {

  padding: 20px 25px;

}

.news-wrap .news-list a .news-bottom p {

  font-size: 14px;

  color: #CCCCCC;

}

.news-wrap .news-list a .news-bottom h3 {

  font-size: 18px;

  color: #000000;

  margin: 15px 0;

  line-height: 25px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 2;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 2;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 2;

  overflow: hidden;

}

.news-wrap .news-list a .news-bottom div {

  font-size: 14px;

  color: #6C6D6D;

  line-height: 25px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 3;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 3;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 3;

  overflow: hidden;

}

.news-wrap .news-list:hover a .news-bottom h3 {

  color: #3D95C7;

}

.news-des-title {

  font-size: 30px;

  color: #000;

  text-align: center;

  overflow: hidden;

}

.news-des-time {

  font-size: 14px;

  color: #6C6D6D;

  border-bottom: 1px solid #eee;

  padding: 15px 0;

  margin-bottom: 20px;

  overflow: hidden;

}

.news-des-cons {

  font-size: 16px;

  color: #6C6D6D;

  line-height: 25px;

}

.news-des-cons img {

  max-width: 100%;

}

.pian {

  border-top: 1px solid #eee;

  margin-top: 20px;

  padding-top: 20px;

}

.pian a {

  color: #6C6D6D;

}

.pian p {

  font-size: 14px;

  color: #6C6D6D;

  line-height: 25px;

}

.about-wrap .about-left .sinc-p {

  font-size: 29px;

  color: #5F5F60;

}

.about-wrap .about-left img {

  margin: 0px 0;

}

.about-wrap .about-left .name-p {

  font-size: 28px;

  color: #5F5F60;

}

.about-wrap .about-right .gywm-cons {

  font-size: 16px;

  color: #6C6D6D;

  line-height: 30px;

}

.gsyj-w {

  margin: 110px 0;

  background: #3D95C7;

}

.gsyj-w ul {

  border: 1px solid #eee;

  box-shadow: 0 0 20px 0 #eee;

  overflow: hidden;

}

.gsyj-w ul li {

  width: 50%;

  padding: 60px 0;

  text-align: center;

}

.gsyj-w ul li:nth-child(1) {

  position: relative;

}

.gsyj-w ul li:nth-child(1):after {

  content: "";

  width: 1px;

  height: 132px;

  background: #3D95C7;

  position: absolute;

  top: 40px;

  right: 0;

}

.gsyj-w ul li h3 {

  font-size: 26px;

  color: #83BBDB;

  margin-bottom: 15px;

  text-align: center;

}

.gsyj-w ul li p {

  font-size: 28px;

  color: #fff;

}

.ljgs {

  background: #EDEDED;

  padding: 20px;

  overflow: hidden;

  margin-top: 82px;

}

.ljgs .ljgs-l {

  width: 100%;

  float: none;

}

.ljgs .ljgs-l img {

  max-width: 100%;

}

.ljgs .ljgs-r {

  width: 50%;

  text-align: center;

  display: none;

}

.ljgs .ljgs-r h3 {

  font-size: 40px;

  color: #4C4C4C;

}

.ljgs .ljgs-r p {

  font-size: 27px;

  color: #959799;

  margin: 20px 0;

}

.ljgs .ljgs-r a {

  display: inline-block;

  width: 64px;

  height: 64px;

  background: #3D95C7;

  border-radius: 100%;

  line-height: 64px;

  text-align: center;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.ljgs .ljgs-r a i {

  color: #fff;

  font-size: 26px;

}

.jsyf-cons h3 {

  font-size: 40px;

  color: #222323;

}

.jsyf-cons .jsyf-content {

  font-size: 16px;

  color: #6C6D6D;

  line-height: 25px;

  margin: 10px 0 60px;

}

.jsyf-w {

  overflow: hidden;

 

}

.jsyf-w .swiper-jsyf .swiper-slide .scale {

  box-shadow: 0 0 20px 0 #eee;

}

.jsyf-w .paginationjsyf {

  width: 100%;

  text-align: center;

  margin-top: 35px;

}

.jsyf-w .paginationjsyf .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  opacity: 1;

  background: #C6C6C6;

  margin: 0 2px;

}

.jsyf-w .paginationjsyf .swiper-pagination-bullet-active {

  background: #053290;

}

.jsjx-wrap {

  padding: 60px 0;

  background: #F5F5F5;

}

.jsjx-wrap .jsjx-ul {

  margin-bottom: 45px;

  overflow: hidden;

}

.jsjx-wrap .jsjx-ul li {

  font-size: 20px;

  color: #B2B2B2;

  width: 220px;

  height: 68px;

  text-align: center;

  line-height: 68px;

  margin-right: 15px;

  border: 1px solid #C6C6C6;

}

.jsjx-wrap .jsjx-ul li.active,

.jsjx-wrap .jsjx-ul li:hover {

  background: #053290;

  color: #fff;

}

.jsjx-ul02 li {

  width: 48%;

  margin-bottom: 35px;

  background: #fff;

}

.jsjx-ul02 li:nth-child(2n) {

  float: right;

}

.jsjx-ul02 li dl {

  overflow: hidden;

}

.jsjx-ul02 li dl dt {

  width: 45%;

  float: left;

}

.jsjx-ul02 li dl dt a {

  display: block;

}

.jsjx-ul02 li dl dd {

  padding: 30px;

  width: 55%;

  float: right;

}

.jsjx-ul02 li dl dd h3 {

  font-size: 18px;

  color: #000000;

  line-height: 25px;

  margin-bottom: 15px;

}

.jsjx-ul02 li dl dd h3 a {

  color: #000000;

  display: block;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 2;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 2;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 2;

  overflow: hidden;

}

.jsjx-ul02 li dl dd div {

  font-size: 14px;

  color: #6C6D6D;

  line-height: 20px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 3;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 3;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 3;

  overflow: hidden;

}

.hyyy-w {

  position: relative;

}

.hyyy-w .hyyy-in-top .hyyy-list {

  display: none;

}

.hyyy-w .hyyy-in-top .hyyy-list.active {

  display: block;

}

.hyyy-w .hyyy-in-bottom {

  position: absolute;

  left: 0;

  width: 100%;

  padding: 35px;

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

  bottom: 0;

}

.hyyy-w .hyyy-in-bottom ul li {

  width: 185px;

  margin-right: 25px;

}

.hyyy-w .hyyy-in-bottom ul li img {

  width: 100%;

}

.hyyy-w .hyyy-in-bottom a {

  display: inline-block;

  width: 145px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  background: #0D6FB8;

  border-radius: 40px;

  font-size: 16px;

  color: #fff;

  float: right;

  margin-top: 50px;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.hyyy-w .hyyy-in-bottom a:hover {

  box-shadow: inset 0 0 0 40px rgba(0, 0, 0, 0.3);

  color: #fff;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.zxtj-wrap {

  background: #F5F5F5;

  padding: 100px 0;

}

.zxtj-wrap .zxtj-ul li {

  width: 48.5%;

}

.zxtj-wrap .zxtj-ul li a {

  background: #fff;

  display: block;

  box-shadow: 0 0 20px 0px #c9c0c0;

}

.zxtj-wrap .zxtj-ul li a .zxtj-bottom {

  padding: 25px 25px 21px;

}

.zxtj-wrap .zxtj-ul li a .zxtj-bottom p {

  font-size: 14px;

  color: #CCCCCC;

}

.zxtj-wrap .zxtj-ul li a .zxtj-bottom h3 {

  font-size: 18px;

  color: #000000;

  margin: 10px 0;

  display: -webkit-box;

  line-height: 25px;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 2;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 2;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 2;

  overflow: hidden;

}

.zxtj-wrap .zxtj-ul li a .zxtj-bottom div {

  font-size: 14px;

  color: #6C6D6D;

  line-height: 25px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 5;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 5;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 5;

  overflow: hidden;

}

.zxtj-wrap .zxtj-ul li:nth-child(2n) {

  float: right;

}

.zxtj-wrap .zxth-title {

  font-size: 40px;

  color: #222323;

  margin-bottom: 50px;

  text-align: center;

}

.zxtj-wrap .zxtj-in {

  position: relative;

  overflow: hidden;

}

.zxtj-wrap .zxtj-in:hover .zxtj-lay {

  top: 0;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.zxtj-wrap .zxtj-in .zxtj-lay {

  position: absolute;

  top:  0%;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(5, 50, 144, 0.4);

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.zxtj-wrap .zxtj-in .zxtj-lay .zxtj-lay-in {

  position: absolute;

  top: 50%;

  left: 0 ;

  width: 100%;

  padding: 0 60px;

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

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

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

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

  transform: translateY(-50%);

  color: #fff;

}

.zxtj-wrap .zxtj-in .zxtj-lay .zxtj-lay-in p {

  font-size: 14px;

}

.zxtj-wrap .zxtj-in .zxtj-lay .zxtj-lay-in h3 {

  font-size: 18px;

  margin: 15px 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.zxtj-wrap .zxtj-in .zxtj-lay .zxtj-lay-in div {

  font-size: 14px;

  line-height: 20px;

  margin-bottom: 40px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 2;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 2;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 2;

  overflow: hidden;

}

.zxtj-wrap .zxtj-in .zxtj-lay .zxtj-lay-in a {

  display: inline-block;

  width: 145px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  border: 1px solid #fff;

  border-radius: 40px;

  font-size: 16px;

  color: #fff;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.zxtj-wrap .zxtj-in .zxtj-lay .zxtj-lay-in a:hover {

  box-shadow: inset 0 0 0 40px #053290;

  color: #fff;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.cp-list {

  margin-bottom: 35px;

}

.cp-list a {

  box-shadow: 0 0 10px 0px #dcdcdc;

  display: block;

}

.cp-list .cp-bottom {

  padding: 35px 15px;

  text-align: center;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.cp-list .cp-bottom h3 {

  font-size: 18px;

  color: #000000;

  margin-bottom: 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.cp-list .cp-bottom p {

  font-size: 14px;

  color: #6C6D6D;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.jsjx-more {

  display: inline-block;

  width: 145px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  border: 1px solid #C6C6C6;

  border-radius: 40px;

  font-size: 16px;

  color: #727070;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.jsjx-more:hover {

  box-shadow: inset 0 0 0 40px #053290;

  color: #fff;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.banin .load a:hover,

.pian p a:hover,

.jsjx-ul02 li:hover h3 a {

  color: #053290 !important;

}

.cp-list:hover .cp-bottom {

  background: #4192C7;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.cp-list:hover .cp-bottom h3,

.cp-list:hover .cp-bottom p {

  color: #fff;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.ljgs .ljgs-r a:hover {

  box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.3);

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.load-cpfw {

  padding: 35px 0;

  border-bottom: 1px solid #eee;

  font-size: 14px;

  color: #5E5E63;

}

.load-cpfw a {

  color: #5E5E63;

}

.cpfw-des {

  padding: 80px 0 0px;

}

.cpfw-des .swiper-cpfw {

  overflow: hidden;

}

.cpfw-des .swiper-cpfw .swiper-slide {

  border: 1px solid #eee;

}

.cpfw-des .swiper-cpfw .swiper-slide.active{

  border: 1px solid #053290 ;

}

.cpfw-des .cpfw-des-title {

  font-size: 40px;

  color: #3D95C7;

}

.cpfw-des .cpfw-des-info {

  font-size: 18px;

  color: #8E8E8E;

  line-height: 25px;

  margin: 10px  0 40px;

}

.cpfw-des .cpfw-des-bottom {

  border: 1px solid #eee;

  border-left: none;

  border-right: none;

  padding: 20px 35px;

}

.cpfw-des .cpfw-des-bottom .next-cpfw,

.cpfw-des .cpfw-des-bottom .prev-cpfw {

  width: 50px;

  height: 50px;

  line-height: 50px;

  background-image: none !important;

  margin-top: 0;

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

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

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

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

  transform: translateY(-50%);

}

.cpfw-des .cpfw-des-bottom .next-cpfw i,

.cpfw-des .cpfw-des-bottom .prev-cpfw i {

  font-size: 50px;

}

.cpfw-des .cpfw-des-bottom .next-cpfw i:after,

.cpfw-des .cpfw-des-bottom .prev-cpfw i:after {

  display: none !important;

}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,

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

  content: inherit !important;

}

.cpfw-des .cpfw-des-bottom .prev-cpfw {

  left: -20px;

}

.cpfw-des .cpfw-des-bottom .next-cpfw {

  right: -20px;

}

.cpfw-des .zxly-a {

  display: inline-block;

  width: 145px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  background: #0D6FB8;

  border-radius: 40px;

  font-size: 16px;

  color: #fff;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.cpfw-des .zxly-a:hover {

  box-shadow: inset 0 0 0 40px #053290;

  color: #fff;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.cpfw-bottom-ul {

  display: inline-block;

  margin-top: 65px;

  margin-bottom: -3px;

}

.cpfw-bottom-ul li {

  font-size: 18px;

  color: #727272;

  margin: 0 60px;

 

  border-bottom: 3px solid transparent;

}

.cpfw-bottom-ul li:hover{



  border-bottom: 3px solid #053290; 



}

.cpfw-bottom-ul li:hover a{

    color: #053290;

}

.cpfw-bottom-ul li a{

  display: block;

   padding-bottom: 35px;

}

 .cpfw-bottom-ul li.active a{

   color: #053290;

 }

.cpfw-bottom-ul li.active {

  color: #053290;

  border-bottom: 3px solid #053290;

}

.cpfw-bottom {

  padding: 100px 0 0;

  background: #F2F2F2;

}

.cpfw-bottom .cpfw-bottom-in {

  padding: 64px 55px;

  background: #fff;

 

}

.cpfw-bottom .cpfw-bottom-in .cpfw-cons {

  font-size: 14px;

  color: #6C6D6D;

  line-height: 25px;

  margin-bottom: 40px;

}

.cpfw-bottom .cpfw-bottom-in .cpfw-cons img {

  max-width: 100%;

}

.cpfw-bottom .cpfw-bottom-in .cpfw-b-title {

  border-bottom: 1px solid #eee;

  margin-bottom: 30px;

  text-align: center;

}

.cpfw-bottom .cpfw-bottom-in .cpfw-b-title h3 {

  font-size: 30px;

  color: #070707;

}

.cpfw-bottom .cpfw-bottom-in .cpfw-b-title p {

  font-size: 18px;

  color: #BFBFBF;

  margin: 10px 0 10px;

}

.cpfw-bottom .cpfw-bottom-in .cpfw-b-title span {

  display: inline-block;

  width: 68px;

  height: 4px;

  background: #053290;

  margin-bottom: -5px;

}

.cpfw-bottom .cpfw-b-swiper {

  overflow: hidden;

  padding-bottom: 60px;

 

}

.cpfw-bottom .cpfw-b-swiper .pagination-cpfw-des{

  position: absolute;

  left: 0;

  width: 100%;

  bottom: 30px;

}

.cpfw-bottom .cpfw-b-swiper .pagination-cpfw-des .swiper-pagination-bullet {

  width: 16px;

  height: 16px;

  background: #F2F2F2;

  opacity: 1;

  margin: 0 6px;

}

.cpfw-bottom .cpfw-b-swiper .pagination-cpfw-des .swiper-pagination-bullet-active {

  background: #053290;

}

.cpfw-bottom .cpfw-b-swiper p {

  padding: 15px 0;

  text-align: center;

  font-size: 14px;

  color: #5F5F60;

}

.cpfw-bottom .cpfw-table th {

  height: 45px;

  line-height: 45px;

  background: #7A8191;

  font-size: 14px;

  color: #fff;

  font-weight: normal;

  border: 1px solid #eee;

  text-align: center;

}

.cpfw-bottom .cpfw-table tr {

  border: 1px solid #eee;

}

.cpfw-bottom .cpfw-table tr:nth-child(2n+1) {

  background: #F2F2F2;

}

.cpfw-bottom .cpfw-table tr td {

  border: 1px solid #eee;

  height: 45px;

  line-height: 45px;

  color: #5F5F60;

  font-size: 14px;

  text-align: center;

}

.xgzl h3.xgzl-title {

  font-size: 40px;

  color: #222323;

  text-align: center;

  margin-bottom: 40px;

  padding-top: 85px;

}

.xgzl .xgzl-ul {

  background: #fff;

  padding: 55px 80px;

  overflow: hidden;

  margin-bottom: 64px;

}

.xgzl .xgzl-ul li {

  width: 33.333%;

  position: relative;

}

.xgzl .xgzl-ul li span {

  display: inline-block;

  width: 86px;

  height: 86px;

  text-align: center;

  line-height: 86px;

  background: #7A8191;

  border-radius: 100%;

  float: left;

}

.xgzl .xgzl-ul li p {

  font-size: 14px;

  color: #000000;

  float: left;

  margin-left: 15px;

  line-height: 86px;

}

.rmtj-w {

  overflow: hidden;

  padding-bottom: 85px;

}

.xgzl .rmtj-w .pagination-rmtj {

  bottom: 30px;

  left: 0;

  width: 100%;

  position: absolute;

}

.rmtj-w .swiper-pagination-bullet {

  width: 16px;

  height: 16px;

  background: #053290;

  margin: 0 6px;

}

.rmtj-w .swiper-pagination-bullet-active {

  background: #053290;

}

.rmtj-w a {

  box-shadow: 0 0 20px 0px #c9c0c0;

  display: block;

  background: #fff;

}

.rmtj-w .cp-bottom {

  padding: 35px 15px;

  text-align: center;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.rmtj-w .cp-bottom h3 {

  font-size: 18px;

  color: #000000;

  margin-bottom: 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.rmtj-w .cp-bottom p {

  font-size: 14px;

  color: #6C6D6D;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.swiper-cpfw2 {

  overflow: hidden;

  border: 1px solid #eee;

  box-shadow: 0 0 20px 0px #c9c0c036;

}

.cpfw-des .swiper-cpfw .swiper-slide-thumb-active {

  border-color: #0D6FB8;

}

.rmtj-w .cp-bottom:hover {

  background: #053290;

}

.rmtj-w .cp-bottom:hover h3,

.rmtj-w .cp-bottom:hover p {

  color: #fff;

}

.share {

 

  margin: 60px 0 40px;



}

.share .share-span {

  float: left;

  font-size: 18px;

  color: #909091;

   margin-top: 10px;

}

.share .share-in {

  display: inline-block;

  width: 36px;

  height: 36px;

  background: #CCCCCC;

  border-radius: 100%;

  text-align: center;

  line-height: 36px;

  margin-right: 8px;

  position: relative;

}

.share .share-in i {

  color: #fff;

  font-size: 20px;

}

.share .share-in span {

  display: inline-block;

  width: 36px;

  height: 36px;

  border-radius: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.share .share-in a {

  display: inline-block;

  width: 36px;

  height: 36px;

  border-radius: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  opacity: 0;

  padding: 0 !important;

  margin: 0 !important;

  background-image: none !important;

}

.banner-index .pagination-banner .swiper-pagination-bullet {

  width: 36px;

  height: 3px;

  background: #fff;

  opacity: 0.3;

  border-radius: 0;

}

.banner-index .pagination-banner .swiper-pagination-bullet-active {

  opacity: 1;

}

.banner-index .swiper-banner {

  height: 100%;

}

.banner-index .swiper-slide {

  position: relative;

  background-size: cover;

  background-repeat: no-repeat;

}

.banner-index .swiper-slide .banner-index-in {
    position: absolute;
    top: 50%;
    left: 0;
    width: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

}

.banner-index .swiper-slide .banner-index-in h3 {

  font-size: 55px;

  color: #fff;

}

.banner-index .swiper-slide .banner-index-in p {
    font-size: 25px;
    color: #c8c8c8;
    margin: 28px 0;

}

.banner-index .swiper-slide .banner-index-in a {

  display: inline-block;

  width: 142px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  border: 1px solid #fff;

  border-radius: 40px;

  font-size: 16px;

  color: #fff;

}

.cpfw-index .row {

  overflow: hidden;

  padding-bottom: 20px;

}

.cpfw-index .swiper-slide {

  background: #fff;

  box-shadow: 0 0 10px 0px #dcdcdc;

}

.cpfw-index .swiper-slide:nth-child(2n) {

  margin-top: 85px;

}

.cpfw-index .swiper-slide .cpfw-index-in-bottom {

  padding: 20px 20px 15px;

  position: relative;

}

.cpfw-index .swiper-slide .cpfw-index-in-bottom h3 {

  font-size: 18px;

  color: #000000;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.cpfw-index .swiper-slide .cpfw-index-in-bottom div {

  font-size: 14px;

  color: #6C6D6D;

  line-height: 25px;

  display: -webkit-box;

  padding-top: 15px;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 2;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 2;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 2;

  overflow: hidden;

  display: none;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.cpfw-index .swiper-slide .cpfw-index-in-bottom span {

  display: inline-block;

  width: 20px;

  height: 20px;

  background: #1D3571;

  text-align: center;

  line-height: 19px;

  border-radius: 100%;

  position: absolute;

  top: 11px;

  right: 20px;

  color: #fff;

  font-size: 20px;

}

.index-title {

  position: relative;

  margin-bottom: 30px;

  text-align: center;

  padding-top: 110px;

}

.index-title p {

  font-size: 138px; 

  position: absolute;

  left: 24%;

  top: -25px;

  text-shadow: 1px 1px #DADBDB,-1px -1px #DADBDB,1px -1px #DADBDB,-1px 1px #DADBDB;

  opacity : 0.46;

  color: #fff;

  display: none !important;

   

}

.section2 .index-title p{

  color: #EDF3F4;

  display: none;

}

.section4 .index-title p{

  color: #EDF3F4;

}

.section5 .index-title p{

  color: #F2F2F3;

  text-shadow: 1px 1px #B8B9BA,-1px -1px #B8B9BA,1px -1px #B8B9BA,-1px 1px #B8B9BA;

}

.index-title h3 {

  font-size: 45px;

  color: #000000;

}

.index-title span {

  display: inline-block;

  width: 42px;

  height: 3px;

  background: #1D3571;

  margin-top: 15px;

}

.index-more {

  display: inline-block;

  width: 142px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  border: 1px solid #727070;

  border-radius: 40px;

  font-size: 16px;

  color: #727070;

  margin: 30px 0;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.index-more:hover {

  color: #fff;

  box-shadow: inset 0 0 0 30px #1D3571;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.banner-index .swiper-slide .banner-index-in a {

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.banner-index .swiper-slide .banner-index-in a:hover {

  color: #fff;

  box-shadow: inset 0 0 0 30px #1D3571;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.hyyy-index-cons {

  font-size: 18px;

  color: #A8A7A7;

  line-height: 25px;

  text-align: center;

  margin-bottom: 50px;

}

.hyyy-index-in .row {

  overflow: hidden;

}

.hyyy-index-in .swiper-slide {

  text-align: center;

}

.hyyy-index-in .swiper-slide:hover div {

  background: #3D95C7;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.hyyy-index-in .swiper-slide div {

  display: inline-block;

  width: 150px;

  height: 150px;

  background: #1D3571;

  border-radius: 20px;

  text-align: center;

  padding-top: 30px;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.hyyy-index-in .swiper-slide div img {

  display: block;

 width: 40%;

}

.hyyy-index-in .swiper-slide div span {

 display: block;

 font-size: 18px;

 margin-top: 20px;

 color: #fff;

}

.jsyf-index {

  background: #EDF3F4;

}

.jsyf-index .jsyf-play {

  position: absolute;

  top: 50%;

  left: 50%;

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

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

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

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

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

}

.jsyf-index .jsyf-index-ul li {

  margin-bottom: 30px;

  float: none;

}

.jsyf-index .jsyf-index-ul li:nth-child(2n) {

  margin-bottom: 0;

}

.jsyf-index .jsyf-index-ul li dl {

  overflow: hidden;

  background: #fff;

}

.jsyf-index .jsyf-index-ul li dl dt {

  width: 50%;

  float: left;

}

.jsyf-index .jsyf-index-ul li dl dd {

  padding: 30px 25px;

  width: 50%;

  float: left;

}

.jsyf-index .jsyf-index-ul li dl dd h3 {

  font-size: 18px;

  color: #000000;

  line-height: 25px;

  margin-bottom: 15px;

}

.jsyf-index .jsyf-index-ul li dl dd h3 a {

  color: #000000;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 2;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 2;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 2;

  overflow: hidden;

}

.jsyf-index .jsyf-index-ul li dl dd div {

  font-size: 14px;

  color: #6C6D6D;

  line-height: 25px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 3;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 3;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 3;

  overflow: hidden;

}

.about-index .index-title {

  text-align: center;

}

.about-index .index-title p {

  left: 0;

}

.about-index .about-index-left {

  width: 40%;

  float: left;

}

.about-index .about-index-left h3.about-index-h3 {

  font-size: 36px;

  color: #000000;

  line-height: 45px;

  margin-bottom: 20px;

}

.about-index .about-index-left div.about-index-con {

  font-size: 14px;

  color: #6C6D6D;

  line-height: 25px;

}

.about-index .about-index-right {

  width: 40%;

  float: right;

}

.about-index .about-index-right ul li {

  margin-bottom: 70px;

  width: 50%;

}

.about-index .about-index-right ul li p:nth-child(1) {

  font-size: 86px;

  color: #1D3571;

}

.about-index .about-index-right ul li p:nth-child(2) {

  font-size: 16px;

  color: #6C6D6D;

}

.news-index .index-title p {

  left: 34%;

}

.news-index .row {

  overflow: hidden;

}

.news-index .swiper-news-index .swiper-slide {

  padding-bottom: 20px;

}

.news-index .swiper-news-index .news-index-in {

  box-shadow: 0 0 20px 0px #c9c0c0;

  background: #fff;

}

.news-index .swiper-news-index .news-index-in .news-index-bottom {

  padding: 20px;

}

.news-index .swiper-news-index .news-index-in .news-index-bottom p {

  font-size: 14px;

  color: #CCCCCC;

}

.news-index .swiper-news-index .news-index-in .news-index-bottom h3 {

  font-size: 18px;

  color: #000000;

  line-height: 25px;

  margin: 10px 0;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 2;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 2;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 2;

  overflow: hidden;

}

.news-index .swiper-news-index .news-index-in .news-index-bottom h3 a {

  display: block;

}

.news-index .swiper-news-index .news-index-in .news-index-bottom div {

  font-size: 14px;

  color: #6C6D6D;

  line-height: 25px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 3;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 3;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 3;

  overflow: hidden;

}

footer {

  background: #1D3571;

}

footer .foot-top {

  padding: 55px 0 40px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

footer .foot-top ul li {

  margin-right: 151px;

}

footer .foot-top ul li:last-of-type {

  margin-right: 0;

}

footer .foot-top ul li h3 {

  font-size: 20px;

  color: #fff;

  margin-bottom: 20px;

}

footer .foot-top ul li a {

  display: block;

  font-size: 14px;

  color: #fff;

  margin-bottom: 5px;

}

footer .foot-top ul li p {

  font-size: 14px;

  color: #fff;

}

footer .foot-top ul li p i {

  display: inline-block;

  margin-right: 5px;

}

footer .copy {

  padding: 35px 0;

  font-size: 14px;

  color: #fff;

  overflow: hidden;

}

footer .copy a {

  color: #fff;

}

.share-index {

  margin-top: 10px;

}

.share-index .share-in {

  display: inline-block;

  width: 33px;

  height: 33px;

  border-radius: 100%;

  border: 2px solid #fff;

  text-align: center;

  line-height: 30px;

  position: relative;

}

.share-index .share-in i {

  color: #fff;

  font-size: 16px;

  display: inline-block;

  margin-left: -3px;

}

.share-index .share-in span {

  display: inline-block;

  width: 33px;

  height: 33px;

  border-radius: 100%;

  text-align: center;

  line-height: 33px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.share-index .share-in a {

  display: inline-block;

  width: 33px;

  height: 33px;

  border-radius: 100%;

  text-align: center;

  line-height: 33px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  opacity: 0;

  padding: 0 !important;

  margin: 0 !important;

  background-image: none !important;

}

.cpfw-index .swiper-slide:hover .cpfw-index-in-bottom div {

  display: block;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.section {

  background-size: cover;

  background-repeat: no-repeat;

}

.news-index .swiper-news-index .news-index-in:hover h3 a {

  color: #3D95C7;

}

.jsyf-index .jsyf-index-ul li:hover h3 a {

  color: #3D95C7;

}

header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 100;

  padding: 0px 60px;

}

header .logo {

  float: left;

  display: inline-block;

  margin: 20px 0;

}

header .lang {

  font-size: 18px;

  color: #fff;

  padding: 37px 0;

}

header .lang span {

  display: inline-block;

  margin-left: 10px;

}

header .lang a {

  color: #fff;

}

header .lang i {

  display: inline-block;

  margin-right: 5px;

}

header .menu-ul li a {

  font-size: 18px;

  color: #fff;

  padding: 38px 40px;

  display: block;

}

.logo-img2 {

  display: none;

}

.fp-viewing-page2 header,

.fp-viewing-page3 header,

.fp-viewing-page4 header,

.fp-viewing-page5 header,

.fp-viewing-foot header,

header.active,

.fp-viewing-page6 header,

header.on{

  background-color: #fff;

  border-bottom: 1px solid #f1efef;

}

.fp-viewing-page2 header .logo-img1,

.fp-viewing-page3 header .logo-img1,

.fp-viewing-page4 header .logo-img1,

.fp-viewing-page5 header .logo-img1,

.fp-viewing-foot header .logo-img1,

header.active .logo-img1,

header.on .logo-img1,

.fp-viewing-page6 header .logo-img1 {

  display: none;

}

.fp-viewing-page2 header .logo-img2,

.fp-viewing-page3 header .logo-img2,

.fp-viewing-page4 header .logo-img2,

.fp-viewing-page5 header .logo-img2,

.fp-viewing-foot header .logo-img2,

header.active .logo-img2,

header.on .logo-img2,

.fp-viewing-page6 header .logo-img2 {

  display: block;

}

.fp-viewing-page2 header ul li a,

.fp-viewing-page3 header ul li a,

.fp-viewing-page4 header ul li a,

.fp-viewing-page5 header ul li a,

.fp-viewing-foot header ul li a,

header.active ul li a,

header.on ul li a,

.fp-viewing-page6 header ul li a {

  color: #000;

}

.fp-viewing-page2 header .lang,

.fp-viewing-page2 header .lang a,

.fp-viewing-page3 header .lang,

.fp-viewing-page3 header .lang a,

.fp-viewing-page4 header .lang,

.fp-viewing-page4 header .lang a,

.fp-viewing-page5 header .lang,

.fp-viewing-page5 header .lang a,

.fp-viewing-foot header .lang,

.fp-viewing-foot header .lang a,

header.active .lang a,

header.active .lang,

header.on .lang a,

header.on .lang,

.fp-viewing-page6 header .lang,

.fp-viewing-page6 header .lang a {

  color: #000;

}

header .menu-ul li {

  position: relative;

}

header .menu-ul li a:hover {

  color: #fff;

}

header.active .menu-ul li a:hover{

  color: #000;

}

header .menu-ul li .er-ul {

  width: 150px;

  left: 50%;

  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);

  right: 0;

  z-index: 999;

  background: #fff;

  padding: 10px 0;

  transition: 400ms ease-in-out;

  opacity: 0;

  top: 100%;

  background-color: #fff;

  display: block;

  position: absolute;

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

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

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

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

  transform: translateX(-50%) scale(0);

}

header .menu-ul li:hover .er-ul {

  opacity: 1;

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

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

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

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

  transform: translateX(-50%) scale(1);

}

header .menu-ul li .er-ul li {

  line-height: 32px;

  width: 100%;

  display: block;

  float: none;

}

header .menu-ul li .er-ul li a {

  font-size: 14px;

  display: block;

  text-align: left;

  color: #3e4040;

  text-align: center;

  padding: 0 0;

}

header .menu-ul li .er-ul li a:hover,

header .lang a:hover {

  color: #1D3571;

}

header.active,

header.on{

  border-bottom: 1px solid #eee;

}

.phone-menu {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 10;

  height: 50px;

  background: #fff;

  padding-right: 15px;

  border-bottom: 1px solid #eee;

}

.phone-menu .phone-menu-logo img {

  width: 100px;

  margin-left: 15px;

  margin-top: 5px;

}

.phone-menu .phone-menu-caidan {

  display: inline-block;

  position: relative;

  width: 22px;

  height: 16px;

  float: right;

  margin-top: 18px;

}

.phone-menu .phone-menu-caidan.active span:nth-child(1) {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 7px;

}

.phone-menu .phone-menu-caidan.active span:nth-child(2) {

  display: none;

}

.phone-menu .phone-menu-caidan.active span:nth-child(3) {

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

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

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

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

  transform: rotate(-45deg);

  bottom: 7px;

}

.phone-menu .phone-menu-caidan span {

  position: absolute;

  width: 100%;

  height: 2px;

  left: 0;

  background: #1D3571;

}

.phone-menu .phone-menu-caidan span:nth-child(1) {

  top: 0;

}

.phone-menu .phone-menu-caidan span:nth-child(2) {

  top: 7px;

}

.phone-menu .phone-menu-caidan span:nth-child(3) {

  bottom: 0;

}

.phone-menu .phone-menu-ul {

  background: #1D3571;

  position: fixed;

  top: 50px;

  right: -100%;

  width: 100%;

  bottom: 0;

  z-index: 10;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.phone-menu .phone-menu-ul.active {

  right: 0;

}

.phone-menu .phone-menu-ul li {

  float: none;

  padding: 10px;

}

.phone-menu .phone-menu-ul > li {

  border-top: 1px solid #eee;

}

.phone-menu .phone-menu-ul > li:last-of-type {

  border-bottom: 1px solid #eee;

}

.phone-menu .phone-menu-ul li a {

  font-size: 14px;

  color: #fff;

  display: block;

  position: relative;

  z-index: 2;

}

.phone-menu .phone-menu-ul li img {

  border-radius: 100%;

}

.phone-menu .phone-menu-ul li .phone-menu-cn {

  display: inline-block;

  margin-right: 10px;

}

.phone-menu .phone-menu-ul li .phone-menu-sec {

  margin-top: 10px;

  display: none;

}

.phone-menu .phone-menu-ul li .phone-menu-sec.active{

  display: block;

}

.phone-menu .phone-menu-ul li .phone-menu-sec li {

  padding: 4px 10px;

}

.phone-menu .phone-menu-ul > li span {

  display: inline-block;

  width: 16px;

  height: 16px;

  position: relative;

  float: right;

  margin-top: -18px;

}

.phone-menu .phone-menu-ul > li span.active i:nth-child(2) {

  display: none;

}

.phone-menu .phone-menu-ul > li span i {

  display: inline-block;

  position: absolute;

  width: 100%;

  height: 2px;

  background: #fff;

}

.phone-menu .phone-menu-ul > li span i:nth-child(1) {

  top: 7px;

  left: 0;

}

.phone-menu .phone-menu-ul > li span i:nth-child(2) {

  bottom: 0;

  width: 2px;

  height: 100%;

  left: 7px;

}

.rightfix {

  position: fixed;

  top: 50%;

  right: 0;

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

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

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

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

  transform: translateY(-50%);

  box-shadow: 0 0 20px 0px #c9c0c036;

  z-index: 100;

}

.rightfix ul li {

  float: none;

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

  position: relative;

}

.rightfix ul li span {

  display: inline-block;

  width: 70px;

  height: 64px;

  line-height: 64px;

  text-align: center;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.rightfix ul li span i {

  color: #000;

  font-size: 30px;

}

.rightfix ul li:nth-child(2) div {

  padding: 10px 0;

}

.rightfix ul li:hover span {

  background: #1D3571;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.rightfix ul li:hover span i {

  color: #fff;

}

.rightfix ul li:hover div {

  right: 70px;

  background: #1D3571;

  color: #fff;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.rightfix ul li div {

  min-width: 150px;

  min-height: 64px;

  line-height: 64px;

  position: absolute;

  top: 0;

  right: -170px;

  background: #fff;

  text-align: center;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

.rightfix ul li div a {

  color: #fff;

}

.rightfix ul li div img {

  width: 120px;

}

header .menu-ul li > a{

  position: relative;

}

header .menu-ul li > a:after{

  content: "";

  width: 0%;

  height: 2px;

  background: #fff;

  position: absolute;

  left: 50%;

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

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

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

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

  transform: translateX(-50%);

  bottom: 0;

  transition: all .4s ease-in-out;

-webkit-transition: all .4s ease-in-out;

-moz-transition: all .4s ease-in-out;

-ms-transition: all .4s ease-in-out;

-o-transition: all .4s ease-in-out;

}

header .menu-ul li.active > a:after,

header .menu-ul li:hover > a:after{

  width: 100%;

  transition: all .4s ease-in-out;

-webkit-transition: all .4s ease-in-out;

-moz-transition: all .4s ease-in-out;

-ms-transition: all .4s ease-in-out;

-o-transition: all .4s ease-in-out;

}

 

.zxtj-wrap .zxtj-ul li:hover h3{

 color: #053290 !important;

}

.jsjs-list{

  display: none;

}

.jsjs-list.active{

  display: block;

}

.lxwm-wrap .lx-title{

  font-size: 40px;

  color: #3D95C7;

  margin-bottom: 40px;

}

.lxwm-wrap ul{

  overflow: hidden;

}

.lxwm-wrap ul li{

  width: 48.5%;

  border: 1px solid #eee;

  margin-bottom: 60px;

  font-size: 18px;

  color: #757474;

  line-height: 30px;

  padding: 40px;

  box-shadow: 0 0 10px 0px #dcdcdc;



} 

.lxwm-wrap ul li:nth-child(2n){

  float: right;

}



.map{

  margin-bottom: 50px;

}

.form .input-w{

  position: relative;

  height: 50px;

  line-height: 50px;

  border: 1px solid #eee;

  border-radius: 40px;

  margin-bottom: 30px;

}

.form .input-w input{

  width: 100%;

  height: 45px;

  line-height: 45px;

  border-radius: 40px;

  

  padding: 0 15px;

}

.form  textarea{

  width: 100%;

  height: 220px;

  resize: none;

  border: 1px solid #eee;

  border-radius: 20px;

  line-height: 25px;

  padding: 20px;

}

.form button{

      display: inline-block;

    width: 142px; 

    height: 50px; 

    line-height: 50px;

    text-align: center;

    background: #0D6FB8;

    border-radius: 40px; 

    font-size: 16px;

    color: #fff;

    transition: all .4s ease-in-out;

-webkit-transition: all .4s ease-in-out;

-moz-transition: all .4s ease-in-out;

-ms-transition: all .4s ease-in-out;

-o-transition: all .4s ease-in-out;

border: none;

margin-top: 35px;

}

.form button:hover{

  box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.3);

  transition: all .4s ease-in-out;

-webkit-transition: all .4s ease-in-out;

-moz-transition: all .4s ease-in-out;

-ms-transition: all .4s ease-in-out;

-o-transition: all .4s ease-in-out;

}

.zzry-wrap .zzry-list{

  margin-bottom: 25px;

}

.zzry-wrap .zzry-list h3{

  font-size: 18px;

  text-align: center;

  padding: 10px 15px;

  border: 1px solid #eee;

}





.course_div {

    background: #fff;

    padding: 0px 15%;





}

.course_ul {

    padding-top: 128px;





    position: relative;

}

.course_ul li{

  float: none;

}

.course_ul::before {

    position: absolute;

    left: 12.5%;

    top: 0;

    right: 0;

    width: 1px; 



    height: 100%;

    background: #1D3571;

    content: "";

    display: block;

}



.course_li {

    margin-bottom: 50px; 



}

.course_li .fl {

    width: 20%;

    font-size: 2rem;

    color: #424344;

    position: relative;

}

.course_li .fl::before {

    position: absolute;

    right: 31%;

    top: 0;

    width: 22px; 



    height: 22px; 

    border: 1px solid #1D3571; 

    content: "";

    display: block;

    border-radius: 50%;

    z-index: 5;

    background: #fff;

    -webkit-animation: scale 3s infinite linear;

    -moz-animation: scale 3s infinite linear;

    -o-animation: scale 3s infinite linear;

    animation: scale 3s infinite linear;

}

.course_li .fl::after {

    position: absolute;

    right: 35%;

    top: 8px; 

    width: 6px; 

    height: 6px; 

    background: #1D3571;

    content: "";

    display: block;

    border-radius: 50%;

    z-index: 5;

}

.course_li .fr {

    width: 80%;

    color: #424344;

        font-size: 1.4rem;

    line-height: 2.6rem;

}



.course_ul::after {

    position: absolute;

    left: 9%;

    top: 0;

    width: 60px;  

    height: 60px; 



    background: url(../images/20-1.jpg) no-repeat;

    background-size: 100% 100%;

    content: "";

    display: block;

}



.about-left img{

  width: 320px;

  height: 190px;

}

.ljgs .ljgs-l logo-img2{

  width: 750px;

  height: 385px;

}

.map-ul >li{

  width: 16%;

}

.map-ul > li > a{

  font-size: 20px;

  color: #000;

  margin-bottom: 20px;

  display: block;

} 

.map-ul li ul li{

  float: none;

}

.map-ul li ul li a{

  font-size: 14px;

  color: #000;

  margin-bottom: 5px;

  display: block;

}

.map-ul li a:hover{

  color: #053290 !important;

}

.danye{

  font-size: 16px;

  line-height: 25px;

  color: #6C6D6D;

}

.cpfw-index .swiper-slide span{

  transition: all .4s ease-in-out;

-webkit-transition: all .4s ease-in-out;

-moz-transition: all .4s ease-in-out;

-ms-transition: all .4s ease-in-out;

-o-transition: all .4s ease-in-out;

}

.cpfw-index .swiper-slide:hover span{

  background: #0D6FB8;

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

  transition: all .4s ease-in-out;

-webkit-transition: all .4s ease-in-out;

-moz-transition: all .4s ease-in-out;

-ms-transition: all .4s ease-in-out;

-o-transition: all .4s ease-in-out;

}





.videofix{

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

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

  z-index: 200;

  display: none;

}

.videofix.active{

  display: block;

}

.videofix-in{

  width: 60%;

  position: absolute;

  top: 50%;

  left: 50%;

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

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

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

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

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

}

.videofix-in span{

  position: absolute;

  top: -20px;

  right: -20px;

  color: #000;

  cursor: pointer;

}



.cpfw-index .swiper-slide .scale{



  height: 250px;

  overflow: hidden;

}

.inner-body{

  margin-top: 102px;

}



.about-index .about-index-right ul li p:nth-child(1){

    font-family: 'AKZIDENZGROTESK';

}

 @font-face {

    font-family: 'AKZIDENZGROTESK';

    font-display: swap;

    src: url('../css/AKZIDENZGROTESK-EXTRABOLDALT.OTF');

  }

.dgxx-botom{

  padding: 20px;

}

.dgxx-botom table.cpfw-table tr:nth-child(2n+1) td{

    background: #fff;

}

.dgxx-botom table.cpfw-table tr:nth-child(1) td{

  background: #7A8191 !important;

  color: #fff;

 

}

.dgxx-botom table.cpfw-table tr:nth-child(1) td{

   line-height: 20px;

  padding: 10px 0;

  color: #fff;

}







.rightfix ul li:nth-child(3){

  cursor: pointer;

}

.banin:before{

  content: "";

  width: 100%;

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

  position: absolute;

  top: 0;

  left:0 ;

  bottom: 0;

}

.jsyf-w h3{

  padding: 20px 0 0;

  font-size: 16px;

  text-align: center;

}

.jsyf-w .next-jsyf,.jsyf-w .prev-jsyf{

   width: 40px;

   height: 40px;

   text-align: center;

   line-height: 40px;

    top: 43%;

   color: #fff;

   font-size: 20px;

   font-weight: normal;

   background: #053290;

   background-image: initial !important;

   border-radius: 100%;

}

#dituContent02{

  margin-top: 20px;

}



.jsyf-wrap .hyyy-list h3,

.hyyy-index .hyyy-list h3{

  font-size: 16px;

  padding: 10px 0;

  color: #333;

  box-shadow: 0 0 10px 0px #dcdcdc;

  text-align: center;

}

.jsyf-wrap .hyyy-list,

.hyyy-index .hyyy-list{

  margin-bottom: 20px;

}



.fp-viewing-page2 header .menu-ul li a:hover,

.fp-viewing-page3 header .menu-ul li a:hover,

.fp-viewing-page4 header .menu-ul li a:hover,

.fp-viewing-page5 header .menu-ul li a:hover,

.fp-viewing-page6 header .menu-ul li a:hover,

.fp-viewing-foot header .menu-ul li a:hover{

  color: #000;

}





.share-index .social-share .social-share-icon{

     color: #fff;

    border-color: #fff;

}

.share-index,.social-share .icon-wechat .wechat-qrcode .help p{

  color: #000 !important;

  font-size: 12px !important;

}

.about-wrap img,.zzyr-cons img{

  max-width: 100%;

}

.zzyr-list{

  margin-bottom: 25px;

}

.zzyr-list .zzyr-list-in{

  border: 1px solid #eee;

  

}

.section5  .scale > img,

.section5  .scale {

  border-radius: 20px;

}

 





@media (max-width: 1600px) {

  .banin .banin-lay h3 {

    font-size: 40px;

  }

  .banin .banin-lay p {

    font-size: 20px;

  }

  .zxtj-wrap .zxtj-ul li a .zxtj-bottom {

    padding: 13px;

  }

  .zxtj-wrap .zxtj-ul li a .zxtj-bottom div {

    line-height: 25px;

  }

  .zxtj-wrap .zxtj-ul li a .zxtj-bottom h3 {

    margin: 5px 0 15px;

  }

  .banner-index .swiper-slide .banner-index-in h3 {

    font-size: 40px;

  }

  .banner-index .swiper-slide .banner-index-in p {

    font-size: 20px;

    margin: 20px 0;

  }

  .index-title p {

    font-size: 90px;

    top: 45px;

  }

  .index-title h3 {

    font-size: 40px;

  }

  .cpfw-index .swiper-slide .cpfw-index-in-bottom span {

     

    top: 13px;

  }

  .cpfw-index .swiper-slide .cpfw-index-in-bottom {

    padding: 15px;

  }

  .hyyy-index-cons {

    font-size: 16px;

    line-height: 20px;

    margin-bottom: 40px;

  }

  .hyyy-index-in .swiper-slide div {

    width: 110px;

    height: 110px;

    padding-top: 7px;

  }

  .hyyy-index-in .swiper-slide div img {

    width: 60px;

  }

  .hyyy-index-in .swiper-slide div span {

    font-size: 14px;

    margin-top: 5px;

  }

  .jsyf-index .jsyf-index-ul li dl dd div {

    line-height: 20px;

  }

  .about-index .about-index-right ul li p:nth-child(1) {

    font-size: 60px;

  }

  .about-index .about-index-left h3.about-index-h3 {

    font-size: 26px;

    line-height: 40px;

  }

  footer .foot-top ul li {

    margin-right: 48px;

  }

  footer .copy {

    padding: 20px 0;

  }

  header .menu-ul li a {

    padding: 24px 16px;

    font-size: 16px;

  }

  header .lang {

    padding: 24px 0;

    font-size: 16px;

  }

  header .logo {

    margin: 5px 0;

  }

  .load-menu li{

   padding: 0 25px;

  }

  .load-menu li a{

    font-size: 16px;

  }

  .jsjx-ul02 li dl dd{

    padding: 18px;

  }

  .lxwm-wrap ul li{

    font-size: 16px;

  }

  .jsyf-index .jsyf-index-ul li dl dd{

    width: 52%;

  }

  .jsyf-index .jsyf-index-ul li dl dt{

    width: 48%;

  }

  .zxtj-wrap .zxtj-ul li a .zxtj-bottom div {

  font-size: 14px;

  color: #6C6D6D;

  line-height: 25px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 4;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 4;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 4;

  overflow: hidden;

}

}

@media (max-width: 1200px) {

  .ljgs {

    padding: 50px 0 50px 50px;

  }

  .ljgs .ljgs-r {

    padding-right: 20px;

  }

  .load-menu li {

    padding: 0 20px;

    height: 60px;

    line-height: 60px;

  }

  .load-menu li a {

    font-size: 14px;

  }

  header,

  .rightfix {

    display: none;

  }

  body{

    padding-top: 50px;

  }

  .phone-menu {

    display: block;

  }

  .course_ul::before{

        left: 12.2%;

  }

  .course_ul::after{

    left: 8%;

  }

  .course_li .fl::before{

    right: 30%;

  }
  .foot-top ul li{
    margin-right: 40PX;
  }

}

@media (max-width: 1023px) {

  .load-menu li {

   padding: 0 10px;

    height: 60px;

    line-height: 60px;

  }

  .load-menu li a {

    font-size: 14px;

  }

  .ljgs .ljgs-r h3 {

    font-size: 26px;

  }

  .ljgs .ljgs-r p {

    font-size: 16px;

  }

  .ljgs .ljgs-r {

    padding-top: 50px;

  }

  .jsjx-ul02 li dl dt,

  .jsjx-ul02 li dl dd {

    width: 100%;

    float: none;

  }

  .hyyy-w .hyyy-in-bottom ul li {

    width: 100px;

  }

  .hyyy-w .hyyy-in-bottom a {

    margin-top: 20px;

  }

  .cpfw-des .cpfw-des-title {

    margin-top: 20px;

  }

  .jsyf-index-ul {

    margin-top: 20px;

  }

  .jsyf-index-ul li {

    margin-bottom: 20px;

  }

  .foot-top {

    display: none;

  }

  .course_li .fl::before{

    right: 26%;

  }

  .course_ul::after{

    left: 7%;

  }

  html,body{

    overflow-y: auto !important;

    overflow-x: hidden !important;

  }

  .banner-index{

  height: 300px;

  position: relative;

  }
  

}

@media (max-width: 767px) {

  .banin .banin-lay p {

    display: none;

  }

  .banin .banin-lay {

    padding: 0 15px;

  }

  .banin .banin-lay h3 {

    font-size: 30px;

  }

  .banin .load {

    padding-left: 15px;

    font-size: 12px;

  }

  .banin .load a {

    font-size: 12px;

  }

  .news-wrap {

    padding: 50px 0;

  }

  .news-wrap .news-list {

    margin-bottom: 25px;

  }

  .news-wrap-des {

    padding: 50px 15px;

  }

  .news-des-title {

    font-size: 20px;

    line-height: 25px;

    margin-bottom: 20px;

  }

  .news-des-cons {

    font-size: 14px;

  }

  .about-wrap .about-right .gywm-cons {

    font-size: 14px;

    line-height: 25px;

    margin-top: 20px;

  }

  .gsyj-w ul li h3 {

    font-size: 16px;

  }

  .gsyj-w ul li p {

    font-size: 16px;

  }

  .gsyj-w ul li {

    padding: 30px 0;

  }

  .gsyj-w ul li:nth-child(1):after {

    height: 80px;

    top: 30px;

  }

  .gsyj-w {

    margin: 30px 0;

  }

  .ljgs {

    margin-top: 30px;

  }

  .ljgs {

    padding: 0;

  }

  .ljgs .ljgs-l,

  .ljgs .ljgs-r {

    width: 100%;

    float: none;

  }

  .ljgs .ljgs-r {

    padding-bottom: 20px;

  }

  .load-menu {

    display: none;

  }

  .load-menu-phone{

    display: block;

  }

  .jsyf-cons h3 {

    font-size: 30px;

  }

  .jsyf-cons .jsyf-content {

    font-size: 14px;

    line-height: 25px;

  }

  .jsyf-wrap {

    padding: 50px 15px;

  }

  .jsyf-cons .jsyf-content {

    margin-bottom: 20px;

  }

  .jsjx-wrap .jsjx-ul li {

    width: 100px;

    height: 40px;

    line-height: 40px;

    font-size: 14px;

  }

  .jsjx-wrap {

    padding: 30px 15px;

  }

  .jsjx-wrap .jsjx-ul {

    margin-bottom: 25px;

  }

  .jsjx-ul02 li dl dd {

    padding: 15px;

  }

  .jsjx-ul02 li dl dd h3 {

    font-size: 16px;

    line-height: 20px;

  }

  .jsjx-ul02 li {

    margin-bottom: 15px;

  }

  .hyyy-w .hyyy-in-bottom {

    padding: 5px;

  }

  .hyyy-w .hyyy-in-bottom ul li {

    margin-right: 5px;

  }

  .hyyy-w .hyyy-in-bottom ul li {

    width: 50px;

  }

  .hyyy-w .hyyy-in-bottom a {

    width: 80px;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    margin-top: 4px;

  }

  .zxtj-wrap .zxtj-in .zxtj-lay .zxtj-lay-in {

    padding: 0 15px;

  }

  .zxtj-wrap .zxtj-in .zxtj-lay .zxtj-lay-in a {

    width: 100px;

    height: 35px;

    line-height: 35px;

  }

  .zxtj-wrap .zxtj-in {

    margin-bottom: 15px;

  }

  .zxtj-wrap .zxtj-ul li {

    width: 100%;

    float: none;

    margin-bottom: 15px;

  }

  .zxtj-wrap {

    padding: 30px 0;

  }

  .cp-list {

    margin-bottom: 15px;

  }

  .cp-list:nth-child(2n+1) {

    padding-right: 7.5px;

  }

  .cp-list:nth-child(2n) {

    padding-left: 7.5px;

  }

  .cp-list .cp-bottom {

    padding: 20px 15px;

  }

  .cp-list .cp-bottom h3 {

    font-size: 16px;

  }

  .load-cpfw {

    padding: 10px 15px;

    font-size: 14px;

  }

  .cpfw-des {

    padding-top: 30px;

  }

  .cpfw-des .cpfw-des-title {

    font-size: 30px;

  }

  .cpfw-des .cpfw-des-info {

    font-size: 14px;

    line-height: 20px;

  }

  .share {

    margin: 20px 0;

  }

  .cpfw-bottom-ul li {

    margin: 0 10px;

    font-size: 14px;

    padding-bottom: 15px;

  }

  .cpfw-bottom {

    padding-top: 20px;

  }

  .cpfw-bottom {

    font-size: 20px;

  }

  .cpfw-bottom .cpfw-bottom-in .cpfw-b-title p {

    font-size: 14px;

  }

  .cpfw-bottom .cpfw-bottom-in {

    padding: 30px 15px;

  }

  .cpfw-bottom .cpfw-table tr td {

    font-size: 12px;

  }

  .xgzl h3.xgzl-title {

    font-size: 30px;

  }

  .xgzl .xgzl-ul {

    padding: 15px;

  }

  .xgzl .xgzl-ul li p {

    line-height: 20px;

    margin-left: 0;

    float: none;

  }

  .xgzl .xgzl-ul li {

    text-align: center;

  }

  .xgzl .xgzl-ul li span {

    float: none;

    margin-bottom: 10px;

  }

  .rmtj-w {

    padding: 0 15px 40px;

  }

  .banner-index .swiper-slide .banner-index-in h3 {

    font-size: 26px;

  }

  .banner-index .swiper-slide .banner-index-in p {

    font-size: 13px;

    line-height: 25px;

    margin: 10px 0;

  }

  .banner-index .swiper-slide .banner-index-in,

  .cpfw-index-in {

    padding: 0 15px;

     padding-top: 10px;

  }

  .cpfw-index .swiper-slide:nth-child(2n) {

    margin-top: 20px;

  }

  .index-title p {

    font-size: 50px;

    position: inherit;

    left: inherit;

    top: inherit;

  }

  .index-title {

    padding-top: 30px;

  }

  .index-title h3 {

    font-size: 30px;

  }

  .cpfw-index .swiper-slide .cpfw-index-in-bottom h3 {

    font-size: 16px;

  }

  .cpfw-index .swiper-slide .cpfw-index-in-bottom span {

    right: 15px;

  }

  .hyyy-index-cons {

    font-size: 14px;

    padding: 0 15px;

  }

  .hyyy-index-cons {

    margin-bottom: 50px;

    line-height: 25px;

  }

  .jsyf-index .index-title p {

    font-size: 33px;

  }

  .jsyf-index .jsyf-play {

    width: 30px;

  }

  .jsyf-index .jsyf-index-ul li dl dd h3 {

    font-size: 16px;

    line-height: 19px;

    margin-bottom: 8px;

  }

  .jsyf-index .jsyf-index-ul li dl dd div {

    font-size: 12px;

    line-height: 17px;

  }

  .jsyf-index .jsyf-index-ul li {

    margin-bottom: 15px;

  }

  .jsyf-index-ul {

    margin-top: 15px;

  }

  .jsyf-index .jsyf-index-ul li dl dd {

    padding: 0 15px 15px;

  }

  .index-title {

    margin-bottom: 20px;

  }

  .about-index .index-title {

    text-align: center;

  }

  .about-index .about-index-left,

  .about-index .about-index-right {

    width: 100%;

    float: none;

    padding: 0 15px;

  }

  .about-index .about-index-left h3.about-index-h3 {

    font-size: 20px;

    line-height: 25px;

    margin-bottom: 10px;

  }

  .about-index .about-index-left div.about-index-con {

    line-height: 20px;

    height: 100px;

    overflow: hidden;

  }

  .about-index .index-more {

    margin: 15px 0;

  }

  .about-index .about-index-right ul li {

    margin-bottom: 15px;

  }

  .about-index .about-index-right ul li p:nth-child(1) {

    font-size: 30px;

  }

  .news-index .index-title p {

    left: inherit;

  }

  .news-index .row {

    padding: 0 15px;

  }

  .news-index .swiper-news-index .news-index-in .news-index-bottom {

    padding: 15px;

  }

  .news-index .swiper-news-index .news-index-in .news-index-bottom h3 {

    margin: 5px 0;

  }

  .news-index .swiper-news-index .news-index-in .news-index-bottom h3 {

    font-size: 16px;

    line-height: 20px;

  }

  .news-index .swiper-news-index .news-index-in .news-index-bottom div {

    line-height: 20px;

    

  }

  .index-more {

    margin: 30px 0;

  }

  footer .copy {

    padding: 10px 15px;

    text-align: center;

  }

  footer .copy span {

    float: none;

    display: block;

  }

  .course_ul::after{

    left: 1%;

  }

  .course_li .fl::before{

    right: 21%;

  }

  .course_div {

    padding: 50px 15px;

  }

  .course_ul::before {

    left: 21.2%;

    }

    .course_li .fr{

      padding-left: 18px;

    }

    .course_li .fl::after{

      right: -11%;

    }

    .course_li .fl::before{

      right: -23%;

    }

    .course_ul::after{

      left: 13%;

    }

    .danye{

      font-size: 14px;

      line-height: 20px;

    }

    .videofix-in{

      width: 80%;

    }

    .xgzl .rmtj-w .pagination-rmtj{

      bottom: 7px;

    }

    .cpfw-bottom-ul li a{

      padding-bottom: 20px;

    }

    .xgzl h3.xgzl-title{

      padding-top: 40px;

    }

    .lxwm-wrap{

      padding: 50px 15px;

    }

    .lxwm-wrap .lx-title{

      font-size: 30px;

    }

    .lxwm-wrap ul li{

      width: 100%;

      margin-bottom: 15px;

      padding: 20px 15px;



      font-size: 14px;

      line-height: 24px;

    }

    .course_li .fr{

      font-size: 14px;

      line-height: 20px;

      padding-left: 25px;

    }

    .course_ul::before{

      top: 55px;

    }

    .zxtj-wrap .zxtj-ul li a .zxtj-bottom div{

      line-height: 25px;

    }

    .inner-body{

      margin-top: 0;

    }

    .table-responsive table{

    width: 1000px;

}

.banin .load{

  bottom: 20px;

}

 .banin > img{

  height: 200px;

 }

 .load-menu li{

  padding: 0 4px;

  height: 35px;

  line-height: 35px;

  border-bottom: 1px solid #eee; 



 }

  .load-menu{

    border-bottom: none;

  }

 .load-menu li a{

  font-size: 12px;

 }

 .jsyf-wrap .cp-list p span{

  font-size: 12px !important;

 }

 .cpfw-index .swiper-slide .scale{

  height: auto !important;

 }

 .index-more,

 .banner-index .swiper-slide .banner-index-in a{

  width: 130px;

  height: 35px;

  line-height: 35px;

  font-size: 14px;

 }

 .hyyy-index .hyyy-list:nth-child(2n+1){

  padding-right: 7.5px;

 }

 .hyyy-index .hyyy-list:nth-child(2n){

  padding-left: 7.5px;

 }

   



}