*{ 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 */div.nybannerback
    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;
	
}
.pagination {
	height: 28px;
	text-align: center;
	width:100%;

	margin-bottom:1rem;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	
	text-decoration: none;
	
	font-size: 14px;
	
	text-align: center;
	border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;
	transition:all 0.3s ease-in-out;

}
.pagination a:hover {
	border:#2562a7 1px solid;
	background: #2562a7;
	color: #fff;

}
.pagination a.cur {
	display: inline-block;
	margin-right: 10px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	
	text-decoration: none;

	font-size: 14px;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	border:#2562a7 1px solid;
	background: #2562a7;
	color: #fff;
}
.pagination p {
	display: inline-block;
	font-size: 14px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #6c6c6c;
	text-align: center;
	border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;
	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: 50px;
	height: 28px;
	
	border:none;
	line-height: 28px;
	
	text-decoration: none;
	color: #6c6c6c;
	font-size: 14px;
	text-align: center;
border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;

	
}
.pagination .page_xyy:hover{ 
	
		border:#2562a7 1px solid;
	background: #2562a7;
	color: #fff;
}
.pagination .page_syy {
	 width: 50px;
	height: 28px;
	line-height:28px;
	border:none;
	text-decoration: none;
	color: #6c6c6c;
	font-size: 14px;
	text-align: center;
border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;

	transition:all 0.5s ease-in-out;
	

}
.pagination .page_syy:hover{ 
		border:#2562a7 1px solid;
	background: #2562a7;
	color: #fff;
	}
.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:'sc500';src: local('sc500'), url(../img/sc500.woff) format('woff');}

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

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

div.indexbanner{ width: 100%;  height: 6.6rem; position:relative;}

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

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

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

div.indexbanner_t1{ width:100%; height:0.4rem; line-height:0.4rem; color:#fff;  filter:drop-shadow(0 0 20px rgba(0,0,0,0.1)); opacity: 0;
    transform: translate(0px,50px); text-align:center;font-size:.48rem;font-weight:100;}

div.indexbanner_t2{ width:100%; height:0.65rem; line-height:0.65rem; color:#fff; font-size:48px; font-family:'sc700'; text-transform:uppercase;filter:drop-shadow(0 0 20px rgba(0,0,0,0.1)); opacity: 0;
    transform: translate(0px,50px); text-align:center;}

div.indexbanner_t3{width:100%; height:auto; line-height:1.7; color:#fff; font-size:.3rem; font-weight:700; filter:drop-shadow(0 0 20px rgba(0,0,0,0.1)); opacity: 0;
    transform: translate(0px,50px); text-align:center;font-weight:bold;text-transform: uppercase;margin-top:.28rem;}


div.publicheadback{ width: 91.1%; height: auto; position: fixed; top: 0.3rem; left: 4.5%; padding: 0 15px; padding-bottom: 0.28rem; border-bottom: 1px solid rgba(255,255,255,0.3); z-index: 999999;}

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

div.publicheadbackhin div.publicheadrt_nav_lan{background: url("../img/rightjth.png") center right no-repeat;display: flex
;
    flex-direction: column;
}}

.publicheadlogonone{ display: none;}

div.publicheadbackhin .publicheadlogoshow{ display: none;}

div.publicheadbackhin .publicheadlogonone{ display: block;}

