*{ margin:0; padding:0;}
html{overflow-x:hidden; width:100vw; }
body{overflow-x:hidden; width:100vw; }
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 p {
  margin: 0;
  cursor: pointer;
	position: relative;
}
.pagination {
  height: 48px;
  text-align: left;
  width: 100%;
  margin-bottom: 1rem;
}
.pagination a {
  display: inline-block;
  margin-right: 10px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  color: #545b65;
  transition: all 0.3s ease-in-out;
	position: relative;
}
.pagination a::before{ width: 100%; height: 100%; display: block; content: ''; background: url("../img/pagexz.png") center no-repeat;-webkit-animation: bannerbutton 10s linear infinite paused;animation-play-state: paused; opacity: 0; position: absolute; left: 0; top: 0;transition: all 0.3s ease-in-out;}

.pagination a:hover:before{animation-play-state: running; opacity: 1;}
.pagination a:hover {
  color: #085691;
}
.pagination a.cur {
  display: inline-block;
  margin-right: 10px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-decoration: none;
  font-size: 14px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  color: #085691;
}

.pagination a.cur::before{ width: 100%; height: 100%; display: block; content: ''; background: url("../img/pagexz.png") center no-repeat;-webkit-animation: bannerbutton 10s linear infinite paused;animation-play-state: paused; transition: all 0.3s ease-in-out;position: absolute; left: 0; top: 0; opacity: 1;}

.pagination p {
  display: inline-block;
  font-size: 14px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #545b65;
  margin-right: 8px;
}
.pagination p.pageRemark {
  border-style: none;
  background: none;
  margin-right: 0px;
  padding: 4px 0px;
  color: #fe6600;
}
.pagination p.pageRemark b {
  color: red;
}
.pagination p.pageEllipsis {
  border-style: none;
  background: none;
  padding: 4px 0px;
  color: #fe6600;
  border-radius: 50%;
}
.dates li {
  font-size: 14px;
  margin: 20px 0
}
.dates li span {
  float: right
}
.pagination .page_xyy {
  width: 48px;
  height: 48px;
  border: none;
  line-height: 48px;
  text-decoration: none;
  color: #6c6c6c;
  font-size: 14px;
  text-align: center;
  color: #545b65;
}
.pagination .page_xyy:hover {
  color: #3655b3;
}
.pagination .page_syy {
  width: 48px;
  height: 48px;
  line-height: 48px;
  border: none;
  text-decoration: none;
  color: #6c6c6c;
  font-size: 14px;
  text-align: center;
  color: #545b65;
  transition: all 0.5s ease-in-out;
}
.pagination .page_syy:hover {
  color: #3655b3;
}
.pagination .page_shouye {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  padding: 0;
  margin-top: 4px;
  background: none;
  display: none;
}
.pagination .page_weiye {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  padding: 0;
  margin-top: 4px;
  background: none;
  display: none;
}
/* 页码结束 */

