@charset "utf-8";
/*********公共部分开始**********/
*,button,input{border:none;background:none;font-weight: normal;}
.mt40{
	margin-top: 40px;
}
.mt50{
	margin-top: 50px;
}
.pt50{
	padding-top: 50px;
}
.pb50{
	padding-bottom: 50px;
}
.pl50{
	padding-left: 50px;
}
.pr50{
	padding-right: 50px;
}
.w100{
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
}
.w1200{width: 1200px;}
/* 头部开始 */
nav{
	height: 70px;
	position: relative;
	z-index: 999;
}

nav .nav_menu{
	position: relative;
	*z-index: 999;
}
nav.nav{
	position: static;
	margin-top: 35px;
}
nav .nav_menu .logo{
	width:358px;
	height: 70px;
}
nav .nav_menu .logo img{
	display: block;
	width: 100%;
	height: 100%;
}
nav .nav-r{
	width: 720px;
}
nav ul > li{
	height: 70px;
	line-height: 70px;
	text-align: center;
	position: relative;
}
nav ul > li > a{
	padding:0 24px;
	display:inline-block;
	text-align: center;
	font-size: 16px;
	color: #212121;
	height: 70px;
	line-height: 70px;

}
nav  ul > li > a.active,
nav ul > li:hover > a{
	color: #0195d8;
}

nav ul > li .i-01 img{
	display: block;
	width: 16px;
	height: 16px;
	margin: 27px 15px 0 30px;
}
nav ul > li .i-01 .search{width: 160px; height: 36px; background: url('../images/search.png') center center no-repeat; margin: 20px 0 0 10px; display: none;}
nav ul > li .i-01 .search .put_01{ background: none; border: none; outline: none; padding: 0 13px; width: 98px; height: 36px; line-height: 36px; }
nav ul > li .i-01 .search .but_01{ background: none; border: none; outline: none; width: 36px; height: 36px; background: url('../images/icon-1.png') center center no-repeat;}
nav ul > li .i-01.xz img{ display: none; }
nav ul > li .i-01.xz .search{ display: block; }
nav ul > li a.cn,
nav ul > li a.en{
	color: #212121;
	width: 26px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding:0;
	margin-left: 5px;
	margin-top: 27px;
	text-transform: uppercase;
}
nav ul > li a.cn.on,
nav ul > li a.en.on{
	color: #fff;
	background: #222;
}
.menu-sub{
	position: absolute;
	left: -48px;
	top: 70px;
	width: 200px;
	padding-bottom: 4px;
	background: url('../images/menu_t.png') center bottom no-repeat;
	display: none;
}
.menu-sut{
	padding: 4px 5px 0;
	background: url('../images/menu_b.png') center top no-repeat;
}
.menu-sub a{
	display: block;
	width: 100%;
	line-height: 36px;
	font-size: 14px;
	color: #878787;
	border-top: 1px solid #ebebeb;
}
.menu-sub a:first-child{ border-top: none; }
nav ul > li:hover .menu-sub a:hover,.menu-sub a.active{
	color: #0195d8;
}
nav ul > li:hover .menu-sub{
	display: block;
}
/* .menu{
	height: 45px;
	line-height: 45px;
	border-top: 1px solid #dadada;
}
.menu .menu-box{
	height: 45px;
}
.menu .menu-sub{
	font-size: 0;
	width: 380px;
	position: absolute;
	left:500px;
}
.menu .menu-sub.join{
	font-size: 0;
	width: 190px;
	position: absolute;
	left:840px;
}
.menu a{
	height: 42px;
	line-height: 42px;
	display: inline-block;
	color: #999;
	font-size: 14px;
	margin:0 19px;
}
.menu a.active{color: #1493da;border-bottom: 3px solid #1493da;} */
.video{
	width: 100%;
	min-width: 1200px;
	height: 910px;
}
.video img{
	display: block;
	width: 100%;
	/*height: 910px;*/
}
.v-text{ width: 1200px; height: 910px; top: 0; left: 50%; margin-left: -600px; }
.video .v-text .v-text-b{
	font-size: 30px;
	color: red;
	top:345px;
	right: 0;
	z-index: 9;
	text-align: right;
}
.video .v-text .v-text-b .t1{
	font-size: 48px;
	color: #fff;
	font-weight: bold;
}
.video .v-text .v-text-b .t2{
	font-size: 31px;
	color: #fff;
}
.video .v-text .v-text-b .t3{
	font-size: 14px;
	height: 54px;
	line-height: 54px;
	color: #fff;
	font-family: "Arial";
}
.video .v-text .v-text-b .t3 img{
	display: inline-block;
	width: 25px;
	height: 2px;
	margin:0 10px 0 0;
	position: relative;
	top:-3px;

}
.video .v-text .more{
	text-transform: uppercase;
	display: block;
	width: 188px;
	text-align: center;
	height: 52px;
	line-height: 52px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	font-family: "Arial";
	background:url(../images/icon-2.png) no-repeat left center;
}

.sn-2,
.sn-3,
.sn-4{
	background:#eaeaea;
}
.sn-1 .sn-1-b{
	background:#fff;
}
.sn-3 .sn-3-b{
	background:#fff;
	padding-bottom: 35px;
}
/* geek+ css */
.sn-1-g .picScroll-left{ width:1200px;  overflow:hidden; position:relative;}
.sn-1-g .picScroll-left .hd{position:absolute;left:0;top:375px;z-index:999;width: 150px; overflow:hidden;  height:30px;}
.sn-1-g .picScroll-left .hd .prev,
.sn-1-g .picScroll-left .hd .next{
	display:block;
	width:69px;
	height:27px;
	overflow:hidden;
	cursor:pointer;
}
.sn-1-g .picScroll-left .hd .prev{
	float: left;
	background:url(../image/icon-left.png) no-repeat;
}
.sn-1-g .picScroll-left .hd .next{float: right;background:url("../image/icon-right.png") no-repeat;}
.sn-1-g .picScroll-left .bd{ }
.sn-1-g .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.sn-1-g .picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; padding-bottom: 75px; }
.sn-1-g .picScroll-left .bd ul li .pic{ text-align:center; }
.sn-1-g .picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.sn-1-g .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.sn-1-g .picScroll-left .bd ul li .title{ line-height:24px;   }
.sn-1-g .picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.sn-1-g .picScroll-left .bd ul li {
	float: left;
	_display: inline;
	overflow: hidden;
}

.sn-1-g .picScroll-left .bd ul li .pic {
	text-align: center;
}

.sn-1-g .picScroll-left .bd ul li .pic img {
	width: 120px;
	height: 90px;
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
}

.sn-1-g .picScroll-left .bd ul li .pic a:hover img {
	border-color: #999;
}

.sn-1-g .picScroll-left .bd ul li .title {
	line-height: 24px;
}

