.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  margin: 0 auto;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap div {
  float:left;
  width:100%;
  position: relative;
}
#pager em{display: inline-block;
    width: 0.5rem;
    height: 2px;
    border-radius: 10px;
    background: #96acc9;
	margin:0 2px;
}
#pager em.on{background-color: #fff;}
#pager{
	text-align:center;
	position:relative;
	z-index:999999999;
	bottom:0.325rem
}
.ppd_add img{
	width:40px;
	cursor:pointer
}
.prev_prev img{
	position:absolute;
	top: 50%;
	left:1%;
    transform: translate(0, -50%);
}
.next_next img{
	position:absolute;
	top: 50%;
	right:1%;
    transform: translate(0, -50%);
}
.header .top{
	background:#f5f5f5;
	color: #282828;
	padding:0.145rem ;
	overflow:hidden
}
.header .top span:nth-child(even){
	float:right;
	background:#fff;
	
}
.header .top span:nth-child(even) .text{
	border:0;
	padding-left:0.2rem
}
.header .top span:nth-child(even) img{
    padding-right: 5px;
}
.box{
	width:1200px;
	margin:0 auto
}

.header .nav li a:hover {
	color: #00a3e4
}

.menu-down a.menulink:link {
	background: transparent;
	color: #333;
	text-decoration: none;
	cursor: pointer;
}

