/*高端办公*/
.office-content10{
	color: #333;
}
.office-content10 .column{
	height: 90px;
}
.office-content10 .title{
	font-size: 25px;
	font-family: fontFamilyNav;
	text-align: center;
}
.office-content10 .line{
	width: 120px;
	border-top: 1px solid #000;
	margin: 40px auto;
}
.office-content10 .line2{
	width: 80px;
}
.office-content10 .txt{
	width: 600px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	font-family:fontFamilyTt;
}
.office-content10 .yuanpic{
	width: 600px;
	height: 450px;
	margin: 60px auto;
	background-image: url(uploads/201901191752450.jpeg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.office-content11{
	color: #333;
}
.office-content11 .column{
	height: 90px;
}
.office-content11 .title{
	font-size: 35px;
	font-family: fontFamilyCn;
	text-align: center;
}
.office-content11 .line{
	width: 120px;
	border-top: 1px solid #000;
	margin: 40px auto;
}
.office-content11 .txt{
	width: 600px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	font-family: PingFangSC-Light, sans-serif;
}


.office-content12{
	color: #333;
}
.office-content12 .column{
	height: 90px;
}
.office-content12 .title{
	font-size: 25px;
	font-family: fontFamilyNav;
	text-align: center;
}
.office-content12 .line{
	width: 120px;
	border-top: 1px solid #000;
	margin: 40px auto;
}
.office-content12 .line2{
	width: 80px;
}
.office-content12 .txt{
	width: 600px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	font-family: PingFangSC-Light, sans-serif;
	text-align: center;
}



.office-banner{position: relative; z-index: 1; width:100%;height:530px;overflow:hidden;margin-top: 50px; }
.office-banner .bannerCon{width:990px;height:450px; margin:0px auto; position:relative;}
.office-banner .bannerCon .scroll{position:absolute;left:0px; width: 100000px; z-index: 1}
.office-banner .bannerCon .scroll ul li{width:930px;float:left; margin: 0 30px;}
.office-banner .bannerCon .scroll ul li .pic{opacity: 1; transition: all 1s;}
.office-banner .bannerCon .scroll ul li.on .pic{opacity: 1;}
.office-banner .bannerCon .scroll ul li .pic img{width:930px;height:450px;}
.office-banner .bannerCon .scroll ul li .content {opacity: 0; transition: all 1s;}
.office-banner .bannerCon .scroll ul li.on .content{opacity: 1; display: none;}
.office-banner .bannerCon .scroll ul li .content .title { line-height: 80px; font-size: 18px;}
.office-banner .bannerCon .scroll ul li .content .txt { line-height: 20px; font-size: 13px; color: #808080; font-family: PingFangSC-Light, sans-serif;}
.office-banner .bannerCon .scroll ul li .content .more a { display: inline-block; width: 200px;font-size: 14px;color: #fff;line-height: 40px;text-align: center;background-color: #333333;margin-top: 40px; cursor: pointer; text-decoration: none;
}
.office-banner .arrow-l{position:absolute; left:0px;top:0%; width: 50%; height: 450px; cursor: url(/img/cursor-prev.png),pointer; z-index: 2}
.office-banner .arrow-r{position:absolute; right:0px; top:0%; width: 50%; height: 450px; cursor:url(/img/cursor-next.png),pointer; z-index: 2; }
.office-banner .bannerBut{ width:100%;height:40px;position:absolute;left:0;bottom:-50px; z-index: 999}
.office-banner .bannerBut ul { text-align: center;}
.office-banner .bannerBut ul li{display: inline-block; height: 7px; margin:0 7px; position: relative;}
.office-banner .bannerBut ul li:before{content: ''; display: inline-block; width:4px;height:4px;border-radius:7px;background:#c9c9c9; transition: all 0.5s; transform: scale(1); position: relative; }
.office-banner .bannerBut ul li.hover:not(:last-of-type):after{content: ''; position: absolute;left: 4px; top: 14.3px;  width: 0px; height: 1px; background-color: #000; animation:office_mymove 11s infinite;}
.office-banner .bannerBut ul li:hover:before {background:#000;transform: scale(2); }
.office-banner .bannerBut ul li.hover:before {background:#000;transform: scale(2); }
@keyframes office_mymove
{
from {width:0px;}
to {width:19px;}
}


.office10-banner{position: relative; z-index: 1; width:100%;height:500px;overflow:hidden;margin-top: 50px; }
.office10-banner .bannerCon{width:600px;height:500px; margin:0px auto; position:relative;overflow: hidden;}
.office10-banner .bannerCon .scroll{position:absolute;left:0px; width: 100000px; z-index: 1}
.office10-banner .bannerCon .scroll ul li{width:600px;float:left; margin: 0}
.office10-banner .bannerCon .scroll ul li .pic{opacity: 1; transition: all 1s;}
.office10-banner .bannerCon .scroll ul li.on .pic{opacity: 1;}
.office10-banner .bannerCon .scroll ul li .pic img{width:600px;height:450px;}
.office10-banner .bannerCon .scroll ul li .content {opacity: 0; transition: all 1s;}
.office10-banner .bannerCon .scroll ul li.on .content{opacity: 1; display: none;}
.office10-banner .bannerCon .scroll ul li .content .title { line-height: 80px; font-size: 18px;}
.office10-banner .bannerCon .scroll ul li .content .txt { line-height: 20px; font-size: 13px; color: #808080; font-family: PingFangSC-Light, sans-serif;}
.office10-banner .bannerCon .scroll ul li .content .more a { display: inline-block; width: 200px;font-size: 14px;color: #fff;line-height: 40px;text-align: center;background-color: #333333;margin-top: 40px; cursor: pointer; text-decoration: none;
}
.office10-banner .arrow-l{position:absolute; left:0px;top:0%; width: 50%; height: 450px; cursor: url(/img/cursor-prev.png),pointer; z-index: 2}
.office10-banner .arrow-r{position:absolute; right:0px; top:0%; width: 50%; height: 450px; cursor:url(/img/cursor-next.png),pointer; z-index: 2; }
.office10-banner .bannerBut{ width:100%;height:40px;position:absolute;left:0;bottom:0px; z-index: 999}
.office10-banner .bannerBut ul { text-align: center;}
.office10-banner .bannerBut ul li{display: inline-block; height: 7px; margin:0 7px; position: relative;}
.office10-banner .bannerBut ul li:before{content: ''; display: inline-block; width:4px;height:4px;border-radius:7px;background:#c9c9c9; transition: all 0.5s; transform: scale(1); position: relative; }
.office10-banner .bannerBut ul li.hover:not(:last-of-type):after{content: ''; position: absolute;left: 4px; top: 14.3px;  width: 0px; height: 1px; background-color: #000; animation:office10_mymove 11s infinite;}
.office10-banner .bannerBut ul li:hover:before {background:#000;transform: scale(2); }
.office10-banner .bannerBut ul li.hover:before {background:#000;transform: scale(2); }
@keyframes office10_mymove
{
from {width:0px;}
to {width:19px;}
}


.office12-banner{position: relative; z-index: 1; width:1000px;height:550px;overflow:hidden;margin: 0 auto;}
.office12-banner .bannerCon{width:1000px;height:550px; margin:0px auto; position:relative;overflow: hidden;}
.office12-banner .bannerCon .scroll{position:absolute;left:0px; width: 100000px; z-index: 1}
.office12-banner .bannerCon .scroll ul li{width:1000px;float:left; margin: 0 ;}
.office12-banner .bannerCon .scroll ul li .pic{opacity: 1; transition: all 1s;position: relative;}
.office12-banner .bannerCon .scroll ul li.on .pic{opacity: 1;}
.office12-banner .bannerCon .scroll ul li .pic img{width:1000px;height:auto;}
.office12-banner .bannerCon .scroll ul li .pic .office12-txt{ position: absolute; right: 0px; top: 0px; width: 370px; text-align: center;}
.office12-banner .bannerCon .scroll ul li .pic .office12-txt .title2{ font-size: 16px; font-weight: bold; line-height: 40px;color: #333;font-family: fontFamilyNav}
.office12-banner .bannerCon .scroll ul li .pic .office12-txt .subtitle{ line-height: 30px; font-family: fontFamilyTt}
.office12-banner .bannerCon .scroll ul li .pic .office12-txt .subtitle .label{ font-size: 14px; color: #454545;}
.office12-banner .bannerCon .scroll ul li .pic .office12-txt .subtitle .name{ font-size: 14px;  color: #333}
.office12-banner .bannerCon .scroll ul li .content {opacity: 0; transition: all 1s;}
.office12-banner .bannerCon .scroll ul li.on .content{opacity: 1; display: none;}
.office12-banner .bannerCon .scroll ul li .content .title { line-height: 80px; font-size: 18px;}
.office12-banner .bannerCon .scroll ul li .content .txt { line-height: 20px; font-size: 13px; color: #808080; font-family: PingFangSC-Light, sans-serif;}
.office12-banner .bannerCon .scroll ul li .content .more a { display: inline-block; width: 200px;font-size: 14px;color: #fff;line-height: 40px;text-align: center;background-color: #333333;margin-top: 40px; cursor: pointer; text-decoration: none;
}
.office12-banner .arrow-l{position:absolute; left:0px;top:0%; width: 50%; height: 450px; cursor: url(/img/cursor-prev.png),pointer; z-index: 2}
.office12-banner .arrow-r{position:absolute; right:0px; top:0%; width: 50%; height: 450px; cursor:url(/img/cursor-next.png),pointer; z-index: 2; }
.office12-banner .bannerBut{ width:100%;height:40px;position:absolute;left:0;bottom:0px; z-index: 999}
.office12-banner .bannerBut ul { text-align: center;}
.office12-banner .bannerBut ul li{display: inline-block; height: 7px; margin:0 7px; position: relative;}
.office12-banner .bannerBut ul li:before{content: ''; display: inline-block; width:4px;height:4px;border-radius:7px;background:#c9c9c9; transition: all 0.5s; transform: scale(1); position: relative; }
.office12-banner .bannerBut ul li.hover:not(:last-of-type):after{content: ''; position: absolute;left: 4px; top: 14.3px;  width: 0px; height: 1px; background-color: #000; animation:office12_mymove 11s infinite;}
.office12-banner .bannerBut ul li:hover:before {background:#000;transform: scale(2); }
.office12-banner .bannerBut ul li.hover:before {background:#000;transform: scale(2); }
@keyframes office12_mymove
{
from {width:0px;}
to {width:19px;}
}