.sn-1-left{
	width: 500px;
	padding:150px 0 130px 0;
}
.sn-1-left .sn-1-tit{
	line-height: 100%;
	font-size: 26px;
	color: #000;
	/*padding-bottom: 25px;*/
}
.sn-1-left .line{
	width: 17px;
	height: 2px;
	background: #bdbdbd;
}
.sn-1-left .tec{
	font-size: 16px;
	line-height: 42px;
	color: #000;
	margin-top: 15px;
}
.sn-1-left .ms{
	font-size: 16px;
	line-height: 34px;
	color: #616161;
}
.pro-tit{
	width: 181px;
	height: 181px;
	background: #f2f2f2;
	position: absolute;
	top:0;
	left:420px;
}
.pro-tit .pro-img{
	display: block;
	width: 37px;
	height: 23px;
	margin:0 auto;
	padding: 65px 0 15px 0;
}
.pro-tit .pro-img img{
	display: block;
	width: 100%;
	height: 100%;
}
.pro-tit .pro-en{
	font-size: 18px;
	font-weight: bold;
	color: #918b94;
	font-family: 宋体;
}
.sn-1-right{
	margin-top: 50px;
	width: 600px;
}
.sn-1-right .pro-tt{
	font-size: 40px;
	color: #000;
	line-height: 100%;
	padding-left: 40px;
	padding-bottom: 10px;
}
.sn-1-right .ms{
	/*padding-left: 40px;*/
	font-size: 12px;
	color: #616161;
	line-height: 30px;
}
.sn-1-right .pic-1{
	width: 600px;
	height: 352px;
	margin-top: 63px;
	overflow: hidden;
}
.sn-1-right .pic-1 img{
	display: block;
	width: 100%;
	height: 100%;
	transition:all ease 1s;
}
.sn-1-right .pic-1 img:hover{
	transform:scale(1.1);
}

/*footer*/
footer{
	padding:25px 0 65px 0;
}
.bot-nav ul{
	
}
.bot-nav ul li{
	height: 90px;
	line-height: 90px;
}
.bot-nav ul li a{
	margin-top: 35px;
	display: block;
	line-height: 100%;
	font-size: 16px;
	color: #212121;
	padding:0 25px;
	border-left:1px solid #808080;
}
.bot-nav ul li:first-child a{
	border-left:none;
	padding:0 25px 0 0;
}
.bot-nav  .copyright{
	padding-top: 35px;
	border-top: 1px solid #c8c8c8;
}
.bot-nav .copyright .copy{
	font: 12px;
	color: #212121;
	text-transform: uppercase;
}
.sn-2-left{
	width: 61%;
	height: 100%;
	overflow: hidden;
}
.sn-2-left img{
	display: block;
	width: 100%;
	height: 100%;
	transition:all ease 1s;
}
.sn-2-left img:hover{
	transform:scale(1.1);
}

/* .sn-2-g{
	background: #a3a9b0;
	margin-left: 30px;
	margin-right: 30px;
}
.sn-2-g .picScroll-left{ width:1200px;  overflow:hidden; position:relative;}
.sn-2-g .picScroll-left .hd{position:absolute;right:23%;top:74%;z-index:99999;width: 150px; overflow:hidden;  height:30px;}
.sn-2-g .picScroll-left .hd .prev,
.sn-2-g .picScroll-left .hd .next{
	display:block;
	width:69px;
	height:27px;
	overflow:hidden;
	cursor:pointer;
}
.sn-2-g .picScroll-left .hd .prev{
	float: left;
	background:url("../images/icon-3.png") no-repeat;
}
.sn-2-g .picScroll-left .hd .next{float: right;background:url("../images/icon-4.png") no-repeat;}
.sn-2-g .picScroll-left .bd{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	right: 0;
}
.sn-2-g .picScroll-left .bd .tempWrap{
	width: 1200px!important;
}
.sn-2-g .picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.sn-2-g .picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden;width: 1200px!important; }
.sn-2-g .picScroll-left .bd ul li .pic{ text-align:center; }
.sn-2-g .picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.sn-2-g .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.sn-2-g .picScroll-left .bd ul li .title{ line-height:24px;   }
.sn-2-right{width: 35%;margin-left: 4%;}
.sn-2-right .sn-1-tit{
	line-height: 100%;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 25px;
	margin-top: 10%;
}
.sn-2-right .line{
	width: 17px;
	height: 2px;
	background: #bbbfc4;
}
.sn-2-right .tec{
	font-size: 16px;
	line-height: 42px;
	color: #fff;
	margin-top: 15px;
}
.sn-2-right .ms{
	font-size: 12px;
	line-height: 30px;
	color: #fff;
} */
/*产品中心*/
.sn-3{
	padding-bottom: 45px;
}
.sn-3-g ul {
	/*margin-left: -10px;*/
}
.sn-3-g ul li{
	width: 260px;
	margin-left: 20px;
	background: #fff;
}
.sn-3-g ul li .pic{
	width: 260px;
	height: 200px;
}
.sn-3-g ul li .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.sn-3-g ul li .bot{
	width: 258px;
	border:1px solid #e9e9e9;
	border-top: none;
}
.sn-3-g ul li .bot .bot-t{
	margin:0 30px 0 30px;
	padding: 25px 0 15px 0;
	border-bottom: 1px solid #e9e9e9;
}
.sn-3-g ul li .bot .cn{
	font-size: 18px;
	line-height: 100%;
	color: #000;
}
.sn-3-g ul li .bot .en{
	font-size: 14px;
	line-height: 100%;
	color: #c1c1c1;
	padding-top: 10px;
	text-transform: uppercase;
}
.sn-3-g ul li .bot .cn:hover,
.sn-3-g ul li .bot .en:hover{
	color: #5cbef6;
}
.sn-3-g ul li .bot-b{
	margin:10px 30px 20px 30px;
}
.sn-3-g ul li .bot-b .ms{
	width: 100%;
	height: 38px;
	overflow: hidden;
}
/*应用案例*/
.title{
	/*height: 92px;
	line-height: 92px;
	font-size: 26px;
	font-weight: bold;
	color: #000;*/
}
.title .xiazai{
	width: 148px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	right: 0;
	top: 28px;
	background: url('../images/bg_05.png') center center no-repeat;
	font-size: 14px;
	color: #fff;
}
.title .xiazai img{
	position: relative;
	top: 2px;
	margin-right: 12px;
}
.title .more{
	padding-left: 18px;
	font-size: 12px;
	color: #999;
	text-transform: capitalize;
	background: url(../images/icon-13.png) no-repeat left center;
}
.sn-4-g{
	background: #a3a9b0;
}
.sn-4-left{
	width: 61%;
	height: 100%;
	overflow: hidden;
}
.sn-4-left img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all ease 1s;
}
.sn-4-left img:hover{
	transform: scale(1.1);
}
.sn-4-right{
	width: 35%;
	margin-right: 4%;

}
.sn-4-right .sn-1-tit{
	line-height: 100%;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 25px;
	margin-top: 10%;
}
.sn-4-right .line{
	width: 17px;
	height: 2px;
	background: #bbbfc4;
}
.sn-4-right .tec{
	font-size: 16px;
	line-height: 42px;
	color: #fff;
	margin-top: 15px;
}
.sn-4-right .ms{
	font-size: 12px;
	line-height: 30px;
	color: #fff;
}


.sn-4-g .picScroll-left{ width:1200px;  overflow:hidden; position:relative;}
.sn-4-g .picScroll-left .hd{position:absolute;left:0;top:74%;z-index:99999;width: 150px; overflow:hidden;  height:30px;}
.sn-4-g .picScroll-left .hd .prev,
.sn-4-g .picScroll-left .hd .next{
	display:block;
	width:69px;
	height:27px;
	overflow:hidden;
	cursor:pointer;
}
.sn-4-g .picScroll-left .hd .prev{
	float: left;
	background:url("../images/icon-3.png") no-repeat;
}
.sn-4-g .picScroll-left .hd .next{float: right;background:url("../images/icon-4.png") no-repeat;}

.sn-4-g .picScroll-left .bd{
	width: 100%;
	position: relative;
	right: 0;
}
.sn-4-g .picScroll-left .bd .tempWrap{
	width: 1200px!important;
}
.sn-4-g .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.sn-4-g .picScroll-left .bd ul li{width: 1200px!important;float:left; _display:inline; overflow:hidden; }
.sn-4-g .picScroll-left .bd ul li .pic{ text-align:center; }
.sn-4-g .picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.sn-4-g .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.sn-4-g .picScroll-left .bd ul li .title{ line-height:24px;   }