.menu-down a.menulink:hover {
	background: transparent;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.menu-pub.menu02 {
	width: auto;
}

.menu-down {
	font-size: 14px;
	float: left;
}

.menu-down dl {
	text-align: left;
	padding-left: 30px;
	margin-top: 20px;
	width: 50%;
}

.menu-down dl dt i {
	display: inline-block;
	background: url(../images/icon.jpg) no-repeat;
	width: 12px;
	height: 12px;
	padding-right: 22px;
}

.menu-down dl dd a {
	margin-right: 20px;
	display: block
}

.menu-down dl dt {
	font-weight: bold;
	width: 100%;
	line-height: 42px;
	cursor: pointer;
	font-size: 16px;
}

.menu-down dl dd {
	line-height: 28px;
	margin-top: 4px;
}

.icon_up {
	position: absolute;
	top: -10px;
	left: 20px;
}

.icon_up img {
	width: 20px
}

.header .nav li:nth-child(5) .menu-down dl dd a:last-child {
	display: none
}

.menu-pub {
	position: absolute;
	top: 129px;
	padding: 0 30px 30px 0;
	background: #fff;
	z-index: 99999999;
	display: none;
	box-shadow: 0 1px 6px rgba(0,0,0,.2);
}

.menu-pub .pic {
	padding: 25px 20px 0;
}



.header ul li:nth-child(6) .menu-pub.menu02 {
	right: 50px
}

.header ul li:nth-child(7) .menu-pub.menu02 {
	right: 0px
}

.header ul li:nth-child(6) .icon_up {
	left: 12px
}
.header li.actives .menu-pub {
    display: block;
}
.header ul li:nth-child(7) .icon_up {
	left: 100px
}
.pc_nav {
	width:75%;
	text-align:right
}
.pc_nav li.actives a,.pc_nav li.active a,.pc_nav li.active .menu-pub a:hover{
	color:#5abddd
}
.pc_nav li.active .menu-pub a,.pc_nav li .menu-pub a{
	color:#333
}
.pc_nav li {
    display: inline-block;
    line-height: 90px;
    text-transform: uppercase;
    margin-left: 4%;
	font-size:0.28125rem
}
.pc_nav li a{
	 color: #000000;
}
.m_nav {
	display:none
}
.menu-down .w50{
	width:100%;
}
.pc_nav li:nth-child(3) .menu-down dl:last-child{
	position: absolute;
	  top: 0;
	  right: 0;
}
.pc_nav li:nth-child(4) .w50 dd{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pc_nav li:nth-child(4) .w50 dl{
	width: 100%;
}
.pc_nav li:nth-child(4) .w50 dd a{
	width: 42%;
}
.wap_nav{
	background:#fff;
	position:fixed;
	top:1.78rem;
	z-index:9999999999999;
	width:100%;
	padding:0 0.4rem;
	display:none
}
.wap_nav h1{
	position:relative;
	padding:0.145rem 0;
	color:#15549b;
	font-weight:bold
}
.wap_nav h1 i{
	float:right
}
.wap_nav li{
	padding:0.235rem 0;
	border-top:1px solid #dee7f2;
	text-transform: uppercase;
	color:#6f7887;
	font-weight:bold;
	padding-left:0.325rem
}
.wap_nav li.active a{
	color:#5abddd
}

.wap_nav li dl{
	text-indent:1em;
	display:flex;
	flex-wrap:wrap;
}
.wap_nav li dl dd{
    padding: 0.235rem 0;
}
.apple a{ text-decoration:none;}
.apple ul{ width:100%}
.apple{  height:1rem; overflow:hidden; background:#fff}
.apple a{ width:100%; height:1rem; line-height:1rem; text-indent:20px; color:#666666; font-size:0.3rem}
.apple img{
	position:relative;
	top:0.25rem
}
.apple a i{
	opacity:0.5
}
.bg_blue{
	background:#f5f5f5;
	padding:0.5rem 0
}
.service .box{
	background:#fff
}
.pub_tit img{
	padding:0.625rem 0;
	display:block;
	margin:0 auto
}
.service .list dl{
	float:left;
	margin-left:2.92%;
	margin-bottom:3%;
	position:relative;
	cursor:pointer
}
.service .list dd{
	position:absolute;
	width:100%;
	bottom:0;
	text-align:center;
	background: rgba(0, 0, 0, 0.5);
	color:#fff;
	padding:0.235rem 0;
	font-size:0.34375rem
}
.href a{
	background:#59bcdb;
	color:#fff;
	margin: 0  auto 0.5rem auto;
	display:block;
	width:1.825rem;
	padding:0.125rem 0;
	text-align: center;
	-moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
.ff{
	position:fixed
}
.platform{
	background: url(../images/yq_bg.jpg) no-repeat;
	overflow: hidden;
	position: relative;
}
.platform ul.mobile{
	display:flex;
	justify-content:space-between ;
}
.platform ul.mobile li{
	width:48%;
	margin:0 1%
}
.platform ul.mobile li img{
	width:100%
}
.platform ul.mobile li dl {
    background: #00a3e4;
    text-align: center;
    color: #fff;
	height:110px;
	font-size:18px;
}
.platform ul.mobile li dt {
	padding:0.345rem 0 0.25rem 0
}
.platform ul.mobile li dd{
	font-family:Arial, Helvetica, sans-serif
}
.platform ul.mobile li{
	position:relative
}
.platform ul.mobile li .hover {
    position: absolute;
    top: 0;
    background-color: #000000;
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height:100%;
    display: none;
    font-size: 87.5%;
}
.platform ul.mobile li .hover b img {
    width: 15px;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -7.5px;
}
.platform ul.mobile li.active .hover {
    display: block;
}
.platform ul.mobile li .hover h3 {
    color: #fff;
    width: 90%;
    margin: 0 auto;
	text-indent:2em;
    line-height: 36px;
	font-size:17px;
	 position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.postion{
	position:relative
}

.marqueeleft {
	overflow: hidden;
}

.marqueeleft ul {
	float: left;
}
.laboratory.bg_blue,.platform.bg_blue{
	padding:0
}
.platform.bg_blue{
	padding-bottom:3%
}
.marqueeleft li {
	float: left;
	margin: 0 10px;
	display: inline;
	overflow: hidden;
}

.marqueeleft li .pic {
	display: block;
	border: #ccc 1px solid;
	overflow: hidden;
}

.marqueeleft li .txt {
	text-align: center;
	padding:30px 0;
	font-size:20px;
	color:#666666
}

.pub_logo{
	padding-bottom:0.5rem
}
.pub_logo .list li{
	width:23%;
	margin:1%;
	background:#f3f9ff;
	float:left	
}
.bg_f {
	background:#fff
}
.contact .cont_left{
	width:45%;
}
.contact .cont_right{
	width:55%;
	font-size:20px;
	line-height:46px;
	padding-bottom:0.7rem
}
.contact .cont_left img{
	width:100%
}
.contact .cont_right p{
	padding-left:0.5rem;
	color:#666666
}
.footer {
    background: #2f3034;
    padding-top: 70px;
}
.footer .foot_nav dl {
    float: left;
	width:25%
}
.footer .foot_nav dt i {
    display: block;
    margin: 10px 0;
}
.footer .foot_nav dt, .footer .foot_contact dt {
    color: #fff;
    font-size: 14px;
}
.font_db {
    background: #000000;
    padding: 15px 0;
    margin-top: 20px;
    color: #fff;
    font-size: 14px;
	text-align: center 
}
.footer .foot_nav dd a {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    opacity: .8;
}
.foot_core img{
	width:145px;
	height:145px;
}
.foot .foot_nav {
	width:80%
}
.footer .box {
    background: url(../images/map.png) no-repeat;
	overflow:hidden
}
.news .href a{
	margin:0.5rem auto 0 auto
}
.right-flex {
    width: 45px;
    position: fixed;
    top: 90%;
    right: 0;
    z-index: 10;
}
.right-flex li {
    margin-bottom: 5px;
    position: relative;
    width: 45px;
    height: 45px;
    float: right;
    line-height: 45px;
    background: #c8c8c8;
    transition: width .3s, background .3s, margin .3s;
}
.right-flex li a {
    display: block;
    width: 100%;
    height: 100%;
}
.right-flex li .ico.ico08 {
    background: url(../images/a31.png) no-repeat center;
}
.right-flex li .ico {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    transition: right .3s;
}
.right-flex li:hover {
width: 55px;
	background: #00a3e4
}
.wap_nav .m_ss{
	background:#f5f5f5;
	width:96%;
	margin:2% auto;
	-moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
.wap_nav .m_ss .text{
	width:85%;
	background:#f5f5f5;
	border:0;
	padding-left:0.5rem
}
.header {
    position: relative;
    z-index: 99999999999999999;
    background: #fff;
}
#mcover{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 99999998;
}
.m_foot{
	display:none
}
.m_foot dl{
	display:flex;
	justify-content:space-between ;
	color:#fff
}

.xu_about .one{
	padding:0.5rem 0;
	display:flex;
	justify-content:space-between ;
}
.xu_about .one .img{
	width:40%
}
.xu_about .one .txt{
	width:57%
}
.xu_about .one .txt em,.xu_about .one .txt i{
	display:block
}
.xu_about .one .txt h2 b{
	font-size:0.475rem;
	font-weight:normal
}
.xu_about .tow .t_one .txt h2 b{
	font-size:0.45rem;
	font-weight:normal
}
.xu_about .one .txt h2 em{
	font-size:0.28125rem;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	opacity:0.8;
	margin:0.225rem 0 
}
.xu_about .one .txt p,.xu_about .tow .t_one .txt  p{
	color:#79797b;
	font-size:16px;
	margin-top:0.30625rem;
	line-height:0.5rem;
	text-indent:2em
}
.xu_about .one .txt h2:nth-child(3){
	margin-top:0.30625rem;
}
.xu_about .one .txt h2:nth-child(3) i,.xu_about .tow .t_one .txt h2 i{
	margin:0.225rem 0 ;
	display:block
}
.xu_about .tow .t_one .txt,.xu_about .tow .t_one:nth-child(2) .img{
	float:left
}
.xu_about .tow .t_one .img,.xu_about .tow .t_one:nth-child(2) .txt{
	float:right
}
.xu_about .tow .t_one .txt{
	height:375px
}
.xu_about .tow .t_one .img,.xu_about .tow .t_one .txt{
	width:50%;
}
.xu_about .tow .t_one .txt{
	padding:0.6rem;
	padding-top:1.325rem
}
.xu_about .tow .t_one:nth-child(1) .txt,.xu_about .tow .t_one:nth-child(3) .txt{
	background:#00a3e4;
	color:#fff;
}
.xu_about .tow .t_one:nth-child(2) .txt{
	background:#f4f4f4;
	color:#79797b;
}
.xu_about .tow .t_one:nth-child(odd) .txt  p{
	color:#fff
}
.xu_about .tow .t_one .txt  p{
	width:90%
}
.xu_about .tow .t_one .txt{
	padding-left:5%
}
.xu_about .there{
	background:url(../images/ry.jpg) repeat-y;
	height:600px;
	width:100%;
	margin-top:0.5rem
}
.xu_about .there li{
	width:48.5%;
	float:left
}
.xu_about .there li:nth-child(2){
	float:right
}
.xu_about .there li img{
	width:100%
}


.xu_about .platform{
	background-image:none;
	background-color:#f5f5f5
}
.xu_service .list{
	background:#fff;
	text-align:center;
	cursor:pointer;
	overflow:hidden
}
.xu_about .one .img img{
	width:100%
}
.xu_service .list h2{
	font-size:	0.34375rem;
	padding-top:0.5625rem
}
.xu_service .list em{
	font-size:	0.25rem;
	color:#9a9a9a;
	display:block;
	padding:0.25rem 0
}


.xu_service .list:nth-child(1),.xu_service .list:nth-child(2){
	width:49.5%;	
}
.xu_service .list:nth-child(3),.xu_service .list:nth-child(4),.xu_service .list:nth-child(5){
	width:32.667%;
	margin-left:1%	;
	margin-top:1%
}
.xu_service .list:nth-child(1),.xu_service .list:nth-child(3),.xu_service .list:nth-child(4),.xu_service .list:nth-child(5){
	float:left
}
.xu_service .list:nth-child(2){
	float:right
}
.xu_service .list:nth-child(3){
	margin-left:0
}
#service .tit em,#service .tit i{
	display:block
}
#service .tit {
	text-align:center;
	padding:0.5rem 0
}
#service .tit h2,#service .tit em{
	font-size:0.4375rem;
	color:#3a383b
}
#service .tit em{
	margin:0.28125rem auto 0 auto
}
#service .tit i{
	margin:0.28125rem auto 0 auto
}
#service p{
	text-indent:2em;
	font-size:0.3125rem;
	color:#666666;
	line-height:0.625rem
}
#service {
	padding-bottom:0.625rem
}
#service p img{
	display:block;
	margin:0 auto
}
.xu_service dl{
	width:31.333%;
	float:left;
	margin:1%;
	box-shadow:0 0 10px #d6d6d6;
	cursor:pointer
}
.xu_service dd{
	padding:0.33125rem
}
.xu_service dd h4{
	font-size:0.34375rem;
	color:#525252;
	height:29px
}
.xu_service dd p{
	font-size:0.25rem;
	margin:0.25rem 0;
	color:#b2b2b2;
	line-height:0.385rem
}
.xu_service dl img{
	width:100%
}
.product .list{
	padding:0.5rem;
	cursor:pointer
}
.product .list:nth-child(odd) .txt,.product .list:nth-child(even) .img{
	float:left	
}
.product .list:nth-child(odd) .img,.product .list:nth-child(even) .txt{
	float:right	
}
.product .list .img{
	width:50%
}
.product .list .txt{
	width:45%
}
.product .list .txt{
	padding:0.325rem
}
.product .list:nth-child(even){
	background:#f5f5f5
}
.product .list .txt h2{
	font-size:0.5rem
}
.product .list .txt p{
	font-size:0.28215rem;
	color:#9c9c9c;
	line-height:0.5625rem;
	margin:0.5rem 0;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.product .list .txt  h5{
	color:#5abddd;
	font-size:0.28215rem;
}
.product .list .txt  h5 i{
	margin-left:5px
}
.news{
	background:#f5f5f5;
	padding:0.35rem
}
#marquee2{
	height:350px;
	overflow:hidden
}
.news-page a {
	font-size: 16px;
	line-height: 40px;
	padding:0 15px;
	height: 40px;
	display: inline-block;
	background: #f5f5f5;
	color: #989898;
	transition: background .3s, color .3s;
	margin: 0 3px;
	text-align: center;
	border:1px #989898 solid
}

