*{ padding:0; margin:0; border:none;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
ul,ol{ list-style:none;}
img{ border:none;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#5077f4; text-decoration:none;}
body{ font-size:12px; font-family:Arial,Microsoft YaHei;}
.clear{ clear:both;}


.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #6587f4; border-right:7px solid #6587f4; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png); background-position:0 -149px; }


.head{ position:relative; width:100%; height:625px; margin:0 auto;}
.headTop{ width:1200px; top:20px; left:50%; margin-left:-600px; background:#fff; height:96px; border-bottom:4px solid #e0e0e0; position:absolute; z-index:2;}
.wslogo{ width:240px; height:86px; float:left; margin:10px 0 0 20px;}
.wslogo a{ width:40%; height:86px; float:left; background:url(../images/wslogo.png) no-repeat;background-size: cover;}
.Nav{ float:left; height:100px;}
.Nav li{ float:left; border-left:2px solid #f2f3f5; height:96px; text-align:center; width:193px;}
.Nav li a{ width:100%; height:96px; float:left; color:#000;}
.Nav li.LiHome{ width:160px; background:url(../images/navbg.jpg) repeat-x; height:96px; border-bottom:4px solid #5c5ae4; border-left:none;}
.Nav li.LiHome a p{ color:#fff;}
.Nav li.LiHome a span{ color:#a1a3ff;}
.Nav li p{ font-size:16px; padding-top:30px;}
.Nav li span{ color:#d0d0d0; font-size:14px;}

.flickerplate {
	position:relative;
	width:100%;
	height:625px;
	background-color:#e6e6e6;
	overflow:hidden
}
.flickerplate ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none
}
.flickerplate ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table
}
.flickerplate ul.flicks>li .flick-inner {
	height:100%;
	padding:10px;
	color:#fff;
	display:table-cell;
	vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner .flick-content {
	max-width:68.75em;
	margin-left:auto;
	margin-right:auto
}

.flickerplate .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
	cursor:pointer
}
.flickerplate .arrow-navigation.left {
	left:0%
}
.flickerplate .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url("img/flickerplate/arrow-left-light.png");
	background-repeat:no-repeat;
	background-position:left
}
.flickerplate .arrow-navigation.right {
	right:0%
}
.flickerplate .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url("img/flickerplate/arrow-right-light.png");
	background-repeat:no-repeat;
	background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:100
}
.flickerplate .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px
}
.flickerplate .dot-navigation ul li {
	display:inline-block;
	float:none
}
.flickerplate .dot-navigation .dot {
	width:14px;
	height:14px;
	margin:0px 6px;
	background-color:rgba(255, 255, 255, 0.3);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
}
.flickerplate .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
	background-color:#fff
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
	text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
	text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
	background-image:url("img/flickerplate/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url("img/flickerplate/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
	background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
	background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
	position:relative;
	left:0%
}
.flickerplate.animate-scroller-slide {
	padding-bottom:0px;
	overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
	position:auto
}

.WsBan{ width:100%; height:625px; position:absolute; z-index:1;}
.BanPic{ width:100%; height:100%; background:url(../images/ban1.jpg) no-repeat center;}
.BanUl{ width:100%; position:absolute; z-index:2; top:590px; height:16px; left:0;}
.BanUl ul{ float:left; width:100%; height:16px; text-align:center;}
.BanUl li{ width:16px; height:16px; border-radius:8px; background:#fff; display:inline-block; margin-left:10px; opacity:0.5;}
.BanUl li.BanLi{ opacity:1;}

.WsAdvantage{ width:100%; background:#f2f3f5; height:auto; display:block;}
.WsAdvantage ul{ width:1200px; margin:0 auto;}
.WsAdvantage ul li{ float:left; margin:50px 0 75px 0; width:400px; text-align:center;}
.WsAdvantage ul li h1{ width:100%; height:140px;}
.WsAdvantage ul li p{ line-height:24px; font-size:14px; padding-top:30px;}

.CompanyWarp{ width:100%; background:#f2f3f5; height:auto; display:block; padding:50px 0;}
.Company{ width:1200px; margin:0 auto;}
.ComTit{ width:100%; text-align:center;}
.ComTit p{ font-size:40px; color:#343434;}
.ComTit span{ font-size:20px; color:#606060;}
.ComTxt{ width:1120px; margin:40px auto; font-size:16px; color:#606060; line-height:32px;}
.ComMain{ width:1120px; margin:0 auto;}
.ComLeft{ width:450px; height:260px; float:left;}
.ComRight{ width:650px; margin-left:20px; float:left;}
.ComRight h1{ font-size:30px; color:#343434; background:url(../images/Comline.png) no-repeat left bottom; height:50px; margin:20px 0 0 36px; width:600px; float:left;}
.ComRtTxt{ width:100%; margin-top:30px; float:left;}
.ComALeft,ComARight{ float:left; width:16px; height:29px;}
/*.ComALeft a{ background:url(../images/wsarrow1.png) no-repeat; width:16px; height:29px; float:left; margin-top:45px;}*/
.ComRtCen{ width:578px; float:left; font-size:16px; color:#606060; line-height:24px; margin:0 20px;}
/*.ComARight a{ background:url(../images/wsarrow2.png) no-repeat; width:16px; height:29px; float:left; margin-top:45px;}*/

.ServiceWarp{ width:100%; display:block;}
.Service{ width:1200px; margin:0 auto 0 auto;}
.ServMar{ padding-top:50px;}
.ServiceTit{ width:100%; margin-top:50px; float:left; text-align:center;}
.ServiceTit li{ display:inline-block; font-size:16px; padding:16px 40px 14px 40px; margin:0 40px; cursor:pointer;}
.ServiceTit li.ServLi{ background:#6587f4; color:#fff;}
.ServCon{ width:1120px; margin:60px 0 80px 40px; float:left; height:326px; font-size:16px; color:#606060; line-height:32px;}
.ServBotm{ width:100%; float:left; margin-top:50px;}
.ServBotm h1{ float:left; width:265px; height:auto; margin-left:90px;}
.ServBotm p{ width:620px; margin-left:65px; margin-top:40px; font-size:16px; color:#606060; line-height:28px; float:left;}

.NewLeft{ float:left; margin-top:50px; width:560px;}
.NewLfTop{ position:relative; width:560px; height:240px; float:left;}
.NewLfTop h1{ position:absolute; left:0; top:0; width:560px; height:240px; z-index:1;}
.NewLfTop p{ position:absolute; z-index:2; width:80px; height:80px; left:0; top:0; background:#6587f4; color:#fff; text-align:center;}
.NewLfTop span.NewDay{ font-size:45px; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; width:100%; float:left;}
.NewLfTop span.NewYearMon{ font-size:16px; float:left; width:100%; margin-top:-5px;}
.NewLfBtom{ float:left; width:100%; margin-top:20px;}
.NewLfBtom p{ width:100%; float:left; font-size:16px; color:#343434;}
.NewLfBtom span{ width:100%; font-size:14px; color:#909090; line-height:28px; float:left; margin-top:10px;}
.NewLfBtom a:hover p{ color:#5077f4;}
.NewRight{ width:600px; float:left; margin-left:40px; margin-top:50px;}
.NewRight li{ width:100%; float:left; border-bottom:1px solid #dcdcdc; padding-bottom:15px; margin-bottom:15px;}
.NewRight li.NewLiNo{ border:none; margin:0;}
.NewLiLf{ width:60px; float:left; color:#909090; text-align:center;}
.NewLiLf p{ font-size:45px; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; width:100%; float:left; margin-top:-10px;}
.NewLiLf span{ font-size:15px; float:left; width:100%; margin-top:-5px;}
.NewLiRt{ float:left; margin-left:20px; width:520px;}
.NewLiRt p{ font-size:14px; color:#343434; float:left; padding-bottom:5px; width:100%;}
.NewLiRt span{ color:#909090; line-height:20px;}

.Case{ width:100%; display:block; background:url(../images/casebg.jpg) no-repeat center; height:612px;}
.CaseMar{ padding-top:50px;}
.CaseMar h1{ font-size:16px; color:#343434; padding-top:20px;}
.CaseCon{ width:1200px; margin:0 auto;}
.CaseCon li{ float:left; width:180px; height:90px; margin:30px 0 0 20px;}
.CaseCircular{ width:100%; margin-top:50px; text-align:center;}
.CaseCircular li{ width:16px; height:16px; border-radius:8px; background:#6587f4; display:inline-block; margin-left:10px; opacity:0.5;}
.CaseCircular li.CaseCirLi{ opacity:1;}

.footer{ width:100%; background:#35383c;}
.footerTop{ width:1200px; margin:0 auto;}
.FooterLf{ float:left; width:320px; margin-left:80px; margin-top:65px;}
.FooterLf h1{ width:208px; height:80px; float:left;}
.FooterLf p{ color:#9a9c9e; font-size:18px; margin-top:10px; float:left;}
.FooterCen{ float:left; margin:40px 0 0 20px; width:400px; color:#fff;}
.FooterCen p{ font-size:18px;}
.FooterCen span{ font-size:14px; line-height:28px; color:#dde7f4;}
.FooterCen a{ color:#dde7f4;}
.FooterCen a:hover{ text-decoration:underline;}
.FooterRt{ float:left; margin-top:40px; color:#dde7f4;}
.FooterService{ width:100%;}
.FooterService p{ background:url(../images/service.png) no-repeat; float:left; padding-left:28px; font-size:14px; margin-top:5px;}
.FooterService span{ font-size:24px;}
.FooterRt li{ float:left; margin:10px 20px 0 0; font-size:14px; text-align:center;}
.FooterRt li h2{ margin-top:5px;}
.Copyright{ width:100%; border-top:1px solid #44474b; margin-top:40px; text-align:center; font-size:14px; color:#909090; line-height:28px; padding:10px 0;}