/*在线留言开始
.sn-5{
	background:url(../images/bg-1.jpg) no-repeat left top;
	background:url(../images/bg-1.jpg) no-repeat left top / cover;
}*/
.sn-5-r .ly{
	font-size: 22px;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
}
.sn-5-l{
	width: 504px;
	position: relative;
}

.sn-5-b{
	padding:60px 0 55px 0;
}
.sn-5-l .sn-5-l-pic{
	width: 504px;
	height: 363px;
}
.sn-5-l img{
	display: block;
	width: 100%;
	height: 100%;
}
.sn-5-l .sn-5-l-txt{
	position: absolute;
	left:0;
	top:0;
	width: 440px;
	height: 363px;
	background: url(../images/icon-6.png) repeat left center;
}
.txt-box{
	padding-left: 70px;
	padding-top: 115px;
}
.txt-box p{
	padding-left: 25px;
	font-size: 12px;
	line-height: 28px;
	color: #fff;
}
.b1{
	background: url(../images/icon-7.png) no-repeat left center;
}
.b2{
	background: url(../images/icon-8.png) no-repeat left 8px;
}
.b3{
	background: url(../images/icon-9.png) no-repeat left 8px;
}
.b4{
	background: url(../images/icon-10.png) no-repeat left center;
}
.b5{
	background: url(../images/icon-11.png) no-repeat left center;
}
.b4 span,.b5 span,
.bs4 span,.bs5 span{
	text-decoration: underline;
}
.sn-5-r{
	width: 596px;
	padding:35px 0 25px 20px;
	background: #fff;
}
.sn-5-r form{
	margin:0 0 0 -10px;
}
.sn-5-r form p{
	margin:0 0 10px 10px;
}
.sn-5-r form p label{
	display: block;
	float: left;
	font-size: 12px;
	color: #000;
	height: 43px;
	line-height: 43px;
	width: 65px;
	text-align: center;
	background: #f7f8f7;
	border-radius:5px 0 0 5px;
}
.sn-5-r form p .put-01{
	width: 180px;
	height: 43px;
	line-height: 43px;
	background: #f7f8f7;
	border-radius:0 5px 5px 0;
	*position: relative;
	*top:-1px;
}
.sn-5-r form .area label{
	height: 70px;
	line-height: 70px;

}
.sn-5-r form p .put-02{
	width: 435px;
	height: 70px;
	background: #f7f8f7;
	border-radius:0 5px 5px 0;
	resize:none;
	padding:5px;
	*position: relative;
	*top:-1px;
}
.sn-5-r form .mit{
	margin:10px 0 0 10px;
	*margin:10px 0 0 20px;
	width: 92px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background:url(../images/icon-12.png) no-repeat left center;
}
/*浮层*/
.fluid{
	width: 63px;
	position: fixed;
	right: -63px;
	top:50%;
	margin-top: -158px;
	z-index: 999999;
}
.fluid span.span1{ width: 32px; height: 61px; position: absolute; left: -32px; top: 50%; margin-top: -30px; background: url('../image/y_s.png') center center no-repeat; }
.fluid span.span1.xz{ background: url('../image/y_z.png') center center no-repeat;  }
.fluid ul li{
	width: 63px;
	height: 62px;
	background: url('../image/y_mc.png') repeat;
	border-bottom: 1px solid #3f3f3f;
	position: relative;
}
.fluid ul li a{
	display: block;
	width: 32px;
	/*height: 26px;*/
	margin:0 auto;
	padding-top: 18px;
}
.fluid ul li a span.span2{ position: absolute; width: 250px; height: 62px; line-height: 62px; text-align: center; display: block; right: -250px; top: 0; background: url('../image/y_mc.png') repeat; color: #fff; font-size: 18px; z-index: 3; }
.fluid ul li a span.span3{ display: block; width: 90px; height: 90px; border: 5px solid #fff; position: absolute; right: -110px;background: url('../image/y_mc.png') repeat; top: 0; z-index: 3; }
.fluid ul li a>img{
	display: block;
	width: 100%;
	height: 100%;
}
.banner{
	height: 685px;
	background-repeat:no-repeat;
	background-position: center top;
}
.banner .banner-text{
	padding-top:280px;
}
.banner .banner-text .t1{
	font-size: 40px;
	color: #fff;
	line-height: 100%;
	font-weight: bold;
}
.banner .banner-text .t2{
	font-size: 26px;
	line-height: 38px;
	color: #fff;
	margin-top: 25px;
}
.banner .banner-text  .ban{
	width: 563px;
	height: 213px;
	float: right;
	background:url(../images/ban.png) no-repeat right center;
	margin-top: -42px;
	/*background: url(../images/ban.png) no-repeat right right;*/
}
.banner .banner-text  .ban .t1{
	padding-top: 40px;
}
.banner .banner-text  .ban .t1,
.banner .banner-text  .ban .t2{
	padding-right: 30px;

}
.banner .banner-text .t1.slan{
	color: #fff;
}
.banner .banner-text .t2.lan{
	color: #fff;
}
.sn-x-1-box {
	padding:30px 0 90px 0;
}
.sn-x-1-box .ms{
	font-size: 16px;
	line-height: 28px;
	color: #616161;
}
.sn-x-2{
	background: #efefef;
}
.sn-x-2 .sn-4-b{
	background:#efefef;
}
.sn-x-2 .sn-4-g{
	background: none;
}

.sn-x-2 .sn-4-right .sn-1-tit{
	color: #000;
	font-weight: normal;
}
.sn-x-2 .sn-4-right .ms{
	color: #616161;
	font-size: 16px;
	line-height: 28px;
}
.sn-x-2 .sn-4-right{
	width: 35%;
	margin:0 0 0 10%;
}
.sn-x-2 .sn-4-right .ms{
	margin-top: 5%;
}
.sn-x-2 .sn-4-left{
	width: 50%;
}
.sn-x-3{
	padding-bottom: 40px;
	margin: 40px 0;
}
.sys-list ul{
	margin-left: -45px;
}
.sys-list ul li{
	width: 264px;
	margin-left: 47px;
}
.sys-list ul li .img{
	width: 264px;
	height: 220px;
}
.sys-list ul li .img img{
	display: block;
	width: 100%;
	height: 100%;
}
.sys-list ul li .txt{
	height: 75px;
	font-size: 16px;
	line-height: 75px;
	color: #000;
}
.sn-x-4{
	background: #efefef;
}
.sn-x-4.ling{
	background: #fff;    
	padding: 45px 0;
}
.sn-x-4-box{
	margin-top: -45px;
}
.sn-x-4-box .item{
	margin-top: 45px;
}
.sn-x-4-box .it-pic{
	width: 600px;
	height: 375px;
}
.sn-x-4-box .it-pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.sn-x-4-box .it-text{
	width: 600px;
	height: 375px;
	background: #efefef;
}
.sn-x-4.ling .sn-x-4-box .it-text{
	background: #fff;
}
.sn-x-4-box .it-text .it-txt-box{
	width: 450px;
	margin:105px auto 0 auto;
	background: #efefef;
}
.sn-x-4.ling .sn-x-4-box .it-text .it-txt-box{ background: #fff; }
.sn-x-4-box .it-text .tit{
	font-size: 24px;
	color: #000;
}
.sn-x-4-box .it-text .nr{
	font-size: 14px;
	line-height: 24px;
	color: #999;
}
.sn-x-4-box .it-text em{
	color: #1493da;
}
.sn-x-5-box{
	padding-bottom: 55px;
}
.sn-x-5-box .cs-list ul{
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.sn-x-5-box .cs-list ul li:first-child{
	width: 301px;
	border-left: 1px solid #e4e4e4;
}
.sn-x-5-box .cs-list ul li{
	position: relative;
	width: 298px;
	border-right: 1px solid #e4e4e4;
}
.sn-x-5-box .cs-list ul li a{
	font-size: 18px;
	display: block;
	width: 298px;
	height:287px;
	line-height: 287px;
	text-align: center;
	background: #fff;
	color: #252525;
}
.sn-x-5-box .cs-list ul li a img{
	display: block;
	width: 100%;
	height: 100%;
}
.sn-x-5-box .cs-list ul li a .p{
	font-size: 18px;
	color: #252525;
	position: absolute;
	left:20px;
	bottom: 25px;
	line-height: 100%;
}
.sn-x-5-box .cs-list ul li:first-child .fc{
	width: 301px;
}
.sn-x-5-box .cs-list ul li .fc{
	display: none;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	position: absolute;
	left:0;
	top:0;
	width: 298px;
	height: 287px;
	background:url(../images/icon-14.png) repeat left center;
}
.sn-x-5-box .cs-list ul li .fc-box{
	width: 215px;
	margin:80px auto 0 auto;
}
.sn-x-5-box .cs-list ul li .fc em{
	display: block;
	float: left;
	width: 70px;
	text-align: right;
}
.sn-x-5-box .cs-list ul li .fc bdo{
	display: block;
	float: left;
}
.tab-pic{
	width: 1200px;
	margin:0 auto;
	/* padding-top: 1px; */
}
.tab-pic img{
	display: block;
	width: 100%;
}
.case-box{
	padding:68px 0;
}
.case-list ul {
	margin: 0 0 -40px -40px;
	*padding-bottom: 40px;
}
.case-list ul li{
	width: 374px;
	height: 365px;
	padding:0 0 40px 39px;
}
.case-list ul li .pic{
	display: block;
	width: 364px;
	height: 235px;
	border:5px solid #d7d7d7;
}
.case-list ul li a img{
	display: block;
	width: 100%;
	height: 100%;
}
.case-list ul li .bot .txt{
	font-size: 20px;
	color: #000;
	text-align: center;
	line-height: 100%;
	padding-top: 25px;
}
.case-list ul li .bot em{
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	padding-top: 15px;
}
.h6{
	font-size: 20px;
	color: #252525;
	line-height: 100%;
}

.time{
	font-size: 13px;
	color: #252525;
	line-height: 100%;
	margin-top: 25px;
}
.time .s1{
	padding-left: 25px;
	background:url(../images/icon-2.jpg) no-repeat left center;
}
.case{
	padding:68px 0 40px 0;
}
.case .case-text{
	margin-top: 25px;
	font-size: 14px;
	line-height: 24px;
	color: #616161;
}
.case .case-text b{
	color: #000;
}
.case .case-text img{
	display: block;
	max-width:100%;
	margin:0 auto;
}
.case .pian{
	margin-top: 40px;
}
.case .pian a {
	font-size: 14px;
	color: #616161;
}
.case .pian a em{
	color: #000;
}
.news-content{
	padding:70px 0 50px 0;
}
.news-content .news-list ul{
	margin-top: -25px;
	padding-bottom: 55px;
}
.news-content .news-list ul li{
	height: 265px;
	margin-top: 25px;
}
.news-content .news-list ul li .pic{
	width: 374px;
	height: 255px;
	border:5px solid #d7d7d7;
}
.news-content .news-list ul li .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.news-content .news-list ul li .text{
	width: 790px;
	margin-top: 50px;
}
.news-content .news-list ul li .text .txt{
	font-size: 24px;
	color: #000;
	line-height: 100%;
}
.news-content .news-list ul li .text em{
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	padding:30px 0;
}
.news-content .news-list ul li .text .look{
	display: block;
	width: 87px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding-right: 17px;
	background:url('../images/bg_01.png') no-repeat left center;
}
.news-content.join .news-list ul li .pic{
	width: 364px;
	height: 245px;
	border:5px solid #d7d7d7;
}
.news-content.join .news-list ul li .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.ad{
	padding:70px 0 60px 0;
}
.ad img{
	display: block;
	width: 100%;
	height: 100%;
}
.team-content {
	padding-bottom: 70px;
}
.team-content .team-box ul{
	margin-left: -44px;
}
.team-content .team-box ul li{
	width: 267px;
	margin-left: 44px;
}
.team-content .team-box ul li .pic{
	width: 267px;
	height: 267px;
	border-radius: 100%;
	background:url(../images/icon-25.png) no-repeat left center;
	z-index: 99;
}
.team-content .team-box ul li .pic img{
	display: block;
	width: 249px;
	height: 249px;
	margin:0 auto;
	position: relative;
	top:9px;
}
.team-content .team-box ul li .txt{
	line-height: 100%;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	margin-top: 20px;
}
.intro-content{
	background: #fafafa;
	padding:70px 0;
	font-size: 18px;
	line-height: 32px;
	color: #999;
}
.pic-content{
	padding:60px 0 50px 0;
}
.pic-content .picScroll-left {
  width: 1200px;
  overflow: hidden;
  position: relative;
}
.pic-content .picScroll-left .hd {
  overflow: hidden;
  height: 13px;
  *height: 15px;
  text-align: center;
  margin-top: 30px;
}
.pic-content .picScroll-left .hd ul {
  overflow: hidden;
  zoom: 1;
  display: inline-block;
  *display: inline;
}
.pic-content .picScroll-left .hd ul li {
  float: left;
  width: 13px;
  height: 13px;
  *height: 15px;
  background: url(../images/i-cir.png) no-repeat center center;
  overflow: hidden;
  margin-left: 10px;
  text-indent: -999px;
  cursor: pointer;
}
.pic-content .picScroll-left .hd ul li.on {
  background: url(../images/i-hcir.png) no-repeat center center;
}
.pic-content .picScroll-left .hd ul li:first-child {
  margin-left: 0;
}
.pic-content .picScroll-left .bd {
  margin: 0 0 0 -25px;
}
.pic-content .picScroll-left .bd ul {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 0 -25px;
}
.pic-content .picScroll-left .bd ul li {
	margin: 0 0 0 25px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	width: 384px;
	height: 274px;
	position: relative;
}
.pic-content .picScroll-left .bd ul li .pic {
  width: 384px;
  height: 274px;
}
.pic-content .picScroll-left .bd ul li .pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.pic-content .picScroll-left .bd ul li .title{
	position: absolute;
	left:0;
	bottom:0;
	width: 384px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	background:url(../images/icon-17.png) repeat left center;
}
.contact-content{
	padding: 70px 0 55px 0;
	background: #fcfcfc;
}
.contact-content .tact-l {
	width: 600px;
	margin-top: 12px;
}
.contact-content .tact-l .map{
	width: 451px;
	height: 394px;
	margin:0 auto;
}
.contact-content .tact-l .map img{
	display: block;
	width: 100%;
	height: 100%;
}










.contact-content .tact-l .slideBox{margin-top: 20px;background: #fff;width:600px;box-shadow:1px 1px 5px #ddd;padding:40px 0 30px 0;}
.contact-content .tact-l .slideBox .hd ul{float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
.contact-content .tact-l .slideBox .hd ul li{font-size: 12px;color: #000;width:94px;height: 20px;float:left;cursor:pointer;background:url('../images/bg_03.png') left center no-repeat;}
.contact-content .tact-l .slideBox .hd ul li em{
	line-height: 20px;
	display: block;
	text-align: right;
	margin-right: 7px;
}
.contact-content .tact-l .slideBox .hd ul li.on{width:94px;height: 20px;float:left;cursor:pointer;background:url('../images/bg_033.png') left center no-repeat;}
.contact-content .tact-l .slideBox .hd ul li.on em{
	color: #fff;
}
/*.contact-content .tact-l .slideBox .hd ul li i{
	display:block;
	float: left;
	width: 40px;
	height: 3px;
	margin-top: 8px;
	background: url(../images/icon-24.png) no-repeat left center;;
}
.contact-content .tact-l .slideBox .hd ul li em{
	display: block;
	float: left;
	width: 39px;
	height:20px;
	text-align: center;
	line-height: 20px;
	border-radius:5px;
	background:#d3d3d3;
}
.contact-content .tact-l .slideBox .hd ul li.on em{color: #fff;background:#1493da;border-radius: 5px;}
*/
.contact-content .tact-l .slideBox .hd .d1{
	position: absolute;
	left:299px;
	top:116px;
}
.contact-content .tact-l .slideBox .hd .d2{
	position: absolute;
	left:330px;
	top:180px;
}
.contact-content .tact-l .slideBox .hd .d3{
	position: absolute;
	left:288px;
	top:195px;
}
.contact-content .tact-l .slideBox .hd .d6{
	position: absolute;
	left:281px;
	top:233px;
}
.contact-content .tact-l .slideBox .hd .d5{
	position: absolute;
	left:444px;
	top:136px;
	z-index: 3 !important;
}
.contact-content .tact-l .slideBox .hd .d4{
	width: 154px;
	height: 20px;
	background: url('../images/bg_02.png') left center no-repeat;
	position: absolute;
	left:285px;
	top:240px;
}
.contact-content .tact-l .slideBox .hd .d4.on{
	width: 154px;
	height: 20px;
	background: url('../images/bg_022.png') left center no-repeat;
}.contact-content .tact-l .slideBox .hd .d7{
	width: 105px;
	height: 20px;
	background: url('../images/bg_04.png') left center no-repeat;
	position: absolute;
	left:227px;
	top:368px;
}
.contact-content .tact-l .slideBox .hd .d7.on{
	width: 105px;
	height: 20px;
	background: url('../images/bg_044.png') left center no-repeat;
}
.contact-content .tact-l .slideBox .hd{width: 430px;margin:0 auto;}
.contact-content .tact-l .place{
	width: 500px;
	margin:0 auto;
}
.contact-content .tact-l .place .tit{
	font-size: 26px;
	color: #616161;
	font-weight: bold;
	line-height: 100%;
	padding-bottom: 30px;
}

.contact-content .tact-l .place{
	font-size: 14px;
	color: #616161;
	line-height: 30px;
	display: none;
}
.contact-content .tact-l .place p{
	padding-left: 30px;
}








/*.contact-content .tact-l .slideBox .txt-box{
	padding:0;
	display: none;
}
.contact-content .tact-l .slideBox .bd{
	width: 430px;
	margin:0 auto;
}
.contact-content .tact-l .slideBox .txt-box .bt{
	font-size: 26px;
	font-weight: bold;
	color: #616161;
}
.contact-content .tact-l .slideBox .txt-box p{
	color: #616161;
	font-size: 14px;
}

*/


.bs1{
	background:url(../images/icon-19.png) no-repeat left 8px;
}
.bs2{
	background:url(../images/icon-20.png) no-repeat left 8px;
}
.bs3{
	background:url(../images/icon-21.png) no-repeat left 10px;
}
.bs4{
	background:url(../images/icon-22.png) no-repeat left center;
}
.bs5{
	background:url(../images/icon-23.png) no-repeat left center;
}
.contact-content .tact-r{
	width: 566px;
	background: #fff;
	padding:50px 0 45px 0;
	box-shadow:1px 1px 5px #ddd;
}
.contact-content .tact-r .sc{
	font-size: 24px;
	color: #000;
	font-weight: bold;
	line-height: 100%;
}
.contact-content .tact-r .img{
	width: 356px;
	margin:45px auto 0 auto;
}
.contact-content .tact-r .img img{
	display: block;
	width: 100%;
	height: 100%;
}
.contact-content .tact-r .load{
	font-size: 0;
	width: 434px;
	height: 52px;
	line-height: 52px;
	background: #0088d9;
	margin:55px auto 0 auto;
}
.contact-content .tact-r .load .i{
	display: inline-block;
	width: 25px;
	height: 24px;
	margin-top: 10px;
}
.contact-content .tact-r .load .l-txt{
	display: inline-block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-left: 10px;
}

/*分页开始*/
.page_q {
    text-align: center;
    margin-left: -5px;
}
.page_q a, .page_q strong {
   padding:0 10px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    color: #727272;
    font-weight: normal;
    margin-left: 5px;
    border: 1px solid #dadada;

}
.page_q input{
	text-align: center;
	width: 26px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	color: #616161;
	border:1px solid #d9d9d9;
	margin-left: 5px;
	*position: relative;
	*top:3px;
}
.page_q strong{
  background: #fff;
  color: #c4c4c4;
  border: 1px solid #c4c4c4;
}
/*分页结束*/







/* 2017-05-08修改 */
.section_01{ margin: 0 30px; background: #a3a9b0; }
.section_01 .slideBox{ width:100%; height:454px; overflow:hidden; position:relative; }
.section_01 .slideBox .bd{ position:relative; height:100%; z-index:0; }
.section_01 .slideBox .bd li{ zoom:1; vertical-align:middle; background: #a3a9b0; width: 100%; }
.section_01 .slideBox .bd li .div1{ width: 1200px; margin: 0 auto; }
.section_01 .slideBox .bd li .div1 .div_left{ width: 695px;}
.section_01 .slideBox .bd li .div1 .div_left a{ display: block; width: 695px; height: 454px; position: relative; }
.section_01 .slideBox .bd li .div1 .div_left a span{ display: block; position: absolute; right: 0; top: 0; overflow: hidden; }
.section_01 .slideBox .bd li .div1 .div_left a img{ width: 1025px; height: 454px; 
	-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.section_01 .slideBox .bd li .div1 .div_left a:hover img{transform:scale(1.1);}
.section_01 .slideBox .bd li .div1 .div_right{ width: 415px; padding: 110px 50px 0 40px; color: #fff; line-height: 22px; }
.section_01 .slideBox .bd li .div1 .div_right a{ color: #fff; }
.section_01 .slideBox .bd li .div1 .div_right a.a1{ font-weight: bold; font-size: 24px; line-height: 24px; padding-bottom: 30px; background: url('../images/y_xian.png') left bottom no-repeat; margin-bottom: 27px; }
.section_01 .slideBox .bd li .div1 .div_right a.a2{ font-size: 16px; }

.section_01 .y_jt{ position: absolute; width: 146px; height: 27px; right: 50%; margin-right: -281px; bottom:106px; }
.section_01 .y_jt .prev,.section_01 .y_jt .next{ width: 69px; height: 27px;}
.section_01 .y_jt .prev{ background: url('../images/icon-3.png') center center no-repeat; }
.section_01 .y_jt .next{ background: url('../images/icon-4.png') center center no-repeat; }

.section_02{ margin: 0 30px; background: #a3a9b0; }
.section_02 .slideBox{ width:100%; height:454px; 
    overflow:hidden; position:relative; }
.section_02 .slideBox .bd{ position:relative; height:100%; z-index:0; }
.section_02 .slideBox .bd li{ zoom:1; vertical-align:middle; background: #a3a9b0; }
.section_02 .slideBox .bd li .div1{ width: 1200px; margin: 0 auto; }
.section_02 .slideBox .bd li .div1 .div_left{ width: 415px; padding: 110px 50px 0 40px; color: #fff; line-height: 22px; }
.section_02 .slideBox .bd li .div1 .div_left a{ color: #fff; }
.section_02 .slideBox .bd li .div1 .div_left a.a1{ font-weight: bold; font-size: 24px; line-height: 24px; padding-bottom: 30px; background: url('../images/y_xian.png') left bottom no-repeat; margin-bottom: 27px; }
.section_02 .slideBox .bd li .div1 .div_left a.a2{ font-size: 16px; }
.section_02 .slideBox .bd li .div1 .div_right{ width: 695px;}
.section_02 .slideBox .bd li .div1 .div_right a{ display: block; width: 695px; height: 454px; position: relative;}
.section_02 .slideBox .bd li .div1 .div_right a span{ display: block;overflow: hidden; position: absolute; left: 0; top: 0;   position: absolute; left: 0; top: 0; }
.section_02 .slideBox .bd li .div1 .div_right a img{ width: 1025px; height: 454px;
		-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.section_02 .slideBox .bd li .div1 .div_right a:hover img{transform:scale(1.1);}

.section_02 .y_jt{ position: absolute; width: 146px; height: 27px; left: 50%; margin-left: -562px; bottom:106px; }
.section_02 .y_jt .prev,.section_02 .y_jt .next{ width: 69px; height: 27px;}
.section_02 .y_jt .prev{ background: url('../images/icon-3.png') center center no-repeat; }
.section_02 .y_jt .next{ background: url('../images/icon-4.png') center center no-repeat; }

.section_03 .div1 .div_left{ width: 530px; padding-top: 93px; font-size: 16px; line-height: 28px; color: #616161; }
.section_03 .div1 .div_left a{ display: block; font-size: 26px; line-height: 28px; padding-bottom: 27px; color: #000; background: url('../images/y_xian.jpg') left bottom no-repeat; margin-bottom: 50px; }
.section_03 .div1 .div_right{ width: 600px; height: 445px; }
.section_03 .div1 .div_right img{ display: block; width: 600px; height: 445px; position: absolute; left: 0; top: 0; }


/* 2017-06-15 */
.yq_link{ font-size: 16px; color:  #000; padding-bottom: 48px; }
.yq_link a{ color:  #000101; text-decoration: underline; margin-right: 22px; }

.y_height{ height:236px !important;}


/* 2018-06-27 */
.y-header-dingyue{
	width: 30px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	padding-left: 17px;
	background: url('../images/y-bg-02.png') center center no-repeat;
	color: #fff;
	margin-top: 26px;
	cursor: pointer;
}
.y-banner.banner .banner-text .t1{
	font-size: 50px;
}
.y-banner.banner .banner-text .t2{
	font-size: 22px;
}

.y-num-01{
	background: #f7f7f7;
	padding: 48px 0;
}
.y-num-div1{
	width: 1225px;
	margin-left: -25px;
	text-align: center;
	font-size: 14px;
}
.y-num-div1 .div1{
	float: left;
	width: 280px;
	margin-left: 25px;
	text-align: center;
	background: #fff;
	color: #999;
	line-height: 14px;
	padding: 39px 0;
	border-radius: 4px;
	-webkit-box-shadow:0 0 32px rgba(0, 0, 0, .06);  
    -moz-box-shadow:0 0 32px rgba(0, 0, 0, .06);  
    box-shadow:0 0 32px rgba(0, 0, 0, .06); 
}
.y-num-div1 .div1 .span1{
	font-size: 14px;
	color: #008cd6;
	line-height: 54px;
	margin-bottom: 9px;
}
.y-num-div1 .div1 .span1 bdo{
	font-size: 54px;
	font-weight: bold;
}

.y-num-div1:hover{
}
.y-num-div1 .div1:hover{
	color: #fff;
	background: #008cd6;
}
.y-num-div1 .div1:hover .span1{
	color: #fff;
}

.y-service-01{
	background: #fff;
	padding: 74px 0;
	height: 73px;
	height: 380px;
}
.y-service-div1{
	width: 500px;
	padding-top: 50px;
}
.y-service-title{
	font-size: 30px;
	text-transform: uppercase;
	line-height: 34px;
	padding-bottom: 28px;
	background: url('../images/y_xian.jpg') left bottom no-repeat;
}
.y-service-title .span1{
	color: #000;
	font-weight: bold;
	position: relative;
	z-index: 1;
}
.y-service-title .span2{
	color: #f5f5f5;
	font-weight: bold;
	margin-top: -17px;
}
.y-service-div1 .div-txt{
	font-size: 16px;
	line-height: 28px;
	color: #616161;
	margin-top: 27px;
}

/* .y-service-video{
	position: absolute;
	left: 50%;
	right: 0;
	height: 380px;
	cursor: pointer;
	-webkit-box-shadow:0 0 32px rgba(0, 0, 0, .1);  
    -moz-box-shadow:0 0 32px rgba(0, 0, 0, .1);  
    box-shadow:0 0 32px rgba(0, 0, 0, .1); 
    border-radius: 4px 0 0 4px;
} */
.y-service-video{
	position: relative;
	width: 600px;
	height: 380px;
	cursor: pointer;
	-webkit-box-shadow:0 0 32px rgba(0, 0, 0, .1);  
    -moz-box-shadow:0 0 32px rgba(0, 0, 0, .1);  
    box-shadow:0 0 32px rgba(0, 0, 0, .1); 
    border-radius: 4px 0 0 4px;
}
.y-service-video .mg1{
	position: absolute;
	left: 50%;
	margin-left: -40px;
	top: 50%;
	margin-top: -40px;
}

.y-service-02{
	background: #f7f7f7;
	padding: 73px 0;
}
.y-service-title2{
	font-size: 30px;
	text-transform: uppercase;
	line-height: 34px;
}
.y-service-title2 .span1{
	color: #000;
	position: relative;
	z-index: 1;
}
.y-service-title2 .span2{
	color: #f1f1f1;
	font-weight: bold;
	margin-top: -17px;
}

.y-service-txt{
	font-size: 16px;
	color: #616161;
	line-height: 26px;
	margin-top: 37px;
}
.y-service-txt.ling{
	font-size: 16px;
}

.y-service-div2{
	margin-top: 47px;
}
.y-service-div2 .div1{
	float: left;
	width: 170px;
	margin-left: 87px;
}
.y-service-div2 .div1:first-child{
	margin-left: 0;
}
.y-service-div2 .div1 .span1{
	width: 170px;
	height: 126px;
	padding-top: 44px;
	background: #fff;
	border-radius: 50%;
	margin-bottom: 25px;
}
.y-service-div2 .div1 .span2{
	font-size: 18px;
	color: #000;
}
.y-service-div2 .div1 .mg1{
	display: block;
	margin: 0 auto;
}
.y-service-div2 .div1 .mg2{
	display: none;
}
.y-service-div2 .div1:hover .span1{
	background: #f6aa00;
}
.y-service-div2 .div1:hover .mg1{
	display: none;
}
.y-service-div2 .div1:hover .mg2{
	display: block;
	margin: 0 auto;
}

.y-service-div3{
	padding: 48px 0;
}
.y-service-div3 .div-pic{
	float: right;
}
.y-service-div3 .div-pic,.y-service-div3 .div-pic img{
	width: 600px;
	height: 422px;
}
.y-service-div3 .div1{
	position: absolute;
	left: 0;
	top: 0;
	width: 530px;
	height: 422px;
}
.y-service-div3 .div1 table{
	width: 100%;
	height: 100%;
}
.y-service-div3 .div1 table td{
	vertical-align: middle;
}
.y-service-div3 .b-title{
	font-size: 28px;
	color: #000;
	background: url('../images/y-bg-04.jpg') left bottom no-repeat;
	padding-bottom: 38px;
}
.y-service-ul1{
	margin-top: 32px;
}
.y-service-ul1 li{
	font-size: 16px;
	color: #616161;
	line-height: 30px;
	padding-left: 16px;
	background: url('../images/y-bg-03.png') left center no-repeat;
}

.y-service-div3:nth-child(even){
	background: #f7f7f7;
}
.y-service-div3:nth-child(even) .div-pic{
	float: none;
	float: left;
}
.y-service-div3:nth-child(even) .div1{
	left: auto;
	right: 0;
}

.y-service-div3:nth-child(2) .b-title{
	background: url('../images/y-bg-05.jpg') left bottom no-repeat;
}
.y-service-div3:nth-child(2) .y-service-ul1 li{
	background: url('../images/y-bg-06.png') left center no-repeat;
}
.y-service-div3:nth-child(3) .b-title{
	background: url('../images/y-bg-07.png') left bottom no-repeat;
}
.y-service-div3:nth-child(3) .y-service-ul1 li{
	background: url('../images/y-bg-08.png') left center no-repeat;
}
.y-service-div3:nth-child(4) .b-title{
	background: url('../images/y-bg-09.png') left bottom no-repeat;
}
.y-service-div3:nth-child(4) .y-service-ul1 li{
	background: url('../images/y-bg-10.png') left center no-repeat;
}

.y-service-04{
	padding: 73px 0;
}

.y-service-05{
	padding: 71px 0 46px;
	background: #f7f7f7;
}

.y-service-div5{
	padding-top: 26px;
	width: 1231px;
	margin-left: -31px;
}
.y-service-a1{
	float: left;
	width: 379px;
	background: #fff;
	font-size: 14px;
	line-height: 26px;
	color: #616161;
	border-bottom: 3px solid #fff;
	margin-top: 20px;
	margin-left: 31px;
	-webkit-box-shadow:0 0 32px rgba(0, 0, 0, .1);  
    -moz-box-shadow:0 0 32px rgba(0, 0, 0, .1);  
    box-shadow:0 0 32px rgba(0, 0, 0, .1); 
}
.y-service-a1 .span-pic{
	width: 379px;
	height: 267px;
}
.y-service-a1 .span-pic img{
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.y-service-a1 .span-pic .bdo1{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	font-size: 26px;
	padding-top: 210px;
	text-align: center;
	background: rgba(0, 0, 0, .4);
}
.y-service-a1 .span-txt{
	padding: 0 28px;
	margin: 24px 0 30px;
}
.y-service-a1:hover{
	border-bottom: 3px solid #078fd6;
}
.y-service-a1:hover img{
	-webkit-transform:scale(1.1); 
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.y-service-more{
	margin-top: 56px;
}
.y-service-more .span1{
	display: inline-block;
	font-size: 16px;
	color: #000;
	cursor: pointer;
}
.y-service-more .span1 img{
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.y-service-more .span1:hover img{
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}

.y-service-map{
	width: 856px;
	height: 718px;
	margin-top:30px;
}

.y-service-map .div1{
	position: absolute;
	padding-left: 22px;
	font-size: 16px;
	color: #000;
}
.y-service-map .div1.dw1{
	left: 632px;
	top: 273px;
}
.y-service-map .div1.dw2{
	left: 705px;
	top: 397px;
	
}
.y-service-map .div1.dw3{
	left: 574px;
	top: 455px;
}
.y-service-map .div1.dw4{
	left: 389px;
	top: 485px;
}
.y-service-map .div1.dw5{
	left: 621px;
	top: 599px;
}
.y-service-map .div1 .span1{
	cursor: pointer;
	position: relative;
	z-index: 1;
}


.y-ser-art {
	width: 231px;
	padding-left: 7px;
	max-height: 374px;
	border-radius: 4px;
	position: absolute;
	right: -241px;
	bottom: 0;
	filter:alpha(opacity=0); 
	-moz-opacity:0;  
	-khtml-opacity: 0;
	opacity: 0;  
	z-index: 3;
}
.y-ser-art .y-ser-bg{
	width: 231px;
	max-height: 340px;
	padding: 17px 0;
	background: #1aa3e3;
}
.y-ser-art.xz{
	filter:alpha(opacity=100);  
	-moz-opacity:1;  
	-khtml-opacity: 1;  
	opacity: 1;
}
.y-ser-div1{
	margin: 0 0 0 25px;
	max-height: 340px;
}
.y-ser-div1 .mCSB_container{
	margin-right: 26px !important;
}
.y-ser-art .mg1{
	position: absolute;
	bottom: 0;
	left: 0;
}

.y-ser-div1 .div-01{
	color: #fff;
	margin-top: 24px;
}
.y-ser-div1 .div-01:first-child{
	margin-top: 0;
}
.y-ser-div1 .div-01 .b_1{
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 10px;
	border-bottom: 1px solid #88cff0;
}
.y-ser-div1 .div-01 ul{
	margin-top: 10px;
}
.y-ser-div1 .div-01 ul li{
	line-height: 26px;
	font-size: 14px;
	padding-left: 14px;
	background: url('../images/y-bg-13.png') left center no-repeat;
}


/* 地图波纹效果 */
.circle {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 50%;
	margin-top: -8px;
	background: #f6aa00;
	border-radius: 50%;
}

.circle div {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid #f6aa00;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
	opacity: 0;
	border-radius: 100%;
}

.circle div.c1 {
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
	border-radius: 90px;
	animation: bowen 3s 1s infinite linear;
	-moz-animation: bowen 3s 1s infinite linear; /* Firefox */
	-webkit-animation: bowen 3s 1s infinite linear; /* Safari and Chrome */
	-o-animation: bowen 3s .5s infinite linear; /* Opera */
}

.circle div.c2 {
	animation: bowen 3s 2s infinite linear;
	-moz-animation: bowen 3s 2s infinite linear; /* Firefox */
	-webkit-animation: bowen 3s 2s infinite linear; /* Safari and Chrome */
	-o-animation: bowen 3s 2s infinite linear; /* Opera */
}

.circle div.c3 {
	animation: bowen 3s 3s infinite linear;
	-moz-animation: bowen 3s 3s infinite linear; /* Firefox */
	-webkit-animation: bowen 3s 3s infinite linear; /* Safari and Chrome */
	-o-animation: bowen 3s 3s infinite linear; /* Opera */
}



@keyframes bowen {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(5);
		-moz-transform: scale(5);
		-o-transform: scale(5);
		transform: scale(5);
		opacity: 0;
	}

}

@-moz-keyframes bowen

/* Firefox */
{
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(5);
		-moz-transform: scale(5);
		-o-transform: scale(5);
		transform: scale(5);
		opacity: 0;
	}

}

@-webkit-keyframes bowen

/* Safari 和 Chrome */
{
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(5);
		-moz-transform: scale(5);
		-o-transform: scale(5);
		transform: scale(5);
		opacity: 0;
	}

}

@-o-keyframes bowen

/* Opera */
{
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(5);
		-moz-transform: scale(5);
		-o-transform: scale(5);
		transform: scale(5);
		opacity: 0;
	}

}

.y-bg-mc{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 9998;
	display: none;
}
.y-dy-tc{
	position: fixed;
	width: 833px;
	height: 323px;
	padding-top: 130px;
	left: 50%;
	top: 50%;
	margin-left: -417px;
	margin-top: -227px;
	z-index: 9999;
	background: url('../images/y-bg-14.jpg') center center no-repeat;
	display: none;
}
.y-close{
	width: 26px;
	height: 26px;
	position: absolute;
	top: 0;
	right: -100px;
	cursor: pointer;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.y-close:hover{
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}
.y-dy-tc .span1{
	font-size: 36px;
	color: #000;
	line-height: 36px;
}
.y-dy-tc .span2{
	font-size: 22px;
	color: #616161;
	line-height: 22px;
	margin-top: 25px;
}
.y-dy-tc .div1{
	width: 549px;
	height: 50px;
	border: 2px solid #008cd6;
	margin-top: 56px;
}
.y-dy-tc .div1 .put-01{
	width: 404px;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 2px;
	font-size: 16px;
	color: #999;
}
.y-dy-tc .div1 .but-01{
	border: none;
	background: #008cd6;
	outline: none;
	font-size: 18px;
	color: #fff;
	width: 105px;
	height: 50px;
}


/* 英文版 */
.y-dy-tc .span3{
	font-size: 36px;
	color: #000;
	line-height: 36px;
}
.y-dy-tc .span4{
	font-size: 16px;
	color: #616161;
	line-height: 16px;
	margin-top: 36px;
}
.y-dy-tc .div2{
	width: 728px;
	margin-top: 56px;
}
.y-dy-tc .div2 .div1{
	margin-top: 0;
}
.y-dy-tc .div2 .div1 .put-01{
	font-size: 14px;
	width: 384px;
}
.y-dy-tc .div2 .div1 .but-01{
	text-transform: uppercase;
	width: 125px;
}
.y-dy-tc .put-02{
	width: 163px;
	height: 50px;
	border: 2px solid #008cd6;
	line-height: 50px;
	text-align: center;
	border-radius: 2px;
	font-size: 14px;
	color: #999;
}

/* 存取系统 */
.banner .banner-text .y-t1{
	font-size: 60px;
	line-height: 60px;
	background: url('../images/y-bg-15.jpg') right bottom no-repeat;
	padding-bottom: 35px;
}
.banner .banner-text .y-t2{
	font-size: 20px;
	line-height: 36px;
	margin-top: 43px;
}
.banner .y-banner-xitong{
	padding-top: 224px;
}

/* .y-system-01{
	padding: 0;
	height: 531px;
} */
/* .y-system-01 .y-service-div1{
	padding-top: 0;
}
 .y-system-01 .y-service-div1,.y-system-01 .y-service-video{
	height: 531px;
} */
.y-system-01 table{
	width: 100%;
	height: 100%;
}
.y-system-01 td{
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.y-system-02{
	background: #f7f7f7;
	padding: 70px 0 60px;
}
.y-system-02 .y-service-title .span2{
	color: #eee;
}
.y-system-div1{
	width: 478px;
	height: 775px;
}
.y-system-div1 table{
	width: 100%;
	height: 100%;
}
.y-system-div1 td{
	width: 100%;
	vertical-align: middle;
}

.y-system-ul1{
	padding-top: 37px;
}
.y-system-ul1 li{
	background: #f2f2f2;
	font-size: 18px;
	color: #616161;
	line-height: 28px;
	margin-top: 15px;
	padding: 8px 20px;
}
.y-system-ul1 li .span1{
	width: 120px;
	color: #000;
}
.y-system-ul1 li .span2{
	width: 308px;
}

.y-system-03{
	height: 305px;
	padding-top: 94px;
	position: relative;
	overflow: hidden;
}
.y-system-03 .span-bg{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url('../images/y-bg-17.jpg') center bottom no-repeat;
	animation:tupian 10s infinite linear;
	-moz-animation:tupian 10s infinite linear; /* Firefox */
	-webkit-animation:tupian 10s infinite linear; /* Safari and Chrome */
	-o-animation:tupian 10s infinite linear; /* Opera */
}
.y-system-03 .div1{
	position: relative;
	z-index: 2;
}
.y-system-03 .a1{
	width: 179px;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	margin-left: 160px;
}
.y-system-03 .a1:first-child{
	margin-left: 0;
}
.y-system-03 .a1 .span-pic{
	width: 179px;
	height: 130px;
	padding-top: 49px;
	background: url('../images/y-bg-16.png') center center no-repeat;
	margin-bottom: 28px;
}

.y-system-04{
	padding: 90px 0 102px;
}
.y-system-div2{
	margin-top: 44px;
}
.y-system-div2 .a1{
	background: #fff;
	-webkit-box-shadow:0 0 32px rgba(0, 0, 0, .12);  
    -moz-box-shadow:0 0 32px rgba(0, 0, 0, .12);  
    box-shadow:0 0 32px rgba(0, 0, 0, .12); 
    font-size: 20px;
    color: #000;
    text-align: center;
    line-height: 64px;
    margin-left: 31px;
    border-bottom: 3px solid #fff;
}
.y-system-div2 .a1:first-child{
	margin-left: 0;
}
.y-system-div2 .a1 .span-pic{
	margin-bottom: 3px;
}
.y-system-div2 .a1 .span-pic img{
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.y-system-div2 .a1:hover{
	border-bottom: 3px solid #008cd6;
}
.y-system-div2 .a1:hover .span-pic img{
	-webkit-transform:scale(1.1); 
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}

/* 底部图片变化 */
@keyframes tupian
{
	0% {
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
	50%{
		-webkit-transform:scale(1.2); 
		-moz-transform:scale(1.2); 
		-o-transform:scale(1.2);
	}
	100% {
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
}

@-moz-keyframes tupian /* Firefox */
{
	0% {
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
	50%{
		-webkit-transform:scale(1.2); 
		-moz-transform:scale(1.2); 
		-o-transform:scale(1.2);
	}
	100% {
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
}

@-webkit-keyframes tupian /* Safari 和 Chrome */
{
	0% {
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
	50%{
		-webkit-transform:scale(1.2); 
		-moz-transform:scale(1.2); 
		-o-transform:scale(1.2);
	}
	100% {
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
}

@-o-keyframes tupian /* Opera */
{
	0% {
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
	50%{
		-webkit-transform:scale(1.2); 
		-moz-transform:scale(1.2); 
		-o-transform:scale(1.2);
	}
	100% {
		-webkit-transform:scale(1); 
		-moz-transform:scale(1); 
		-o-transform:scale(1);
	}
}


/* 供应链服务 */
.in-service{
	background: url('../images/y-bg-18.jpg') center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 54px 0 52px;
}
.in-service-01{
	background: #fff;
}
.in-ser-zi{
	width: 501px;
	margin-left: 40px;
	margin-top: 36px;
}
.in-ser-zi .div1 a{
	font-size: 24px;
	color: #000;
	line-height: 28px;
}
.in-ser-zi .txt{
	font-size: 16px;
	line-height: 28px;
	color: #616161;
	margin-top: 42px;
	height: 160px;
	overflow: hidden;
}
.in-ser-zi .more{
	width: 92px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background: #58bff6;
	border-radius: 6px;
	font-size: 14px;
	margin-top: 14px;
}
.in-ser-pic,.in-ser-pic img{
	display: block;
	width: 602px;
	height: 379px;
}
.in-ser-pic img{
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.in-ser-pic:hover img{
	-webkit-transform:scale(1.1); 
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}