div.publicheadbackhin div.publicheadrt_nav>a{ color: #333;}

div.publicheadleft{ float: left;}

div.publicheadlogo{ width:1.39rem; height: auto; float:left; margin-top: 0.28rem; }

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

div.publicheadrt{ float: right;}

div.publicheadrt_navback{  float: left; height: 0.42rem; margin-top: 0.28rem; line-height: 0.42rem;}

div.publicheadrt_nav{ float: left; height: 0.42rem; line-height: 0.42rem; padding-left: 1rem; position: relative; color: #ffffff; font-size: 16px;}

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

div.publicheadrt_nav_lan{ float: left; margin-left: 0.7rem; height: 0.42rem; margin-top: 0.28rem; line-height: 0.42rem; color: #ff0000; font-weight: 100; padding-right: 23px; background: url("../img/rightjt.png") center right no-repeat; font-size: 18px;display: flex;flex-direction: column;}

div.publicheadrt_nav_lan a{ color: #ff0000; font-family: 'sc500'; opacity:0;transition:.25s all}
div.publicheadrt_nav_lan:hover a {
    opacity: 1;
}
div.publicheadrt_navxl{ width: 100%; height: auto; position: absolute; left: 0;     padding: 0.4rem 0 10px; padding-left: 1rem; visibility: hidden; opacity: 0;}

div.publicheadrt_navxlh{ visibility: visible; opacity: 1;}



div.publicheadrt_navx{ width:100%; height: auto; line-height: 0.4rem;  color: #fff; font-size: 14px; }

div.publicheadrt_navx a{ color: #fff;}

div.publicheadback::before{ width: 100%; height: 0; content: ''; display: block; position: absolute; left: 0; background: rgba(0,0,0,0.3);    bottom: 0rem; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.publicheadbackhh::before{bottom: -3rem; height: 3rem;}

div.publicheadbackhin::before{ background: rgba(255,255,255,1);     border-top: 1px solid rgba(0,0,0,0.1); }

div.publicheadbackhin div.publicheadrt_navx a{ color: #333; transition: all 0.36s ease-in-out;}

div.publicheadbackhin div.publicheadrt_navx a:hover{ color: #40e6ff;}

div.indexbannerback .swiper-pagination{ bottom: 0.75rem; display:none;}

div.indexbannerback .swiper-pagination .swiper-pagination-bullet{ width: 29px; height: 29px; background: url("../img/bannerico.png") center no-repeat; opacity: 1; position: relative;margin-left: 340px;}

div.indexbannerback .swiper-pagination .swiper-pagination-bullet:nth-child(1)::after{ content: '01 Jinghua'; position: absolute; height: 29px; line-height: 29px; top: 0; left: 33px; color: #ffffff; font-size: 14px; white-space: nowrap; font-family: 'lato'; font-family: 'sc500'} 

div.indexbannerback .swiper-pagination .swiper-pagination-bullet:nth-child(2)::after{ content: '02 Quality Inspection Center'; position: absolute; height: 29px; line-height: 29px; top: 0; left: 33px; color: #ffffff; font-size: 14px; white-space: nowrap; font-family: 'lato';font-family: 'sc500'} 

div.indexbannerback .swiper-pagination .swiper-pagination-bullet:nth-child(3)::after{ content: '03 Jinghua'; position: absolute; height: 29px; line-height: 29px; top: 0; left: 33px; color: #ffffff; font-size: 14px; white-space: nowrap; font-family: 'lato';font-family: 'sc500'} 
div.indexbannerback .swiper-pagination .swiper-pagination-bullet:nth-child(3){margin-left:520px;}
div.indexbannerback .swiper-pagination .swiper-pagination-bullet::before{ content: ''; position: absolute; height: 1px; line-height: 29px; width: 230px; top: 14px; left: -233px; background: #fff;}

div.indexbannerback .swiper-pagination .swiper-pagination-bullet:nth-child(1)::before{ display: none;}

div.indexbannerback .swiper-pagination .swiper-pagination-bullet:nth-child(1){margin-left: 0;}

div.indexbannerback .swiper-pagination .swiper-pagination-bullet-active{background: url("../img/bannericoh.png") center no-repeat; }

div.indexssback{ width: 100%; height: auto; padding: 0.38rem 0; background: #f8f9fb;}

div.indexss{width: 91.1%; height: auto; margin: auto; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.indexssleft{ height: 0.82rem; border-right: 2px solid #eaebed;  padding-right: 0.58rem; padding-top: 0.12rem; color: #004d9d; font-size: 0.24rem; text-transform: uppercase; margin-right: 0.3rem;font-family: 'sc500';}

div.indexssleft span{ font-weight: 700; font-family: 'sc700';}

div.indexsslingyu{ width: 5.4rem; height: 0.6rem; background: #eaebed;margin: 0 0.3rem; margin-top: 0.1rem; position: relative;}

div.indexsslingyu select{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none; color: #000000; font-size: 18px; font-weight: 100; padding-left: 29px;-webkit-appearance:none; -moz-appearance:none; appearance:none; position: relative;}

div.indexsslingyu::before{content: ''; display: block; width: 14px; height: 8px; position: absolute; right: 0.44rem; top:0.27rem; background: url("../img/indexssjt.png") center no-repeat;}

div.indexssinput{ width: 100%; height: 0.6rem; background: #eaebed; position: relative; margin: 0 0.3rem;margin-top: 0.1rem;}

div.indexssinput input{ width: 100%; display: block; height: 100%; background: none; border: none; outline: none; color: #000000; font-size: 18px; padding-left: 30px;}

div.indexssbutton{ width: 1rem; height: 0.6rem; background: url("../img/indexss.png") #004d9d center no-repeat;margin: 0 0.3rem;margin-top: 0.1rem; flex-shrink: 0; }

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

div.indexoneback{ width: 91.1%; height: auto; margin: auto; padding: 0.65rem 0 0.6rem; }

div.indexone_t{ width: 100%; height:auto; margin: auto; line-height: 0.5rem; color: #004397; font-weight: 100; font-size: 0.3rem; }

div.indexonemain{ width:100%; height: auto;margin-top: 0.5rem;}

div.indexonelist{ width:23.9%; height: auto; float: left;  box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-right: 1.4%;}

div.indexonelist_top{ width: 100%; height: auto; padding: 0.48rem 0.25rem 0.34rem; background: #fff; }

div.indexonelist_top_line{ width: 18px; height: 3px; background: #cccccc;}

div.indexonelist_top_t{ width: 100%; height: auto; margin-top: 0.26rem; line-height: 0.3rem; color: #353433; font-size: 0.24rem;}

div.indexonelist_pic{ width: 100%; height: 4.04rem; overflow: hidden;}

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

div.indexonelist:hover div.indexonelist_picbg{ transform: scale(1.1);}

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

div.indexonelist:hover div.indexonelist_top{ background: #004d9d;}

div.indexonelist:hover div.indexonelist_top_line{ width: 100%; background: #fff;}

div.indexonelist:hover div.indexonelist_top_t{ color: #fff;}

div.indextwoback{ width: 91.1%; height: 8.8rem; margin: auto; margin-bottom: 0.78rem; position: relative;}

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

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

div.indextwocont{ width: 100%; position: absolute; left: 0; top: 0.92rem; padding: 0 8%;}

div.indextwocont_ct{ width: 100%; height: auto; line-height: 0.47rem; color: #ffffff;  font-size: 0.3rem ;font-weight: 100; filter: drop-shadow(0,0,20px, rgba(0,0,0,.1));}

div.indextwocont_et{ width: 100%; height: auto; line-height: 0.3rem; color: #fff; font-size: 0.16rem; text-transform: uppercase; font-family: 'sc500';}

div.indextwolistleft_ent{ font-family: 'sc500';}

div.indextwocont1out{width: 7.4rem; height: auto; position: relative;}

div.indextwocont1{ width: 7.4rem; height: auto; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); padding: 0.5rem 0.55rem; margin-top: 0.5rem; opacity: 0;}

div.indextwocont1h{ opacity: 1;}

div.indextwocont1_t{ width: 100%; height: auto; line-height: 0.54rem;}

div.indextwocont1_t img{ float: left; height: 0.54rem;}

div.indextwocont1_t span{ float: left; height: auto;  position: relative; color: #fff; font-size: 0.24rem; padding-left: 0.16rem; margin-left: 0.1rem;}

div.indextwocont1_t span::before{content: ''; display: block; width: 2px; height:0.23rem; background: #93a7aa; position: absolute; left: 0;     top: 0.16rem;}

div.indextwocont1_main{ width: 100%; height: 1.8rem; overflow: hidden; margin-top: 15px; line-height: 0.36rem; color: #fff; font-size: 0.16rem; font-weight: 100;}

div.indextwobottom{ width: 100%; height: auto; padding: 0 8% 0.9rem; position: absolute; left: 0; bottom: 0; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.indextwolist{ width: 2.63rem; height: 1.14rem; border: 1px solid #fff;}

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

div.indextwolistleft{ float: left; height: auto; margin-top: 0.2rem; margin-left: 0.1rem;}

div.indextwolistleftline{ width: 18px; height: 3px; background: #ffffff;}

div.indextwolistleft_ent{ margin-top: 0.06rem; line-height: 0.2rem; color: #ffffff; font-size: 0.12rem; text-transform: uppercase;}

div.indextwolistleft_cnt{ width:100%; height: 0.3rem; line-height: 0.3rem; margin-top: 0.13rem; color: #fff; font-size: 0.18rem;}

div.indextwolistrt{ float: right; height: auto; height: 0.54rem; margin-right: 0.1rem; margin-top: 0.1rem;}

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

div.indextwolist:hover{ background: #004d9d; border: 1px solid #004d9d;}

div.indextwolist:hover div.indextwolistleft_ent{ color: #fff;}

div.indextwolist:hover div.indextwolistleft_cnt{ color: #fff;}

div.indextwolisth{ background: #004d9d; border: 1px solid #004d9d;}

div.indextwolisth div.indextwolistleft_ent{ color: #fff;}

div.indextwolisth div.indextwolistleft_cnt{ color: #fff;}

div.indexthreeback{ width: 100%; height: auto; padding: 0.9rem 0 0.78rem; background: #f8f8f8; position: relative;}

div.indexthreebg{ width: 46.2%; height: 100%; position: absolute; right: 0; top: 0; background: url("../img/indexthreertbg.jpg") 50%/cover no-repeat;}

div.indexthree{  width: 91.1%; margin: auto; position: relative;}

div.indexthree_cnt{ width: 100%; height: auto; color: #014999; line-height: 0.52rem; font-size: 0.3rem; font-weight: 100;}

div.indexthree_ent{ width: 100%; height:auto;line-height: 0.35rem; color: #999999; font-size: 0.16rem; text-transform: uppercase; font-family: 'sc500';}

div.indexthreedesc{ width: 8rem; height: auto; line-height: 0.3rem; font-size: 0.16rem; color: #333333; margin-top: 0.42rem;}

div.indexthreevideo{ display: inline-block; padding-right: 48px; background: url("../img/indexthreevideo.png") right center no-repeat; color: #006699; font-size: 16px; text-transform: uppercase; line-height: 38px; margin-top: 0.42rem; cursor:pointer; font-family: 'sc500';}

div.indexthreeflex{ width: 9.8rem; height: 2.4rem; background: #fff; margin-top: 0.5rem; display: flex; flex-flow: nowrap; justify-content: space-between;}

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

div.indexthreelist{ width: 100%; height: 100%; border-left: 2px solid #e8e8e8; display: table; padding-left: 0.6rem;}

div.indexthreelistico{ width: 38px; height: auto;}

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

div.indexthreelistnum{ height: 0.75rem; line-height: 0.75rem; color: #272727; font-size: 0.48rem; margin-top: 10px; font-family: 'sc500';}

div.indexthreelistnum sup{ font-size: 0.18rem; top: -2em; left: 5px;}

div.indexthreelist_t{ width: 100%; height: auto; line-height: 0.3rem; color: #666666;}

div.indexthreelist:nth-child(1){ border: none;}

div.indexfourback{ width: 100%; height: auto; padding: 1.5rem 0 1.5rem;}

div.indexfour{ width: 13.2rem; height: auto; margin: auto; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.indexfourlist{ width:1.9rem; height:auto; cursor: pointer;}

div.indexfourlist_ico{ width: 1.18rem; margin: auto; height: 1.18rem; border-radius: 50%; border: 3px solid #024b9b; }

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

div.indexfourlist_t{ width: 100%; height: 0.48rem; line-height: 0.48rem; text-align: center; margin-top: 15px; color: #222222; font-size: 24px;}

div.indexfourlist_ent{ width: 100%; height: auto; text-align: center; line-height: 0.24rem; margin-top: 7px; text-transform: uppercase; color: #999999; font-size: 0.16rem; font-family: 'sc500';} 

div.indexfourlist:hover div.indexfourlist_ico{ background: #004d9d;}

div.indexfourlist:hover div.indexfourlist_ico img{ filter: grayscale(1)brightness(10);}

div.indexfourlist:hover div.indexfourlist_t{ color: #004d9d;}

div.indexfiveback{ width: 100%; height: auto; padding: 1rem 0 1.8rem; background: url("../img/indexfivebg.jpg") 50%/cover no-repeat;}

div.indexfive{ width: 7.6rem; height: auto; margin-left: 4.45%;}

div.indexfive_t{ width: 100%; height: 0.59rem; line-height: 0.59rem ;color: #ffffff; font-size: 0.42rem; margin-bottom: 0.47rem;}

div.indexfive_desc{ width: 100%; height: auto; line-height: 0.36rem; color: #ffffff; font-size: 0.18rem;}

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

div.indexfive_nav{ width: 100%; height: 0.82rem; border-left: 2px solid #2366ac; display: table; text-align: center; color: #fffdff; font-size: 0.18rem;}

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

div.indexfive_nav span{ font-size: 0.72rem; margin-right: 0.15rem; font-family: 'sc500';}

div.indexfive_nav:nth-child(1){ border: none;}

div.indexfive_more{ width: 263px; height:68px; border: 1px solid #ffffff; line-height: 68px; text-align: center; color: #ffffff; font-size: 14px; margin-top: 0.74rem; border-radius: 8px; transition: all 0.36s ease-in-out; overflow: hidden; position: relative;}

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

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

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

div.indexfive_more:hover a{ color: #004d9d;}

div.indesixback{ width:91.1%; height: auto; margin: auto; padding: 0.9rem 0 1.7rem;}

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

div.indesixtop_1{ width: 100%; height: auto; line-height: 0.5rem; color: #333; font-size: 0.3rem; font-weight: 100; padding-left: 0.9rem;}

div.indesixtop_2{ width: 100%; height: auto; line-height: 0.34rem; color: #cccccc; font-size: 0.16rem; text-transform: uppercase;padding-left: 0.9rem;}

div.indesixbottom{ width: 100%; height: auto; margin-top: 0.46rem;}

div.indesixlist{ width: 33.3333%; float: left;  padding: 0 0.9rem; }

div.indesixlist_time{ width: 100%; height: auto; line-height: 0.67rem;  color: #eab65d; font-size: 0.14rem; font-family: 'sc500';}

div.indesixlist_t{ width: 100%; height: 0.72rem; overflow: hidden; color: #333333; font-size: 0.3rem; line-height: 0.36rem; margin-bottom: 0.47rem;white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}

div.indesixlist_more{ width: 1.34rem; height: 0.54rem; line-height: 0.54rem; text-align: center; color: #ffffff; font-size: 0.14rem; background: #004d9d; margin-bottom: 0.5rem;}

div.indesixlist_pic{ width: 100%; height: 2.8rem; overflow: hidden;}

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

div.indesixlist:hover div.indesixlist_picbg{ transform: scale(1.1);}

div.indesixlist:hover div.indesixlist_t{ color: #004d9d;}

div.footerback{ width: 100%; height: auto;padding: 0.5rem 0 0.3rem; border-bottom: 1px solid #575757; background: #323131;}

div.footertop{ width:91.1%; height: auto; margin: auto; }

div.footertopleft{ float: left;}

div.footertopleftlogo{ width: 2.09rem; height: auto;}

div.footertopleftlogo img{ width: 100%;}

div.footertopleft_tel{ height: 0.4rem; line-height: 0.4rem; margin-top: 0.39rem; color: #ffffff; font-size: 0.3rem; font-family: 'sc700';}

div.footertopleft_xx{  height: auto; line-height: 0.28rem;  color: #ffffff; font-size: 0.16rem; font-weight: 100; margin-top: 0.22rem;}

div.footertoprt{  float: right; height: auto;}

div.footertoprt_1{ height: 0.22rem; line-height: 0.22rem; color: #fff; font-size: 0.18rem; margin-bottom: 0.25rem;}

div.footertoprt_1 a{ color: #fff;}

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

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

div.footertoprt_list a:hover{ color: #40e6ff;}

div.footertoprtnav{ float: left; margin-left: 0.65rem;}

div.footerbottom{ width:100%; height: auto; padding: 0.5rem 0; background: #323131; }

div.footerbottommain{ width:91.1%; height: auto; margin: auto;}

div.footerbottommainleft{ float: left; height: 0.4rem;}

div.footerbottomnav{ width:0.33rem; height: 0.33rem; float: left;  background: url("../img/footerico1.png") center no-repeat; background-size:100%;  margin-right: 5px;}

div.footerbottomnav:nth-child(2){background: url("../img/footerico2.png") center no-repeat; background-size:100%; }

div.footerbottomnav:nth-child(3){background: url("../img/footerico3.png") center no-repeat; background-size:100%; }

div.footerbottomnav:nth-child(4){background: url("../img/footerico4.png") center no-repeat; background-size:100%; }

div.footerbottomnav:nth-child(5){background: url("../img/footerico5.png") center no-repeat; background-size:100%; }

div.footerbottomnav_t{height: 0.33rem; line-height: 0.27rem; color: #a4a4a4; font-size: 0.16rem; float: left; margin-left: 7px;}

div.footerbottommainrt{ float: right; line-height: 0.33rem; color: #a4a4a4; font-size: 0.14rem; }

div.footerbottommainrt_1{ float: left; font-family: 'sc500';}

div.footerbottommainrt_1 a{ color: #a4a4a4;}

div.footerbottommainrt_2{  float: left; margin-left: 15px; padding-right: 0.4rem; background: url("../img/footerbacktop.png") center right no-repeat; background-size: 0.33rem; color: #a4a4a4; font-size: 0.16rem; font-family: 'cen'; cursor: pointer; }

div.nybannerback{ width: 100%; height: 6.48rem; padding:0 1.48rem; position: relative;height:1.48rem}

div.nybannerbg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;display:none;}

div.nytable{ width: 100%; height: 100%; position: relative; display: table;display:none;}

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

div.nytable_ent{ width: 100%; height: 0.39rem; line-height: 0.39rem; color: #ffffff; font-size: 0.18rem; text-transform: uppercase;}

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

div.nybreadback{ width: 100%; height: auto; background: #f8f9fb; padding: 0.3rem 0;}

div.nybread{ width: 84.4%; height: auto; margin: auto; padding-left: 37px; line-height: 40px; color: #666666; font-size: 14px; background: url("../img/breadico.png") center left no-repeat;}

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

div.nybread a:hover{ color: #014999;}

div.nymainback{ width:84.4%; margin: auto;}

div.nymainleft{ width:12.1%; height: 100vh; float: left; position: sticky; top: 100px; padding-top: 0.89rem;}

div.nymainleft_1{ width: 100%; height: 0.53rem; line-height: 0.53rem; color: #014999; font-size: 0.48rem; font-family: 'sc700';}

div.nymainleft_2{ width: 100%; height: 0.3rem; line-height: 0.3rem; color: #014999; font-size: 0.14rem ;font-weight: 700;}

div.nymainleft_3{ width: 100%; height: auto; padding: 35px 0; border-bottom: 1px solid #b5b5b5; color: #333333; font-size: 0.18rem;}

div.nymainleft_3 span{ color: #d31e1e;}

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

div.nymainleft_4list{ width: 100%; line-height: 57px; padding-left: 0.54rem; color: #666666; font-size: 0.24rem; font-weight: 100; background-size:0.4rem !important;}

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

div.nymainleft_4list a:hover{ color: #003399;}

div.nymainleft_4listh a{ color: #003399;}

div.nymainrt{ width:76%; height: auto; float: right; padding-top: 0.67rem;  padding-bottom: 1rem;margin-right: 4%;}

div.nymainrt_1{ width: 100%; height: 0.45rem; line-height: 0.45rem; color: #999999;  font-size: 0.16rem; text-transform: uppercase; white-space: nowrap; font-family: 'sc500';display:none;}

div.nymainrt_2{ width: 100%; height: 0.72rem; line-height: 0.72rem; color: #014999; font-size: 0.36rem;}

div.nymainrt_cont{ width: 100%; height: auto; line-height: 2; color: #5a5a5a; font-size: 0.18rem; margin-top: 0.2rem;}

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

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

.jituanjianjie-history-item.active div.fazhanquan{ width: 24px; height: 24px; border-radius: 50%; margin: auto; background: linear-gradient( to right , #0781b3 , #a6c82b); transition: all 0.36s ease-in-out;}

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

div.fazhancont_t{ width: 100%; height: auto; line-height: 0.75rem;  color: #cccccc; font-size:60px; font-family: 'sc500';}

div.fazhancont_desc{ width: 100%; height: auto; line-height: 1.8; margin-top: 10px; color: #5a5a5a; font-size: 0.24rem; font-weight: 100; }

div.fazhancont_pic{ width: 100%; height: auto; margin-top: 15px;}

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

div.gywmthreertline::before{ width: 100%; height: 2px; background: #dedede; content: ''; display: block; position: absolute; left: 0;  top: 89px;}

div.fazhanbutton{ width: 115px; height: 48px; position: absolute; right: 0; top: -73px;}

div.fazhanbuttonleft{ width: 48px; height: 48px; float:left; cursor: pointer; outline: none; filter: drop-shadow(0 0 20px rgba(0,0,0,0.1));}


div.fazhanbuttonright{ width: 48px; height: 48px; float:right; cursor: pointer; outline: none; filter: drop-shadow(0 0 20px rgba(0,0,0,0.1));}

div.fuwumain{ width: 100%; height: auto; position: relative; overflow: hidden; margin-top: 0.25rem;}

div.fuwubgmap{ width: 100%; height: auto;left: 0; top: 0;}

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

div.fuwubgmapico{ width: 0.16rem; height: 0.16rem; border-radius: 50%; background: #69a8da; position: absolute; cursor: pointer;}

@keyframes fuwuico {
    from {
      transform:scale(1.7);
      opacity: 1;
    }
    to {
      transform:scale(2.4);
       opacity: 0;
    }
}

div.fuwubgmapico::before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; border-radius:50%; border: 1px solid #69a8da; opacity: 0; transform: scale(1.7); transition: all 0.36s ease-in-out; animation: fuwuico 1.5s linear infinite;}



div.fuwubgmapico:hover:before{opacity: 1; transform:scale(1.7); animation: paused;}

div.fuwubgmapico1click{background: #fff;}

div.fuwubgmapico1click::before{ background: #52a4e5; border: none;transform: scale(4) !important; opacity: 1;animation: paused;}

div.fuwubgmapico1click::after{content: ''; display: block; width: 100%; height: 100%; position: absolute; border-radius:50%;  background: #fff; opacity: 1; transform: scale(1); transition: all 0.36s ease-in-out;}

div.fuwutext{ width:4rem; height: 3rem; border-radius: 25px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: absolute; left: 0.7rem; top: -1.5rem; padding: 0.2rem; overflow-y: auto;  visibility: hidden; opacity: 0;}

div.fuwutextshow{ visibility: visible; opacity: 1;  }

img.fuwuimg{  transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform .8s ease-in-out;
    -moz-transition: transform .8s ease-in-out;
    -webkit-transition: transform .8s ease-in-out;display: inline-block;}


div.fuwubgmapico1{ left: 16%;  top: 22%;}

div.fuwubgmapico2{left:65%; top: 27%;  }

div.fuwubgmapico3{left: 81%;
    top: 74%; }
div.fuwubgmapico4{    left: 48%;
    top: 24%;}
div.fuwubgmapico5 {
    left: 50%;
    top: 50%;
}  
div.fuwubgmapico6 {
    left: 26%;
    top: 64%;
}
div.fuwubgmapico7 {
    left: 76%;
    top: 27%;
}
div.fuwubgmapico3 div.fuwutext{left: -4.5rem;
    top: -2rem;}
div.fuwubgmapico4 div.fuwutext{left: -4.5rem;
    top: -1rem;}
div.fuwubgmapico7 div.fuwutext{left: -4.5rem;
    top: -1rem;}
div.fuwubgmapico2 div.fuwutext{ left: -4.5rem;top: 0rem;}

div.nymainrt_cont table{ width: 100%;}
/*div.nymainrt_cont table td{ font-family: 'sc500';}*/
/*div.nymainrt_cont table td p{font-family: 'sc500';}*/
div.nymainmap{ width: 100%; height: 6rem;}

div.cplist{ width:24.2%; height: auto; float: left; margin-right: 1%; margin-bottom: 0.6rem; box-shadow: 0 0 20px rgba(0,0,0,0.1);}

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

div.cplistpic{ width: 100%; height: 2.17rem; overflow: hidden;}

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

div.cplist_bottom{ width: 100%; height: 2.33rem; background: #fff; padding: 0.46rem 0.4rem 0.3rem;}

div.cplist_bottom_t{ width: 100%; height: auto; line-height: 0.4rem; color: #333333; font-size: 0.3rem; }

div.cplist_bottom_line{ width: 0.3rem; height: 2px; background: #003399; margin-top: 0.24rem;}

div.cplist_bottom_ent{ float: left;  height: 0.6rem; margin-top: 0.3rem; line-height: 0.6rem; color: #cccccc; font-size: 0.16rem; font-family: 'sc500'; text-transform: uppercase;}

div.cplist_bottom_rtjt{ width: 0.6rem; height: 0.6rem; float: right;margin-top: 0.3rem; }

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

div.cplist:hover div.cplist_bottom{ background: #014999;}

div.cplist:hover div.cplist_bottom_t{ color: #fff;}

div.cplist:hover div.cplist_bottom_line{ background: #fff;}

div.cplist:hover div.cplist_bottom_ent{ color: #fff;}

div.cplist:hover div.cplistpicbg{ transform: scale(1.1);}

div.nyproback{ width: 100%; height: auto; position: relative; padding: 1.58rem 0 2.5rem;}

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

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

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

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

div.nyprocont{ width: 8.2rem; height: auto; padding: 0.58rem 0.53rem 0.45rem; background:rgba(0,0,0,0.5); margin-top: 0.34rem;}

div.pro_button{ width: 1.05rem; height: auto; float: right;}

div.pro_buttonleft{ width: 0.42rem; height: 0.42rem; float: left;}

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

div.pro_buttonright{ width: 0.42rem; height: 0.42rem; float: right;}

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

div.publicheadbackout{  width: 100%; top: 0; left:0; padding:0 4.5%;padding-bottom: 0.28rem;  border: none; background: rgba(0,0,0,0.6); }
div.publicheadbackout .publicheadlogonone {
    display: none;
}
div.headlefttext{ float: left; height: auto; color: #ffffff; font-size: 14px; line-height: 0.24rem;margin-left: 0.4rem; font-family: 'sc500';margin-top: 0.27rem; transition: all 0.36s ease-in-out;}


div.publicheadbackhin div.headlefttext{ color: #666666;}


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: #0cb488;} 



div.nybread1nleft{ width: 290px; float: left;}

div.nybread1nleft a:hover{ color: #00b082;}

div.nybread1nmid{ width: 165px; height: 86px; margin-left: 114px; 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-width: 100%;}


div.indexfive_more1{ width: 263px; height:68px; border: 1px solid #ffffff; line-height: 68px; text-align: center; color: #ffffff; font-size: 16px; margin-top: 0.74rem; border-radius: 8px; transition: all 0.36s ease-in-out; overflow: hidden; position: relative; font-family:'sc500'; text-transform:uppercase; opacity: 0;
    transform: translate(0px,50px);display:none;}

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

div.indexfive_more1 a{ display: block;  width: 100%; height: 100%; color: #fff; position: relative;font-family:'sc500';}

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

div.indexfive_more1:hover a{ color: #004d9d;}


.swiper-slide-active div.indexfive_more1 {
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.9s;
    margin:auto;
}
.swiper-slide-active div.indexbanner_t1 {
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.3s;
}

.swiper-slide-active div.indexbanner_t2 {
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.3s;
}

.swiper-slide-active div.indexbanner_t3 {
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.6s;
}

div.fuwubgmapico_newt{ width:100px; height:35px; line-height:35px; text-align:center;color:#003399; position:absolute; left: calc(-60px + 0.16rem); top:25px;  white-space:nowrap;}




.swiper-button-next:after, .swiper-button-prev:after {
    color:#fff;
    opacity: .5;
}



.cpsxtp {
    width: 100%;
    margin-top: 30px;
}
.cpsxtp img {
    max-width: 100%;
}





.cptjdwk {
    width: 100%;
	margin-top: 1rem;
	padding-bottom: 1.5rem;
}
.cptjnk {
	width: 87.7%;
	margin-left: auto;
	margin-right: auto;
}
.cptjbt {
	color: #014999;
	font-size: .36rem;
	line-height: 1;
}
.cptjxwk {
	width: 100%;
	margin-top: 0.5rem;
	overflow: hidden;
}
.cptjxmg {
	width: calc((100% - .66rem) / 4);
	margin-left: .22rem;
	float: left;
}
.cptjxmg:nth-child(4n-3) {
	margin-left: 0;
}
.cptjxmgtp {
	width: 100%;
}
.cptjxmgtp img {
	width: 100%;
}
.cptjxmgxwk {
	width: 100%;
	background: #014999;
	padding-top: 0.45rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.53rem;
	transition: .25s all;
}
.cptjxmgbt {
	color: #ffffff;
	font-size: .3rem;
	line-height: 1;
}
.cptjxmghx {
	width: 0.4rem;
	height: .02rem;
	background: #fff;
	margin-top: 0.35rem;
}
.cptjxmgjt {
	width: 0.6rem;
	border-radius: 50%;
	margin-top: 0.26rem;
	overflow: hidden;
	background: #0050a8;
	transition: .25s all;
}
.cptjxmgjt img {
	width: 100%;
	filter: grayscale(100%) brightness(300%);
	transition: .25s all;
}

.cptjxmg:hover .cptjxmgxwk {
	background: #026be0;
}
.cptjxmg:hover .cptjxmgjt {
	background: #fff;
}
.cptjxmg:hover .cptjxmgjt img {
	filter: grayscale(0%) brightness(100%);
}





.dbewmdwk {
    float: left;
    margin-left: 1.05rem;
    overflow: hidden;
    width: 4.6rem;
}
.dbewmmgwk {
    float: left;
    width: 1.2rem;
    margin-left: .5rem;
    margin-top: .2rem;
}

.dbewmmgwk:nth-child(3n-2) {
    margin-left: 0;
}
.dbewmmgwk:nth-child(1) {
    margin-top: 0;
}
.dbewmmgwk:nth-child(2) {
    margin-top: 0;
}
.dbewmmgwk:nth-child(3) {
    margin-top: 0;
}
.dbewmwk {
    width: 100%;
}
.dbewmwk img {
    width: 100%;
}
.dbewmmgwz {
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: .14rem;
    line-height: 1;
    margin-top: .14rem;
}


@media screen and (max-width : 1350px) {
.dbewmmgwk {
    margin-left: .3rem;
}
.dbewmmgwk:nth-child(3n-2) {
    margin-left: 0;
}
.dbewmdwk {
    float: left;
    margin-left: .5rem;
    overflow: hidden;
    width: 4.2rem;
}
}