/*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:'hl';src: local('hl'), url(../img/hl.woff) format('woff');}

div.indexbannerback{ width: 100%; height: 100%; position: relative;}

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

div.indexbannerico1{ width: 35.7vw; height: auto; position: absolute; left: 0; top: 0;}

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

div.indexbannerico2{ width:32.9vw; height: auto; position: absolute; right: 0; bottom: 0;}

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

div.publicheadback{ width: 83.4%; max-width: 1600px; height: auto; margin: auto; left: 8.3%; position: fixed; z-index: 999999; top: 0.55rem;}

div.publicheadbacknys{width: 100%; max-width: 100%; background: #fff; left: 0; top: 0; padding: 0.25rem 30px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}

div.publicheadlogo{ width: 2.26rem; height: auto; float: left;}

div.publicheadlogo img{ width: 100%;}

div.publicheadlogoh{ width: 2.26rem; height: auto; float: left; display: none;}

div.publicheadbackin div.publicheadlogoh{ width: 2.26rem; height: auto; float: left; display: block;}

div.publicheadbackin div.publicheadlogo{ display: none;}

div.publicheadbackin div.publicheadlogoh img{ width: 100%;}

div.publicheadrt{  float: right; height: 0.6rem; line-height: 0.6rem;}

div.publicheadrt_nav{ float: left; margin-left: 0.5rem; line-height: 0.6rem; color: #fff; font-size: 0.18rem; position:relative;}

div.publicheadrt_nav>a{ color: #fff;}

div.publicheadrt_nav>a:hover{  font-weight: 700;}

div.publicheadrt1 div.publicheadrt_nav{ float: left; margin-left: 0.5rem; line-height: 0.6rem; color: #3e3e3e; font-size: 0.18rem;}

div.publicheadrt1 div.publicheadrt_nav>a{ color: #3e3e3e;}

div.publicheadrt1 div.publicheadrt_nav>a:hover{  font-weight: 700; color: #253db0;}



div.indexoneback{ width: 100%; height: 100%; position: relative;}

div.indexonert{ width: 5.76rem; height:6.88rem; position: absolute; right: 0; top: 50%; margin-top: -3.44rem; background: url(../img/indexrtbg.png) center no-repeat; background-size:100%; padding: 0 0.97rem 0; padding-top: 1.42rem; opacity: 0; }



div.indexoneleftbg{ width: 81.6vw; height: 100%; position: absolute; left: 0; top: 0; }

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

div.indexonemain{ width: 58.3vw; height: auto; position: absolute; left: 8.3%; bottom: 0;}

div.indexoneli{ width: 25%; height: 5rem; float: left; position: relative; overflow: hidden; opacity: 0;}

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

div.indexonelicont{ transition: all 0.36s ease-in-out; width: 100%; height: auto; position: absolute; left: 0;bottom: 13%; padding: 0 0.3rem;} 

div.indexonelicont_1{ width: 100%; height: 0.38rem; line-height: 0.38rem; color: #ffffff; font-size: 0.24rem; font-weight: 700;}

div.indexonelicont_2{ width: 100%; height: 0.28rem; line-height: 0.28rem; color: #ffffff; font-size: 0.14rem;font-family:'hl';}

div.indexoneli:nth-child(1){top: -1.8rem;}


div.indexoneli:nth-child(2){top: -1.2rem;}


div.indexoneli:nth-child(3){top: -0.6rem;}

div.indexonert_1{ width: 100%; height: 0.63rem; line-height: 0.63rem; color: #3e3e3e; font-size: 0.36rem; font-family: 'hl'; text-transform: uppercase;}

div.indexonert_2{ width: 100%; height: 0.57rem; line-height: 0.57rem; color: #3e3e3e; font-size: 0.18rem; font-weight: 700;}

div.indexoneli:hover div.indexonelibg{ transform: scale(1.1);}

div.indexoneli:hover div.indexonelicont{ bottom: 16%;}

div.indexthreeback{ width: 100%; height: 100%; position: relative; left: 0; top: 0; background: url(../img/indextwortbg.jpg) 50%/cover no-repeat;}

div.indexthreeleft{ width: 32vw; height: auto; position: absolute; left: 0; bottom: 0; opacity: 0;}

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

div.indexthreert{ width: 35%; height: 100%; position: absolute; right: 12.5%; top: 0;opacity: 0;}

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

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

div.indexthreert_t1{ width: 100%; height: 0.63rem; line-height: 0.63rem; color: #3e3e3e; font-family: 'hl'; font-size: 0.36rem; text-transform: uppercase;}

div.indexthreert_t2{ width: 100%; height: 0.54rem; line-height: 0.54rem; color: #3e3e3e; font-size: 0.18rem; font-weight: 700;}

div.indexthreertmain{ width:100%; height: auto; line-height: 0.36rem; color: #3e3e3e; font-size: 0.16rem; margin-top: 0.36rem;}

div.indexthreertmain img{  max-width: 100%; height: auto;}

div.indexthreertmore{ width: 100%; height: 0.35rem; line-height: 0.35rem; margin-top: 0.55rem; color: #293c9a; font-size: 0.14rem; font-family: 'hl';}

div.indexthreertmore a{ color: #293c9a;font-family: 'hl'; }

div.indexthreertmore span{ position: relative; font-size: 0.16rem; font-family: 'hl';   top: -1px; left: 2px;}

div.indexfourback{ width: 100%; height: 100%; position: relative;}

div.indexfour_ico1{ width: 32vw; height: auto; position: relative; top: 0; left: 0; opacity: 0;}

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

div.indexfour_ico2{ width:12.7vw; height: auto; position: absolute; right: 0; bottom: 0; opacity: 0;}

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

div.indexfour_left_tbk{ position: absolute; left: 8.3%; top: 30%; opacity: 0;}

div.indexfour_left_t1{ height: auto; line-height: 0.63rem; color: #253db0; font-size: 0.36rem; font-family: 'hl'; text-transform: uppercase;}

div.indexfour_left_t2{ height: auto; line-height: 0.53rem; color: #253db0; font-size: 0.18rem; font-weight: 700;}

div.indexfour_rt{ width: 75vw; height: 100%; position: absolute; right: 0; top: 0; opacity: 0;}

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

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

div.indexfourqhback{ width: 100%; height: auto; position: relative; margin-top:25px;}

div.indexfourqhback::after{ width: 7vw; height: 100%; content: ''; display: block; background: linear-gradient( to right ,transparent , #fff ); position: absolute; right: 0; top: 0; z-index: 10;}

div.indexfourlist{ width:100%; height: 4.3rem;  overflow: hidden; border-radius:15px;  }

div.indexfourlistpic{ width: 100%; height: 2.1rem; overflow: hidden;}

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

div.indexfourlistbottom{ width: 100%; height: 2.2rem; background: #f2f4fe; padding-top: 0.12rem; }

div.indexfourlistcont{ width: 88%; height: auto; position: relative; left: 12%;}

div.indexfourlistcont_time{ width: 100%; height: 0.68rem; line-height: 0.68rem; border-bottom: 1px solid #e3e6f5; color: #293c9a; font-size: 0.24rem; font-family: 'hl';}

div.indexfourlistcont_t{ width: 100%; height: 0.32rem; line-height: 0.32rem; color: #3e3e3e; font-size: 0.16rem; font-weight: 700; overflow: hidden; margin-top: 0.17rem;}

div.indexfourlistcont_desc{ width: 100%; height: 0.6rem; line-height: 0.3rem; overflow: hidden; color: #3e3e3e; font-size: 0.14rem; opacity: 1;}

div.indexfourlist:hover div.indexfourlistpicbg{ transform: scale(1.1);}

div.indexfourlist:hover div.indexfourlistbottom{ background: #253db0;}

div.indexfourlist:hover div.indexfourlistcont_time{ color: #fff; border-bottom: 1px solid #485cbd;}

div.indexfourlist:hover div.indexfourlistcont_t{ color: #fff;}

div.indexfourlist:hover div.indexfourlistcont_desc{ color: #fff; opacity: 0.5;}

div.indexfourlist:hover div.indexfourlistcont{ left: 6%;}

div.indexfourbutton{ margin-top:25px; justify-content:center; width:100%; display:flex;}

div.indexfourbutton_left{ width: 0.55rem; height: 0.55rem; border-radius: 50%; background: url(../img/indexfourlt.png) #eaeaea center no-repeat; cursor: pointer; float: left; margin-right: 0.2rem; }

div.indexfourbutton_left:hover{background: url(../img/indexfourlth.png) #0170fe center no-repeat;}

div.indexfourbutton_right{ width: 0.55rem; height: 0.55rem; border-radius: 50%; background: url(../img/indexfourrt.png) #eaeaea center no-repeat; cursor: pointer; float: left;}

div.indexfourbutton_right:hover{background: url(../img/indexfourrth.png) #0170fe center no-repeat;}

div.indexfour_left_more{ height: 0.35rem; line-height: 0.35rem; margin-top: 0.55rem; color: #293c9a; font-size: 0.14rem; font-family: 'hl'; position: absolute; left: 8.3%; bottom: 1.2rem; opacity: 0;}

div.indexfour_left_more a{ color: #293c9a;font-family: 'hl'; }

div.indexfour_left_more span{ position: relative; font-size: 0.16rem; font-family: 'hl';   top: -1px; left: 2px;}

div.indexfiveback{ width: 100%; height: 100%; position: relative;}

div.indexfiveleft{ width: 50%; height: 100%; background: url(../img/indexfiveleftbg.jpg) 50%/cover no-repeat; float: left; position: relative; z-index: 10;}

div.indexfiveright{ width: 50%; height: 100%; background: url(../img/indexfiverightbg.jpg) 50%/cover no-repeat; float: left; position: relative;}

div.indexfiveltico{ width: 4.11rem; height: auto; position: absolute; bottom: 0; left: 0; z-index: 99; opacity: 0;}

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

div.indexfiverightico{ width: 6.59rem; height: auto;  position: absolute; right: 0; bottom: 0; opacity: 1;}

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

div.indexfivebacktop{ width: 56px; height: auto; position: absolute; bottom: 0.57rem; left: 30%; margin-left: -43px; cursor: pointer;} 

div.indexfiveltright{ width:100%; height: auto; padding: 0.52rem 0; position: absolute; bottom: 0; left: 0;}

div.indexfiveltrightborder{ width: 100vw; height: 1px; position: absolute; left: 0; top: 0; background: rgb(202 209 216 / 33%);;} 

div.indexfiveltright_n{ float: right; height: 0.42rem; line-height: 0.42rem;}

div.indexfiveltright_n_l{  height: 0.42rem; float: left; background: url(../img/ccico1.png) center left no-repeat; background-size: 0.42rem; padding-left: 0.46rem; color: #939292; font-size: 0.16rem; margin-right: 0.3rem;}

div.indexfiveright_cont{  position: absolute; left: 10%; top: 20%;}

div.indexfiveright_contli{  height: 0.6rem; line-height: 0.6rem; padding-left: 0.8rem; color: #ffffff; font-size: 0.18rem; font-weight: 700; margin-bottom: 0.7rem;  opacity: 0;}

div.indexfiveright_contli span{ font-family: 'hl'; font-size: 0.36rem;}

div.indexfiveright_contli:nth-child(1){ background: url(../img/footerico1.png) center left no-repeat; background-size: 0.6rem;}

div.indexfiveright_contli:nth-child(2){ background: url(../img/footerico2.png) center left no-repeat; background-size: 0.6rem;}

div.indexfiveright_contli:nth-child(3){ background: url(../img/footerico3.png) center left no-repeat; background-size: 0.6rem;}

div.indexfiveright_contli:nth-child(3) span{ font-size:0.16rem; text-transform: uppercase;}

div.indexfiveright_contli:nth-child(4){ background: url(../img/footerico4.png) center left no-repeat; background-size: 0.6rem;}

div.indexfiveright_contli img{ width: 98px; height: auto; position: relative;  top: -22px;}

div.indexfiveright_bottom{ width: 100%; height: auto; position: absolute; right: 0.65rem; bottom: 0.38rem; line-height: 0.22rem; color: #9194af; text-align: right; font-size: 12px;}

div.indexfiveright_bottom a{ color: #fff;}

div.nybannerback{ width:100%; height: 3rem; position: relative;}

div.nybannerleftjt{ width: 21vw; height: auto; position: absolute; left: 0; z-index: 10; display:none;}

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

div.gywmonebg{ width: 100%; height: auto; background: url(../img/gywmonertbg.png) #fff bottom right no-repeat;}

div.gywmoneback{ width:100%; max-width: 1600px; margin: auto; padding: 0.83rem 15px 0.82rem;  } 

div.gywmone_ent{ width: 100%; height:auto; line-height:1; color: #3e3e3e; font-size: 0.36rem; font-family: 'hl'; text-transform: uppercase; }

div.gywmone_cnt{ width: 100%; height:auto; line-height: 2; color: #3e3e3e; font-size:18px; font-weight: 700; }

div.gywmonemain{ width:100%; height: auto; margin-top: 0.35rem;}

div.gywmonemain_left{ width: 100%; height: auto; float: none; line-height: 1.8; color: #3e3e3e; font-size: 14px; text-indent: 2em; position: relative;}

div.gywmonemain_rt{ width:100%; height: 4.5rem; float: none; margin-top:15px; }

div.gywmonemain_leftbottom{ position: absolute; left: 0; bottom: 0; height: 27px; line-height: 27px; color: #253db0; font-size: 14px; font-weight: 700; text-indent: 0em;}

div.gywmonemainxia{ width: 100%; height: auto; margin: auto; margin-top: 0.95rem;}

div.gywmonemainxia_left{ width:100%; height: 3rem; float: left; background: url(../img/gywmtwopic.png) 50%/cover no-repeat;}

div.gywmonemainxia_rt{ width:100%; height: auto; float: none;line-height: 1.8; color: #3e3e3e; font-size: 14px; text-indent: 2em;}

div.gywmtwoback{ width: 100%; height: auto; background: url(../img/gywmtwobg.jpg) 50%/cover no-repeat; padding: 20px 0 35px; position: relative;}


div.gywmtwo{ width: 90%; max-width: 1600px; height: auto; margin: auto; position: relative;}

div.gywmtwo_ent{ width: 100%; height: auto; line-height: 1; color: #ffffff; font-size: 0.36rem;  font-family: 'hl'; text-transform: uppercase; margin-bottom: 0.2rem;}

div.gywmtwo_cnt{     width: 100%;
    height: auto;
    line-height: 1;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;}

div.gywmtwoqh{ width: 100%; height:auto; margin-top:20px; position: relative;}

div.gywmtwojtleft{ width: 0.6rem; height:0.6rem; position: absolute; left: -0.8rem; border-radius: 50%; background: url(../img/indexfourlth.png) #eba724 center no-repeat; z-index: 10; top: 50%; margin-top: -0.3rem; cursor: pointer; outline: none;}

div.gywmtwojtright{ width: 0.6rem; height:0.6rem; position: absolute; right: -0.8rem; border-radius: 50%; background: url(../img/indexfourrth.png) #eba724 center no-repeat; z-index: 10; top: 50%; margin-top: -0.3rem; cursor: pointer; outline: none;}

div.gywmthreeback{ width: 100%; height: auto; background: url(../img/gywmtwoleftpic1.png) left top no-repeat,url(../img/gywmtwoleftpic2.png) right bottom no-repeat; padding: 0.9rem 0 0.45rem;}

div.gywmthree{ width: 90%; max-width: 1600px; margin: auto; }

div.gywmthreeent{ width: 100%; height:auto; line-height: 1; color: #3e3e3e; font-size: 0.36rem; text-transform: uppercase; font-family: 'hl';}

div.gywmthreecnt{ width: 100%; height: auto; line-height: 1; color: #3e3e3e; font-size:18px; font-weight: 700; margin-top: 0.16rem;}

div.gywmthreelistbk{ width: 100%; height: auto; margin-top: 0.6rem;}

div.gywmthreelist{ width: 100%; height: auto; float: none;margin-right:0%;}

div.gywmthreelistpic{ width: 100%; height: 3rem; overflow: hidden;}

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

div.gywmthreelistbottom{ width: 100%; height: auto; background: #ddebfc; padding: 0.47rem 0 0.78rem;}

div.gywmthreelistbottom_t{ width: 100%; height: auto; line-height: 0.43rem; text-align: center; color: #253db0; font-size: 0.24rem; font-weight: 700;}

div.gywmthreelistbottom_desc{ width: 100%; height: 0.32rem; line-height: 0.32rem; text-align: center; color: #98aec8; font-size: 0.14rem;  text-transform: uppercase; }

div.gywmthreelistbottom_desc p{font-family: 'hl';}

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

div.gywmthreelist:hover div.gywmthreelistpicbg{ transform: scale(1.1);}

div.gywmthreelist:hover div.gywmthreelistbottom{ background: #253db0;}

div.gywmthreelist:hover div.gywmthreelistbottom_t{ color: #fff;}

div.gywmthreelist:hover div.gywmthreelistbottom_desc{ color: #98aec8; }

div.gywmfour{  width: 90%; max-width: 1600px; margin: auto; margin-top: 0.8rem; }

div.gywmfourqh{ width: 100%; height: auto; margin: auto; margin-top: 0.35rem; position: relative;}

div.fourswiper img{ width:100%; height: auto; box-shadow: 0 0 20px rgba(0,0,0,0.1);}

div.gywmfourjtleft{ width: 15px; height: 16px; position: absolute; left: -0.6rem; top: 50%; margin-bottom: -8px; cursor: pointer; outline: none; background: url(../img/gywmfourjtleft.png) center no-repeat;}

div.gywmfourjtright{ width: 15px; height: 16px; position: absolute; right: -0.6rem; top: 50%; margin-bottom: -8px; cursor: pointer; outline: none; background: url(../img/gywmfourjtright.png) center no-repeat;}

div.cpmainback{ width:100%; min-height: 5rem; height: auto; position: relative; background: url(../img/cprtbg.png) top right no-repeat,url(../img/cpleftbg.png) left bottom no-repeat;}

div.cpnavback{ width: 100%; height: 100px; border-bottom: 1px solid #dedcdc; display: flex; flex-flow: nowrap;  justify-content: center; display:none;}

div.cpnav{ display: inline-block; padding-left: 0;  height: 100px; line-height: 100px; color: #3e3e3e; font-size: 0.16rem; color: #3e3e3e; font-size: 16px; overflow: hidden; position: relative; margin: 0 0.75rem; background: url(../img/cpnavh.png) -30px center no-repeat;}

div.cpnav a{color: #3e3e3e; }

div.cpnav::before{ content: ''; display: block; width: 0; height: 4px; background: #253db0; position: absolute; left: 0; bottom: 0; opacity: 0; transition: all 0.36s ease-in-out;}

div.cpnav:hover{ padding-left: 50px; background: url(../img/cpnavh.png) 0 center no-repeat;}

div.cpnav:hover a{ display: block; width: 100%; height: 100%; color: #253db0; font-weight: 700;}

div.cpnav:hover::before{ opacity: 1; width: 100%;}

div.cpnavhover{ padding-left: 50px; background: url(../img/cpnavh.png) 0 center no-repeat;}

div.cpnavhover a{ display: block; width: 100%; height: 100%; color: #253db0; font-weight: 700;}

div.cpnavhover::before{ opacity: 1; width: 100%;}

div.promianback{ width: 90%; max-width: 1600px; margin: auto; height: auto;  margin-top: 1rem;}

div.prolist{ width:49%; height: auto; float: left; margin-bottom: 0.9rem; margin-right: 2%;}

div.prolistpic{ width: 100%; height: auto; background: #ecf1f7; position: relative; overflow: hidden;}

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

div.prolistpic::before{ width: 121px; height: 121px; position: absolute; right: 0; bottom: 0; display: block; content: ''; background: url(../img/cpprohover.png) center no-repeat; opacity: 0; transition: all 0.36s ease-in-out;}

div.prolistpic img{ width: 100%; height: auto; position: relative;}

div.prolist_t{ width:100%; height: auto; line-height: 0.4rem;  text-align: center; color: #3e3e3e; font-family: 'hl'; font-size: 0.3rem; margin-top: 0.3rem; }

div.prolist_ft{ width: 100%; height: auto; line-height: 0.38rem; line-height: 0.38rem; text-align: center; color: #3e3e3e; font-size: 0.18rem;}

div.prolist:nth-child(2n){ margin-right: 0;}

div.prolist:hover div.prolistpic{ background: #d2e4f9;}

div.prolist:hover div.prolistpic::before{ opacity: 1;}

div.prolist:hover div.prolist_t{ color: #253db0;}

div.prolist:hover div.prolist_ft{ color: #253db0;}

div.prolist:hover div.prolistpic img{ transform: scale(1.1);}

div.danyecontent{ width:100%; max-width: 1600px; height: auto; margin: auto; padding: 1rem 15px 1.2rem; color: #3e3e3e; font-size: 14px; line-height: 1.8; }

div.danyecontent img{ max-width: 100%; height: auto;}

div.xwlistn{ width: 31.5%; height: auto; float: left; margin-bottom: 1rem;margin-right: 2.75%;}

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

div.xwmianback{ width: 100%; max-width: 1440px; margin: auto; height: auto; padding:0 15px;  margin-top: 1rem;}

div.jishumain{ width: 90%; max-width: 1600px; margin: auto;  padding: 1rem 0 1.3rem; }


div.jishuone{ width: 100%; height: auto; margin-top: 0.6rem;}

div.jishuonelist{ width: 23.75%; height: auto; padding: 0.36rem 0.25rem 0.44rem; background: #ecf1f7; float: left; margin-bottom: 0.67rem; margin-right: 1.66%;}

div.jishuonelistpic{ width: 1.2rem; height: 1.2rem; margin: auto; border-radius: 50%; overflow: hidden; margin-bottom: 0.15rem;}

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

div.jishuonelist_t{ width: 100%; height: 0.47rem; line-height: 0.47rem; text-align: center; color: #3e3e3e; font-size: 0.2rem; font-weight: 700; margin-bottom: 0.18rem;}

div.jishuonelist_more{ width: 1.2rem; height: 0.4rem; line-height: 0.4rem; border-radius: 35px; background: #c1d9f7; overflow: hidden; text-align: center; margin: auto;  color: #253db0; font-size: 0.16rem; font-weight: 700;}


div.jishuonelist:nth-child(4n){ margin-right: 0;}

div.jishuonelist:hover{ background: #a6c5eb;}

div.jishuonelist:hover div.jishuonelist_t{ color: #fff;}

div.jishuonelist:hover div.jishuonelist_more{ background: #253db0; color: #fff;}

div.lxonemain{ width:90%; max-width: 1600px; height: auto; margin: auto; padding: 0.85rem 0 0.92rem;}

div.lxwmmainback{ width:100%; min-height: 5rem; height: auto; position: relative; background: url(../img/cprtbg.png) top right no-repeat;}

div.lxwmflex{ width: 100%; height: auto; margin-top: 0.85rem;}

div.lxwmlist{ width: 48.75%; height: 3.5rem; float: left; background: #ecf1f7; padding-top: 0.67rem; margin-right: 1.66%; margin-bottom:15px;}

div.lxwmlist:nth-child(2n){ margin-right:0;}

div.lxwmlistico{ width: 0.8rem; height: 0.8rem; margin: auto; overflow: hidden; border-radius: 50%; background: url(../img/lxwmico1.png) center no-repeat; margin-bottom: 0.2rem;}

div.lxwmlist_t{ width: 100%; height: 0.3rem; line-height: 0.3rem; text-align: center; color: #3e3e3e; font-size: 0.16rem; margin-bottom: 0.36rem;}

div.lxwmlist_cont{ width: 100%; height: auto; line-height: 0.3rem; text-align: center;}

div.lxwmlist_cont img{ width:38%;}

div.lxwmlist:hover div.lxwmlist_t{ color:#fff;}

div.lxwmlist:hover div.lxwmlist_cont{ color:#fff;}

div.lxwmlist_contsp{  font-family: 'hl';  color: #3e3e3e; font-size: 0.3rem; text-align: center;}

div.lxwmlist_contcn{     width: 100%;
    height: auto;
    line-height: 0.3rem;
    color: #3e3e3e;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    padding: 0 15px;}

div.lxwmlist_conten{ width: 100%; height: auto; line-height: 0.3rem; color: #3e3e3e; text-align: center; font-weight: 700; font-size: 0.18rem; font-family: 'hl';}

div.lxwmlist:nth-child(2) div.lxwmlistico{background: url(../img/lxwmico2.png) center no-repeat;}

div.lxwmlist:nth-child(3) div.lxwmlistico{background: url(../img/lxwmico3.png) center no-repeat;}

div.lxwmlist:nth-child(4) div.lxwmlistico{background: url(../img/lxwmico4.png) center no-repeat;}

div.lxwmlist:hover{ background: #7ca6d8;}

div.lxwmlist:hover:nth-child(1) div.lxwmlistico{background: url(../img/lxwmico1h.png) center no-repeat;}

div.lxwmlist:hover:nth-child(2) div.lxwmlistico{background: url(../img/lxwmico2h.png) center no-repeat;}

div.lxwmlist:hover:nth-child(3) div.lxwmlistico{background: url(../img/lxwmico3h.png) center no-repeat;}

div.lxwmlist:hover:nth-child(4) div.lxwmlistico{background: url(../img/lxwmico4h.png) center no-repeat;}

div.lxwmtwomap{ width: 100%; height: 5rem;}

div.nfooterback{ width: 100%; height: auto; background: url(../img/nfooterbg.jpg) 50%/cover no-repeat; padding: 0.8rem 0 0; position: relative;}

div.nfooter{ width: 95%; max-width:1600px; margin: auto; position: relative;}

div.nfooterlogo{ width: 70%; margin:auto; height:auto; }

div.nfooterlogo img{ max-width:2.28rem; height: auto;}

div.nfootermian{ width:70%; height: auto; margin:auto; margin-top: 0.7rem;}

div.nfooter_leftli{ width: 100%; height:0.55rem; line-height: 0.55rem; margin-bottom:0.26rem; background-size: 0.55rem; padding-left: 0.85rem; color: #ffffff;  font-size: 0.2rem; font-weight: 700; background-size:0.55rem !important;}

div.nfooter_leftli span{ font-family: 'hl'; color: #ffffff; font-size: 0.3rem;}

div.nfooter_mid_li{  height: auto; float: left; margin-left: 0.55rem;}

div.nfooter_mid_t{ height: 0.32rem; line-height: 0.32rem; color: #ffffff; font-size: 0.18rem; margin-bottom: 0.21rem; }

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

div.nfooter_mid_list{ height: 0.48rem; line-height: 0.48rem; color: #a8acca; font-size: 0.16rem;}

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

div.nfooter_rt{ width: 100px; height: auto; margin-top: 0.16rem;}

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

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

div.nfooter_rt_t{ width: 100%; height: 0.43rem; line-height: 0.43rem; text-align: center; white-space: nowrap; color: #ffffff; opacity: 0.4; font-size: 0.14rem; }

div.nfooterbottom{ width: 100%; height: auto; border-top: 1px solid #313f95; margin-top: 0.5rem; padding: 0.25rem 0; line-height: 1.2; color: #a8acca; font-size: 12px; text-align: left; position: relative;}

div.nfooterbottom a{ color: #fff;}

div.nfooterbottom_n{ width: 95%; max-width:1600px; margin: auto; }

div.nfooterrtbg{ width: 38vw; height:100%; position: absolute; right: 0; bottom: 0;}

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

div.nyxxback{ width:100%; max-width: 1280px; min-height:500px; height:auto; margin:auto; margin-bottom:15px; padding:0 15px; padding-top: 50px; }

div.nyxxback33{ width:100%; max-width: 1280px;  height:auto; margin:auto; margin-bottom:15px;  }



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

div.xinwenxxtopdata{  width:100%; height:auto; padding-top: 5px; border-bottom:#d0d0d0 1px solid; line-height:38px; text-align:left; color:#a2a2a2; font-size:12px;}

div.xinwenxxtopdata a{ font-size:14px;color:#a2a2a2; transition:all 0.36s ease-in-out;}

div.xinwenxxtopdata a:hover{ color:#253db0;}

div.xinwenxxtoptitleback{ font-weight:700;  width:100%; height:auto; line-height:1.5; text-align:left; color:#323232; font-size:26px;}
 
div.xinwenxxtopcontent{   width:100%; height:auto; line-height:30px; color:#666; font-size:16px; }

div.xinwenxxtopcontent img{  max-width:100%; margin:auto;display:block;}

div.xinwenxxtopsyy{ width:100%; float:none; transition:all 0.5s ease-in-out;}

div.xinwenxxtopsyytitle{ width:100%; margin:auto; line-height:29px; color:#7e7d7d; font-size:14px; }

div.xinwenxxtopsyytitle a{ color:#7e7d7d; transition:all 0.5s ease-in-out;}

div.xinwenxxtopbottom{ padding-top: 35px; border-top:#f6f6f6 1px solid; padding-bottom: 35px;}

div.xinwenxxtopbottommain{ margin: auto; width: 96%; max-width: 1280px;}

div.publicheadnavxl {
    width: 180px;
    height: auto;
    position: absolute;
    top: 80px;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.36s ease-in-out;
    margin-left: -90px;
}

div.publicheadrt_nav:hover div.publicheadnavxl{ opacity: 1; visibility: visible; top: 60px;}

div.publicheadnavxlnav{ width: 100%; height: 68px; border-bottom: 1px solid #e8e8e8; line-height: 68px; text-align: center; background: #fff; color: #727272; font-size:15px;
}

div.publicheadnavxlnav>a{ width: 100%; height: 100%; display: block;color: #727272;}

div.publicheadnavxlnav:hover{ background: #2278db;}

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


div.gywmhezuo{ width:48%; height:auto; position:relative; float:left; margin-bottom:25px;    margin-right: 4%; position:relative;}

div.gywmhezuo:nth-child(2n){margin-right:0;}

div.gywmhezuo_t{ display:table; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(37,61,176,0.8); transition:all 0.36s ease-in-out; opacity:0; text-align:center; color:#fff; font-size:16px;}

div.gywmhezuo:hover div.gywmhezuo_t{opacity:1;}

div.gywmhezuo_tcell{ display:table-cell; vertical-align:middle;}


div.xwlist{ width: 100%; height: auto; padding: 42px 0 35px 0; border-bottom: 1px solid #eeeeee;}

div.xwlistleft{ float: none;}

div.xwlistleft1{  height: 50px; line-height: 48px; font-size: 36px; font-family: 'din'; margin-bottom: 22px; color: #b6b6b6;}

div.xwlistmid{ width: 100%; height: auto; float: none;margin-left: 0; margin-top:10px;}

div.xwlistmid_1{ width:100%; height: 42px; overflow: hidden; line-height: 42px; font-size: 16px; color: #373737;  }

div.xwlistmid_2{ width: 100%; height: 50px; line-height: 25px; overflow: hidden; font-size: 14px; color: #aaaaaa;}

div.xwlistrt{ width: 100%; height: 250px;  float: none; overflow: hidden; margin-top:15px;}

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

div.xwlist:hover div.xwlistleft2{ margin-left: 10px;}

div.xwlist:hover div.xwlistmid_1{  color: #253db0;}

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

div.xwlist:hover{border-bottom: 1px solid #253db0;}

div.xwlist_bkk{ padding-bottom:50px;}


div.cpdianweitu{ width:100%; height:auto; margin:auto; position:relative;}

div.cpdianweitu img{ max-width: 100%;}

div.cpdianweituico1{ width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 16px;
    text-align: center;
    color: #253db0;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    left: 51%;
    top: 22%;
    cursor: pointer;
}

div.cpdianweituico1 span{ position:relative; z-index:10; left:0.5px;}

div.cpdianweituico1bg{ width:100%; height:100%;border-radius:50%;  background:#fff; position:absolute; left:0; top:0; transition:all 0.36s ease-in-out; }
div.cpdianweituico1:hover div.cpdianweituico1bg{ transform:scale(1.8);background:#253db0;}

div.cpdianweituico1:hover{ z-index:100;color: #fff;}
@keyframes shan {
    from {
      transform:scale(1);
    }
    to {
       transform:scale(1.8);
    }
}
div.cpdianweituico1bgshan{ width:100%; height:100%;border-radius:50%;  background:rgba(255,255,255,0.3); position:absolute; left:0; top:0;animation: shan 1.5s linear infinite alternate; }

img.hovercpnt{ width:100%; max-width:100% !important; border:5px #fff solid; height:auto; transition:all 0.36s ease-in-out; position:fixed; left:0; opacity:0; visibility: hidden;}

div.cpdianweituico1:hover img.hovercpnt{ opacity:1; visibility:visible; z-index:10;}

div.cpdianweituicowz2 {
    left: 35%;
    top: 33%;
}
    

div.cpdianweituicowz3 {
    left: 51%;
    top: 41%;
}


div.down_toplist{ width: 100%;  margin:auto; height: 40px; border-bottom: 1px dashed #e0e0e0; background: url(../img/xiazaiicon.png) right  center no-repeat; margin-top: 2px;}

div.down_toplist a{ display: block; width: 100%; height: 100%;}

div.down_toplist:hover div.down_toplistlefttitle{ color: #ff0000;}

div.down_toplistlefttitle {
    width: 60%;
    line-height: 40px;
    float: left;
    padding-left: 10px;
    color: #3e3e3e;
    font-size: 18px;
    overflow: hidden;
}


.rtab{color: #7a86a9;
    max-width: 1200px;
    width: 98%;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 30px;
    font-size: 12px;}
.rtab a{border:1px #f0f0f0 solid; padding:1px 5px; display:inline-block; margin-bottom:13px;}
.ratab span{
    font-size: 24px;
    font-weight: 700;
}
.tag {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    line-height: 40px;
}
.pro_list img{width:100%;}
.pro_list {overflow:hidden}
.pro_list ul li {
    float: left;
    margin-right: 30px;
    margin-left: 0;
    margin-bottom:20px;
}

.pro_list ul li:nth-child(3n) {
    /*margin-right: 0;*/
}

