/* 首页新闻 */
.m-news
{
	padding:70px 0px 24px;
	background: #fff;
}
.m-news .ntit
{
	/* height:47px;
	line-height:47px; */
	margin-bottom:47px;
	font-size: 36px;
	color: #3E3A39;
	letter-spacing: 1.29px;
	border-left:3px solid #05afd3;
}
.m-news .ntit h2{
	font-size: 30px;
	color:#222222;
	width:500px;
	float: left;
	padding-left:25px;
	font-weight: normal;
}
.m-news .ntit h2 p{
	font-size: 18px;
	color:#929393;
	margin-top:5px;
}
.newsbg{
	height: 689px;
	background: url(../images/bg1.jpg) no-repeat center;
	box-sizing: border-box;
	overflow: hidden;
}
.m-news .ntit a 
{
	float:right;
	font-size:16px;
	color: #222222;
	line-height: 55px;
}
.m-news .ntxt{width:100%;}

.ntxt li{margin-bottom: 40px;width: 370px; height:330px; position: relative;float: left;overflow: hidden; padding:15px; margin-right:44px;background:#f3fbfd; box-sizing: border-box; border: 1px solid #e3e3e3;}
.ntxt li:nth-child(3n){margin-right: 0;}
.ntxt li img{display: block;width: 336px;height: 240px;transition: all 0.5s;/* border: 1px #edecec solid; */}
.ntxt li a{overflow: hidden; display: block}
.ntxt li:hover img{transform: scale(1.05);}
.ntxt li:hover {background: #059fbf;}
.ntxt li h4{padding-top: 10px;width: 100%;line-height: 42px;text-align: center;font-size: 16px;color: #1d1d1d;font-weight: normal;}
.ntxt li h4 a{display:block;overflow: hidden; color:#424242; font-size: 18px;}
.ntxt li h4 a p{text-align: left; color: #646464; font-size: 13px;}
.ntxt li:hover a {color:#fff}
.ntxt li:hover a p{color:#fff;}

.sub1{
	height: 525px;
	background: url(../images/sub1.jpg) no-repeat center;
	overflow: hidden;
}
.u-news1
{
	width:791px;
	height:405px;
	margin:0px 21px 19px 0px;
	position:relative;
	float:left;
}
.u-news1 .n1img
{
	width:100%;
	height:100%;
	overflow:hidden;
}
.u-news1 .n1img img 
{
	width:100%;
	height:100%;
	-webkit-transition: all 1s ease;
    transition: all 1.8s ease;
}
.u-news1:hover  .n1img img 
{
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
}
.u-news1 .n1tit
{
	width:100%;
	height:140px;
	position:absolute;
	left:0px;
	bottom:0px;
	padding:15px 0px 15px 30px ;
	background:url(../images/006.png);
	background-size:100% 100%;
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 0.5px;
	text-align: justify;
	line-height: 19px;
	box-sizing: border-box;
}
.u-news1 .n1tit .tit
{
	font-size: 22px;
	color: #FFFFFF;
	letter-spacing: 0.79px;
	height:30px;
	line-height:30px;
	margin-bottom:11px;
	overflow:hidden;
}
.u-news1 .n1tit .txxt
{
	height:57px;
	overflow:hidden;
	font-size: 14px;
	width: 710px;
}
.u-news2
{
	width:386px;
	height:405px;
	margin:0px 21px 19px 0px;
	position:relative;
	float:left;
	background:#fff;
}
.u-news2:nth-child(3n){margin:0px 0px 19px 0px;}
.m-news .u-news2:nth-child(2){margin:0px 0px 19px 0px;}
.m-news .u-news2:nth-child(3){margin:0px 21px 19px 0px;}
.m-news .u-news2:nth-child(5){margin:0px 0px 19px 0px;}
.u-news2 .n2img
{
	width:100%;
	height:213px;
	overflow:hidden;
}
.u-news2 .n2img img 
{
	width:100%;
	height:100%;
	-webkit-transition: all 1s ease;
    transition: all 1.8s ease;
}
.u-news2:hover  .n2img img 
{
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
}
.u-news2 .n2tit
{
	width:100%;
	height:192px;
	padding:17px 24px;
	font-size: 12px;
	color: #797979;
	letter-spacing: 0.5px;
	text-align: justify;
	line-height: 19px;
	transition: all 1.5s ease 0s;
	box-sizing: border-box;
	background: #f8f7f7;
}
.u-news2 .n2tit .tit
{
	font-size: 20px;
	color: #3E3A39;
	letter-spacing: 0.79px;
	height:30px;
	line-height:30px;
	margin-bottom:11px;
	width:100%;
	overflow:hidden;
	transition: all 0.5s ease 0s;
}
.u-news2 .n2tit .txt
{	
	font-size: 14px;
	color: #797979;
	letter-spacing: 0.5px;
	text-align: justify;
	line-height: 20px;
	height:60px;
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
	transition: all 0.5s ease 0s;
}
.u-news2 .n2tit .more 
{
	width:120px;
	height:36px;
	border: 1px solid #22a9c6;
	font-size: 16px;
	color: #22a9c6;
	letter-spacing: 2.25px;
	line-height:34px;
	text-align:center;
	transition: all 0.5s ease 0s;
	/* opacity:0; */
}

.u-news2:hover .n2tit .more{
	border:1px solid #fff;
	color:#fff;
}
.u-news2 .n2tit .more  img{margin:10px 15px 10px 8px; float: right;}
.u-news2 .n2tit .more  .img1{display: inline-block;}
.u-news2 .n2tit .more  .img2{display:none;}
.u-news2:hover  .n2tit{background:#22a9c6;}
.u-news2:hover  .n2tit .tit{color:#fff;}
.u-news2:hover  .n2tit .txt{color:#fff;}
.u-news2:hover  .n2tit .more{opacity:1;}
.u-news2 .n2tit .more:hover 
{
	background:#fff;
	color: #22a9c6;
}
.u-news2 .n2tit .more:hover .img1{display:none;}
.u-news2 .n2tit .more:hover .img2{display: inline-block;}

/* 首页关于我们 */
.m-about
{
	width:100%;
	padding:80px 0px 88px;
	background:url(../images/bg2.jpg) center top no-repeat;
	height: 443px;
	overflow: hidden;
	box-sizing: border-box;
}
.m-about .about 
{
	width:100%;
	height:280px;
	position:relative;
}
.u-abouttxt
{
	width:580px;
	height:256px;
	background:url(../images/bg3.png);
	float:left;
	padding:37px 47px 0px 41px;
}
.u-abouttxt .atit
{
	/* height:94px; */
	line-height:47px;
	width:100%;
	overflow:hidden;
	font-size: 32px;
	color: #2f2f2f;
	letter-spacing: 1.2px;
	margin-bottom:11px;
	font-weight: bold;
}
.u-abouttxt .atit2{
	font-size: 20px;
	color:#2f2f2f;
	margin-bottom:20px;

}
.u-abouttxt .atxt
{
	height:144px;
	line-height:24px;
	width:100%;
	overflow:hidden;
	font-size: 15px;
	color: #313131;
	letter-spacing: 0.5px;
	text-align: justify;
	line-height: 24px;
}
.u-abouttxt .atxt p a{
	color:#059fbf;
}
.u-svideo
{
	float:right;
	margin:95px 10px;
}
.u-svideo .vxian
{
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.57px;
	text-align:center;
	cursor:pointer;
}
.u-svideo .vxian img{margin-bottom:9px;}

.m-stan
{
	width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
	background:url(../yu-img/icon20.png);
	opacity:0;
}
.m-stan .stan
{
	width:80%;
	position:absolute;
	left:50%;
	margin-left:-40%;
	top:50%;
	text-align:center;
	height:auto;
	background:#000;
}
.m-stan  .guan 
{
	width:24px;
	height:24px;
	position:absolute;
	right:11%;
	cursor:pointer;
	z-index:9999;
}
.m-stan  .guan  img 
{
	width:100%;
}
.m-stan .stan video
{
	width:100%;
	height:100%;
}

.m-video .u-frontier:hover  .fimg img 
{
    transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);             /* IE 9 */
	-webkit-transform: scale(1.1,1.1);      /* Safari and Chrome */
	-o-transform: scale(1.1,1.1);            /* Opera */
	-moz-transform: scale(1.1,1.1);         /* Firefox */
}
.m-video .u-frontier:hover  .fimg  span img{transform: scale(1,1);}


/* 底部导航 */	
.g-footer
{
	width:100%;
	padding:20px 0px 15px;
}
.g-footer1
{
	background:#636363;
	padding:35px 0px 25px;
}
.m-gooter1{width:100%;}
.m-gooter1 .titles
{
	height:40px;
	width:100%;
    position: relative;
	border-bottom:2px solid #00C4DC;
}
.m-gooter1 .titles .onetitle
{
    height: 38px;
	line-height:38px;
	width:24.7%;
	padding:0px 10px;
    background: #E8E8E8;
	margin-right:0.4%;
    cursor: pointer;
	float:left;
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 2.25px;
	transition: all 0.5s ease 0s;
}
.m-gooter1 .titles .onetitle:hover
{
    color: #fff;
	background:#00C4DC;
}
.m-gooter1 .titles .targeted
{
    color: #fff;
	background:#00C4DC;
}
.m-gooter1 .contents
{
    width: 100%;
	padding:20px 11px;
}
.m-gooter1 .contents .onecontent
{
    display: none;
	height:162px;
	transition: all 0.5s ease 0s;
}
.m-gooter1 .contents .targeted{display: block;}
.u-footer1
{
	width:18%;
	float:left;
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 2.25px;
}
.u-footer1 p 
{
	line-height: 27px;
	line-height:27px;
	padding-left:15px;
	background:url(../yu-img/icon14.png) left center no-repeat;
}
.m-gooter2
{
	width:100%;
	height:66px;
	margin:10px 0px 30px;
}
.m-gooter2 .f2z
{
	margin-right:30px;
	float:left;
	height:66px;
}
.m-gooter2  img{max-height:100%;}
.m-gooter2 .f2r
{
	float:left;
	height:44px;
	margin:13px 0px 9px;
}
.m-gooter3{float:left;}
.m-gooter3 .f3z
{
	float:left;
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 0.12px;
	line-height: 32px;
}
.m-gooter3 .dels
{
	width:100%;
	height:48px;
	background:url(../yu-img/icon26.png) left center no-repeat;
	line-height:24px;
	font-size:15px;
	color:#fff;
	margin-bottom:20px;
}
.m-gooter3 .dels .tel{font-size:20px;font-family: SimHei;letter-spacing: 1px;}
.m-gooter3 .dels p {padding-left:60px;}
.m-gooter3 .f3z p img{margin:6px 16px 6px 0px;}
.m-gooter3 .f3r
{
	width:25%;
	float:right;
	text-align:right;
}
.m-gooter3 .f3r .img1
{
	width:50px;
	height:40px;
	margin:37px 0px 38px;
}
.m-gooter3 .f3r .img1 img 
{
	width:100%;
	height:100%;
}
.m-gooter3 .f3r .img2 
{
	width:115px;
	height:115px;
	margin-left:64px;
}
.m-gooter3 .f3r .img2 img 
{
	width:100%;
	height:100%;
}
.m-gooter4
{
	width:100%;
	/*height:60px;*/
	line-height:60px;
	background: #5e5e5e;
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 1.94px;
	border-bottom: 1px solid #737373;
}
.m-gooter4 .f4r .weibo 
{
	float:right;
	height:26px;
	margin:17px 0px 17px 30px;
}
.u-aweixin
{
	float:right;
	width:110px;
	text-align:center;
	position:relative;
	z-index:999;
	cursor:pointer;
}
.u-aweixin .xian 
{
	height:26px;
	margin:17px auto;
}
.u-aweixin .yin
{
	width:100%;
	position:absolute;
	left:0px;
	bottom:60px;
	display:none;
	transition: all 0.5s ease 0s;
}
.u-aweixin:hover .yin{display:block;}
.u-aweixin .yin  .t2{width:100%;}
.u-aweixin .yin  .t2 img{width:100%;}
.u-aweixin .yin  .t1
{
	position:absolute;
	left:50%;
	margin-left:-7px;
	top:110px;	
}
.m-didao
{
	float:right;
}
.m-didao .didao 
{
	float:right;
	height:365px;
	border-left:2px solid #6b6b6b;
	font-size:14px;
	line-height:28px;
	color:#fff;
}
.m-didao .didao  p 
{
	padding:0px 20px;
}
.m-didao .didao  .tit {font-weight:bold;}


.g-nbanner
{
	width:100%;
	position:relative;
	overflow:hidden;
}
.g-nbanner .nimg{width:100%;}
.g-nbanner .nimg img{width:100%;}
.g-nbanner .ntit
{
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	margin-top:-66px;
	z-index:9;
}
.g-nbanner .ntit .tit
{
	font-size: 40px;
	color: #FFFFFF;
	letter-spacing: 1.67px;
	line-height: 55px;
	margin-bottom:19px;
}
.g-nbanner .ntit .xian
{
	background: #F5A623;
	width:58px;
	height:3px;
}
.g-nbanner .ntit .ying
{
	font-family: CenturyGothic;
	font-size: 40px;
	color: #FFFFFF;
	letter-spacing: 1.67px;
	line-height: 55px;
	text-transform:uppercase;
}



.g-content{padding:25px 0px 35px;}
.m-mianbao
{
	width:100%;
	height:75px;
	line-height:75px;
	border-bottom:1px solid #e2e2e2;
	margin-bottom:30px;
}
.m-mianbao .swiper-wrapper
{
	width:100%;
	font-size: 14px;
	color: #00001B;
	letter-spacing: 0.47px;
}
.m-mianbao .niu
{
	position: absolute;
    right: 0px;
    top: -1px;
    height: 26px;
    z-index: 99;
}
.m-mianbao .swiper-wrapper .swiper-slide
{
	width:auto;    
    overflow: hidden;
    height: 75px;
}
.m-mianbao .swiper-wrapper .swiper-slide a{color: #00001B;}
.m-mianbao .swiper-wrapper .swiper-slide a:hover{color: #00c4da;}
.m-mianbao .swiper-wrapper .swiper-slide a.ons{color: #00c4da;}
.m-mianbao .swiper-button-next
{
	width:13px;
	height:26px;
    background: url(../yu-img/icon4-1.png) left center no-repeat;
	background-size:10px 20px;
    right: 20px;
	margin-top:-13px;
}
.m-mianbao .swiper-button-prev
{
	width:13px;
	height:26px;
    background: url(../yu-img/icon5-1.png) left center no-repeat;
	background-size:10px 20px;
    right: 0px;
    left: auto;
	margin-top:-13px;
}
.m-mianbao .swiper-button-prev.swiper-button-disabled{
    opacity: 0.5;
    background: url(../yu-img/icon5-2.png) left center no-repeat;
	background-size:10px 20px;
    cursor: auto;
    pointer-events: none;
} 
.m-mianbao .swiper-button-next.swiper-button-disabled {
    opacity: 0.5;
    background: url(../yu-img/icon4-2.png) left center no-repeat;
	background-size:10px 20px;
    cursor: auto;
    pointer-events: none;
}



.m-xiazai
{
	width:100%;
	margin-bottom:15px;
}
.u-xiazai
{
	width:100%;
	border: 1px solid #E2E2E2;
	margin-bottom:27px;
	position:relative;
	transition: all 0.5s ease 0s;
}
.u-xiazai:hover 
{
	border: 1px solid #cacaca;
	box-shadow: 0px 0px 20px #8c8989;	
}
.u-xiazai .ximg
{
	width:258px;
	height:258px;
	overflow:hidden;
	float:left;
	position:relative;
	z-index:99;
}
.u-xiazai .ximg img 
{
	width:100%;
	height:100%;
	-webkit-transition: all 1s ease;
    transition: all 1.8s ease;
}
.u-xiazai:hover  .ximg img 
{
    transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
}
.u-xiazai .xtxt
{
	width:100%;
	height:258px;
	display:table;
	position:absolute;
	z-index:9;
	left:0px;
	top:0px;
	line-height:258px;
	padding-left:258px;
}
.u-xiazai .xtxt .xtxt1
{
	vertical-align:middle;
	line-height:20px;
	display:table-cell;
	padding:0px 58px;
}
.u-xiazai .xtxt .xtxt1 .tit1
{
	font-size: 22px;
	color: #00C4DC;
	letter-spacing: 0.79px;
	margin-bottom:8px;
	line-height:30px;
}
.u-xiazai .xtxt .xtxt1 .tit2
{
	font-size: 12px;
	color: #3E3A39;
	letter-spacing: 0.5px;
	line-height: 22px;
	margin-bottom:8px;
	min-height:65px;
	max-height:132px;
	overflow:hidden;
}
.u-xiazai .xtxt .xtxt1 .more
{
	width:120px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:14px;
	background: #F5A623;
	color: #FFFFFF;
	cursor:pointer;
	letter-spacing: 0.67px;
	transition: all 0.5s ease 0s;
	display:inline-block;
}
.u-xiazai .xtxt .xtxt1 .more:hover{background:#00c4da;}
.u-xiazai .xtxt .xtxt1 .more img 
{
	width:9px !important;
	height:15px !important;
	margin:10px 0px 10px 10px !important;
	left: 0px !important;
}




.u-page
{
	width:100%;
	padding:10px 0px;
	text-align:right;
}
.u-page a 
{
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0.5px;
	text-align: center;
	padding:0px 11px;
	background: #CCCCCC;
	margin-left:2px;
	vertical-align:top;
	transition: all 0.5s ease 0s;
}
.u-page a.huan{padding:0px 23px;}
.u-page span
{
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size: 18px;
	color: #CCCCCC;
	letter-spacing: 0.5px;
	text-align: center;
	padding:0px 11px;
	margin-left:2px;
	vertical-align:top;
}
.u-page a.ons{background:#00c4da;}
.u-page a:hover{background:#00c4da;}


.m-xiazai .u-news2{border: 1px solid #E2E2E2;}
.m-xiangs{width:100%;}
.m-xiangs .nxtit
{
	line-height:41px;
	padding:12px 0px;
	border-bottom:1px solid #E2E2E2;
	font-size: 24px;
	color: #00C4DC;
	letter-spacing: 0.8px;
	margin-bottom:20px;
}
.m-xiangs .nxtit.bo 
{
	border:0px;
}
.m-xiangs .nxtit.lianxi 
{
	margin-bottom:0px;
	padding:8px 0px;
}
.m-xiangs .nxtime
{
	font-size: 14px;
	color: #8F8F8F;
	letter-spacing: 0.47px;
	text-align: justify;
	line-height:22px;
	margin-bottom:20px;
}
.m-xiangs .nxtime span{margin-right:33px;}
.m-xiangs .nxtxt
{
	font-size: 14px;
	color: #3E3A39;
	letter-spacing: 0.47px;
	text-align: justify;
	line-height: 30px;
	margin-bottom:25px;
}
.m-xiangs .nxtxt img{max-width:100%;}
.u-huanye
{
	line-height:60px;
	width:100%;
	font-size: 14px;
	color: #3E3A39;
	letter-spacing: 0.47px;
	text-align: left;
	margin-bottom:20px;
}
.u-huanye span 
{
	color:#00C4DC;
	margin-right:11px;
}
.u-huanye .shang{border-bottom:1px solid #E2E2E2;}
.u-huanye a{color:#3E3A39;}
.u-huanye a:hover{color:#00C4DC;}

.u-fenxiang
{
	width:100%;
	margin-bottom:20px;
}
.u-fenxiang .fxtit
{
	width:100%;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #E2E2E2;
	font-size: 14px;
	color: #00C4DC;
	letter-spacing: 0.47px;
	margin-bottom:20px;
}
.u-fenxiang .fxtxt
{
	width:100%;
	height:57px;
}
.u-fenxiang .fxtxt a 
{
	width:57px;
	height:57px;
	overflow:hidden;
	border-radius:50%;
	background:#8F8F8F;
	margin-right:20px;
	line-height:57px;
	text-align:center;
	float:left;
}
.u-fenxiang .fxtxt a  img 
{
	width:100%;
	position:relative;
	transition: all 0.5s ease 0s;
	top:0px;
}
.u-fenxiang .fxtxt a:hover  img 
{
	top:-57px;
}



.u-oem
{
	width:530px;
	height:360px;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
	float:left;
}
.u-oem:nth-child(2n)
{
	float:right;
}
.u-oem .oimg
{
	width:100%;
	height:100%;
	overflow:hidden;
	background: #F1F1F1;
	text-align:center;
}
.u-oem .oimg img 
{
	height:100%;
	width:100%;
	-webkit-transition: all 1s ease;
    transition: all 1.8s ease;
}
.u-oem:hover  .oimg img 
{
    transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
}
.u-oem .otit
{
	width:100%;
	height:100%;
	line-height:360px;
	display:table;
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;
	background:url(../images/icon25.png);
	transition: all 1.5s ease 0s;
	opacity:0;
}
.u-oem:hover .otit{opacity:1;}
.u-oem .otit .otit1
{
	line-height:30px;
	display:table-cell;
	vertical-align:middle;
	padding:0px 52px 0px 67px;
}
.u-oem .otit .otit1 .tit 
{
	font-size: 22px;
	color: #FFFFFF;
	letter-spacing: 0.79px;
	margin-bottom:8px;
}
.u-oem .otit .otit1 .txt 
{
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 0.5px;
	line-height: 20px;
	margin-bottom:25px;
}
.u-oem .otit .otit1 .more
{
	width:120px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:14px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	cursor:pointer;
	letter-spacing: 0.67px;
	transition: all 0.5s ease 0s;
	display:inline-block;
}
.u-oem .otit .otit1 .more:hover{background:#F5A623;border: 1px solid #F5A623;}
.u-oem .otit .otit1 .more img 
{
	width:9px !important;
	height:15px !important;
	margin:10px 15px 10px 10px !important;
    left: 0px !important;
    float: right;
    margin-right: 15px;
}


.m-nlianxi
{
	width:100%;
	margin-top:50px;
}
.m-nlianxi .nltit 
{
    line-height: 41px;
    font-size: 24px;
    color: #00C4DC;
    letter-spacing: 0.8px;
    margin-bottom: 20px;
}
.m-nlianxi .nlianxi{width:100%;}
.m-nlianxi .nlianxi .nlimg
{
	width:346px;
	height:437px;
	overflow:hidden;
	float:left;
}
.m-nlianxi .nlianxi .nlimg img 
{
	width:100%;
	height:100%;
}
.m-nlianxi .nlianxi .nltxt
{
	width:734px;
	height:437px;
	overflow:hidden;
	float:left;
	border: 1px solid #E2E2E2;
	border-left:0px;
	position:relative;
}
.m-nlianxi .nlianxi .nltxt .ltxt
{
	position:absolute;
	left:50%;
	top:50%;
	width:511px;
	margin-top:-99px;
	margin-left:-255px;
}



.m-join
{
	width:100%;
} 
.u-emali
{
	width:100%;
	padding:35px 0px;
	line-height:30px;
	font-size: 16px;
	color: #000000;
	letter-spacing: 0.14px;
    border-bottom: 1px solid #D1D1D1;
}
.u-emali span 
{
	color: #00C4DC;
	letter-spacing: 0.14px;
	line-height: 30px;
}
.u-emali  img 
{
	margin-right:10px;
}
.u-join
{
	width:100%;
}
.u-join p 
{
	float:left;
	width:24%;
	height:100px;
	line-height:100px;
	background: #F4F4F4;
	text-align:center;
	font-size: 20px;
	color: #000;
	letter-spacing: 1.5px;
	margin: 0px 1.333% 13px 0px;
	cursor:pointer;
	overflow:hidden;
	transition: all 0.5s ease 0s;
}
.u-join p:nth-child(4n) 
{
	margin: 0px 0px 13px 0px;
}
.u-join p:hover 
{
	background: #00C4DC;
	color:#fff;
}
.u-join p.targeted
{
	background: #00C4DC;
	color:#fff;
}
.u-gangwei
{
	font-size: 14px;
	color: #000000;
	letter-spacing: 0.14px;
	line-height: 41px;
	padding:40px 0px;
	display:none;
}
.u-gangwei.targeted
{
	display:block;
}
.u-gangwei .gtit
{
	font-size: 21px;
	color: #00C4DC;
	letter-spacing: 0.14px;
	line-height: 41px;
}
.u-gangwei span 
{
	color:#00C4DC;
}


.u-ditu
{
	width:100%;
	height:575px;
	margin-top:15px;
}
.u-ditu img{max-width:inherit;}
.u-ditu #map 
{
	width:100%;
	height:100%;
}
.BMapLabel
{
	left:15px !important;
	top:-15px !important;
	padding:5px !important;
	font-size:16px !important;
	font-family: 'HelBdCn' !important;
}
.center{width:252px !important;}
.bottom{height:25px !important;}
.BMap_bubble_title
{
	font-size:16px !important;
	margin-bottom:10px !important;
}
.BMap_bubble_content
{
	font-size:13px !important;
	line-height:22px !important;
}




.u-video
{
	width:530px;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
	float:left;
}
.u-video:nth-child(2n){float:right;}
.u-video .url {display:none;}
.u-video .vimg
{
	width:100%;
	height:360px;
	overflow:hidden;
	background: #F1F1F1;
	text-align:center;
	position:relative;
}
.u-video .vimg img
{
	height:100%;
	width:100%;
	-webkit-transition: all 1s ease;
    transition: all 1.8s ease;
}
.u-video:hover  .vimg img 
{
    transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
}
.u-video .vimg .img3
{
	width:62px;
	height:62px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-31px;
	margin-top:-31px;
	cursor:pointer;
}
.u-video:hover  .vimg .img3 img 
{
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
}
.u-video .vtit
{
	font-size: 16px;
	color: #3E3A39;
	letter-spacing: 0.53px;
	line-height: 30px;
	width:100%;
	height:30px;
	overflow:hidden;
	margin-top:12px;
}
.u-video:hover .vtit{color:#00C4DC;}


.g-content1
{
	padding-top:20px;
	width:100%;
}
.g-content1 .m-mianbao{margin-bottom:0px;}
.m-iot1
{
	width: 100%;
	padding:85px 0px;
	background: url(../yu-img/iot1.jpg) center top no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.u-iot1
{
	width:100%;
	font-size: 14px;
	color: #3E3A39;
	letter-spacing: 0.47px;
	text-align: justify;
	line-height: 30px;
}
.u-iot1  .tit1
{
	font-size: 36px;
	color: #00C4DC;
	letter-spacing: 1.2px;
	text-align: justify;
	line-height: 40px;
	margin-bottom:15px;
}
.u-iot1 img{max-width:100%;}
.u-iot1  .txt1{margin-bottom:60px;}

.m-iot2
{
	width: 100%;
	padding:120px 0px;
	background: url(../yu-img/iot2.jpg) center top no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.u-iot2
{
	width:340px;
	margin-right:30px;
	float:left;
	position:relative;
	transition: all 0.5s ease 0s;
	top:0px;
	box-shadow:0px 0px 0px #dcdcdc;
}
.u-iot2:hover 
{
	top:-15px;
	box-shadow:0px 0px 20px #8c8989;
}
.u-iot2:nth-child(3){margin-right:0px;}
.u-iot2 .img2{width:100%;}
.u-iot2 .img2 img{width:100%;}
.u-iot2 .txt 
{
	background:#fff;
	width:100%;
	height:300px;
	padding:20px 25px;
} 
.u-iot2 .txt .tit2
{
	width:100%;
	font-size: 24px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	color: #00C4DC;
	letter-spacing: 0.8px;
	text-align: center;
	margin-bottom:10px;
}
.u-iot2 .txt .txt2
{
	width:100%;
	height:230px;
	overflow:hidden;
	font-size: 14px;
	color: #8F8F8F;
	letter-spacing: 0.47px;
	text-align: justify;
	line-height: 28px;
}






.m-cela1
{
	width: 100%;
	padding:100px 0px;
	background: url(../yu-img/cela1.jpg) center top no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.u-cela1
{
	width:100%;
	display:table;
}
.u-cela1 .c1img
{
	width:290px;
	display:table-cell;
	vertical-align:middle;
	font-size: 14px;
	color: #3E3A39;
	letter-spacing: 0.47px;
	text-align: center;
	line-height: 30px;
}
.u-cela1 .c1img .img
{
	width:290px;
	height:290px;
	overflow:hidden;
	border-radius:50%;
	margin-bottom:20px;
}
.u-cela1 .c1txt
{
	width:780px;
	padding-left:100px;
	display:table-cell;
	vertical-align:middle;
	font-size: 14px;
	color: #3E3A39;
	letter-spacing: 0.47px;
	text-align: justify;
	line-height: 30px;
}
.u-cela1 .c1txt .tit1
{
	font-size: 36px;
	color: #00C4DC;
	letter-spacing: 1.2px;
	text-align: justify;
	line-height: 30px;
	line-height:40px;
	margin-bottom:15px;
}



.m-cela2
{
	width: 100%;
	padding:80px 0px;
	background: url(../yu-img/cela2.jpg) center top no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.m-cela2 .tit2 
{
	font-size: 36px;
	color: #00C4DC;
	letter-spacing: 1.2px;
	line-height:40px;
	margin-bottom:45px;
	width:100%;
}
.m-cela2 .w1080{overflow:hidden;}
.m-cela2 .cela2{width:100%;}
.m-cela2 .gallery-thumbs
{
	width:100%;
	height:45px;
	border-bottom:1px solid #fff;
	margin-bottom:30px;
	overflow:inherit;
}
.m-cela2 .gallery-thumbs .swiper-wrapper
{
	top:-1px;
}
.m-cela2 .gallery-thumbs .swiper-slide
{
	position:relative;
	top:1px;
	width:auto;
	height:45px;
	font-size: 16px;
	color: #3E3A39;
	letter-spacing: 0.53px;
	text-align: justify;
	line-height:20px;
	border-bottom:0px solid #FFB717;
	transition: all 0.5s ease 0s;
	cursor:pointer;
}
.m-cela2 .gallery-thumbs .swiper-slide:hover
{
	border-bottom:6px solid #FFB717;
}
.m-cela2 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active
{
	border-bottom:6px solid #FFB717;
}
.m-cela2 .gallery-top .swiper-slide .imgs
{
	text-align:center;
	margin-bottom:30px;
	width:100%;
}
.m-cela2 .gallery-top .swiper-slide .txts 
{	
	width:100%;
    height:185px;
	overflow:hidden;
	font-size: 14px;
	color: #3E3A39;
	letter-spacing: 0.47px;
	text-align: justify;
	line-height: 30px;
}

.m-cela3
{
	width: 100%;
	padding:80px 0px 60px;
	background: url(../yu-img/cela3.jpg) center top no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.m-cela3 .tit3 
{
	font-size: 36px;
	color: #00C4DC;
	letter-spacing: 1.2px;
	line-height: 30px;
	margin-bottom:50px;
	line-height:40px;
}
.u-cela3
{
	width:340px;
	margin-right:30px;
	float:left;
	position:relative;
	transition: all 0.5s ease 0s;
	top:0px;
	box-shadow:0px 0px 0px #dcdcdc;
	background:#fff;
}
.u-cela3:hover 
{
	top:-15px;
	box-shadow:0px 0px 20px #8c8989;
}
.u-cela3:nth-child(3){margin-right:0px;}
.u-cela3 .c3img
{
	padding:40px 0px 20px;
	text-align:center;
}
.u-cela3 .c3img img {width:182px;}
.u-cela3 .c3tit
{
	font-size: 24px;
	color: #3E3A39;
	letter-spacing: 0.8px;
	text-align: center;
	line-height: 30px;
	margin-bottom:7px;
}
.u-cela3 .c3xian
{
	width:26px;
	height:3px;
	background: #FFB717;
	margin:0px auto 10px;
}
.u-cela3 .c3txt
{
	width:100%;
	height:250px;
	font-size: 14px;
	color: #8F8F8F;
	letter-spacing: 0.47px;
	text-align: justify;
	line-height: 28px;
	padding:0px 27px 50px;
}





.m-cela4
{
	width: 100%;
	padding:70px 0px;
	background: url(../yu-img/cela4.jpg) center top no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.m-cela4 .tit4 
{
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 1.2px;
	text-align: justify;
	line-height: 30px;
	margin-bottom:40px;
	line-height:40px;
}

.u-cela4
{
	width:348px;
	height:179px;
	background:#fff;
	margin-right:18px;
	margin-bottom:18px;
	overflow:hidden;
	float:left;
	cursor:pointer;
	box-shadow:0px 0px 0px #dcdcdc;
	transition: all 0.5s ease 0s;
}
.u-cela4:hover 
{
	box-shadow:0px 0px 20px #8c8989;
}
.u-cela4:nth-child(3n){margin-right:0px;}
.u-cela4 .c4tit
{
	width:100%;
	padding-top:25px;
}
.u-cela4 .c4tit .num
{
	float:left;
	margin-left:35px;
	font-family: DINAlternate-Bold;
	font-size: 36px;
	color: #00C4DC;
	letter-spacing: 1.2px;
	text-align: center;
	line-height: 30px;
	transition: all 0.5s ease 0s;
}
.u-cela4:hover .c4tit .num
{
	margin-left:15px;
}
.u-cela4 .c4tit .tit
{
	float:left;
	margin-left:20px;
	font-size: 24px;
	color: #3E3A39;
	letter-spacing: 0.8px;
	line-height: 25px;
	transition: all 0.5s ease 0s;
}
.u-cela4:hover .c4tit .tit
{
	color:#00C4DC;
}
.u-cela4 .c4xian
{
	width:74px;
	height:4px;
	background: #FFB717;
	margin-bottom:6px;
	margin-top:4px;
	transition: all 0.5s ease 0s;
}
.u-cela4:hover .c4xian{width:100%;}
.u-cela4 .c4txt
{
	padding:0px 33px;
	font-size: 14px;
	color: #8F8F8F;
	letter-spacing: 0.47px;
	text-align: justify;
	line-height: 25px;
	width: 100%;
	height:103px;
	overflow:hidden;
}
.m-cela5
{
	width: 100%;
	position:relative;
	overflow:hidden;
}
.m-cela5 .tit5 
{
	font-size: 36px;
	color: #00C4DC;
	letter-spacing: 1.2px;
	line-height:40px;
	position:absolute;
	left:0px;
	top:10.2%;
	z-index:999;
	width:100%;
}
.m-cela5 img{width:100%;}





.u-search1 
{
    line-height: 41px;
    padding: 12px 0px;
    border-bottom: 1px solid #E2E2E2;
    font-size: 24px;
    color: #333;
    letter-spacing: 0.8px;
}
.u-search1 span{color:#00C4DC;}

.u-search
{
	width:100%;
    padding: 30px 0px;
    border-bottom: 1px solid #E2E2E2;
}
.u-search .stxt
{
	font-size: 14px;
    color: #3E3A39;
    letter-spacing: 0.5px;
    line-height: 25px;
	height:50px;
	overflow:hidden;
	float:left;
	width:80%;
}
.u-search .stxt span{color:#00C4DC;}

.u-search .smore
{
	float:right;
	margin:7px 0px;
}
.u-search .smore .more {
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    background: #F5A623;
    color: #FFFFFF;
    cursor: pointer;
    letter-spacing: 0.67px;
    transition: all 0.5s ease 0s;
    display: inline-block;
}
.u-search .smore .more:hover{background:#00c4da;}
.u-search .smore .more img 
{
	width:9px !important;
	height:15px !important;
	margin:10px 0px 10px 10px !important;
	left: 0px !important;
}

.f-displaypc{display: block;}





.u-jiejue
{
	width:275px;
	margin-right:30px;
	background:#fff;
	float:left;
	text-align:center;
    transition: all 0.5s ease 0s;
    cursor: pointer;
}
.u-jiejue:nth-child(4){margin-right:0px;} 
.u-jiejue:hover
{
	box-shadow: 0px 0px 20px #8c8989;
}
.u-jiejue  .jjimg
{
	width:130px;
	height:148px;
	margin:35px auto 25px;
	overflow:hidden;
	position:relative;
    transition: all 0.5s ease 0s;
}
.u-jiejue  .jjimg img
{
    width:100%;
	position:relative;	
    transition: all 0.2s ease 0s;
}
.u-jiejue  .jjimg  .img1 {top:0px;}
.u-jiejue  .jjimg  .img2 {top:148px;}
.u-jiejue:hover  .jjimg  .img1 {top:-148px;}
.u-jiejue:hover  .jjimg  .img2 {top:-148px;}
.u-jiejue  .ptit
{
	padding:0px 15px 10px;
    font-size:22px;
    color:#333;	
    transition: all 0.5s ease 0s;
}
.u-jiejue:hover  .ptit{color:#00c4da;}
.u-jiejue  .ptxt
{
	padding:0px 25px 20px;
    font-size:14px;
	line-height:25px;
    color:#818080;
    height: 120px;	
    margin-top:15px;
}
.u-jiejue .more
{
	width:120px;
	height:35px;
	border:1px solid #eaeaea;
	line-height:33px;
	margin:0px auto 25px;
	font-size:14px;
	color:#00c4da;
    transition: all 0.5s ease 0s;
}
.u-jiejue .more img 
{
	margin:9px 0px 9px 9px;
}
.u-jiejue .more .img1{display:inline-block;}
.u-jiejue .more .img2{display:none;}



.u-jiejue:hover .more
{
	border:1px solid #00c4da;
	color:#fff;
	background:#00c4da;
}
.u-jiejue:hover .more .img1{display:none;}
.u-jiejue:hover .more .img2{display:inline-block;}








.g-didaos
{
	width:100%;
	height:55px;
	position:fixed;
	left:0px;
	bottom:0px;
	background:#f7f7f7;
	z-index:999;
	display:none;
}
.u-dis
{
	width:33.33333333%;
	float:left;
	height:55px;
	text-align:center;
	font-size:12px;
	color:#3e3a39;
	line-height:20px;
	cursor:pointer;
}
.u-dis .img
{
	height:20px;
	overflow:hidden;
	margin:7px auto 2px;
}
.u-dis .img.i1 
{
	background:url(../yu-img/q1.svg) center no-repeat;
	background-size:auto 20px;
}
.u-dis .img.i2
{
	background:url(../yu-img/q2.svg) center no-repeat;
	background-size:auto 20px;
}.u-dis .img.i3
{
	background:url(../yu-img/q3.svg) center no-repeat;
	background-size:auto 20px;
}
.u-dis.on 
{
	background:#00c4dc;
	color:#fff;
}
.u-dis.on  p {color:#fff;}
.u-dis.on  .img.i1 
{
	background:url(../yu-img/q11.svg) center no-repeat;
	background-size:auto 20px;
}
.u-dis.on  .img.i2
{
	background:url(../yu-img/q21.svg) center no-repeat;
	background-size:auto 20px;
}.u-dis.on  .img.i3
{
	background:url(../yu-img/q31.svg) center no-repeat;
	background-size:auto 20px;
}
.u-dis:hover
{
	background:#00c4dc;
	color:#fff;
}
.u-dis:hover p {color:#fff;}
.u-dis:hover  .img.i1 
{
	background:url(../yu-img/q11.svg) center no-repeat;
	background-size:auto 20px;
}
.u-dis:hover  .img.i2
{
	background:url(../yu-img/q21.svg) center no-repeat;
	background-size:auto 20px;
}.u-dis:hover  .img.i3
{
	background:url(../yu-img/q31.svg) center no-repeat;
	background-size:auto 20px;
}



.moreload .more 
{
	text-align:center;
	font-size:22px;
	margin:20px 0px;
	color: #00c4da;
}