.fl {float:left;}
.fr {float:right;}
.clearfix {clear:both;}

.main {width:100%;}
.area {width:1200px;height:auto;margin:auto auto;}
.area1 {width:1280px;height:auto;margin:auto auto;}
.area2 {width:1000px;height:auto;margin:auto auto;}
.area3 {width:700px;height:auto;margin:auto auto;}
.area4 {width:960px;height:auto;margin:auto auto;}

.aboutVRbox {background:rgba(255,255,255,1);text-align:center;padding:0px 0 0 0;position:relative;}
.aboutVRbox h1 {font-size:36px;color:#333;font-weight:500;}
.aboutlogo {margin:40px auto;}
.aboutVRbox p {text-align:left;text-indent:2em;line-height:30px;color:#333;}
.aboutVRbox .Vr8 {margin-top:100px;}
.tab2 {width:100%;margin:30px auto;}
.tab-title2 {height:30px;font-size:0;}
.tab-title2 .item {display:inline-block;width:10px;height:10px;line-height:30px;text-align:center;color:#FFF;font-size:16px;border:1px solid #ddd;margin-left:20px;border-radius:5px;background:#ddd;}
.tab-title2 .item-cur {color:#333;border:1px solid #333;border-radius:5px;background:#333;}
.tab-cont2 {position:relative;width:1000px;height:480px;overflow:hidden;margin:auto;}
.tab-cont__wrap2 {position:absolute;}
.tab-cont2 .item {width:1000px;height:480px;text-align:left;margin:auto;}
.aboufanye1 li {float:left;margin-right:15px;text-align:center;}
.aboufanye1 li:nth-child(4) {float:left;margin-right:0px;text-align:center;}
.aboufanye1 li img {width:90%;margin:auto;}
.aboufanye1 li .hovercon1 {background:rgba(0,0,0,0.8);width:215px;height:190px;position:absolute;top:200px;left:11px;display:none;}
.aboufanye1 li .hovercon1 p {color:#FFF;text-align:center;text-indent:0em;padding:30px 20px;}
.aboufanye1 li .hovercon2 {background:rgba(0,0,0,0.8);width:215px;height:190px;position:absolute;top:200px;left:263px;display:none;}
.aboufanye1 li .hovercon2 p {color:#FFF;text-align:center;text-indent:0em;padding:30px 20px;}
.aboufanye1 li .hovercon3 {background:rgba(0,0,0,0.8);width:215px;height:190px;position:absolute;top:200px;left:517px;display:none;}
.aboufanye1 li .hovercon3 p {color:#FFF;text-align:center;text-indent:0em;padding:30px 20px;}
.aboufanye1 li .hovercon4 {background:rgba(0,0,0,0.8);width:215px;height:190px;position:absolute;top:200px;left:771px;display:none;}
.aboufanye1 li .hovercon4 p {color:#FFF;text-align:center;text-indent:0em;padding:30px 20px;}
.aboufanye2 li {float:left;margin-right:15px;text-align:center;}
.aboufanye2 li:nth-child(4) {float:left;margin-right:0px;text-align:center;}
.aboufanye2 li img {width:90%;margin:auto;}
.aboufanye2 li .hovercon1 {background:rgba(0,0,0,0.8);width:215px;height:190px;position:absolute;top:200px;left:1011px;display:none;}
.aboufanye2 li .hovercon1 p {color:#FFF;text-align:center;text-indent:0em;padding:30px 20px;}
.aboufanye2 li .hovercon2 {background:rgba(0,0,0,0.8);width:215px;height:190px;position:absolute;top:200px;left:1263px;display:none;}
.aboufanye2 li .hovercon2 p {color:#FFF;text-align:center;text-indent:0em;padding:30px 20px;}
.aboufanye2 li .hovercon3 {background:rgba(0,0,0,0.8);width:215px;height:190px;position:absolute;top:200px;left:1517px;display:none;}
.aboufanye2 li .hovercon3 p {color:#FFF;text-align:center;text-indent:0em;padding:30px 20px;}
.aboufanye2 li .hovercon4 {background:rgba(0,0,0,0.8);width:215px;height:190px;position:absolute;top:200px;left:1771px;display:none;}
.aboufanye2 li .hovercon4 p {color:#FFF;text-align:center;text-indent:0em;padding:30px 20px;}
.fanyeleft1 {position:absolute;left:-55px;top:817px;cursor:pointer;}
.fanyeright1 {position:absolute;right:-55px;top:817px;cursor:pointer;}
.aboutChara {background:rgba(255,255,255,1);text-align:center;padding:50px 0 0 0;}
.aboutChara h1 {font-size:36px;color:#333;font-weight:500;}
.charain {margin-top:40px;}
.charaleft1 {width:50%;background:#484848;height:345px;padding:80px 0;}
.charaleft1 h1 {color:#FFF;font-weight:400;font-size:30px;margin-top:30px;padding-left:40px;}
.charaleft1 p {color:#FFF;font-weight:400;font-size:14px;margin-top:60px;padding-left:45%;width:42%;text-align:left;}
.chararight {width:50%;height:505px;overflow:hidden;}
.charaleft2 {width:50%;background:#282828;height:345px;padding:80px 0;text-align:left;}
.charaleft2 img {padding-left:125px;}
.charaleft2 h1 {color:#FFF;font-weight:400;font-size:30px;margin-top:30px;padding-left:125px;text-align:left;}
.charaleft2 p {color:#FFF;font-weight:400;font-size:14px;margin-top:60px;padding-left:125px;width:42%;text-align:left;}
.charaleft3 {width:50%;background:#484848;height:465px;padding:20px 0;overflow:hidden;}
.charaleft3 h1 {color:#FFF;font-weight:400;font-size:30px;margin-top:15px;padding-left:40px;}
.charaleft3 p {color:#FFF;font-weight:400;font-size:14px;margin-top:15px;padding-left:45%;width:42%;text-align:left;}
.charaleft3 ul {color:#FFF;font-weight:400;font-size:14px;margin-top:15px;padding-left:45%;width:50%;text-align:left;}
.charaleft3 ul li {margin:10px 0 0 0;padding-left:40px;}
.fieldbox {background:rgba(255,255,255,1);text-align:center;padding:60px 0;}
.fieldbox h1 {font-size:36px;color:#333;font-weight:500;}
.fieldlist {margin-top:30px;}
.fieldlist li {width:31%;float:left;margin-right:40px;margin-bottom:20px;}
.fieldlist li:nth-child(3n) {width:30%;float:left;margin-right:0px;margin-bottom:20px;}
.fieldlist li img {width:100%;height:207px;}
.fieldlist li p {margin-top:20px;font-size:18px;color:#333;}