*{ margin:0; padding:0;}
body{overflow-x:hidden; }
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Microsoft YaHei","arial","微软雅黑","verdana","宋体";}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
img{ border:none;image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
.px-0{ padding:0 0;}

.mx-0{ margin:0 0;}
.mbpx-0{padding:0 0;}
html {
          font-size: 100px; /*根元素默认的大小是16px*/
        }
.max-1920{ max-width:1920px !important; margin:auto;}		
	
@media screen and (max-width: 1680px){
	html{
		font-size:86px;
	}
}		
@media screen and (max-width: 1440px){
	html{
		font-size:78px;
	}
}

@media screen and (max-width: 1200px){
.hidden-1280{ display:none !important;}
}
@media screen and (max-width: 1024px){
	html{
		font-size:60px;
	}
}
@media screen and (max-width: 768px){
	html{
		font-size:60px;
	}
	
}


.pagination a {
	font-size: 16px;
	color: #777777;
	float: left;
	min-width: 50px;
	height: 50px;
	font-family: 'goth';
	line-height: 50px;
	text-align: center;
	margin-left: 22px;
}

.pagination p {
	margin-left: 22px;
	font-size: 16px;
	color: #777777;
	float: left;
	min-width: 50px;
	height: 50px;
	font-family: 'goth';
	text-align: center;
	line-height: 50px;
}
.cur {
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff !important;
	font-family: 'goth';
	text-align: center;
	border-radius: 50%;
	background:#0053a3;
}
.pagination {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}
.pagination a:hover {
	
	color: #0053a3;

}
/*mask*/
.mask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.mask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.readmask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.readmask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}


.isPlay:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";

  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
}


@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(100%);
  }
}

@font-face {font-family:'fran';src: local('fran'), url(../img/fran.woff) format('woff');}

@font-face {font-family:'bebas';src: local('bebas'), url(../img/bebas.woff) format('woff');}

