@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#767676;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#C00;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.btn{ padding:5px 10px; border:1px solid #CCC; background:#0074e1; color:#fff; font-family:"微软雅黑";}
body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:Arial;background:#FFF; overflow-x:hidden}
@media screen and (max-width: 768px){
html{ font-size:24px !important;}
body{font-size:24px !important;}
}
DIV.green-black{ width:100%; padding:20px 0; text-align:left; }
DIV.green-black A{PADDING-RIGHT: 8px;PADDING-LEFT: 8px;PADDING-BOTTOM: 2px;COLOR: #717171;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #f3f3f3 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #f3f3f3;}
DIV.green-black A:hover{BORDER: #10419b 1px solid;COLOR: #fff;font-size:100%;background-color: #10419b;}
DIV.green-black A:active{BORDER: 1px solid #10419b;COLOR: #fff;font-size:100%;background-color: #10419b;}
DIV.green-black SPAN.current{PADDING-RIGHT: 8px;PADDING-LEFT: 8px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #10419b;font-size:100%;background-color: #10419b;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 8px;PADDING-LEFT: 8px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #10419b 1px solid;font-size:100%;}

.kd{ width:90%; max-width:1360px; margin:0 auto}
@media screen and (max-width: 768px){
.kd{ width:94%}
}
.fl{ float:left;}
.fr{ float:right;}

.head{ border-top:3px solid #00bcbe; border-bottom:1px solid #dcdcdc; position:fixed; width:100%; background:#fff; z-index:111}
.logo{ padding:1.625em 0;}
.menu{ padding-top:2.5em; margin-left:3.25em;}
.menu li{ float:left; margin-right:1em;}
.menu li a{ font-size:1em; color:#000; padding-left:1em; transition:all 0.3s}
.menu li a:hover,.menu li a.cur{ background:url(../images/line.jpg) left center no-repeat; color:#00989a}
.menu .ni{ position:relative;}
.menu .ni p{ position:absolute; right:-15px; font-family:Arial, Helvetica, sans-serif; top:10px;}
.menu .ni ul{ position:absolute; background:rgba(255,255,255,0.5); border:1px solid #eee; width:170px; top:52px; opacity:0; transition:all 0.3s; visibility:hidden}
.menu .ni ul li{ border-bottom:1px dotted #ddd; width:100%}
.menu .ni ul li a{ font-size:0.875em; line-height:2em;}
.menu .ni ul li a:hover{ color:#00989a; background:none;}
.menu .ni:hover ul{ opacity:1;visibility:visible}
.hset{ height:4em}
.qwm{padding-top:2.5em;}
.qwm img{ margin-left:1em;}
@media screen and (max-width: 1360px){.menu{margin-left:1em;}}
@media screen and (max-width: 1024px){.menu{ display:none}}
@media screen and (max-width: 768px){
.menu{ display:none}
.hset{ height:4em}
.qwm{ padding-top:2em}
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

.reveal-modal {
	visibility: hidden;
	top: 40%; 
	left: 60%;
	margin-left: -300px;
	width: 320px;
	background: #eee url(modal-gloss.png) no-repeat -200px -80px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
} 

.seach-form{ height:32px;}
.seach-txt{ height:32px; width:200px;}
.btn0{ height:32px;cursor:pointer; border:none; background:#0da09e; padding:5px; color:#FFF;}

/*banner*/
.ban,
.slick_ban{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	min-width:1230px}
.ban .slick-arrow{
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 41px;
	height: 41px;
	z-index: 9999;
}
/*.ban .slick-prev{
	left: 50%;
	margin-left: -730px;
	background: url(../images/arrow_left.png) no-repeat center center;
}
.ban .slick-next{
	right: 50%;
	margin-right: -730px;
	background: url(../images/arrow_right.png) no-repeat center center;
}*/

.ban .slick-prev{
	display:none !important;
	left: 50%;
	margin-left: -730px;
	background: url(../images/arrow_l.png) no-repeat center center;
}
.ban .slick-next{
	display:none !important;
	right: 50%;
	margin-right: -730px;
	background: url(../images/arrow_r.png) no-repeat center center;
}


.ban .slick-dots{
	position: absolute;
	bottom: 38px;
	text-align: center;
	width: 100%;
	z-index:9999;
}
.ban .slick-dots li{
	display: inline-block;
	background-color: #fff;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin-left: 8px;
	margin-right: 8px;
	vertical-align: middle;
}
.ban .slick-dots li.slick-active{
	
	
	background-color: #03f4ec;
}
.ban .slick-slide{
	padding: 0;
	/*border: 0;*/
}
.ban .slick-slide img{
	width: 100%;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    
  
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
    padding-left: 14px;
    padding-right: 14px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.mban{ display:none}
@media screen and (max-width: 768px){
.ban{ display:none}
.mban{ display:block}
/*图片切换*/
	.device {
  /* width: 760px;
  height: 600px; */
  margin: 0px auto 0 auto;
  position: relative;
}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.swiper-container {
  /* height: 600px;
  width: 760px; */
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index:111;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 94.8%;
  background:#fff;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index:999
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 999;
  height: auto;
  width: 100%;
  border: 0;
  
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  margin-left:10%;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  margin-right:10%;
  }
}


.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index:111;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	height: auto!important;
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	height: auto!important;
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/*特点*/
.adv{ background:url(../images/lv.jpg) top center repeat-x; width:100%; padding:1.625em 0;}
.tdian{ width:100%; }
.tdian li{ width:20%; background:url(../images/tiao.jpg) right center no-repeat; float:left; text-align:center; height:auto; position:relative; min-height:244px; cursor:pointer; transition:all 0.5s; z-index:2;}
.tdian li:nth-child(5){ background: right center;}
.tdian li img{ margin-top:2em}
.tdian li h4{ padding:0.75em 0 0.2em; color:#fff; font-size:1.125em;}
.tdian li span{ font-size:0.75em; color:#fff}
.tdian li:nth-child(1):hover,.tdian li:nth-child(1).cur{ background:url(../images/d1.jpg) right center no-repeat;}
.tdian li:nth-child(2):hover,.tdian li:nth-child(2).cur{ background:url(../images/d2.jpg) right center no-repeat;}
.tdian li:nth-child(3):hover,.tdian li:nth-child(3).cur{ background:url(../images/d3.jpg) right center no-repeat;}
.tdian li:nth-child(4):hover,.tdian li:nth-child(4).cur{ background:url(../images/d4.jpg) right center no-repeat;}
.tdian li:nth-child(5):hover,.tdian li:nth-child(5).cur{ background:url(../images/d5.jpg) right center no-repeat;}
@media screen and (max-width: 768px){
	.adv{ background-size:cover}
.tdian li{ width:33.33%}
}
/*关于我们*/
.i-about{ width:100%; position:relative; margin-top:-4.75rem}
.cpic{ width:50%; height:auto;}
.cpic img{ width:100%;}
.ccon{ width:50%; height:100%; background:url(../images/ab-bg.jpg) center top no-repeat;}
.a-ty{ padding:3.625em 2.875em 1em;}
.a-ty div{ width:40px; height:3px; background:#5fbbba}
.a-ty p{ font-size:1.75em; font-weight:bold; color:#0da09e}
.a-ty span{ text-transform:uppercase; color:#8d8d8d; font-size:1.5em; display:block; margin-bottom:0.4em}

.a-td{padding:0 4em 0 2.875em;}
.a-td p{ font-size:1.25em; color:#000; font-weight:bold; margin-bottom:0.2em}
.a-td span{ font-size:1em; line-height:1.875em;}
.a-td .ea{ display:block; padding:6% 0 3%}

.a-bt{padding:0 4em 0 2.875em; width:47%;}
.a-bt img{ width:32%;}
@media screen and (max-width: 768px){
.cpic{ width:100%}
.ccon{ width:100%}
.a-ty{ padding:1em}
.a-td{ padding:1em}
.a-bt{ display:none}
}
/*产品中心*/
.i-pro{ padding:4.625em 0;}
.p-tec p{ float:left; font-size:1.75em; color:#0da09e; font-weight:bold}
.p-tec q{ font-size:1em; display:block; float:left; padding:1em 0 0 0.875em}
.p-so{ padding:1em 0 0}
.p-so li{ float:left; margin-left:1.25em}
.p-so li a{ color:#767676; font-size:1em; transition:all 0.5s}
.p-so li a:hover{ color:#0da09e;}

.srcol{ padding-top:3.8125em}
.srcol .sao{ width:100%}
.srcol .sao li{ float:left; width:24%; border:3px solid #eeeeee; margin:0 6px; position:relative; cursor:pointer}

.srcol .sao li img{ width:100%;}
.srcol .sao li .namep{ position:absolute; left:2%; bottom:5%}
.srcol .sao li .namep p{ font-size:1.125em; color:#444444;}
.srcol .sao li .namep span{ font-size:0.75em; color:#696969}
.srcol .sao li .mor{ display:block; position:absolute; bottom:5%; right:4%; background:#5fbbba; color:#fff; font-size:0.875em; padding:1% 3%}
.srcol .sao li .lvk{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(13,160,158,0.8) url(../images/jia.png) center no-repeat; opacity:0; transition:all 0.3s;}

.srcol .sao li:hover .lvk{ opacity:1;}
@media screen and (max-width: 768px){
.i-pro{ padding:1.625em 0}
.srcol .sao li{ width:48%; margin:0 6px;}
}
/*视频中心*/
.i-video{ background:url(../images/video_en.jpg) center no-repeat; height:500px; position:relative;}
.btt{ width:50%; position:absolute; bottom:-10px; right:0; z-index:2;}
.btt img{ width:100%;}
.btx{ background:rgba(0,191,188,0.9); padding:1.6% 1%; position:absolute; margin-top:-40px; z-index:2;}
.btx p{ font-size:1.375em; color:#fff; font-weight:bold; text-transform:uppercase;}
@media screen and (max-width: 768px){
.i-video{ margin-top:1em}
.btx{padding:2% 2%;}
}
/*新闻资讯*/
.i-news{ width:100%; background:#f7f7f7; padding:6.25em 0 3em;}
.n-tec p{ float:left; font-size:1.75em; color:#0da09e; font-weight:bold}
.n-tec q{ font-size:1em; display:block; float:left; padding:1em 0 0 0.875em}
.n-so{ padding-top:1em}
.npage{ padding-top:3.625em; position:relative;}
.ngun{ position:relative;}
.ngun .prev{ position:absolute;right:0; top:-0.5em; z-index:2}
.ngun .next{ position:absolute; right:0; top:3.4em; z-index:2}
.ngun li{ width:25%; cursor:pointer; float:left;}
.ngun li p{ font-size:1.125em; color:#747474}
.ngun li:hover p{ color:#0c9897}
.ngun li .nop{ height:1.25em; background:url(../images/yin.jpg) center repeat-x; margin:1.25em 0;
-webkit-filter: grayscale(1);
transition: -webkit-filter 0.5s;
transition: all 0.3s}
.ngun li:hover .nop{-webkit-filter: grayscale(0);}
.ngun li .nic{ width:90%;}
.ngun li .nic img{ width:100%;}
.ngun li .nit{ width:90%;}
.ngun li .nit p{ margin:0.875em 0; font-size:1.125em; line-height:1.5em; height:3em; overflow:hidden;}
.ngun li .nit span{ font-size:0.875em; color:#747474; display:block;}
.ngun li .njia{ padding-top:2em; opacity:0; transition:all 0.3s}
.ngun li:hover .njia{ opacity:1}
@media screen and (max-width: 768px){
	.i-news{padding:2.25em 0 3em;}
	.ngun .prev{ top:1em}
.ngun li{ width:50%}
}
/*合作伙伴*/
.i-par{ width:100%; padding:4.75em 0}
.par-tit{ text-align:center;}
.par-tit p{ font-size:1.75em; color:#0b8d8b; font-weight:bold;}
.par-tit span{ font-size:1em; color:#6d6d6d6;}

.tempWrap{ width:100% !important;}
.pa-so{ margin-top:4.5em; position:relative; max-height:110px;}
.pa-so .prev{ position:absolute; z-index:2; left:-8px; top:30%;}
.pa-so .next{ position:absolute; z-index:2; right:-0px; top:30%;}
.pagun{ width:100%; height:100px; overflow:hidden;}
.pagun li{ float:left; width:15%; border:1px solid #e4e4e4; margin:0 0.3%}
.pagun li img{ width:100%;}
@media screen and (min-width: 1600px){.pagun{ height:108px;}}
@media screen and (max-width: 768px){
	.i-par{ display:none}
}
/*foot*/
.foot{ padding:2.4em 0; width:100%%; background:#0da09e}

.f-name p{ font-size:1.5em; color:#fff; font-weight:bold;}
.f-fri{ width:300px;}
.f-fri p{ font-size:1em; color:#fff; float:left;}

/* select */
.select1{position:relative; width:auto; float:right}
.select1 dt{height:28px;display:inline-block;background:url(../images/fribg.jpg)  right no-repeat ;line-height:28px;cursor:pointer;width:205px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; color:#fff; font-size:1.125rem;}
.select1 dt:hover,.select dt.cur{}
.select1 dd{position:absolute;left:0;top:28px; background-color:#fff;display:none;}
.select1 dd ul{padding:4px;width:205px;max-height:100px;overflow:auto;}
.select1 dd ul a{line-height:24px;display:block;padding:0 8px; color:#000; font-size:1rem;}
.select1 dd ul a:hover{ color:#0363ad}
/*底部联系*/
.f-con{ padding-top:43px}
.f-con p{ font-size:0.875em; color:#fff; line-height:2em; padding-left: 30px;}
.f-con .p1{ background:url(../images/add.jpg) left center no-repeat;}
.f-con .p2{ background:url(../images/tell.jpg) left center no-repeat;}
.f-con .p3{ background:url(../images/mial.jpg) left center no-repeat;}
.f-mobe{ display:none}
@media screen and (max-width: 768px){
.foot{ display:none}
.f-mobe{ display:block;}
.subNavBox{width:100%;margin:0 auto 0 auto; background:#0da09e}
.subNav{border-bottom:dashed 1px #5fbbba;cursor:pointer;font-weight:bold;font-size:24px;color:#fff;line-height:60px;padding-left:20px;background:url(../images/jia.png) no-repeat;background-position:95% 50%; background-size:5%}
.subNav:hover{color:#fff;}
.currentDd{color:#fff}
.currentDt{background-image:url(../images/jia.png);}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;width:100%;heighr:40px;text-align:left; text-indent:3rem;font-size:26px;line-height:48px;color:#fff}
.navContent li a:hover{color:#000;background-color:#3db3b1}

}
.wx{ margin-top:1.375em;}
.wx img { width: 100%; width: 93px; height: 93px;}
.wx p{ font-size:0.875em; line-height:1.5em;}
.f-menu{ width:53%; margin-top:2em}
.f-menu dl{ float:left; width:21%; margin-left:4%}
.f-menu dt{ border-bottom:1px solid #3db3b1; line-height:2.5em}
.f-menu dt a{ font-size:1.125em; color:#fff;}
.f-menu dd{ padding-top:0.5em}
.f-menu dd a{ display:block; color:#fff; font-size:0.875em; line-height:1.875em; background:url(../images/dian.jpg) left center no-repeat; padding-left:0.75em}

.fbq{ width:100%; border-top:1px solid #3db3b1; margin-top:3.5em; padding:0.8em 0 0}
.fbq p{ color:#fff; font-size:0.875em}
.fbq a{ color:#fff;}
.fbq1{ display:none}
@media screen and (max-width: 768px){
	.fbq1{ display:block; background:#0c9896; padding:1em 0;}
	.fbq1 p{ color:#fff; font-size:0.875em;}
    .fbq1 a{ color:#fff;}
.f-fri{ display:none}
.f-menu{ width:100%}
}
.pm-JS_control-menu{ padding-right:0; background:url(../images/nav.png) right center no-repeat;}


/*---------------------------------------------------------内页--------------------------------------------------------------*/
.ban1{ height:300px; width:100%; background-size:cover}
.loca{ height:4.375em; border-bottom:1px solid #dadada; position:relative;}
.loname{}
.kuan{ background:url(../images/kuan-b.jpg) center no-repeat; width:102px; height:102px; position:absolute; bottom:0; text-align:center}
.kuan p{ font-size:1.125em; font-weight:bold; color:#fff; margin-top:0.75em}
.kuan span{ font-size:1.25em; color:#73feff; display:block; padding-top:0.75em}

.dishi{ background:url(../images/diso.jpg) left center no-repeat; margin-left:123px; height:4.375em; line-height:4.375em; color:#373737;; font-size:1em; padding-left:1.25em}

.n-menu li{ float:left; line-height:4.36em; font-size:1em; color:#373737; padding:0 0.75em; margin:0 1em 0 0}
.n-menu li a{ display:block; transition:all 0.3s; border-bottom:3px solid none}
.n-menu li a:hover,.n-menu li a.cur{ color:#00bcbe;border-bottom:3px solid #00bcbe}
@media screen and (max-width: 768px){
.ban{ background-position:-580px !important}
.kuan{ display:none}
.dishi{ display:none}
.n-menu{ width:100%;}
.n-menu li{ width:25%;margin:0;padding:0; text-align:center}
}
.mian{ padding:3em 0 5em; min-height:400px}

.gsjj{ width:100%;}
.gsjj h4{ font-size:1.75em; color:#545454; font-weight:bold;}
.gsjj hr{ width:10%; float:left; display:block; margin:2em 0}
.gsjj p{ font-size:1em; color:#313131; line-height:1.5em}
.cpic1{ margin-top:2em}
.cpic1 .cc1{ width:61%;}
.cpic1 .cc1 img{ width:100%;}
.cpic1 .cc2{ width:38.7%}
.cpic1 .cc2 img{ width:100%;}
@media screen and (max-width: 768px){
.cpic1 .cc1{ width:100%;}
.cpic1 .cc2{ width:100%; margin-top:1em}
}

.hor-list{ width:100%;}
.hor-list dl{ width:22%; margin-right:4%; margin-bottom:2%; float:left;}
.hor-list dl dt{ width:100%;}
.hor-list dl dt img{ width:100%;}
.hor-list dl dd { width:100%; text-align:center; font-size:1em; color:#454545; line-height:3em;}
@media screen and (max-width: 768px){
.hor-list dl{ width:46%; margin:0 2%;}
}
/*联系我们*/
.cot{text-align:center;}
.cot h4{ font-size:1.75em; color:#00bcbe;}
.cot p{ font-size:0.875em; color:#717171; text-transform:uppercase}
.cot div{ width:102px; height:3px; background:#c2c2c2; margin:1em auto}
.clianx{ padding:5.625em 0}
.clianx li{ border-left:1px solid #c3c3c3; width:28%; padding:2% 0 0 5%; float:left; min-height:4.625em}
.clianx li:nth-child(1){ padding:2% 0 0 3%; width:30%}
.clianx li p{ padding-left:1.325em; font-size:1em; line-height:1.5em}
.map p{ font-size:1.125em; color:#000;}
.map .m1{ width:100%; margin-top:1em}
/*人才培育*/
.jlis{ width:50%}
.jnan p{ font-size:1.5em; color:#000; float:left; margin-right:0.2em}
.jnan span{ font-size:1.125em; color:#000; text-transform:uppercase; float:left; padding-top:0.5em}
.jnen{ padding-top:2em}
.jnen p{ font-size:1.125em; color:#000; line-height:2em}

.jimg{ width:auto;}
@media screen and (max-width: 768px){
.jlis{ width:100%;}
.clianx{ padding:1.625em 0}
.clianx li{ width:98%;border-left:none; border-bottom:1px solid #c3c3c3}
.clianx li:nth-child(1){ padding:2% 0 0 3%; width:97%}
.jimg{ margin-top:1em; float:left !important}
}

/*招聘信息*/
.joblist{ border-bottom:1px solid #dbdbdb; padding-bottom:1.5em}
.joblist h5{ width:100%; font-size:1.875rem; color:#434343; font-weight:bold; border-bottom:1px solid #dbdbdb; height:3.25rem; display:block; line-height:3rem;}
.joblist ul{ margin:1.875rem 0;}
.joblist li{ float:left; width:33%; font-size:1rem; color:#787878; height:1.5rem; line-height:1.5rem;}
.joblist li span{ color:#0da09e;}
.yipi{ width:139px; height:45px; line-height:45px; background:#0da09e; display:block; color:#fff; text-align:center; margin:1rem;}
.yipi:hover{ color:#fff}

/*服务承诺*/
.serl{}
.serl li{ width:22%; float:left; padding:2% 0 2% 3%; min-height:340px}
.serl li:nth-child(1){ border-top:4px solid #00bcbe; background:#e4e4e4}
.serl li:nth-child(2){border-top:4px solid #2cfdff; background:#ececec}
.serl li:nth-child(3){border-top:4px solid #00bcbe;background:#e4e4e4}
.serl li:nth-child(4){border-top:4px solid #2cfdff; background:#ececec}
.serl li h6{ font-size:1.125em; color:#3f3f3f; font-weight:bold;}
.serl li p{ padding-top:1em; font-size:1em; color:#3f3f3f; line-height:1.875em}

.sert{ margin-top:5em;}
.sert li{ width:28.33%; padding-left:3%; padding-right:2%; min-height:400px; padding-top:3%; float:left;}
.sert li p{ font-size:1.125em; color:#3f3f3f; font-weight:bold;}
.sert li span{ font-size:0.875em; color:#3f3f3f; line-height:2em; display:block; margin-top:1em}
.sert li:nth-child(1) p{ color:#fff}
.sert li:nth-child(1) span{ color:#fff}
.sert li:nth-child(1){ background:url(../images/sb1.jpg) center no-repeat;}
.sert li:nth-child(2){ background:url(../images/sb2.jpg) center no-repeat;}
.sert li:nth-child(3){ background:url(../images/sb3.jpg) center no-repeat;}
@media screen and (max-width: 768px){
.serl li{ width:47%; height:250px !important; overflow:hidden}
.sert li{ width:95%; background-size:cover !important}
}

/*在线留言*/
.fbg{background:url(../images/fb.jpg) -83px center no-repeat #f3f3f3; min-height:600px; }
.fbtxt{ width:35%; margin-top:50px}
.fbtxt h4{ font-size:1.5em; color:#000;}
.fbtxt p{ font-size:0.875em; color:#000; padding:3.125em 0}
.fbtxt em{ font-size:1.125em; color:#000;}
.fbtxt span{ font-size:0.875em; color:#000; display:block;}

.fkuan{ width:40%;margin-top:50px; margin-right:5%}
.fkuan h4{ font-size:1.5em; color:#000;}
.fkuan form{ margin-top:2%}
.fkuan label{ margin-right:2%}
.fkuan .contxt{ width:100%; height:35px; padding:5px; margin:2% 0 2% 0; border:1px solid #d3d3d3}
.fkuan .contxt1{ width:100%; height:200px;padding:5px;border:1px solid #d3d3d3}
.fkuan .btn{ font-size:1.25em; background:#bd0000; border:none; color:#fff; padding:10px 30px; margin-top:1.5em;}
@media screen and (max-width: 768px){
.fbtxt{ width:100%;}
.fkuan{ width:100%; margin-right:0}
.fkuan .contxt{ width:95%}
.fkuan .contxt1{width:95%}
.fkuan .btn{ font-size:1.375em}
}

/*合作伙伴*/
.hzlist{ width:100%;}
.hzlist li{ width:15.8%; margin:0 2% 0.5em 2%;  float:left;}
.hzlist li img{ width:100%;border:1px solid #ddd;}
.hzlist li p{ text-align:center; font-size:0.875em; color:#454545; line-height:2em}
@media screen and (max-width: 768px){
.hzlist li{ width:45.8%}
}

/*应用领域*/
.yingl{}
.yingl .yet{ font-size:1.125em; color:#000;}
.yingl ul{ margin-top:2em;}
.yingl ul li{ width:22%; float:left; margin:0 1.5% 1em; position:relative;}
.yingl ul li img{ width:100%; border:1px solid #dbdbdb;}
.yingl ul li p{ position:absolute; bottom:1em; width:100%; text-align:center; font-size:1.125em; color:#000;}
.ytxt{ width:1000px; margin:0 auto}
@media screen and (max-width: 768px){
.yingl ul li{ width:47%;}
.ytxt{ width:95%; margin:0 auto}
}

/*产品中心*/
.ploca{ height:4.375em; border-bottom:1px solid #dadada; position:relative;}
.ploname{}
.pkuan{ background:url(../images/kuan-b.jpg) center no-repeat; width:102px; height:102px; position:absolute; bottom:0; text-align:center}
.pkuan p{ font-size:1.125em; font-weight:bold; color:#fff; margin-top:0.75em}
.pkuan span{ font-size:1.25em; color:#73feff; display:block; padding-top:0.75em}

.pdishi{ background:url(../images/diso.jpg) left center no-repeat; margin-left:123px; height:4.375em; line-height:4.375em; color:#373737;; font-size:1em; padding-left:1.25em}
.pp-menu { max-width:980px;  max-height:4.36em; overflow-y:hidden}
.pp-menu ul{ width:auto;}
.pp-menu li{ float:left; line-height:4.36em; font-size:1em; color:#373737; padding:0 0.75em; margin:0 1em 0 0}
.pp-menu li a{ display:block; transition:all 0.3s; border-bottom:3px solid none}
.pp-menu li a:hover,.pp-menu li a.cur{ color:#00bcbe;border-bottom:3px solid #00bcbe}

.p-ej{ padding:0 0 30px;}
.p-ej .pl2{ float:left; background:#ddd; display:block;  margin-right:10px;}
.p-ej .pl2 a{ display:block;padding:8px 14px; transition:all 0.5s}
.p-ej .pl2 a:hover{ background:#00bcbe; color:#fff;}
.p-ej .pl2 a.cur{ background:#00bcbe; color:#fff;}

@media screen and (max-width: 768px){
.ploca{ height:auto}
.pkuan{ display:none}
.pdishi{ display:none}
.pp-menu { max-width:980px; overflow-x:hidden; height:auto; max-height:100%; overflow-y:auto}
.pp-menu ul{ width:auto;}
.pp-menu li{ width:50%; text-align:center;padding:0 0; margin:0 0 0 0}
.pp-menu li a{border-bottom:3px solid #fff}
.p-ej .pl2{ margin-bottom:16px;}
}


.prolist li{ float:left; width:32%; border:1px solid #dcdcdc; margin:0% 0.5% 1%; position:relative; cursor:pointer; max-height:378px; overflow:hidden;}
.prolist li a{ display:block; width:100%; height:100%;}
.prolist li img{ width:100%;}
.prolist li .namep1{ position:absolute; left:2%; bottom:5%}
.prolist li .namep1 p{ font-size:1.125em; color:#444444;}
.prolist li .namep1 span{ font-size:0.75em; color:#696969}
.prolist li .mor1{ display:block; position:absolute; bottom:5%; right:4%; background:#5fbbba; color:#fff; font-size:0.875em; padding:1% 3%}
.prolist li .lvk1{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(13,160,158,0.8) url(../images/jia.png) center no-repeat; opacity:0; transition:all 0.3s;}
.prolist li:hover .lvk1{ opacity:1}
@media screen and (max-width: 768px){
.prolist li{ float:left; width:48%;}
}
/*产品展示*/
/*产品展示*/
.p-show{ background:#fff; padding:2%}
.container{max-width: 1024px;width: 50.5%;margin: 0 auto; position:relative;}
.preview {text-align: center; margin-top:10px; background:rgba(0,0,0,0.3); padding:19px 14px;}
.preview a { display:block; float:left;margin:3px; width:19%; border:3px solid #fff; box-sizing:border-box;}
.preview img {display: block; width:100%; height:auto;}
.container .active { border:3px solid #1f3a6f !important}

@media screen and (max-width: 768px){
.container{ width:100%;}
.pxx{ width:100%;padding:3%}
}



.p-miao{ width:40%; max-height:550px; overflow:hidden; margin-left:2%}
.p-miao h4{ font-size:2.25em; color:#424242; line-height:1.5em; width:100%;}
.p-miao p{ font-size:1em; color:#424242}
.p-miao .ap{ font-size:1em; color:#6b6b6b;}
.p-miao .oc{ padding:1.5em 0; margin-top:1em; border-bottom:1px solid #cbcbcb;border-top:1px solid #cbcbcb; min-height:220px; overflow:hidden; font-size:1em; line-height:1.5em}

.p-miao .aspan{ background:url(../images/type.jpg) left center no-repeat; display:block; font-size:1.125rem; display:block; margin:1rem 0; color:#222222; padding-left:1.5em;}
.p-miao .aspan b{ font-size:1.125em; color:#000;}
.p-miao .lala{ display:block; padding:0.875em 1.75em; background:#00bcbe;color:#FFF; margin-top:1rem; width:15%; text-align:center}

.p-con{ width:100%; margin-top:1rem; }
.p-con h4{ position:relative; width:100%; font-size:1.125em; background:#fff; height:66px; line-height:66px; text-indent:1.5em; font-weight:bold; color:#00bcbe; padding:0; margin:0}
.p-con h4 hr{ position:absolute; bottom:-10px; left:0}
.p-con .mas{ padding:2rem 1rem; width:auto; background:#fff; margin-top:0.6em}
.p-con .mas img{ max-width:100%;}
.p-con .mas{ font-size:1.25rem;}

@media screen and (max-width: 768px){
	.pile{ width:100% !important}
	.p-img{ width:100%;}
	.p-miao{ width:95%; max-height:550px}
	.p-miao .oc{ font-size:1.25rem;}
	.p-miao .lala{ width:auto; text-align:center;}
	.p-con h4{ text-indent:0.5em}
	.p-con .mas{ font-size:1.375rem !important; line-height:150%}
	.p-con .mas p{font-size:1.375rem !important; line-height:150%}
	.p-con .mas span{font-size:1.25rem !important; line-height:150%}	
}
.news-list{ width:75%;}
.news-list .bao{ border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; padding:2.5em 0;}
.news-list .bao .npic{ border:1px solid #b6b6b6; width:34%}
.news-list .bao .npic img{ width:100%; height:100%;}
.news-list .bao .nccc{ width:58%; margin-right:5%}
.news-list .bao .nccc p{ font-size:1.25em; color:#1f1f1f; font-weight:bold;}
.news-list .bao .nccc em{ display:block; background:url(../images/date_03.jpg) left center no-repeat; padding-left:1.25em; font-size:1em; color:#3c3c3c; margin:1em 0}
.news-list .bao .nccc span{ line-height:1.5em; color:#3c3c3c;}
.news-list .bao .nccc q{ display:block; width:96px; height:32px; line-height:32px; border:3px solid #e0e0e0; text-align:center; background:#fff; margin-top:1.5em}
.news-list .bao .nccc p:hover{ color:#10419b}
.news-list .bao .nccc q:hover{ color:#10419b}
.n-search{ width:22%; padding-top:2.5em;}
.n-ser p{ font-size:1.25em; color:#4a4a4a; font-weight:bold;}
.n-hot{ padding-top:1.5em}
.n-hot p{font-size:1.25em; color:#4a4a4a; font-weight:bold;}
.n-hot ul{ margin:1em 0; width:auto; background:#e2e2e2; padding:2% 5%}
.n-hot ul li{ background:url(../images/hot.jpg) left center no-repeat; padding-left:0.7em; line-height:1.5em}
.n-hot ul li a{ font-size:1em; color:#4a4a4a}

.nss{ margin-top:1em; background:#e2e2e2; padding:1em;}
.nss form{ border:1px solid #00bcbe; background:#fff}
.ntt{ width:77%; height:40px; float:left; border:none; padding-left:2%;}
.nbtn{ float:left;width:18%; background:url(../images/ser.jpg) center no-repeat; border:none; height:40px; cursor:pointer}
@media screen and (max-width: 768px){
	.news-list{ width:100%}
	.news-list .bao .npic{ display:none}
	.news-list .bao .nccc{ width:95%}
.n-search{ display:none}
}
/*新闻内页*/
.knd{ background:#fff; width:auto; padding:1.625em 2.1875em;}
.news-title{width:100%; height:auto; line-height:30px; text-align:center; font-size:1.125em; font-weight:bold; margin:0 auto}
.news-type{width:100%; height:20px; text-align:center; margin:0 auto; color:#999;font-size:0.75em; border-bottom:#999 1px dotted}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px;}
.news-pn{ font-size:0.875em;line-height:20px;}
.news-pn a{ color:#666; font-size:0.875em;}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:16px; color:#000;}
.xgnews-con{border-top:1px solid #CCC;border-top:none;padding:10px 20px;}
.xgnews-con li{width:45%;height:30px;line-height:30px; overflow:hidden;}
.xgnews-con li span{float:right;}
.xgnews-con li a{ padding-right:10px; color:#666;}
.xgnews-con li a:hover{ color:#333;}
@media screen and (max-width: 768px){
	.knd{ padding:1em }
	.news-title{ font-size:1.375rem; line-height:1.5em}
	.news-type{ height:40px; line-height:40px}
.news-content{ font-size:1.25rem !important; line-height:1.875rem !important;}
.news-content span{ font-size:1.25rem !important;}
.news-content p{ font-size:1.25rem !important;}
.news-pn{ font-size:1.25rem; line-height:1.875rem;}
.news-pn span{ width:100%; display:block;}
.xgnews-tit{ font-size:1.25rem;}
.xgnews-con li{ width:100%; height:2rem; line-height:2rem;}
.xgnews-con li{ width:100%; margin:0; line-height:2rem;}
}

/*浮动窗*/

.fu-con{ padding:10px;}
.fu-con h4{color:#000;}
.fu-con p{ font-size:14px; color:#666}
@media screen and (max-width: 768px){
.fu-con{ display:none}
}

.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
		  box-sizing:border-box; border:3px solid rgba(0,0,0,0.3);		 
}
@media screen and (max-width: 768px){
.slider-container { width:100%;}
}
.slider {
  position: relative;
  width: 9999px;
}
.slider:before,
.slider:after {
  display: table;
  content: ' ';
}
.slider:after {
  clear: both;
}
.slider__item {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
  
}
.slider__item img {
  display: block;
  max-width: 100%;
  height: auto;
  width:100%;
}
.slider__switch span {
  color: #fff;
  display: block;
  width: 32px;
  height: 32px;
}
/* Arrows */
.slider__switch {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 10px 5px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  border-radius: 1px;
  background: #000;
  opacity: .3;
  transition: opacity .15s ease;
  fill: #fff;
}
.slider__switch--prev {
  left: 10px;
}
.slider__switch--next {
  right: 10px;
}

.slider__switch:hover {
  opacity: .85;
}
.slider__switch[disabled] {
  visibility: hidden;
  opacity: 0;
}
.slider__caption {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: block;
  max-width: 500px;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, .4);
  box-shadow: 0 0 20px 10px rgba(0,0,0,.4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */
}
.slider__caption[disabled] {
  opacity: 0;
  visibility: hidden;
}
.slider-nav {
  line-height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  display:none;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 99999;
  filter: alpha(opacity=90); /* ie8 */
}
.slider-nav__control {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 3px;
  -webkit-transition: background .5s ease;
     -moz-transition: background .5s ease;
       -o-transition: background .5s ease;
          transition: background .5s ease;
  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;
}

.slider-nav__control.is-active {
  width: 12px;
  height: 12px;
  background: #fff;
}
.slider.has-touch {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
}
@media (max-width: 580px) {
  .slider__switch {
    display: none;
  }
  .slider__caption {
    display: none;
  }
}