.pro_list ul li .img {
    display: block;
    width: 200px;
}

.pro_list ul li .t {
    display: block;
    width: 200px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    text-align: center;
}
.news_list ul li {
    width: 100%;
    float: left;
    height: 38px;
    padding-top: 9px;
    border-bottom: 1px dashed #c6c6c6;
    margin-bottom: 8px;
}

.news_list ul li p {
    float: right;
}
.yunu-linkkk{padding:20px 0}

.yunu-linkkk h4{border-bottom:1px solid #ddd;margin:0;font-size:18px;color:#c42221;padding-bottom:15px}

.yunu-linkkk h4 small{text-transform:uppercase;font-size:16px;font-weight:normal;color:#999}

.yunu-linkkk ul{margin-left:-20px}

.yunu-linkkk li{float:left;margin-left:20px;margin-top:20px}

div.moblienavshow{ width:100%; height:auto; background:#253db0;}

div.sjonebk{ width:100%; height:auto; padding:50px 15px 0;}

div.sjone_ent{ width:100%; height:0.4rem; line-height: 0.4rem; color:#3e3e3e; font-size:0.36rem; text-align:center;  text-transform:uppercase;}

div.sjone_cnt{ width:100%; height:auto; line-height:0.45rem; color:#3e3e3e; font-size:0.3rem; font-weight:700; text-align:center;}

div.sjonemain{ width:100%; height:auto; margin-top:35px; padding-bottom:50px;}

div.sjonelist{ width:47.5%; height:auto; position:relative; float:left;margin-right: 5%; margin-bottom:20px;} 

div.sjonelist img{ width:100%; hieght:auto;}

div.sjonelist:nth-child(2n){margin-right:0;}

div.sjtwoback{ width:100%; height:auto; padding:0 15px 55px;}

div.sjtwo_cont{ width:100%; height:auto; margin-top:23px; line-height:1.7; color:#3e3e3e; font-size:16px;}

div.sjtwo_cont img{ max-width:100%; margin-bottom:25px;}

div.sjtwomore{ width:2rem; height:0.6rem; line-height:0.6rem; text-align:center; margin:auto; margin-top:0.3rem; border-radius:35px; background:#253db0; color:#fff; font-size:14px; }

div.sjtwomore a{ color:#fff;}



div.lianxiwomendibu{ width:100%; position:fixed; bottom:0; left:0; z-index:999999; }

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

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

div.lianxiwomendibupo_l{ width:50%; height:100%; float:left;}

div.lianxiwomendibupo_l a{ width:100%; height:100%; display:block;}