@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html{color:#151515;background:#fff;}
body{width:100%;margin:0 auto;font-size:12px;font-family:"Microsoft YaHei";}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;}
address,cite,dfn,em,var,i{font-style:normal;}
fieldset,img{border:0 none;}
img{-ms-interpolation-mode:bicubic;}
input,select,textarea,button{font-size:100%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
button,input[type=button],input[type=submit]{cursor:pointer;}
input[type=search]{-webkit-appearance:textfield;}
textarea{overflow-y:auto;resize:vertical;}
.clear,.clearfix{zoom:1;}
.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden;}
.hidden,.hide{display:none;}
a{color:#2c2c2c;text-decoration:none;}
a:hover{color:#10EEF1;text-decoration:underline;}

.fl{float:left;}
.fr{float:right;}
.mc{margin:0 auto;}
.wa{width:100%;}
.wp{width:1180px;}

.banner{height:550px;background:url(../images/vface-images-banner.jpg) top no-repeat #000;}

.toplink{height:60px;background:#530341;}
.toplink.fixed{position:fixed;top:0;z-index:99;}
.toplink li{float:left;height:60px;line-height:60px;color:#fff;font-size:18px;cursor:pointer;padding:0 25px;}
.toplink li a{color:#fff;}
.toplink li.on,.toplink li:hover{background:#f2c753;}
.toplink li.link.on{background:none;}
.toplink li.link a{color: #f2c753;}
.toplink li.link:hover{background:none;}
.tiolink2{width:100%;height:60px;}

.part1{background:#fff;padding:30px 0;}
.part1 h2{width:100%;text-align:center;height:96px;line-height:72px;font-size:35px;color:#530341;background:url(../images/ico01.png) center no-repeat;}
.part1 .pic{text-align:center;}
.part1 .pic img{padding-right:20px;}
.part1 ul{width: 100%;position:relative;height: 160px;}
.part1 ul li{position:absolute;top:-30px;width:160px;}
.part1 ul li.li1{left: 10px;}
.part1 ul li.li2{left: 210px;}
.part1 ul li.li3{left: 410px;}
.part1 ul li.li4{left: 610px;}
.part1 ul li.li5{left: 810px;}
.part1 ul li.li6{left: 1010px;}
.part1 ul li b{float:left;width:100%;text-align: center;font-size: 22px;color: #636363;font-weight: normal;}
.part1 ul li p{float: left;width: 100%;color: #636363;font-size: 14px;line-height: 22px;height: 120px;}
.part1 ul li a{float: left;width: 100%;height: 36px;line-height: 36px;text-align: center;color: #fff;font-size: 14px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;behavior:url(pie.htc);background:#530341;}
.part1 ul li a:hover{background:#f2c753;}


.part2{height:732px;background:url(../images/part2_bg.jpg) top no-repeat #fff3d2;}
.part2 .text{width:610px;padding:30px 0;}
.part2 .text h2{width:100%;text-align:center;height:96px;line-height:72px;font-size:35px;color:#530341;background:url(../images/ico01.png) center no-repeat;}
.part2 .text p{float: left;width: 100%;font-size: 18px;line-height: 30px;padding:30px 0;}
.part2 .text p.p2{width: 340px;text-indent: 2em;}
.part2 .text h3{float: left;width: 100%;font-size: 26px;color: #df8400;}

.part3{background:#fff;padding:30px 0;}
.part3 h2{width:100%;text-align:center;height:96px;line-height:72px;font-size:35px;color:#530341;background:url(../images/ico01.png) center no-repeat;}
.part3 .box{float: left;width: 530px;border-right: 1px #cdcdcd dashed;padding:0 29px;margin-top:20px;}
.part3 .box h3{float: left;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 26px;color: #fff;}
.part3 .box h3.h1{background:url(../images/par3_h1.jpg) center no-repeat;}
.part3 .box h3.h2{background:url(../images/part3_h2.jpg) center no-repeat;}
.part3 .box p{float: left;width: 100%;font-size: 18px;line-height: 26px;padding: 20px 0;}
.part3 .box .pic{float: left;width: 100%;text-align: center;}
.part3 .box .txt{float: left;width: 528px;border:1px #cdcdcd solid;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;behavior:url(pie.htc);background:#f2f2f2;margin-top:10px;}
.part3 .box .txt .img{float: left;width: 100%;text-align: center;padding:10px 0;}
.part3 .box .txt p{width:498px;padding:0 15px 15px;}
.part3 .box .txt p.p2{padding:46px 15px 47px;}
.part3 .box .txt p span{color: #df8400;}
.part3 .btn{text-align: center;height: 55px;padding-top:20px;}
.part3 .btn a{display: inline-block;width: 280px;text-align: center;height: 55px;line-height: 55px;background:#df8400;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;behavior:url(pie.htc);font-size: 24px;color: #fff;}

.part4{background:#fff3d2;padding:30px 0;}
.part4 h2{width:100%;text-align:center;height:96px;line-height:72px;font-size:35px;color:#530341;background:url(../images/ico01.png) center no-repeat;}
.part4 p{padding:20px 145px;font-size: 18px;line-height: 26px;}
.part4 .con{width: 100%;padding: 20px 0;background:#fff;}
.part4 .con .txt{width: 100%;text-align: center;font-size: 16px;}
.part4 .con .txt span{display:inline-block;width: 100%;padding:10px 0;}
.part4 .con .txt span font{display:inline-block;height: 30px;line-height: 30px;width: 270px;border:1px #a38b61 solid;margin:0 5px;}
.part4 .btn{text-align: center;height: 55px;padding-top:20px;}
.part4 .btn a{display: inline-block;width: 280px;text-align: center;height: 55px;line-height: 55px;background:#df8400;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;behavior:url(pie.htc);font-size: 24px;color: #fff;}

.part5{background:#fff;padding:30px 0;}
.part5 img{float: left;padding-left:70px;}
.part5 .text{width: 640px;}
.part5 .text h2{width: 100%;color: #530341;font-size: 26px;padding:15px 0;}
.part5 .text p{width: 32em;font-size: 18px;line-height: 28px;}
.part5 .text dl{width: 100%;padding:15px 0;}
.part5 .text dt{width: 100%;height: 24px;line-height: 24px;color: #fff;font-size: 18px;background:url(../images/ico02.jpg) left no-repeat;text-indent: 10px;padding:5px 0;}
.part5 .text dd{width: 32em;font-size: 18px;line-height: 26px;}
.part5 .text .btn{width: 100%;font-size: 24px;line-height: 34px;padding-top:20px;}
.part5 .text .btn a{display:inline-block;background:url(../images/ico03.png) 100px 12px no-repeat #530341;color: #fff;width: 136px;height: 34px;font-size: 16px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;behavior:url(pie.htc);text-indent: 26px;}

.part6{height:680px;background:url(../images/part6_bg.jpg) top no-repeat #fff3d2;padding-top:30px;}
.part6 h2{width:100%;text-align:center;height:96px;line-height:72px;font-size:35px;color:#530341;background:url(../images/ico01.png) center no-repeat;}
.part6 .con{width: 360px;margin:0 auto;padding:20px 0;}
.part6 .con dl{float: left;width: 340px;background:#fdeab5;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;behavior:url(pie.htc);padding:20px 10px;margin-top:10px;}
.part6 .con dt{float: left;width: 100%;}
.part6 .con dt i{float: left;width: 33px;background-image:url(../images/ico04.png);background-repeat:no-repeat;}
.part6 .con dt i.i1{height:26px;}
.part6 .con dt i.i2{height:28px;background-position:0 -26px;}
.part6 .con dt i.i3{height:27px;background-position:0 -57px;}
.part6 .con dt b{float: left;width: 16em;font-size: 18px;line-height: 24px;padding-left:5px;}
.part6 .con dd{float: left;width:300px;padding:5px 20px 0;font-size: 14px;line-height: 22px;}
.part6 .btn{text-align: center;height: 55px;padding-top:20px;}
.part6 .btn a{display: inline-block;width: 280px;text-align: center;height: 55px;line-height: 55px;background:#df8400;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;behavior:url(pie.htc);font-size: 24px;color: #fff;}

.part7{background:#fff;padding:30px 0;}
.part7 h2{width:100%;text-align:center;height:96px;line-height:72px;font-size:35px;color:#530341;background:url(../images/ico01.png) center no-repeat;}
.part7 ul{float: left;width: 100%;padding-top:20px;}
.part7 ul li{float: left;width: 230px;margin:0 32px;}
.part7 ul li i{width: 124px;height: 124px;display:inline-block;background-image:url(../images/part7_pic.png);background-repeat:no-repeat;margin:0 53px;}
.part7 ul li i.i2{background-position:-124px 0;}
.part7 ul li i.i3{background-position:-248px 0;}
.part7 ul li i.i4{background-position:-372px 0;}
.part7 ul li b{float: left;width: 100%;text-align: center;font-size: 18px;font-weight: normal;padding:10px 0;}
.part7 ul li p{float: left;width: 200px;font-size: 14px;padding:10px 15px;line-height: 22px;}

.part8{background:#fff3d2;padding:30px 0;}
.part8 h2{width:100%;text-align:center;height:96px;line-height:72px;font-size:35px;color:#530341;background:url(../images/ico01.png) center no-repeat;}
.part8 dl{width: 545px;color: #513c0f;}
.part8 dl dt{width: 100%;font-size: 30px;line-height: 30px;padding:60px 0 30px;}
.part8 dl dd{width: 100%;font-size: 18px;line-height: 30px;}
.part8 dl a{float: left;width: 190px;height: 44px;line-height: 44px;color: #fff;font-size: 20px;background:url(../images/ico03.png) 155px 17px no-repeat #df8400;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;behavior:url(pie.htc);text-indent: 30px;margin-top:30px;}
.part8 .btn{text-align: center;height: 55px;padding-top:20px;}
.part8 .btn a{display: inline-block;width: 280px;text-align: center;height: 55px;line-height: 55px;background:#df8400;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;behavior:url(pie.htc);font-size: 24px;color: #fff;}

.case{width: 100%;margin:0 auto;}
.case h3{background:url(../images/c_tit.jpg) center no-repeat;height: 35px;line-height: 35px;text-align: center;font-size: 20px;color: #fff;font-weight: normal;padding:30px 0;}
#playBox{ width:1140px; height:400px; position:relative; overflow:hidden;margin:0 auto;}
#playBox .oUlplay { width:11400px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;width:1140px;}
#playBox .oUlplay li .pic{width:540px;}
#playBox .pre{display:none;}
#playBox .next{display:none;}
#playBox .smalltitle {width:1140px; height:16px; position:absolute; bottom:0px; z-index:10;}
#playBox .smalltitle ul{ width:90px; margin:0 auto;}
#playBox .smalltitle ul li{ width:16px; height:16px; margin:0 7px; border-radius:8px; background:#b3b3b3; float:left; overflow:hidden;*display:inline;*zoom:1;cursor:pointer;}
#playBox .smalltitle .thistitle{ background:#530341;}

.part9{height:635px;background:url(../images/part9_bg.jpg) top no-repeat;position:relative;}
.part9 h2{font-size:45px;position:absolute;left:50%;margin-left:-30px;top:30px;}
.part9 h2 span{font-weight:normal;padding-left:20px;}
.docs{max-width:1680px;height:635px;position:relative;overflow:hidden;}
.docs .btn{position:absolute;top:50%;margin-top:-65px;width:40px;padding:24px 0;display:block;z-index:3;background:url(../images/white50.png) repeat;text-align:center;}
.docs .btnPre{left:50%;margin-left:-590px;}
.docs .btnNext{right:50%;margin-right:-590px;}
.docs .btn:hover{background:url(../images/black50.png) repeat;}
.docs .docs_wrap{position:absolute;left:0px;top:0px;z-index:2;}
.docs .docs_wrap li{width:1680px;float:left;height:635px;}
.docs .docs_wrap li .con{width:1180px;height:635px;margin:0 auto;position:relative;}
.docs .docs_wrap li .pic{position:absolute;bottom:0;left:0;}
.docs .docs_wrap li .text{width:540px;position:absolute;left:50%;margin-left:-30px;top:120px;}
.docs .docs_wrap li .text h3{font-size:42px;}
.docs .docs_wrap li .text h4{font-size:20px;}
.docs .docs_wrap li .text p{line-height:22px;text-indent:2em;font-size:14px;padding-top:20px;}
.docs .docs_wrap li .text dl{font-size:14px;line-height:22px;padding-top:20px;}
.docs .docs_wrap li .text dt{font-weight:bold;}
.docs .docs_wrap a.zx_doc{ display: block; width: 137px; height: 40px; line-height: 40px; background: url(../images/a_icon2.png) no-repeat 15px center #fa604a; text-indent: 45px; font-size: 19px; color: #fff; border-radius: 6px; position: absolute; left: 0; bottom: 30px; left: 50%; margin-left: -30px;}

.part10{background:#f0ebe7;padding:30px 0;}
.part10 h2{width:100%;text-align:center;font-size:35px;color:#530341;}
.part10 ul{float: left;width: 100%;padding-top:30px;}
.part10 ul li{float: left;width: 216px;height: 216px;text-align: center;position:relative;margin-right:25px;-webkit-border-radius:108px;-moz-border-radius:108px;border-radius:108px;behavior:url(pie.htc);}
.part10 ul li:hover{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;}
.part10 ul li a{color:#fff;}
.part10 ul li a:hover{text-decoration:none;}
.part10 ul li i{position:absolute;width:29px;height:28px;background:url(../images/ico07.png) no-repeat;top:140px;left:100px;}
.part10 ul li p{line-height:30px;padding-top:60px;font-size: 23px;}
.part10 ul li.li1{background:#ff8c38;}
.part10 ul li.li2{background:#e88c15;}
.part10 ul li.li3{background:#ffb219;}
.part10 ul li.li4{background:#e8bd33;}
.part10 ul li.li5{background:#e88c15;margin-right:0;}

.part11{background:#fff;padding:30px 0 0;}
.part11 h2{width:100%;text-align:center;font-size:35px;color:#530341;}
.part11 .con{width: 100%;border-bottom:1px #cdcdcd solid;padding:30px 0;}
.part11 .con img{padding-left:20px;}
.part11 .txt{width:830px;}
.part11 .txt dl{float: left;width: 100%;padding-bottom:20px;}
.part11 .txt dt{float: left;width:780px;padding-left:50px;height: 38px;line-height: 38px;background:url(../images/ico05.png) left no-repeat;font-size: 24px;}
.part11 .txt dd{float: left;width: 780px;padding-left:50px;font-size: 16px;line-height: 24px;color: #767676;}
.part11 .txt dd span{color: #df8400;}
.part11 .btn{float: left;height: 60px;padding:20px 0;}
.part11 .btn a{display: inline-block;width: 354px;height: 60px;line-height: 60px;background:url(../images/ico06.png) 270px 10px no-repeat #df8400;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;behavior:url(pie.htc);font-size: 24px;color: #fff;text-indent: 40px;margin-left:50px;}

.part12{background:#fff;padding: 30px 0;}
.part12 h2{width: 100%;font-size:35px;text-align: center;color: #3d3d3d;}
.tjbox{clear:both;overflow:hidden;padding:20px 0;}
.tjbox .l_btn{width:21px;height:82px;cursor:pointer;margin-top:75px;float:left;}
.tjbox .r_btn{width:21px;height:82px;float:left;cursor:pointer;margin-top:75px;}
.tjbox .l_btn:hover{background:url(../images/black50.png) repeat;}
.tjbox .r_btn:hover{background:url(../images/black50.png) repeat;}
.tjbox .cont{width:1134px;overflow:hidden;float:left;margin:0 2px;}
.tjbox .scrcont{width:11340px;}
.tjbox .cont li{float:left;width: 378px; text-align:center;padding:5px 0;}
.tjbox .cont li img{width:355px;box-shadow:0 0 5px #000;}
.tjbox ul{float:left;}