header{
	width: 100%;
	height: 90px;
	position: fixed;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	transition: 0.2s;
	background: #fff;
	-webkit-box-shadow: #666 0px 0px 5px;
	-moz-box-shadow: #666 0px 0px 5px;
	box-shadow: #666 0px 0px 5px;
}
header .logo{
	left: 200px;
	top: 0;
	z-index: 1;
	height: 100%;
}
header .logo a{
	display: block;
	width: 100%;
	height: 100%;
}
header .logo a img{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
header .pc{
		display: flex;
		align-items: center;
		height: 100%;
		width: 60%;
	}
	 .pc ul{
		display: flex;
		height: 100%;
		width: 100%;
	}
	 .pc ul li{
		 height: 100%;
		 width: 15%;
		
		
	}
	 .pc ul li a{
		    font-size: 16px;
		    display: block;
		   height: 100%;
		   width: 100%;
		   display: flex;
		   justify-content: center;
		   align-items: center;
		    transition: 0.2s;
	}
	.pc ul li a:hover{
		text-decoration: none;
		cursor: pointer;
		background-color: #1874EF;
		color: #fff;
	}
	#sp_menu{
		display: none;
	}
	
	/**/
	header .ic_o{
		display: none;
	}
	/*主体页面*/
	main{
		padding: 0;
		display: flex;
		height: auto;
		display: -ms-flexbox; 
		flex-direction: column;
		
	}
	main .slider_warp{
		width: 100%;
		height: 600px;
	}
	.swiper-container {
	    width: 100%;
	    height: 100%;
	}
	.swiper-slide {
	    text-align: center;
	    font-size: 18px;
	    background: #fff;
	
	    /* Center slide text vertically */
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	}
	.swiper-slide img{
		display: block;
		height: 100%;
		width: 100%;
	}
	main .container{
		margin: 0 30px;
	}
	main .container img{
		width: 66%;
		    margin: 0 17%
	}
	section.contentsSection{
		    max-width: 1060px;
		    margin: 0px auto 0 auto;
	}
	section.service .service_wrap {
	    display: flex;
	    justify-content: space-between;
	}
	section.service .service_wrap .boxs_news1,section.service .service_wrap .boxs_news2{
		    margin: 0 0 30px 0;
		    width: calc(590 / 1200 * 100%);
	}
	.boxs_news1 a img{
		width: 100%;
		height: 100%;
		margin: 0;
	}
	.boxs_news2 .time{
		letter-spacing: 3px
	}
	.boxs_news2 .p_news{
		    font-size: 18px;
		    margin: 20px 0;
		    font-weight: bold;
	}
	.boxs_news2 .tx{
		font-family: "Helvetica Neue", Helvetica, sans-serif;
		    font-size: 13px;
		    margin-right: 10px;
		    letter-spacing: 0.05em;
			color: #1874EF;
	}
	
	/*4个图文*/
	.Section_ul{
		width: 100%;
		display: flex;
	}
	.Section_ul .dblock{
		width: 100%;
	}
	.service_wrap .box_wow{
		margin-left: 25px;
		width: 100%	;
	}
	 .box_wow .image{
		
		width: 100%;
		height: 200px;
	}
	.box_wow h2{
		display: -webkit-box;
		            -webkit-box-orient: vertical;
		            -webkit-line-clamp: 2; /* 限制显示2行 */
		            overflow: hidden;
		            text-overflow: ellipsis;
		            /* 确保文本不会换行到下一行 */
		            word-wrap: break-word;
		            word-break: break-all;
	}
	.image a{
		display: block;
		width: 100%;
		height: 100%;
	}
	.image a img{
		width: 100%;
		height: 100%;
		overflow: hidden;
		margin: 0;
	}
	 section .service_wrap .box_wow .image:hover {
	    opacity: 0.7;
	  }
	  .service_wrap .box_wow .image h2 .en{
		      font-weight: 500;
	  }
	  /* 更多资讯 */
	  .more_news {
	     margin-top: 10px;
	      text-align: center;
	  }
	  .more_news a {
	      font-size: 14px;
	      font-weight: bold;
	      padding: 6px 40px;
	      border: 2px solid #1874EF;
	      color: #1874EF;
	      letter-spacing: 3px;
	  }
	  .more_news a:hover{
		  background-color: #1874EF;
		  color: #fff;
	  }
	  /*主营业务*/
	  .bisiness{
		  width: 100%;
		    position: relative;
		    display: block;
		    
	  }
	  .bisiness img{
		  width: 100%;
	  }
	  .bs_bg {
	      width: 100%;
	      /* overflow: hidden; */
	  }
	  .bs_padd {
		margin: 0 50px;
		background: #fff;
		height: auto;
		border: 1px solid #ddd;
		-webkit-box-shadow: #666 0px 0px 10px;
		-moz-box-shadow: #666 0px 0px 10px;
		box-shadow: #666 0px 0px 10px;
	}
	.bs_img {
		width: 100%;
	    padding: 67px 80px 80px 80px;
	}
	.bs_img img {
	    border: 0px;
	    position: relative;
	    cursor: pointer;
	    transition: all 0.6s;
	    z-index: 9999;
	}
	.bs_img li {
		position: relative;
		width: 32%;
		height: 300px;
		display: inline-block;
		margin-right: 6px;
		margin-top: 13px;
		cursor: pointer;
		background-image: url('http://www.rpent-cd.com/resource/images/ekdt.jpg');
		background-size: 100% 100%;
	}
	.bs_img li::before{
		content: "";
		  position: absolute;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色蒙版 */
	}
	.bs_img li a{
		display: block;
		width: 100%;
		height: 100%;
		
	}
	.bs_img li a img{
		
		width: 100%;
		height: 100%;
	}
	.bs_img li span.span_1 {
	    padding-top: 70px;
	    letter-spacing: 3px;
	}
	.bs_img li span.span_2 {
	    font-size: 20px;
	    padding-top: 180px;
	    letter-spacing: 1px;
	}
	.bs_img li span {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    color: #fff;
	    font-size: 28px;
	    font-weight: bold;
	    left: 0%;
	    text-align: center;
	    z-index: 9999;
	}
	
	/*关于我们*/
	.guanyu{
		
	}
	.guanyu .hline{
		border-bottom: 1px solid #dddddd;
	}
	.hline .ja_about{
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 3px;
	}
	.boxs_news2 .p_about{
		line-height: 25px;
		font-size: 14px;
		margin-bottom: 15px
	}
	.guanyu .hstyle_about{
		font-size: 14px;
		margin-bottom: 15px
	}
	.wrap_link_arrow{
		display: inline-block;
	}
	.wrap_link_arrow  .link_arrow_about {
	    margin-top: 35px;
	    padding: 3px 20px;
	    background: #1874EF;
	    color: #fff;
	}
	.wrap_link_arrow .link_arrow {
	    display: flex;
	    align-items: center;
	    margin-top: 20px;
	    flex-basis: auto;
	}
	.wrap_link_arrow a.link_arrow span.tx {
	    font-family: "Helvetica Neue", Helvetica, sans-serif;
	    font-size: 13px;
	    margin-right: 10px;
	    letter-spacing: 0.05em;
		color: #fff;
	}
	/*样式一*/
	.wrap_ul_01{
		display: flex;
		justify-content: space-between;
	}
	.wrap_ul_01 .box{
		margin-left: 25px;
		width: calc(364 / 1200 * 100%)
	}
	.wrap_ul_01 .box:first-child{
		margin-left: 0;
		margin-top: 20px;
	}
	.wrap_ul_01 .box:nth-child(2){
		margin-left: 0;
		margin-top: 100px;
	}
	.wrap_ul_01 .box:nth-child(4){
		margin-left: 0;
		margin-top: 80px;
	}
	.wrap_ul_01 .box .image {
	    margin-bottom: 10px;
	}
	.wrap_ul_01 .box .image img{
		width: 85%;
	}
	
	.wrap_ul_01 .gw_1 {
	    background: #000;
	    padding: 3px;
	    color: #fff;
	}
	.wrap_ul_01 .gw_15 {
	    padding-bottom: 15px;
		overflow-x:hidden ;
		text-overflow: clip;
	}
	.wrap_ul_01 .gw_4 {
	    border: 2px solid #1874EF;
	    padding: 3px 15px;
	    color: #1874EF;
	}
	/* 样式二 */
	.wrap_ul_02{
		display: none;
	}
	.service_wrap_top{
		margin-top: 200px;
	}
	.service_wrap_top .box{
		margin-left: 25px;	
		width: calc(364 / 1200 * 100%)
	}
	.service_wrap_top .box:first-child{
		margin-left: 0;
		margin-top: 20px;
	}
	.service_wrap_top .box:nth-child(2){
		margin-left: 0;
		margin-top: -100px;
	}
	.service_wrap_top .box:nth-child(4){
		margin-left: 0;
		margin-top: -80px;
	}
	.service_wrap_top .box .image {
	    margin-bottom: 10px;
	}
	.service_wrap_top .box .image img{
		width: 85%;
	}
	.service_wrap_top .gw_1 {
	    background: #000;
	    padding: 3px;
	    color: #fff;
	}
	.service_wrap_top .gw_15 {
	    padding-bottom: 15px;
	}
	.service_wrap_top .gw_4 {
	    border: 2px solid #1874EF;
	    padding: 3px 15px;
	    color: #1874EF;
	}
	footer {
	    /* margin-top: 150px; */
	    padding: 45px 30px 0 30px;
	  }
	  footer .inner_footer_top {
	    max-width: 1300px;
	    margin: 0 auto;
	    display: flex;
	    justify-content: space-between;
	  }
	  footer .inner_footer_top .logo {
	    width: 230px;
	  }
	  footer .inner_footer_top .wrap_info {
	    width: 968px;
	    padding-top: 0;
	    padding-left: 20px;
	  }
	  .bottom_line{
		      border-bottom: 1px solid #dddddd;
			  padding-bottom: 20px;
	  }
	  footer .inner_footer_top .wrap_info .name {
	    font-size: 16px;
	    padding-bottom: 10px;
	    margin-bottom: 13px;
	  }
	  footer .inner_footer_top .wrap_info .address {
	    font-size: 13px;
	  }
	  footer .inner_footer_top .wrap_info .tel_fax {
	    font-size: 13px;
	  }
	  .footer_nav01{
		      margin-top: 25px;
		      display: flex;
		      flex-wrap: wrap
	  }
	   footer .inner_footer_top .wrap_info li {
	    margin-right: 30px;
	    margin-top: 0;
	  }
	  footer .inner_footer_top .wrap_info li a:hover{
		  color: #858282;
	  }
	  footer .inner_footer_bottom {
	    max-width: 1300px;
	    margin: 20px auto 50px auto;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	  }
	  footer .inner_footer_bottom ul.footer_nav02 {
	    padding-left: 0;
	  }
	  footer .inner_footer_bottom ul.footer_nav02 li:not(:last-child) {
	    margin-right: 13px;
	    padding-right: 13px;
	  }
	  footer .inner_footer_bottom ul.footer_nav02 li.icon_blank {
	    position: relative;
	  }
	  footer .inner_footer_bottom ul.footer_nav02 li.icon_blank:after {
	    position: absolute;
	    right: 0;
	    top: 6px;
	    content: "";
	    display: block;
	    width: 12px;
	    height: 12px;
	    background-size: contain;
	  }
	  footer .inner_footer_bottom ul.footer_nav02 li a {
	    font-size: 12px;
	  }
	  footer .inner_footer_bottom small {
	    margin-top: 0;
	  }
	  .footer_nav02_04 li{
	  		  float: left;
	  }
	  /*返回顶部*/
	  #back-to-top {
	             position: fixed;
	             bottom: 20px;
	             right: 20px;
	             background-color: #3aa9f2;
	             color: white;
	             width: 40px;
	             height: 40px;
	             border-radius: 50%;
	             display: flex;
	             align-items: center;
	             justify-content: center;
	             box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	             opacity: 0;
	             visibility: hidden;
	             transition: opacity 0.3s, visibility 0.3s;
	             cursor: pointer;
	             z-index: 100;
				 font-size: 1.75rem;
	         }
	  	  
	         #back-to-top:hover {
	             background-color: #3aa9f2;
	         }
	  	  
	         #back-to-top.show {
	             opacity: 1;
	             visibility: visible;
	         }
	  
	  
