/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
@charset "utf-8";
/*CSS Document*/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input { padding:0; margin:0;}
body { font-size:14px; font-family:"微软雅黑"; color: #333;}
img { border:none;}
ul, li { list-style-type:none;}
input, select, textarea { outline:none;}
textarea { resize:none;}
a { text-decoration:none; color: #333;transition:all 200ms ease-in 0s;}
a:hover{text-decoration:none;}
/*清除浮动*/
.clearfix:before, .clearfix:after { content:""; display:table;}
.clearfix:after { clear:both; overflow:hidden;}
.clearfix { zoom:1;}
/*.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}*/
.fl { float:left;}
.fr { float:right;}
html {   
    font-size: 625%;-webkit-text-size-adjust:none;    
} 
@media only screen and (max-width: 640px) {
	html {   
	    font-size: 555%;   
	} 
}

.logo{ padding: 10px 0 0 0;}
.con-box{ width: 1200px; margin: 0 auto;}
.s-wap{ display: none;}
.mid-con{ width: 1200px; margin: 0 auto;}
.index-one{ padding: 85px 0;}
.h-box1{ width: 30%;}
.h-box1 i{ display: block; color: #2874cc; font-size: 0.32rem; font-weight: bold;}
.h-list{ margin-top: 60px;}
.h-list a{ display: inline-block; background: #eeeff4; width: 27.8%; text-align: center; padding: 130px 0;font-size: 0.16rem;}
.h-list a span{ display: block; width: 20px; margin: 0 auto;}
.h-list a:hover{ background: #2874cc; color: #fff;}
.h-box2{ width: 67%; }
.intrdouce{color: #565656; line-height: 26px; border-bottom: 2px solid #e5e5e5;}
.intrdouce p:last-child{ padding: 38px 0;}
.culture h3{ font-weight: bold; font-size: 0.18rem; padding: 33px 0;} 
.culture ul li{ width: 32%; text-align: center; float: left; margin-right: 2%;}
.culture ul li a{ display: block; overflow: hidden;}
.culture ul li a img{-webkit-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
-o-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
transition: all ease-in-out 1s;}
.culture ul li a:hover img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.culture ul li:last-child{ margin-right: 0px;}
.culture ul li p{ margin-top: 8px; font-size: 0.16rem;}

.about-index{ background: #f5f5f5;padding-bottom: 109px;}

.mid-con{ width: 1200px; margin: 0 auto;}
.a-left{ width: 49%; margin-top: 144px; text-align: justify;}
.a-tit h2{ font-size: 0.3rem; color: #232323; font-weight: bold;}
.a-tit h2 span{ color: #00d46e; }
.a-tit h4{color: #828282; margin-top: 18px; font-size: 0.12rem; text-transform: uppercase;}
.a-text{ color: #828282; line-height: 24px; margin-top: 43px;}
.a-left a{ color: #fff; background: #00d46e; margin-top: 66px; text-align: center; line-height: 35px; width: 114px; display: block;-webkit-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;}
.a-left a:hover{ background: #00b55e;}
.a-right{ width: 40%; position: relative;}
.a-bg{ background: #00d46e; position: absolute; width: 55%; height:542px;top: 0px; right: 0px; padding: 109px 0;}
.a-imgbg{ background: #fff; padding: 13px; position:absolute; top: 109px; right: 50px;}
.index-tit{ text-align: center; padding: 70px 0; width: 100%;}
.index-tit p{ color: #00d46e; font-size: 0.36rem;text-transform: uppercase;}
.index-tit span{ display: block; font-size: 0.24rem; color: #151515; margin-top: 10px;}

.simply-scroll-container {
	position: relative
}

.simply-scroll-clip {
	position: relative;
	overflow: hidden
}

.simply-scroll-list {
	overflow: hidden;
	margin: 0; width: auto;
	padding: 0;
	list-style: none
}

.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none
}

.simply-scroll-list li img {
	border: none;
	display: block
}

.simply-scroll-btn {
	position: absolute;
	background-image: url(buttons.png);
	width: 42px;
	height: 44px;
	z-index: 3;
	cursor: pointer
}

.simply-scroll-btn-left {
	left: 6px;
	bottom: 6px;
	background-position: 0 -44px
}

.simply-scroll-btn-left.disabled {
	background-position: 0 0!important
}

.simply-scroll-btn-left:hover,
.simply-scroll-btn-left:focus {
	background-position: 0 -88px
}

.simply-scroll-btn-right {
	right: 6px;
	bottom: 6px;
	background-position: -84px -44px
}

.simply-scroll-btn-right.disabled {
	background-position: -84px 0!important
}

.simply-scroll-btn-right:hover,
.simply-scroll-btn-right:focus {
	background-position: -84px -88px
}

.simply-scroll-btn-up {
	right: 6px;
	top: 6px;
	background-position: -126px -44px
}

.simply-scroll-btn-up.disabled {
	background-position: -126px 0!important
}

.simply-scroll-btn-up:hover,
.simply-scroll-btn-up:focus {
	background-position: -126px -88px
}

.simply-scroll-btn-down {
	right: 6px;
	bottom: 6px;
	background-position: -42px -44px
}

.simply-scroll-btn-down.disabled {
	background-position: -42px 0!important
}

.simply-scroll-btn-down:hover,
.simply-scroll-btn-down:focus {
	background-position: -42px -88px
}

.simply-scroll-btn-pause {
	right: 6px;
	bottom: 6px;
	background-position: -168px -44px
}

.simply-scroll-btn-pause:hover,
.simply-scroll-btn-pause:focus {
	background-position: -168px -88px
}

.simply-scroll-btn-pause.active {
	background-position: -84px -44px
}

.simply-scroll-btn-pause.active:hover,
.simply-scroll-btn-pause.active:focus {
	background-position: -84px -88px
}

.simply-scroll {
	width:100%;
	margin-bottom: 1em
}


/*.simply-scroll .simply-scroll-list {height: 290px;}*/

.simply-scroll .simply-scroll-list li {float: left; padding: 0 10px;}

.simply-scroll .simply-scroll-list li img {}

.simply-scroll .simply-scroll-btn {}

.simply-scroll .simply-scroll-btn-left {}

.simply-scroll .simply-scroll-btn-left.disabled {}

.simply-scroll .simply-scroll-btn-left:hover {}

.simply-scroll .simply-scroll-btn-right {}

.simply-scroll .simply-scroll-btn-right.disabled {}

.simply-scroll .simply-scroll-btn-right:hover {}

.simply-scroll .simply-scroll-btn-up {}

.simply-scroll .simply-scroll-btn-up.disabled {}

.simply-scroll .simply-scroll-btn-up:hover {}

.simply-scroll .simply-scroll-btn-down {}

.simply-scroll .simply-scroll-btn-down.disabled {}

.simply-scroll .simply-scroll-btn-down:hover {}

.vert {
	width: 340px;
	height: 400px;
	margin-bottom: 1.5em
}

.vert .simply-scroll-clip {
	width: 290px;
	height: 400px
}

.vert .simply-scroll-list {}

.vert .simply-scroll-list li {
	width: 290px;
	height: 200px
}

.vert .simply-scroll-list li img {}

.vert .simply-scroll-btn {}

.vert .simply-scroll-btn-up {
	right: 0;
	top: 0
}

.vert .simply-scroll-btn-up.disabled {}

.vert .simply-scroll-btn-up:hover {}

.vert .simply-scroll-btn-down {
	right: 0;
	top: 52px
}
.fn-box { overflow: hidden;}
.fn-box a p{ text-align: center; margin: 35px auto; background: #e0e0e0; color: #fff; width: 133px; line-height: 38px;-webkit-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
-o-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
transition: all ease-in-out 1s;}
.fn-box a:hover p{ background: #00d46e;}
.fn-box a img{-webkit-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
-o-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
transition: all ease-in-out 1s; overflow: hidden;}
.fn-box a:hover img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}

.ys-l{ width: 50%;}
.ys-l img{ width: 100%;}
.ys-index{ background: #00b2b2; margin-top: 15px; overflow: hidden;}

.ys-r{ color: #fff; padding: 170px 90px; width: 50%;}
.ys-r p{ line-height: 33px; margin-top: 30px; padding: 0 80px 0 0;}
.ys-r ul{ padding-right: 50px;}
.ys-r ul li { float:left; width: 33%; text-align: center; margin-top: 115px; font-size: 0.18rem;}
.ys-r ul li img,.ys-r ul li span{ display: block;}
.ys-r ul li img { margin: 0 auto;}
.ys-r ul li span{ margin-top: 20px;}
.news-l{ width: 48%;}

.news-l ul li{ width: 100%; border-bottom: 1px solid #dcdcdc; padding-bottom: 25px;}
.news-l ul li span,.news-r span{ color: #bdbdbd; font-size: 0.24rem; display: block;}
.news-l ul li a{ color: #717171; font-size: 0.2rem;display: block; margin: 10px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-l ul li a:hover{ color: #00b2b2;}
.news-l ul li p{ color: #8d8c8c; line-height: 30px;}
.news-l ul li:last-child{ margin-top: 35px;}
.news-r{ width: 48%;}
.news-r a{ display: block; margin-top: 20px; width: 100%; overflow: hidden;}
.news-r a img{ display: block; width: 100%;-webkit-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
-o-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
transition: all ease-in-out 1s; overflow: hidden;}
.news-r a strong{ color: #717171; font-size:0.2rem; padding: 16px 0; display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-r a p{ color: #8d8c8c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-r a span{ display: block; width: 144px; border: 1px solid #dcdcdc; line-height: 32px; font-size: 0.12rem; text-align: center; margin-top: 30px;-webkit-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
-o-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
transition: all ease-in-out 1s;}

.news-r a:hover img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}

.news-r a:hover span{ background: #00b2b2; border: 0px; color: #fff;}

.bot-menu{ background: #00b2b2; text-align: center; margin-top: 80px;}
.bot-menu a{ color: #fff; line-height: 66px; padding: 0 20px;}
.bot-menu a:hover{ color: #8d8c8c;}
.bot-d{ background: #4b4b4b; padding: 15px 0;}
.b-left p{ line-height: 25px; color: #fff;}
.b-left a{color: #fff;}
.b-right{ border: 1px solid #fff; color: #fff;}
.b-right p{ padding: 40px 20px; text-align: center;}



/*企业简介*/
.ny-box{ width: 1200px; margin: 0 auto;}
.left-box{ width: 25%; background: #000; /*height: 100px;*/ margin-top: 23px;}

.tit-box{ background: url(../images/tit-bg.jpg) no-repeat; background-size: cover; color: #fff; font-size: 0.3rem; text-align: center; line-height: 128px;}
.left-box ul{ background: #e5e5e5; padding-bottom: 30px;}
.left-box ul li{ padding: 24px 0 0 32px;}
.left-box ul li a{ display: block; padding-left: 45px; line-height: 46px; font-size: 0.16rem; color: #333;-webkit-transition: all ease-in-out 0.1s;
-ms-transition: all ease-in-out 0.1s;
-o-transition: all ease-in-out 0.1s;
-ms-transition: all ease-in-out 0.1s;
transition: all ease-in-out 0.1s;}
.left-box ul li a:hover{ background: #fff; border-left: 4px solid #333; color: #00b0b2;}
.tit-active{background: #fff; border-left: 4px solid #333;color: #00b0b2;}
.right-box{ width: 73%; margin-top: 23px;}
.loaction{ line-height: 39px; border-bottom: 1px solid #d6d6d6;}
.loaction a{-webkit-transition: all ease-in-out 0.1s;
-ms-transition: all ease-in-out 0.1s;
-o-transition: all ease-in-out 0.1s;
-ms-transition: all ease-in-out 0.1s;
transition: all ease-in-out 0.1s;}
.loaction a:hover{color: #00b0b2;}
.about-box{ line-height: 30px; padding: 30px 0;text-align: justify;}
.about-box img{max-width: 100%;}
/*新闻动态*/
.news ul{ padding-bottom: 80px;}
.news ul li a{ display: block; background: #f8f8f8; padding: 16px; margin-top:20px;}
.news ul li a .date{ width: 15%; background: #efefef; padding: 20px; text-align: center;}
.news ul li a .date b{ font-size: 0.3rem; color: #9a9a9a;}
.news ul li a .date span{ color: #9a9a9a; display: block;-}
.news ul li a .list{ width: 83%;}
.news ul li a .list p{ font-size: 0.16rem; padding: 20px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news ul li a .list span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #555; width: 100%; display: block;}
.news ul li a:hover{ background: #00b0b2;}
.news ul li a:hover .date{ background: #009a9c; }
.news ul li a:hover .date b,.news ul li a:hover .date span,.news ul li a:hover .list span,.news ul li a:hover .list p{ color: #ffff;}
.news ul li a,.news ul li a .date,.news ul li a .date b,.news ul li a .date span,.news ul li a .list p,.news ul li a .list span{
	webkit-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
-o-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
transition: all ease-in-out 1s;
}
.page{ width: 100%; margin:0 auto; text-align: center;}
.page a{ padding:8px 10px 8px 13px; border: 1px solid #ddd; border-radius: 5px; margin: 0 5px;
text-align: center;}
.page a:hover{ background: #00b0b2; border:1px solid #00b0b2; color: #fff;}
#page{text-align: center;margin: 0 auto;}
#page .fl{float: none;}
#page .fl a, #page .fl span{border: 1px solid #ddd;border-radius: 5px;margin: 0 5px;padding:8px 0;color: #000;height: auto;line-height: 1.42857143;font-size: 14px;width: 38px;text-align: center;}
#page .fl .u-item-act{color:  #fff;background: #00b0b2!important;border-color: #00b0b2;}



/*产品展示*/
.product ul{ padding-bottom: 60px;}
.product ul li{ width: 32%; float: left; margin-right:2%; margin-top: 15px; overflow: hidden;}
.product ul li:nth-child(3n){margin-right: 0px;}
.product ul li a{ display: block; overflow: hidden;width: 100%;webkit-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
-o-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
transition: all ease-in-out 1s;}
.product ul li a img{ width: 100%;webkit-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
-o-transition: all ease-in-out 1s;
-ms-transition: all ease-in-out 1s;
transition: all ease-in-out 1s;}
.product ul li a:hover{ border: 1px solid #009944;}
.product ul li a:hover img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
/*应用场景*/
.Application ul{ padding-bottom: 60px;}
.Application ul li{ width: 49%; float: left; margin-top: 15px;}
.Application ul li:nth-child(2n){ margin-left: 2%;}
.Application ul li a{ display: block; width: 100%; position: relative;}
.Application ul li a img{ width: 100%;}
.Application ul li a p{ position: absolute; bottom: 0px; left: 0px; width: 100%; color: #fff; line-height: 48px; font-size: 0.16rem;
text-align: center;background:rgba(0,176,178,0.7)!important;background: #00b0b2;filter:Alpha(opacity=70);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding: 0 15px;}
.article-top{border-bottom: 1px dashed #cacaca; padding-bottom: 0.1rem; text-align: center; margin-top: 0.3rem;}
.article-top h3{ color: #05479e; font-size: 0.24rem;}
.article-top p{color: #cacaca; margin-top: 0.12rem;}
.wz-box{ line-height: 0.25rem; padding: 0.15rem 0; color: #7e7e7e;}
.wz-box p{ margin-top: 0.18rem; line-height: 30px;}
.wz-box img,.wz-box iframe,.wz-box video{max-width: 100%;}
.m-clips{ background: #F2F2F2; padding: 0.12rem; margin-top: 0.3rem;}
.m-clips p{ line-height: 0.3rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-clips p a:hover{ color: #05479e;}