div.publicheadback{width: 100%; height: 1.2rem; background: #fff; position: sticky; top: 0; left: 0; z-index: 999999;}

div.publicheadleft{ width: calc(100% - 1.4rem); height: auto; float: left; display: flex; flex-flow: nowrap; justify-content: center;}

div.publicheadleftnav{ height: 1.2rem; line-height: 1.2rem; color: #5a5a5a; font-size: 0.18rem; margin: 0 0.5rem; position: relative;}

div.publicheadleftnav a{ color: #5a5a5a;}

div.publicheadleftnav:hover a{ color: #0053a3; font-size: 0.18rem; font-weight: 700;}

div.publicheadlogo{ width:1.06rem; height: auto; margin: 0 0.5rem; margin-top: 0.1rem; }

div.publicheadlogo img{ width: 100%;}

div.publicheadrt{ width: 1.4rem; height: 1.2rem; background: #0053a3; line-height: 1.2rem; text-align: center; color: #fff; float: left; font-size: 0.16rem; font-weight: 700;}

div.publicheadrt a{ color: #fff;}

div.indexbannerback{ width: 100%; height:calc(100vh - 1.2rem); position: relative;}

div.indexbannerbg{ width: 100%; height: 100%;}

div.indexbannermid{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

div.indexbannermidtable{ width: 100%; height: 100%; display: table; left: 0; top: 0; }

div.indexbannermidcell{ width: 100%; height: auto; display: table-cell; vertical-align: middle;}

div.indexbannermid_t{ width: 100%; height: auto; line-height: 1.42rem; text-align: center; color: #ffffff; font-size: 1rem; letter-spacing: 13px; text-transform: uppercase; font-family: 'airal'; font-weight: 700; filter: drop-shadow(0 0 20px rgba(0,0,0,0.1)); margin-top: -15vh;}

div.indexbannermid_2t{ width: 100%; height: auto; line-height: 0.43rem; text-align: center; margin-top: 0.15rem; color: #fff; font-size: 0.3rem; font-weight: 700; letter-spacing: 7px;}

div.indexbannermid_3t{ width: 100%; height: 0.27rem; line-height: 0.27rem; text-align: center; color: #fff; font-size: 0.14rem; letter-spacing: 4px;}

div.indexbannermore{ width: 116px; height:40px; border: 1px solid rgba(255,255,255,0.3); line-height: 40px; text-align: center; color: #ffffff; font-size: 14px; position: absolute; left: 50%; bottom: 7vh; margin-left: -58px; font-weight: 700; opacity: 0; transform: translate(0,50px);  transition: all 0.5s ease-in-out; transition-delay: 1s;}

div.indexbannermore a{ color: #fff; display: block; width: 100%; height: 100%; position: relative; transition: all 0.36s ease-in-out;}

div.indexbannermore::before{ content: ''; display: block; width: 100%; height: 0; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; position: absolute; left: 0; top: 0; background: #fff; }

div.indexbannermore:hover:before{height: 100%; }

div.indexbannermore:hover a{ color: #0053a3;}

div.indexbannermoreshow{ opacity: 1;transform: translate(0,0); }

div.indexoneback{ width: 100%; height: auto; padding:0.5rem 8.6% 0.3rem;}

div.indexone{ width:100%; height: auto; margin: auto;}

div.indexonetop{ width: 100%; height: auto;  display: flex; flex-wrap: nowrap; justify-content:space-between;}

div.indexonetopleft{ margin-top: 0.25rem;}

div.indexonetopleft_1{ height: 0.34rem; line-height: 0.34rem; color: #595959; font-size: 0.48rem; font-family: 'fran'; text-transform: uppercase;}

div.indexonetopleft_2{ height:0.3rem; line-height: 0.3rem; color: #595959; font-size: 0.3rem; font-weight: 700; margin-top: 0.27rem; }

div.indexonetoprt{ width: 81%; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.indexonetoprtnav{ width: 1.5rem; height: auto;}

div.indexonetoprtnavico{ width: 0.9rem; height: 0.9rem; margin: auto; border-radius: 50%; background: #eaf4fd; line-height: 0.9rem; text-align: center;}

div.indexonetoprtnav_t{ width: 100%; height: auto; margin-top:0.08rem; color: #797979; font-size: 0.14rem; text-align: center;}

div.indexonetoprtnav:hover div.indexonetoprtnavico{background: #0053a3;}

div.indexonetoprtnav:hover div.indexonetoprtnavico img{ filter: grayscale(1) brightness(10);}

div.indexonetoprtnav:hover div.indexonetoprtnav_t{ font-weight: 700; color: #595959;}

div.indexonetoprtnavhover div.indexonetoprtnavico{background: #0053a3;}

div.indexonetoprtnavhover div.indexonetoprtnavico img{ filter: grayscale(1) brightness(10);}

div.indexonetoprtnavhover div.indexonetoprtnav_t{ font-weight: 700; color: #595959;}

div.indexonemain{ width: 100%; height: auto; margin-top: 0.5rem; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.indexoneleft{ width: 4rem; height: auto; margin-top: 1.35rem;  position: relative;}

div.indexoneleft_t{ width: 100%; height: auto; line-height: 0.54rem; color: #595959; font-size: 0.3rem; margin-bottom: 0.3rem; opacity: 0; transform: translate(-50px,0);visibility: hidden;}

div.indexoneleft_line{ width:0.6rem; height: 2px; background: #cdd1d5;opacity: 0; transform: translate(-50px,0);visibility: hidden;}

div.indexoneleft_desc{ width: 100%; height: 1.5rem; line-height: 0.25rem; margin-top: 0.6rem; color: #797979; font-size: 0.14rem; margin-bottom: 0.38rem; opacity: 0; transform: translate(-50px,0);visibility: hidden;}

div.indexoneleft_more{ width: 1.5rem; height: 0.6rem; text-align: center; line-height: 0.6rem; background: #0053a3; border-radius: 35px; background: #0053a3; color: #ffffff; font-size: 0.14rem; font-weight: 700; opacity: 0; transform: translate(0,50px); visibility: hidden;}

div.indexoneleft_more a{ color: #fff;}

div.indexoneleftshow{position: absolute; left: 0; top: 0;}

div.indexoneleft .active{ z-index: 100;}

div.indexoneleftshow,.active div.indexoneleft_t{opacity: 1; transform: translate(0px,0);visibility: visible;   transition-delay: 0.3s;}

div.indexoneleftshow,.active div.indexoneleft_line{opacity: 1; transform: translate(0px,0);visibility: visible; transition-delay: 0.6s;}

div.indexoneleftshow,.active div.indexoneleft_desc{opacity: 1; transform: translate(0px,0);visibility: visible; transition-delay: 0.9s;}

div.indexoneleftshow,.active div.indexoneleft_more{opacity: 1; transform: translate(0px,0);visibility: visible; transition-delay: 0.6s;}

div.indexonemidbk{ width:6.7rem; height:6.7rem; border-radius: 50%; border:1px solid #d4e9fb; padding: 0.15rem;}

div.indexonemid{ width: 100%; height: 100%;  border-radius: 50%; padding: 0.73rem; position: relative;}

@keyframes onexz {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}

div.indexonemid::before{content: ''; display: block; width: 100%; height: 100%;border-radius: 50%; background: url("../img/indexonemidpic.png") #e4f2fe center no-repeat; background-size: 5.6rem; position: absolute; left: 0; top: 0; animation: onexz 50s linear infinite;}



div.indexonemidpic{ width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: relative;}

div.indexonemidpic img{ width: 100%; height: 100%; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; position:absolute; opacity: 0; transform: scale(1.3);transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexonemidpic img.show{ opacity: 1; transform: scale(1); z-index: 10;}

div.indexonert{ width: 4rem;  height: auto; margin-top: 1.35rem; margin-left: 0.7rem;}

div.indexonert_t{ width: 100%; height: auto; line-height: 0.43rem; color: #595959; font-size: 0.3rem; text-align: right; margin-bottom: 0.4rem;}

div.indexonert_list{ width: 100%; height: 0.6rem; line-height: 0.6rem; border-radius: 35px; background: #fff; padding-left: 0.28rem; margin-bottom: 0.25rem; color: #797979; font-size: 0.14rem;}

div.indexonert_list img{ margin-right: 0.25rem; width: 0.09rem;position: relative;  top: -0.01rem;}

div.indexonert_list:hover{ background: #0053a3; color: #fff;}

div.indexonert_list:hover img{ filter: grayscale(10) brightness(10);}

div.indexonert_listhover{ background: #0053a3; color: #fff;}

div.indexonert_listhover img{ filter: grayscale(10) brightness(10);}

div.indextwoback{ width: 100%; height: 9.5rem; }

div.indextwoleft{ width: 91.7%; height: 100%; float: left; background: url(https://pic01.sq.seqill.cn/uploads/image/20230419/6f6e6207a987c9210ad4fa5fbd11350c.jpg) 50%/cover no-repeat; padding: 1.34rem 0  0;}

div.indextwort{ width: 8.3%; height: 100%; float: left;}

div.indextwo_t{ width: 100%; height: auto; line-height: 0.65rem; text-align: center; color: #ffffff; font-size: 0.48rem; font-family: 'fran';}

div.indextwo_ent{ width: 100%; height: auto; line-height: 0.59rem; text-align: center; color: #ffffff; font-size: 0.3rem; font-weight: 700;}

div.indextwodesc{ width: 100%; height: auto; line-height: 0.27rem; text-align: center; color: #ffffff; font-size: 0.14rem; margin-top: 0.34rem; margin-bottom: 0.5rem;}

div.indexqiehuan{ width:868px; height: auto; margin:auto; position: relative;}

div.indexqiehuan div.mySwiper{ width: 642px; margin: auto; }

div.indextwolist{ width:260px; height: 260px; border: 8px solid #0053a3; position: relative; border-radius: 50%; background:#fff; display: table;}

div.indextwolistcell{ width: 100%; height: auto; display: table-cell; vertical-align: middle;}

div.indextwolistico{ width:73px; height: auto; margin: auto; position: relative;}

div.indextwolist_t{ width: 100%; height: auto; line-height: 25px; text-align: center; margin-top: 10px; color: #595959; font-size: 16px; font-weight: 700; position: relative;}

div.indextwolisthbg{ width:100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; opacity: 0;}

div.indextwobuttonl{ width: 14px; height: 15px; position: absolute; left: 0; top: 50%; margin-top: -7.5px; background: url("../img/indextwojt.png") center no-repeat; cursor: pointer; outline: none;}

div.indextwobuttonr{ width: 14px; height: 15px; position: absolute; right: 0; top: 50%; margin-top: -7.5px; background: url("../img/indextwojt2.png") center no-repeat; cursor: pointer; outline: none;}

div.indextwomore{ width: 150px; height: 60px; margin: auto; border-radius: 35px; background: #0053a3; line-height: 60px; text-align: center; color: #fff; font-size: 14px; font-weight: 700; margin-top: 0.76rem; transition: all 0.36s ease-in-out;}

div.indextwomore a{ color: #fff; width: 100%; height: 100%; display: block;}

div.indextwomore:hover{ background:#ca0204;}

div.indextwort_1{ width: 100%; height: 50%; background: #0266c6; padding-left: 0.15rem;}

div.indextwort_1table{ width: 100%; height: 100%; display: table; }

div.indextwort_1cell{ width: 100%; height: auto; display: table-cell; vertical-align: middle;}

div.indextwort_1_num{ width: 100%; height: auto; line-height: 0.72rem; font-family: 'bebas'; color: #ffffff; font-size: 0.45rem;}

div.indextwort_1_1{ width: 100%; height: auto; line-height: 0.25rem; color: #fff; opacity: 0.5; font-size: 14px;}

div.indexthreeback{ width: 100%; height: auto; padding: 0.5rem 8.3% 0.92rem; background: linear-gradient(to bottom , #ffffff , #eaf4fd);}

div.indexthreetop{ width: 100%; height: auto;}

div.indexthreetopleft{ float: left;  margin-top: 0.35rem;}

div.indexthreetoprt{ float: right;margin-top: 0.25rem;}

div.indexthreetopnav{ width: 180px; height: auto; float: left; margin-left:0.3rem; }

div.indexthreetopnavico{ width:100%; height: 60px; border-radius: 35px; background: #eaf4fd; line-height: 60px; text-align: center; }

div.indexthreetopnavt{ width: 100%; height: auto; line-height: 30px; text-align: center; margin-top: 17px; color: #595959; font-size: 14px;}

div.indexthreetopnav:hover div.indexthreetopnavico{ background: #0266c6;}

div.indexthreetopnav:hover div.indexthreetopnavico img{ filter: brightness(10);}

div.indexthreetopnavhover div.indexthreetopnavico{ background: #0266c6;}

div.indexthreetopnavhover div.indexthreetopnavico img{ filter: brightness(10);}

div.indexthreemain{ width: 100%; margin: auto; margin-top: 0.55rem; height: 6.28rem; position: relative;}

div.indexthreemainre{ width: 100%; position: absolute; top: 0; left: 0; height: 6.28rem; opacity: 0; visibility: hidden; transform: translate(0,30px); transition: all 0.7s ease-in-out;}

div.indexthreemainreshow{opacity: 1; visibility: visible; transform: translate(0,0); z-index: 100;}

div.indexthreeli{ width: 31.25%; height: auto; padding: 0.2rem 0.25rem 0.55rem; background: linear-gradient(to bottom , #f0f7fe , #fff); border-radius: 13px; float: left;margin-right: 3.12%;}

div.indexthreelipic{ width: 100%; height: 2.92rem; position: relative; overflow:hidden;border-radius: 13px;} 

div.indexthreelipicbg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexthreelipic_time{ position: absolute; right: 0.38rem; top: 0.32rem; line-height: 0.3rem; text-align: right; color: #ffffff; font-family: 'bebas';}

div.indexthreeli_t{ width: 100%; height: 0.48rem; line-height: 0.48rem; margin-top: 0.29rem; text-align: center; overflow: hidden; color: #595959; font-size: 0.18rem; font-weight: 700; margin-bottom: 0.09rem;}

div.indexthreeli_desc{ width: 100%; height: 1rem; line-height: 0.25rem; overflow: hidden; color: #797979; font-size: 0.14rem;}

div.indexthreeli_more{ width: 1.5rem; height:0.5rem; background: #0053a3; line-height: 0.5rem; text-align: center; color: #fff; font-size: 0.14rem; border-radius: 35px; margin: auto; margin-top: 0.25rem; font-weight: 700; }

div.indexthreeli:hover div.indexthreelipicbg{ transform: scale(1.1);}

div.indexthreeli:hover div.indexthreeli_more{ background: #f10c20;}

div.indexthreeli:nth-child(3){margin-right:0;}

div.indexfourback{ width:100%; height: auto; background: url(https://pic01.sq.seqill.cn/uploads/image/20230419/b784147497a06a58a73a5dbe29b13196.jpg) 50%/cover no-repeat; padding: 0.9rem 8.3% 1rem; position: relative; overflow: hidden;}

div.indexfourtop_left{ float: left;}

div.indexfournav{ width: 180px; height: auto; float: left; margin-right: 0.3rem;}

div.indexfournavt{ width: 100%; height: auto; line-height: 30px; text-align: center; margin-top: 17px; color: #6db7fe; font-size: 14px; font-weight: 700;}

div.indexfournav:hover div.indexthreetopnavico{ background: #007bf1;}

div.indexfournav:hover div.indexthreetopnavico img{ filter: brightness(10);}

div.indexfourtop_rt{ float: right;}

div.indexfourmain{ width: 100%; height: auto;}

div.indexfourleft{ width: 22.5%; height: auto; margin-top:2.7rem; float: left;}

div.indexfourl_1{ width: 100%; height: auto; line-height: 0.8rem;  color: #ffffff; font-family: 'fran'; font-size: 0.82rem;}

div.indexfourl_2{ width: 100%; height: auto; line-height: 0.56rem; color: #fff; font-size: 0.36rem;}

div.indexfourl_2 span{ font-weight: 700;}

div.indexfourl_3{ width: 100%; height: auto; line-height: 0.27rem; margin-top: 0.16rem; color: #ffffff; font-size: 0.14rem; font-weight: 100;}

div.indexfourrt{ float: left; width: calc(23vw + 40px); margin-left: 3%;margin-top: 2.7rem;}

div.indexfourlist{ width: 11.5vw; height: 11.5vw; border-radius: 50%; border: 10px solid #0e7ce6; overflow: hidden;}

div.indexfourlistbg{ width: 100%; height: 100%;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexfourrt1{ width: 34vw; height: auto; position: relative; float: right;}

div.indexfourrt1bg{ width: 34vw; height: 34vw; overflow: hidden; border-radius: 50%; position: relative;}

div.indexfourrt1pic{ width: 100%; height: 100%;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; overflow: hidden;}

div.indexfourrt1bottom{ width: 100%; height: 50%; bottom: 0; left: 0; position: absolute; background: linear-gradient(to bottom , transparent , rgba(0,123,241,0.7));}

div.indexfourrt1bottombutton{ width: 100%; height: auto; position: absolute; left: 0; bottom: 0.55rem;}

div.indexfourico{ width: 55px; height: 55px; background: url("../img/indexfourmorejia.png") center no-repeat; margin: auto; transition: all 0.5s ease-in-out;}

div.indexfourico_t{ width: 100%; height: 30px; line-height: 30px; text-align: center; margin-top: 10px; color: #ffffff; font-size: 0.18rem; font-weight: 700;transition: all 0.5s ease-in-out;}

div.indexfourrt1bg:hover div.indexfourico{ opacity: 0; }

div.indexfourrt1bg:hover div.indexfourico_t{ opacity: 0;}

div.indexfourrt1bg:hover div.indexfourrt1bottom{ opacity: 0;}

div.indexfourrt1bg:hover div.indexfourrt1pic{ transform: scale(1.1);}

div.indexfourbuttonbk{ width: 110px; height: auto;  position: relative;left: 46%; top: -0.5rem;}

div.indexfourbutton_left{ width: 50px; height: 50px; line-height: 42px; text-align: center; border:2px solid #fff; transition: all 0.36s ease-in-out; position: absolute; left: 0; flex-shrink: 0; float: left; cursor: pointer; outline:none;}

div.indexfourbutton_left::after{content: ''; display: inline-block; width: 0; height: 3px; background: #fff;     position: relative; left: -9px; top: -2px; transition: all 0.36s ease-in-out;}

div.indexfourbutton_left:hover{ background: #f10c20; width: 100px; left: -50px;border:2px solid #f10c20;}

div.indexfourbutton_left:hover:after{ width: 30px;}

div.indexfourbutton_right{ width: 50px; height: 50px; line-height: 42px; text-align: center; border:2px solid #fff; transition: all 0.36s ease-in-out; position: absolute; right: 0; flex-shrink: 0;float: right; cursor: pointer; outline:none;}

div.indexfourbutton_right::before{content: ''; display: inline-block; width: 0; height: 3px; background: #fff;     position: relative; right: -9px; top: -2px; transition: all 0.36s ease-in-out;}

div.indexfourbutton_right:hover{ background: #f10c20; width: 100px; right: -50px;border:2px solid #f10c20;}

div.indexfourbutton_right:hover:before{ width: 30px;}

div.indexfourrtborder{ width: 8.04rem; height: auto; position: absolute; right: 0; top: 0;  transform: translate(8.04rem, -8.04rem); transition: all 2s cubic-bezier(.165,.84,.44,1) 0s; transition-delay: 1s;}

div.indexfourrtbordershow{ transform: translate(0,0);}

div.indexfourrtborder img{ width: 100%; height: auto;}

div.indexfiveback{ width: 100%; height: auto; padding:0.72rem 8.3% 0.68rem; }

div.indexfiveleft{ width: 25%; float: left;}

div.indexfiveico{ width: 2rem; height: 0.6rem; background: linear-gradient(to right , #0053a3 , #0e7ae2); border-radius: 35px; border-bottom-left-radius: 0; margin-top: 0.95rem; color: #ffffff; font-size: 0.16rem; font-weight: 700; text-align: center; line-height: 0.6rem; }

div.indexfiveico img{ margin-right: 0.09rem;}

div.indexfive_t{ width: 100%; height: auto; padding-bottom: 0.23rem; border-bottom: 1px solid #c8d0d8; line-height: 0.41rem; color: #0053a3; font-size: 0.3rem; font-family: 'fran'; margin-top: 0.22rem; white-space: nowrap;}

div.indexfive_desc{ margin-top: 0.16rem; line-height: 0.49rem; color: #797979; font-size: 0.16rem;}

div.indexfivert{ width: 73.1%; height: auto; float: right; position: relative;right: -4.3%;}

div.indexfivert img.indexmap{ width: 100%; height:auto; }

div.indexfiveline{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

div.indexfiveline img{ width: 100%; height: 100%; transform-origin: 79% 22%; transform: scale(0);transition: all 2s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexfivenewpic{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.36s ease-in-out; transition-delay: 2s;}

div.indexfivenewpicshow{opacity: 1;}

div.indexfiveline img.fiveshow{transform: scale(1);}

div.indexfiveico1{ width:1px; height:1px; background: #ff0000; position: absolute; left: 0%; top: 0%;}

div.indexfivelogo{    width: 6.9%; height: auto; position: absolute; left: 75%; top: 13%;}

div.indexfivelogo img{ width: 100%; height: auto; filter: drop-shadow( 0 0 20px rgba(0,0,0,0.3));}

div.publicfooterback{ width: 100%; height: auto; background: url("../img/footerbg.jpg") 50%/cover no-repeat;}

div.publicfootertop{ width: 100%; height: auto; padding: 0.25rem 8.3%; border-bottom: 1px solid rgba(255,255,255,0.2);}

div.publicfooterl{ width: 1.55rem; height: auto; float: left;}

div.publicfooterl img{ width: 100%;}

div.publicfooterr{ float: right; height: 1.2rem; }

div.publicfooterrnav{  height: 1.2rem; line-height: 1.2rem; color: #ffffff; font-size: 0.16rem; margin-left: 0.6rem; float: left;}

div.publicfooterrnav a{ color: #fff; transition: all 0.36s ease-in-out;}

div.publicfooterrnav a:hover{ color: #ca0000;}

div.publicfooterrnav:nth-child(1){ margin-left: 0;}

div.publicfooterbottom{  width: 100%; height: auto; padding: 0.47rem 8.3% 1rem;}

div.publicfooterbottoml{ width: 1.4rem; height: auto; float: left;}

div.publicfooterbottomewmout{ width:1.4rem; height: 1.4rem; border: 1px solid rgba(255,255,255,0.2); padding: 9px;}

div.publicfooterbottomewmout img{ width: 100%; height: 100%;}

div.publicfooterbottomewm_t{ width: 100%; height: 34px; line-height: 34px; margin-top: 7px; text-align: center; color: #ffffff; font-size: 14px; }

div.publicfooterbottomr{ width: 75%; float: right; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.publicfooterico{ width: 100%;}

div.publicfooterico1{ width: 0.55rem; height: auto; margin: auto; margin-bottom: 0.12rem;}

div.publicfooterico1 img{ width: 100%; height: auto;}

div.publicfooterico2{ width: 100%; height: auto; line-height: 0.3rem; text-align: center; color: #fff; font-size: 14px; }

div.publicfooterico3{ width: 100%; height: auto; text-align: center; line-height: 0.36rem; color: #fff; font-size: 18px; font-weight: 700; }

div.publicfooterico4{ width: 100%; height: auto; text-align: center; line-height: 0.36rem; color: #fff; font-size: 14px;}

div.publicfooterxx{ width: 100%; height: auto; padding: 10px 8.3%; background: #171a1e;}

div.publicfooterxxleft{  float: left; line-height: 25px; color: #646566; font-size: 12px; }

div.publicfooterxxleft a{ color: #646566; transition: all 0.36s ease-in-out;}

div.publicfooterxxrt{  float: right;line-height: 25px; color: #646566; font-size: 12px; }

div.publicfooterxxrt a{ color: #646566; transition: all 0.36s ease-in-out;}

div.publicfooterxxleft a:hover{ color: #fff;}

div.publicfooterxxrt a:hover{ color: #fff;}

div.publicheadbackhin{ box-shadow: 0 0 20px rgba(0,0,0,0.1);}

div.nybannerback{ width: 100%; height: 4.5rem; background-attachment: fixed !important;}

div.nybanner_table{ width: 100%; height: 100%; display: table;}

div.nybanner_cell{ width: 100%; height:auto; display: table-cell; vertical-align: middle;}

div.nybanner1{ width: 100%; height: auto; line-height: 0.88rem; text-align: center; color: #ffffff; font-size: 0.8rem; font-weight: 700; text-transform: uppercase;filter: drop-shadow(0 0 20px rgba(0,0,0,0.1)); }

div.nybanner2{ width: 100%; height: auto; line-height: 0.57rem; text-align: center; color: #fff; font-size: 0.24rem; font-weight: 700; filter: drop-shadow(0 0 20px rgba(0,0,0,0.1));}

div.gywmoneback{ width: 1280px; height: auto; margin: auto; padding: 0.76rem 0 0.8rem;}

div.gywmone{ width: 100%; height: auto; margin-top:36px;}

div.gywmoneleft{ width: 640px; height: auto; float: left; line-height: 28px; color: #797979; font-size: 16px;}

div.gywmoneright{ width: 581px; height: auto; float: right;}

div.gywmoneright img{ width: 100%; height: auto;}

div.gywmone2left{ width: 609px; height: auto; float: left;}

div.gywmone2left img{ width: 100%; height: auto;}

div.gywmone2rt{ width: 581px; height: auto; float: right; line-height: 28px; color: #797979; font-size: 16px; }

div.gywmtwoback{ width: 100%; height: 600px; background: url("../img/gywmtwobg.jpg") 50%/cover no-repeat; padding-top:100px;}

div.gywmtwo{ width: 1280px; height: auto; margin: auto;}

div.indextwomain{ width: 100%; height: auto; margin:auto; display: flex; flex-flow: nowrap; justify-content: space-between; margin-top: 50px;}

div.gywmtwonav{ width: 240px; height: 240px;  border-radius: 15px; background: #fff; padding-top:40px;}

div.gywmtwonav_ico{ width: 60px; height: 60px; margin: auto; margin-top: 0.24rem;}

div.gywmtwonav_ico img{ width: 100%; height: auto;}

div.gywmtwonav_cnt{ width: 100%; height: auto; line-height: 31px; text-align: center; color: #0053a3; font-size:18px; font-weight: 700;}

div.gywmtwonav_ent{ width: 100%; height: auto; line-height: 25px; text-align: center; color: #97a9ba; font-size: 12px;}

div.gywmtwonav:hover div.gywmtwonav_ico img{ filter:grayscale(1) brightness(10);}

div.gywmtwonav:hover{ background: #0383fe;}

div.gywmtwonav:hover div.gywmtwonav_cnt{ color: #fff;}

div.gywmtwonav:hover div.gywmtwonav_ent{ color: #fff;}

div.gywmthreebk{ width: 1280px; height: auto; margin: auto; padding:76px 0 50px;}

div.cpmain{ width: 1280px; height: auto; margin: auto; margin-top: 75px; padding-bottom: 50px;}

div.cpleft{ float: left; width: 350px; height: auto; }

div.cpleftnav{ width: 100%; height: 80px; border-radius: 40px; line-height: 80px; font-size: 16px; background: #eaf4fd; padding-left: 22px; margin-bottom: 18px;}

div.cpleftnav img{ margin-right: 0px;}

div.cpleftnav a{ color: #595959;}

div.cpleftnav:hover{ background: #0357a8;}

div.cpleftnav:hover a{ color: #fff;}

div.cpleftnav:hover img{ filter: brightness(10);}

div.cpleftnavhover{ background: #0357a8;}

div.cpleftnavhover a{ color: #fff;}

div.cpleftnavhover img{ filter: brightness(10);}

div.cpright{ width: 860px; height: auto; float: right;}

div.cprightnav{ width: 420px; height: auto; margin-bottom:49px; float: left;}

div.cprightnavpic{ width: 100%; height: 400px; overflow: hidden;}

div.cprightnavpicbg{ width: 100%; height: 100%; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.cprightnav_t{ width: 100%; height: 65px; line-height: 65px; text-align: center; overflow: hidden; background: #424242; color: #ffffff; font-size: 16px;}

div.cprightnav:nth-child(2n){ float: right;}

div.cprightnav:hover div.cprightnavpicbg{ transform: scale(1.1);}

div.cprightnav:hover div.cprightnav_t{ background: #0054a4; color: #fff; font-weight: 700;}

div.xwlist{ width: 100%; height: auto; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #e6e5e5;}

div.xwlistleft{ width: 384px; height: 250px; float: left; position: relative; overflow: hidden; border-radius: 15px;}

div.xwlistleftbg{ width: 100%; height: 100%;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.xwlist:hover div.xwlistleftbg{ transform: scale(1.1);}

div.xwlistrt{ width: 517px; height: auto; float: right; margin-top: 20px;}

div.xwlistrt_1{ width: 100%; height: 30px; line-height: 30px; overflow: hidden; color: #595959; font-size: 18px; font-weight: 700; }

div.xwlistrt_desc{ width: 100%; height: 100px; margin-top: 20px; line-height: 25px; color: #797979; font-size: 14px; margin-bottom: 9px;}

div.xwlistrt_more{ width: 122px; height: 40px; border-radius: 35px; background: #0053a3; line-height: 40px; text-align: center; color: #fff; font-size: 14px; font-weight: 700;}

div.xwlist:hover div.xwlistrt_more{ background: #f10c20;}

div.caseli{ width: 460px; height: 460px; float: left; margin-bottom: 50px; border-radius: 20px; overflow: hidden;}

div.caselipic{ width: 100%; height: 390px; overflow: hidden;}

div.caselipicbg{ width: 100%; height: 100%;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.caseli_t{ width: 100%; height:70px; line-height: 70px; text-align: center; color: #ffffff; font-size: 16px; font-weight: 700; overflow: hidden; background: #7f8080; position: relative;}

div.caseli_t::before{width: 0; height: 100%; content: ''; display: block; position: absolute; left: 0; top: 0; background: #0053a3;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.caseli_t span{ position: relative;}

div.caseli:hover div.caselipicbg{ transform: scale(1.1);}

div.caseli:hover div.caseli_t:before{ width:100%;}

div.caseli:nth-child(2n){float: right;}

div.zizhiback{ width: 100%; height: auto; padding: 80px 0 108px; background: #f1f1f1;}

div.zizhi_t{ width: 100%; height: 64px; position: relative;line-height: 64px; text-align: center; color: #0053a3; font-size: 36px; font-weight: 700;}

div.zizhi_t::before{ width: 1px; height: 35px; background: #0053a3;content: ''; display: block; position: absolute; left: 50%;    margin-left: -54px; top: 17px;}

div.zizhi_desc{ width: 100%; height: 45px; line-height: 45px; text-align: center; color: #595959; font-size: 18px;}

div.zizhimain{ width:1280px; height: auto; margin: auto; margin-top: 100px;}

div.zizhilist{ width:356px; height: auto; float: left; margin-left: 63px; position: relative; z-index: 9; margin-bottom: 100px;}

div.zizhilistpic{ width: 356px; height: 489px; margin-bottom: 50px; position: relative;}

div.zizhilistpictable{width: 100%;height: 100%;/* display: table; */}

div.zizhilistpiccell{width: 100%;height: 100%;display: flex;/* vertical-align: bottom; */align-items: flex-end;}

div.zizhilistpiccell img{width:100%;height: auto;position: relative;max-height: 100%;}

div.zizhilistpic::before {
    content: '';
    display: block;
    width: 24px;
    height: 20px;
    background: linear-gradient(185deg, #e4e4e4,#bdbfbe);
    position: absolute;
    right: -7px;
    bottom: 0;
    transform: skew(329deg);
    opacity: 0.6;
}

div.zizhilist_t{ width: 100%; height: auto; line-height: 35px; text-align: center; color: #595959; font-size: 16px; position: relative;     white-space: nowrap;}

div.zizhilist_ico{ width: 34px; height: 34px; margin: auto; background: url("../img/zizhih.png") center no-repeat; opacity: 0; position: relative;}

div.zizhilist:hover div.zizhilist_ico{ opacity: 1;}

div.zizhilistbg{ width: 1527px; height: 216px; background: url("../img/zizhibottom.jpg") center no-repeat; position: absolute; left: 50%;
    top: 413px;
    margin-left: -292px;}

div.lxwmone{ width: 1280px; height: auto; margin: auto; padding: 99px 0 77px;}

div.lxwmoneleft{ width: 400px; height:auto; float: left; }

div.lxwmoneleft_cnt{ width: 100%; height: 48px; line-height: 48px; color: #0053a3; font-size: 30px; font-weight: 700;}

div.lxwmoneleft_ent{ width: 100%; height: 32px; line-height: 32px; color: #989999; font-size: 16px;}

div.lxwmoneline{ width: 40px; height: 1px; background: #989999; margin-top: 30px;}

div.lxwmonedesc{ width: 100%; height: auto; line-height: 49px; color: #797979; font-size: 16px; margin-top: 34px;}

div.lxwmonemid{ width: 160px; height: auto; float: left; margin-top: 147px;}

div.lxwmoneli{ width: 160px; height: 130px;  margin-bottom: 30px; margin-left: 80px; }

div.lxwmonelileft{ width: 123px; float:left;}

div.lxwmonelileft img{ width: 100%; height:100%;}

div.lxwmonelirt{ width: 16px; height: 125px; line-height: 14px; float: right; color: #595959; font-size: 14px;  padding-top: 6px;}

div.lxwmonert{ width: 480px; height: 450px; float: right; background: url("../img/lxwmonertpic.jpg") center no-repeat; padding-top: 40px; position: relative;}

div.lxwmonert_cnt{ width: 100%; height: auto; line-height: 47px; text-align: center; color: #ffffff; font-size: 26px; font-weight: 700;}

div.lxwmonert_ent{ width: 100%; height: auto; line-height: 33px; text-align: center; color: #fff; opacity: 0.5;  font-size: 14px;}

div.lxwmonert_desc{ width: 100%; height: auto; padding: 28px 0 0 155px; line-height: 48px; font-size: 16px; color: #fff;}

div.lxwmonert_time{  width: 100%; height: 50px; line-height: 50px; text-align: center; color: #ffffff; font-size: 16px; position: absolute; left: 0; bottom: 25px;}

div.lxwmmap{ width:100%; height: 4.8rem; }

div.lianxitwoback{ width: 100%; height: auto; padding: 0.6rem 8.3% 1.4rem; background: #f2f2f2; margin-top: 0.95rem;}

div.lxwmtwonavform{ width: 100%; display: flex; justify-content: space-between; margin-top: 0.8rem;}

div.lxwmtwonv{ width: 30%; height: 0.7rem; line-height: 0.7rem; background: #fff; padding: 0 0.3rem;}

div.lxwmtwonv input{ width: 100%; height: 0.7rem; line-height: 0.7rem;  display: block; border: none; outline: none; padding-right: 0.35rem;}

div.lxwmtwonavformbottom{  float: right; margin-top: 0.64rem;}
 
div.lxwmtwonavformbottom_submit{ width: 172px; height: 46px; float: left; background: url(../img/lxwmsubmit.jpg) center no-repeat; margin-right: 0.3rem;}

div.lxwmtwonavformbottom_submit input{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none; font-size: 0; cursor:pointer;}

img.yanzhengmacode{ width: 120px; height: 46px; float: left;}

div.lxwmtwonavformbottom_shuru{ width: 170px;float: left; height: 46px; margin-left: 10px; background: #fff; color: #8a8a8a; font-size:15px; text-align: center;}

div.lxwmtwonavformbottom_shuru input{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none;  text-align: center;}

div.lxwmtwonavformbottom_shuru input::placeholder{ color: #8a8a8a; }

.ex1 {
  opacity: 0;
  perspective: 200px;
}
.ex1 span {
  transform: rotateY(-90deg);
  opacity: 0;
}

.ex2 {
  opacity: 0;
  perspective: 200px;
}
.ex2 span {
  transform: rotateY(-90deg) rotateX(45deg);
  transform-origin: -50% 75%;
  opacity: 0;
}

div.nybread1{ width: 100%; height: 86px; border-bottom: 1px solid #e0e0e0;}

div.nybread1n{ width: 1200px; height: auto; line-height: 86px; margin: auto; color: #999999; font-size: 14px;}

div.nybread1n a{ color: #999; transition: all 0.36s ease-in-out;}

div.nybread1n a:hover{ color: #0053a3;} 



div.nybread1nleft{ width: auto; float: left;}

div.nybread1nleft a:hover{ color:#0053a3;}

div.nybread1nmid{ width: 165px; height: 86px; margin-left: 20px; text-align: center; color: #666666; font-family: 'dinp'; font-size: 14px;float: left;}

div.nybread1r{ float: right; height: 86px; position: relative;}

div.nybread1r::before{ content: ''; display: block; width: 1px; height: 16px; background: #a7a7a7; position: absolute;     left: 94px;
    top: 35px;}

div.nybread1rleft{ float: left; height: 86px; padding-left: 40px; background: url("../img/newxxleft.png") center left no-repeat; color: #999999; font-size: 14px; margin-right: 12px;}

div.nybread1rright{ float: left;height: 86px; padding-right: 40px; background: url("../img/newxxright.png") center right no-repeat; color: #999999; font-size: 14px; margin-left: 12px;}



div.newxxonebk{ width: 960px; height: auto; margin: auto; padding: 56px 0 122px;}

div.newxxone_t{ width: 100%; height: auto; line-height: 49px; text-align: center; color: #585858; font-size: 30px;}

div.newxxone_cont{ width: 100%; height: auto; margin-top: 36px; line-height: 36px; color: #585858; font-size: 16px;}

div.newxxone_cont img{max-height: 650px; max-width:100%;}