.news-page a img {
	width: 15px;
	padding-top: 12px
}

.news-page {
	text-align: center;
	width: 100%;
	overflow: hidden
}

.news-page a.active,.news-page a:hover {
	background: #59bcdb;
	color: #fff;
	border:1px #59bcdb solid
}
.news .list{
	background:#fff;
	padding:0.5rem;
	margin-bottom:0.225rem;
	cursor:pointer
}
.news .list .txt{
	width:53%;
	float:left
}
.news .list .txt h2{
	font-size:0.5rem;
	margin:0.43875rem 0
}
.news .list .txt p{
	font-size:0.3125rem;
	color:#7f8180;
	line-height:0.5625rem;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news .list .img{
	width:42%;
	float:right
}
.news .list .img img{
	width:100%
}
.news .list .txt h5{
color:#5abddd;
	font-size:0.28215rem;
	margin-top:0.35rem
}
.news .list .txt  h5 i{
	margin-left:5px
}
#news {
	padding:0.5rem 0
}
#news .tit{
	text-align:center;
	font-size:0.34375rem;
	margin-bottom:0.34375rem;
}
#news .timer{
	text-align:center;
	color:#b2b2b2;
	font-size:15px;
}
#news .timer i{
	background:#f2f2f2;
	font-size:13px;
	padding:5px
}
#news .timer em{
	margin:0 12px
}
#news p{
	color:#5d5d5d;
	line-height:26px;
	font-size:16px;
	text-indent:2em;
	margin:0.325rem 0
}
#news p img{
	display:block;
	margin:0 auto
}
.fenpage {
	border-top: 1px #eee solid;
	padding-top: 25px;
	position: relative
}

