@charset "utf-8";
/* CSS Document */
.banner{text-align:center;height:470px;overflow:hidden;width:100%;}
.serlst{float:left;}
.serlst .tit{width:634px;height:50px;padding-bottom: 5px; padding-top:10px; border-bottom:1px solid #e6e6e6;overflow:hidden;line-height:60px;color:#007fca;}
.serlst .tit h3{float:left;font-size:20px;font-weight:bold;}
.serlst .tit p {float:right;padding-top:22px;}
.serlst .tit p a{display:block;background:url(../images/arr12_01.jpg) 0 -19px;width:19px;height:19px;overflow:hidden}
.serlst .tit p a:hover{display:block;background:url(../images/arr12_01.jpg);width:19px;height:19px;overflow:hidden}
.serlst{width:634px;overflow:hidden}
.serlst ul{width:700px;overflow:hidden; padding-bottom:20px;}
.serlst ul li{float:left;width:220px;height:98px;background:url(../images/tudianico.jpg) no-repeat;padding:16px 0 0 80px;margin-right:36px;line-height:22px;}
.serlst ul li.app{background-position:0 25px;}
.serlst ul li.swser{background-position:0 -82px;}
.serlst ul li.vsp{background-position:0 -188px;}
.serlst ul li.oa{background-position:0 -296px;}
.serlst ul li .name{font-size:14px;font-weight:bold;color:#282828; padding-top:11px;}
.serlst ul li .val{font-size:14px;color:#6a6a6a;}
.abtwe{float:right;width:286px;}
.abtwe ul.syslist{width:90%; margin-left:20px;}
.abtwe ul.syslist li{line-height:21px; height:21px; color:#666; list-style-type:square;}
.abtwe ul.syslist li a{line-height:21px; height:21px; color:#666}
.abtwe .tit{width:286px;height:50px;border-bottom:1px solid #e6e6e6;overflow:hidden; padding-bottom:5px;line-height:60px;color:#007fca; padding-top:10px;}
.abtwe h3{float:left;font-size:20px;}
.abtwe .tit p {float:right;padding-top:22px;}
.abtwe .tit p a{display:block;background:url(../images/arr12_01.jpg) 0 -19px;width:19px;height:19px;overflow:hidden}
.abtwe .tit p a:hover{display:block;background:url(../images/arr12_01.jpg);width:19px;height:19px;overflow:hidden}
.abtwe .val{color:#686969;font-size:14px;line-height: 22px;padding: 22px 0 12px 0;}

.banner {position:relative}
.tarbox {position:absolute;bottom:10px;text-align:center;width:100%;}
.tarbox a {display:inline-block;background:#ffffff;border-radius:20px;width:10px;height:10px;color:#007fca;margin:0 5px; text-indent:-99px; vertical-align:middle; overflow:hidden; }
.tarbox a.active { width:13px; height:13px; background:#007fca;color:#ffffff}

.picbox { position: relative; width: 100%; overflow: hidden; }
.picbox .item { position: relative; display: none; height:470px; background-repeat:no-repeat; background-position:center top;
		-webkit-background-size:cover; -ms-background-size:cover; background-size:cover; }
.picbox .active { display: block; -webkit-animation:pic .6s ease-in-out; -ms-animation:pic .6s ease-in-out; animation:pic .6s ease-in-out; }
.picbox .pic-wonhigh { background-image:url(../images/home_wonhigh_s.jpg); background-image:url(../images/home_wonhigh.jpg)\9; }
.picbox .pic-technology { background-image:url(../images/0-home_01_s.jpg); background-image:url(../images/0-home_01.jpg)\9; }
.picbox .pic-future { background-image:url(../images/0-home_02_s.jpg); background-image:url(../images/0-home_02.jpg)\9; }
.picbox .pic-honesty { background-image:url(../images/0-home_03_s.jpg); background-image:url(../images/0-home_03.jpg)\9; }
@media (min-width:1440px) {
	.picbox .pic-wonhigh { background-image:url(../images/home_wonhigh.jpg); }
	.picbox .pic-technology { background-image:url(../images/0-home_01.jpg); }
	.picbox .pic-future { background-image:url(../images/0-home_02.jpg); }
	.picbox .pic-honesty { background-image:url(../images/0-home_03.jpg); }
}
@-webkit-keyframes pic {
	0% { opacity:0.1; }
	70% { opacity:1; }
	90%,100% { opacity:1; }
}