@media screen and (max-width: 768px){
	header{
		width: 100%;
		height: 60px;
	}
	header .ic_o{
		display: block;
		width: 65%;
		height: 100%;
	}
	.ic_box{
		width: 50px;
		height: 50px;
		    background: #fff;
		    display: inline-block;
		    position: fixed;
		    right: 0;
		    top: 0;
		    width: 50px;
		    height: 50px;
		    vertical-align: middle;
		    text-align: center;
		    z-index: 100;
	}
	.hm-icon{
		    display: block;
		    position: absolute;
		    top: 50%;
		    left: 45%;
		    width: 24px;
		    height: 2px;
		    margin: -1px 0 0 -9px;
		    background: #333;
		    transition: 0.2s;
	}
	.hm-icon:after {
	    margin-top: 6px;
	}
	.hm-icon:before {
    margin-top: -8px;
}
	.hm-icon:before, .hm-icon:after {
	    display: block;
	    content: "";
	    position: absolute;
	    top: 50%;
	    left: 0;
	    width: 24px;
	    height: 2px;
	    background: #333;
	    transition: 0.4s;
	}
	#sp_menu {
	    position: fixed;
	    top: 0;
	    display: none;
	    z-index: 11;
	    width: 100vw;
	    height: 100%;
	    background-color: #1874EF;
	    overflow-y: scroll;
	    -webkit-overflow-scrolling: touch;
	    overflow-scrolling: touch;
	}
	
	#sp_menu .inner {
	    height: 100%;
	    position: relative;
	    padding: 46px;
	}
	#sp_menu .inner nav {
	    position: relative;
	    margin-bottom: 50px;
	}
	#sp_menu .inner nav ul li {
	    margin-bottom: 20px;
	}
	#sp_menu .inner nav ul li a {
	    color: #fff;
	    font-weight: 700;
	    font-size: 18px;
	    display: block;
	}
	#sp_menu .inner small {
	    display: block;
	    font-size: 10px;
	    color: #fff;
	    padding-bottom: 40px;
	}
	.clicked #sp_menu {
	  background: none;
	}
	.clicked .hm-icon:before,
	.clicked .hm-icon:after {
	  background: #fff;
	}
	
	 .close {
	  background: transparent;
	  text-align: center;
	}
	
	 .close:before,
	 .close:after {
	  margin-top: 0;
	  display: block;
	      content: "";
	      position: absolute;
	      top: 50%;
	      left: 0;
	      width: 24px;
	      height: 2px;
	      background: #fff;
	      transition: 0.4s;
		  
	}
	
	 .close:before {
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	
	 .close:after {
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	}
	header .logo{
		
	}
	header .pc{
		display: none;
	}
	main {
		width: 100%;
		margin-top: 50px;
	}
	main .container img{
		width: 100%;
		margin: 0;
	}
	main .slider_warp{
		width: 100%;
		height: 300px;
	}
	section.service .service_wrap{
		display: block;
		
	}
	section.service .service_wrap .boxs_news1, section.service .service_wrap .boxs_news2{
		width: 100%;
		
	}
	section.service .service_wrap .boxs_news2{
		margin-bottom: 0;
	}
	.Section_ul{
		display: block ;
		margin-top: 10px;
	}
	.boxs_news1{
		width: 100%;
		
	}
	.boxs_news1 a{
		display: block;
		height: 12.5rem;
		width: 100%;
	}
	.wrap_li{
		display: flex;
		margin-top: 60px;
	}
	.more_news{
		margin: 30px auto 20px auto;
	}
	.wrap_link{
		margin-top: 10px;
	}
	.dblock{
		display: flex !important;
	}
	.service_wrap .box_wow{
		width: 100%;
		margin-left: 25px;
		
	} 
	.service_wrap .box_wow:first-child{
		margin-left: 0;
	}
	.wrap_ul_01{
		display: none;
	}
	.box .image img{
		display: block;
		width: 100%;
	}
	.wrap_ul_02{
		display: block;
	}
	.bisiness{
		width: 100%;
		min-height: 645px;
		
	}
	.bs_bg{
		top:60px;
		width: 100%;
		
	}
	.bs_padd{
		margin: 0 15px;
	}
	.bs_img{
		padding: 10px;
	}
	
	.bs_img li{
		width: 47%;
		height: 200px;
	}
	.bs_img li a{
		display: block;
		width: 100%;
		height: 200px;
	}
	.bs_img li span.span_1{
		font-size: 16px;
		padding-top: 50px;
	}
	.bs_img li span.span_2{
		font-size: 12px;
		padding-top: 130px;
	}
	.service_wrap_top{
		display: flex !important;
	}
	.service_wrap_top .box{
		width: 100%;
	}
	.service_wrap_top .box:nth-child(2){
		margin-left: 0;
		margin-top:-40px;
	}
	.service_wrap_top .box:nth-child(4){
		margin-left: 0;
		margin-top: -20px;
	}
	footer{
		padding: 10px 30px 0px 30px;
	}
	footer .logo{
		display: none;
	}
	footer .inner_footer_top .wrap_info{
		width: 100%;
		padding-left: 0;
	}
	.footer_nav01 li{
		margin: 0 !important;
	}
	.footer_nav01 li a{
		margin: 0;
		font-size: 14px;
		    font-weight: normal;
		    display: block;
		    position: relative;
		    padding-left: 15px;
		    letter-spacing: 0.1em;
		    transition: 0.2s;
	}
	
	.inner_footer_bottom{
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		font-size: 10px;
	}
		
	.footer_nav02_01,.footer_nav02_02,.footer_nav02_03{
		flex-grow: 1; /* 弹性增长 */
		    flex-shrink: 1; /* 弹性收缩 */
		    max-width: 30%; /
	}
	.footer_nav02_04{
		display: flex;
				flex-grow: 1;
				    flex-shrink: 1;
				min-width: 100%;
				justify-content: center;
				align-items: center;
	}
	#back-to-top {
	               width: 35px;
	               height: 35px;
	               bottom: 15px;
	               right: 15px;
	           }
}