.fenpage li {
	padding-bottom: 20px;
}

.fenpage li a:hover {
	color: #00a3e4
}
.fenpage li a{
	font-size:16px
}
.fenpage h5 a {
	display: block;
	width: 124px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 40px;
}

.fenpage {
	margin-top: 60px
}
.process p img{
	display:block;
	margin:0 auto
}
.process li{
	line-height:32px
}
.process ul{
	margin-bottom:30px
}
.process li img{
	width:22px;
	position:relative;
	top:-3px;
	margin-right:8px
}
.process li a:hover{
	color:#5abddd
}
.job_tow .job_list .clo_5  i {
	background: url(../images/jia.png) no-repeat;
	width: 21px;
	height: 21px;
	display: inline-block;
	position: relative;
	top: 2px;
}

.job_tow .job_list.active  .clo_5  i {
	background: url(../images/jian.png) no-repeat;
	width: 21px;
	height: 21px;
	display: inline-block;
	position: relative;
	top: 2px;
}
.process h1{
	text-align:center;
	font-size:0.25rem;
	padding-bottom:0.5rem;
	border-bottom:1px #f0f0f0 solid;
}
.process h1 a{
	color:#5abddd
}
.job_tow .job_list:nth-child(1){
	border-top:1px #f0f0f0 solid;
}
.job_tow .job_list .clo_5{
	padding:0.35rem;
	border-bottom:1px #f0f0f0 solid;
	font-size:0.3125rem;
	display:flex;
	justify-content:space-between ; 
}
.job_tow .job_list .job_hide{
	padding-bottom:0.5rem;
	display:none;
	border-bottom:1px #f0f0f0 solid;
}
.job_tow .job_list .job_hide b{
	display:none
}
.bot  h1{
	font-size:0.25rem;
	padding:0.5rem 0 0.25rem 0;
	font-weight: bold
}
.bot .lefts p{
	line-height:0.45rem;
	font-size:0.25rem;
	color:#777777
}
.job_tow .job_list.active .clo_5{
	background:#5abddd;
	color:#fff
}
.job_tow .job_list.active .job_hide{
	display:block
}
.job_tow {
	margin-bottom:1rem
}
.c_list_fl{
	width:42.5%;
	float:left;
	background:#f7f7f7;
}
.c_list_fl li img,.c_list_fl li{
	width:150px
}
.c_list_fl li em{
	display:block;
	text-align:center
}
.c_list_fl {
    font-weight: 300;
    font-size: 16px;
    color: #869294;
    line-height: 0.5rem;
	padding:0.390625rem;
	padding-top:0;
	background:#f7f7f7
}
.c_list_fr{
	width:55%;
	float:right
}
.c_list_fl dt{
	float:left;
	margin-right:0.3215rem
}
.c_list_fl dl{
	overflow:hidden;
	position:relative;
	margin-bottom:0.3251rem
}
.c_list_fl dd{
	font-size: 24px;
    color:#304254;
    font-weight: 300;
    margin: 0;
	position:absolute;
    top: 50%;
	left:1.090625rem;
    transform: translate(0, -50%);
}
.c_list_fl dt img{
	width:0.7rem
}
.contact{
	margin:0.5rem auto
}
#xu_service .list:nth-child(1), #xu_service .list:nth-child(2), #xu_service .list:nth-child(3){
	width:32.667%;
	margin-top:0
}
#xu_service .list:nth-child(3){
	 margin-left:1%
 }