@charset "UTF-8";
/* CSS reset */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure,figcaption { 
		margin:0;
		padding:0;
		font-family: "微软雅黑";
	}
	html,body {
		margin:0;
		padding:0;
		color: #333;
		background: #f2f2f2;
		min-width: 1200px;
 	}
 	body{padding-top:100px;}
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	fieldset,img { 
		border:0;
	}
	address,caption,cite,code,dfn,th,var {
		font-style:normal;
		font-weight:normal;
	}
	ol,ul,li {
		list-style:none;
		list-style-type:none;
		padding: 0;
		margin: 0;
	}
	caption,th {
		text-align:left;
	}
	q:before,q:after {
		content:'';
	}
	abbr,acronym { border:0;
	}
.clearfix { *zoom: 1; } 
.clearfix:before,.clearfix:after { display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; }
a{text-decoration: none;text-transform: uppercase;color: #333}
img{vertical-align: top}
input:focus{outline:none;}
textarea:focus{outline:none;}
table{word-wrap: break-word; word-break: break-all}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #c8c8c8;} 
input:-moz-placeholder, textarea:-moz-placeholder {color: #c8c8c8;} 
input::-moz-placeholder, textarea::-moz-placeholder {color: #c8c8c8;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #c8c8c8;} 
.warp{width: 1200px;margin:0 auto;}
.warpM{width: 1200px;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.ovhid{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;box-sizing: border-box;}

/* 头部 */

.header{margin:0 auto;min-width:1200px;height: 100px;position:fixed;top: 0;left: 0;z-index: 9999;background: #ffffff;box-sizing: border-box;box-shadow:  10px 0 10px rgba(0, 0, 0, 0.3)}
	@media screen and (max-width: 1200px){
		.header{padding: 0 10px;width: 100%}
	}
	@media (min-width: 1200px) and (max-width: 1440px){
		.header{padding: 0 2%;width: 100%}
	}
	@media (min-width: 1440px){
		.header{padding: 0 7%;width: 100%}
	}
	.header>a{display:block;width:auto;height:100px;font-size:0}
	.header>a img{height:100%;width: auto;}
	.header>div{width:auto;height:100px;}
	.header>div .tell{font-size:22px;color:#3d91cc;line-height: 100px;height: 100px;text-align: right;padding-left:10px}
	.header>div .menu{text-align:center;font-size:20px;color:#595959;}
	.header>div .menu>li{width:95px;margin-left:20px;position:relative;}
	.header .menu>li>a{display:block;width:100%;line-height:60px;text-align:center;margin-top: 20px}
	.header .menu>li>span{display:block;height:1px;background:#fcb302;transition:all 1s;width:0%;margin:0 auto;margin-bottom:19px}
	.header .menu>li:hover>span{width:100%}

	.header .menu>li .xian{width:100%}

	/* .header .menu>li:hover .menuSmall{height:auto;opacity: 1;top:100%;overflow:visible} */
	.header .menuSmall{transition:all 1s;position:absolute;top:0%;left:0;z-index:99;width:100%;text-align:center;background:#fafafa;height:0;opacity: 0;overflow: hidden;}
	.header .menuSmall>li{border-bottom:solid #efefef 1px;}
	.header .menuSmall>li:last-child{border-bottom:none;}
	.header .menuSmall>li a{color:#595959;font-size:16px;line-height:50px;}
	.header .menuSmall>li a:hover{color:#fcb302}
/* banner */
.banner{min-width: 1200px;overflow: hidden;position: relative;box-shadow:0px 7px 10px rgba(196, 200, 207, 0.3);width: 100%}
	.banner a{display: block}
	.banners{min-width: 1200px;width:100%;overflow: hidden;position:absolute;transition:all 1s;left:0;top:0}
	.banner .banners .pic{width:100vw;float:left;min-width: 1200px}
	.banner img{width: 100%}
	.banner .bottom{position:absolute;bottom:0px;left: 0;z-index:9;width: 100%;text-align: center;padding:0px 0 4%}
	.banner .bottom li{display: inline-block;margin-right:10px;background:none;width:40px;height:3px;background:#fff;}
	.banner .bottom li:last-child{margin-right: 0px}
	.banner .bottom li:hover{background:#fcb302;}
	.banner .bottom .txt{background:#fcb302;}
.itemPic{margin:0px auto;text-align:center;font-size:0px}
	.itemPic img{display:inline-block;height:122px;width:auto;}
/* 业务 */
.busin{background:#ededed;padding-bottom:90px;padding-top: 130px}
	.busin .busin_top{writing-mode: horizontal-tb;writing-mode: initial;writing-mode: unset;writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;vertical-align: top;color:#666666;font-size:18px;width: 40px;left:50%;margin-left:-20px;margin-top: -100px;position: relative;height:80px;overflow: hidden}
		.busin_top span{color:#6aaddd;}
	.busin_nr{width:1200px;margin:40px auto 0}
		.busin_left,.busin_right{width:50px;position: relative;font-size:0px;height:700px}
			.busin_left img,.busin_right img{display:block;width:auto;position: absolute;height:80px;top:50%;margin-top:-40px;cursor:pointer}
			.busin_left img{left:0;}
			.busin_right img{right:0;}
		.busin_con{width:1100px;position: relative;height:700px;overflow: hidden;}
			.busin_con ul{margin:20px;position: absolute;left:0;top:0;width:200%;transition: all 0.5s;}
			.busin_con li{width:330px;float: left;margin-right:35px;transition: all 0.5s;}
			.busin_con li:hover{box-shadow: 0 8px 30px 0 rgba(0,0,0,.3)}
			.busin_con li>a{display:block;width:330px;height:311px;flex-direction: column;overflow:hidden;justify-content: center;overflow: hidden;display:flex;font-size:0;background:#fff}
			.busin_con li img{width:100%;}
			.busin_con li .text{background:#ffffff;padding:31px 30px;}
			.busin_con li .title{color:#999999;font-size:15px;padding-bottom:45px;}
			.busin_con li .itemtitle{color:#2b4f84;font-size:30px;font-weight: 400}
			.busin_con li .itemetitle{color:#595959;font-size:15px;line-height:20px;height:40px;overflow: hidden;text-transform: uppercase;margin-bottom:46px;}
			.busin_con .text a{display: block;width: 160px;margin: 0 auto;text-align: center;border: 1px solid #60ace2;background: url(../img/qian.png) no-repeat 95% center;line-height:30px;border-radius: 5px;color:#595959;transition: all 0.5s;}
			.busin_con .text:hover a{background: url(../img/bai.png) no-repeat 95% center #60ace2;color:#fff}
		.busin_nr .busin_more{display: block;width: 160px;margin:20px auto 0px;text-align: center;border: 1px solid #3d91cc;background: url(../img/shen.png) no-repeat 85% center #3d91cc;line-height:30px;border-radius: 5px;color:#f2f2f2;text-transform: none;transition: all 0.5s;}
			.busin_nr .busin_more:hover{box-shadow: 0 8px 30px 0 rgba(0,0,0,.3)}
/* 优势 */
.advan{background:#f1f2f6;padding:100px 0 100px}
	.advan_nr{width:1200px;margin:60px auto 0;}
	.advanTop{margin:0 auto;text-align:left;width:720px;padding-left:120px;}
		.advanTop li{width:240px;}
		.advanTop span{display:block;color:#999999}
		.advanTop .title{font-size:42px}
		.advanTop .etitle{font-size:20px;opacity: 0;text-transform: capitalize;}
		.advanTop .lihover span{color:#ffb400;}
		.advanTop .lihover .etitle{opacity: 1}
	.advanBottom{position: relative;height:360px;margin-top:40px;overflow: hidden;}
		.advanBottom ul{position: absolute;height:auto;padding:20px;transition: all 0.5s;top:0;left: 0}
		.advanBottom li{height:360px}
		.advanBottom .content{background:#fff;box-shadow:0px 0px 30px #bec4d0;}
		.advanBottom .content img{display:block;width:700px;height:319px;}
		.advanBottom .content div{display:block;width:450px;box-sizing: border-box;padding:70px 70px 70px 50px;height:319px;}
		.advanBottom .content p{color:#595959;font-size:20px;line-height:35px;height:140px;overflow: hidden;}
		.advanBottom .content a{display: block;width: 160px;text-align: center;border: 1px solid #60ace2;background: url(../img/qian.png) no-repeat 90% center;line-height:35px;border-radius: 5px;color:#60ace2;transition: all 0.5s;margin-left: 180px;}
		.advanBottom .content a:hover{background: url(../img/bai.png) no-repeat 90% center #60ace2;color:#fff}
/* 客户 */
.client{padding:100px 0;background:#fff;}
	.client ul{width:1200px;margin:100px auto 0}
	.client ul li{width:280px;margin-right:26px;}
	.client ul li:last-child{margin-right:0px}
	.client ul a{position:relative;height:170px;width:280px;display:flex;font-size:0;flex-direction: column;overflow:hidden;justify-content: center;overflow: hidden;border: 1px solid #e5e5e5;box-sizing: border-box;transition:all 1s;}
	.client ul img{width:100%;transition:all 1s;}
	.client ul span{position:absolute;top:0;left:0;background:rgba(73, 104, 149,0.8);transition:opacity 1s;display: block;width: 100%;height: 100%}
	.client ul li:hover a{box-shadow:0 8px 30px 0 rgba(0,0,0,.3)}
	.client ul li:last-child:hover a{border: 1px solid rgba(73, 104, 149,0.8)}
	.client ul li:last-child:hover span img{transform:rotate(180deg);}
/* 联系我们 */
.link{width:100%;background:url(../img/address.jpg) no-repeat center center;background-size: cover;padding:100px 0;text-align: center;}
	.link h1{color:#f2f2f2;font-size: 60px;letter-spacing: 2px;line-height:80px;}
	.link p{color:#f2f2f2;font-size:20px;letter-spacing: 2px;line-height:35px;}
	.link a{display: block;width: 160px;height:35px;border: 1px solid #f2f2f2;color: #f2f2f2;line-height: 35px;border-radius: 10px;text-align: center;margin:30px auto 10px;background: url(../img/bai.png) no-repeat 90% center;transition: all 0.5s}
	.link a:hover{border: 1px solid #fcb302;background: url(../img/bai.png) no-repeat 90% center #fcb302;}
/* 底部 */
.footer{width:100%;text-align:center;padding:30px 0;font-size:14px;color:#595959;line-height:25px;background: #fafafa;position: relative}
	.footer p{display: block;width: 330px;margin: 0 auto;text-align: left;}
	.footer img{display: block;position: absolute;top: 15px;left: 50%;margin-left:85px;}
	.footer a{color:#595959;}
	.footer a:hover{color:#fcb302;}
/* 内页导航 */
.nyTopMenu{position:relative;z-index:999;margin:-20px auto 0;width:1000px;}
	.nyTopMenu .TopMenuTitle{text-align:center;font-size:0}
	.nyTopMenu .TopMenuTitle a{display:inline-block;width:200px;line-height:40px;height:40px;}
	.nyTopMenu .TopMenuTitle a span{display:inline-block;width:200px;line-height:40px;height:40px;background:#faf9f7;color:#585858;border-right:1px solid #d8d8d8;font-size:18px;box-shadow:0px 10px 10px #c4c8cf;position: relative;z-index: 1;transform-origin:top center;transform-style: preserve-3d;transition:transform 0.5s;}
	.nyTopMenu .TopMenuTitle a:last-child span{border-right:none;}
	.nyTopMenu .TopMenuTitle a span::after{content: attr( data-state);position: absolute;left: 0;top:100%;height: 40px;background:#3d91cc;transform-origin: top center;transform: rotateX(-90deg);width:100%;color: #f2f2f2}
	.nyTopMenu .TopMenuTitle a:hover span{transform: rotateX(90deg);}
	.nyTopMenu .TopMenuTitle .newhover span{background:#3d91cc;color: #f2f2f2;}
	.nyTopMenu .Breadcrumb{text-align: right;margin-top:15px;color: #999999;font-size: 16px;}
	.nyTopMenu .Breadcrumb a{color:#999999;padding: 0 10px;}
	.nyTopMenu .Breadcrumb a span{color:#999999;padding: 0 10px;}
	.nyTopMenu .Breadcrumb a:hover{color:#3d91cc;}
	.nyTopMenu .Breadcrumb a:last-child{color:#ffb400}
/* 星途动态列表 */
.nyNewList{margin-top:60px;margin-bottom: 20px;}
	.nyNewList ul{width: 100%;}
	.nyNewList ul li{width: 340px;margin-right:90px;}
	.nyNewList ul li:nth-child(3n){margin-right:0px;}
	.nyNewList li a{display: block;width: 100%;}
	.nyNewList li .newPic{width:340px;display:flex;font-size:0;flex-direction: column;overflow:hidden;justify-content: center;height:256px;margin-bottom: 50px;transition: all 1s;}
	.nyNewList li .newPic img{width: 100%;height: auto}
	.nyNewList .newTexts{width: 100%;overflow: visible;}
		.nyNewList .newTexts .xian{width:70px;background: #1b1b1b;height: 2px;margin-left: -40px;margin-top: 10px;transition: all 1s}
		.nyNewList .newTexts .newText{width:240px;padding-right: 45px;box-sizing: border-box;}
		.nyNewList .newText .title{color:#2f2f33;font-size: 14px;line-height: 20px;font-weight: bold;margin-bottom: 20px;}

		.nyNewList .newText .text{margin: 0px 0 30px;max-height: 66px;overflow: hidden;}

		.nyNewList .newText .text p{color: #2f2f33;font-size:15px;line-height: 22px;}
	.nyNewList li a:hover .newPic{transform: scale(0.9);box-shadow:  0 8px 30px 0 rgba(0,0,0,.3);}
	.nyNewList li a:hover .xian{margin-left:20px}
/* 分页 */
.paging{margin-top:30px;margin-bottom: 30px;text-align: center;}
	.paging li{display:inline-block;}
	.paging a{color: #666666;font-size: 16px;padding: 2px 10px;border: 1px solid #b3b3b3;margin: 0 3px;}
	.paging em{color: #666666;}
	.paging a:hover{color: #3d91cc;}
	.paging span{color: #fff;font-size: 16px;padding: 2px 10px;border: 1px solid #3d91cc;background: #3d91cc;margin: 0 3px;}
/* 星途动态内容 */
.nyNewCon{background: #fff;margin-top:100px;padding:10px 150px 70px;box-sizing: border-box;margin-bottom: 20px;}
	.nyNewCon .nyNewConTitle{text-align: center;color: #595959;font-size: 36px;line-height: 40px;font-weight:400;padding: 20px 10px 0;}
	.nyNewCon .nyNewConTime{text-align: left;color: #595959;font-size:16px;line-height:25px;padding:30px 0 20px;}
	.nyNewCon hr{border-top:1px solid #94c3e3}
/* 内容文字 */
.nyConText{margin-top: 30px;font-size: 16px;line-height: 25px;color: #737373;}
	.nyConText p{margin-bottom:10px;}
	.nyConText h2{margin-bottom:25px;font-size: 16px;color: #333;font-weight: 400}
	.nyConText table{margin-bottom:25px;}
	.nyConText img{max-width: 100%;}
	.nyConText a{color: #737373;}
	.nyConText a:hover{color: #3d91cc;}
	.nyConBla{display: block;width:120px;height: 40px;line-height: 40px;color:#fff;background:#ffb400;font-size:18px;text-align: center;margin:40px auto 0px;letter-spacing: 5px;}
	.nyConBla:hover{box-shadow: 0 0 20px #ffb400}
/* 合作伙伴列表 */
.clientList{margin-top:100px;margin-bottom: 20px;}
	.clientList ul{width: 100%;margin-top: 60px}
	.clientList ul li{width: 280px;height: 170px;margin-right: 26px;display:flex;font-size:0;flex-direction: column;overflow:hidden;justify-content: center;box-sizing:border-box;border: 1px solid #ccc;overflow: hidden;transition: all 1s;margin-bottom: 25px}
	.clientList ul li:nth-child(4n){margin-right: 0px;}
	.clientList ul a{width: 100%;display: block}
	.clientList ul img{width: 100%;}
	.clientList ul li:hover{box-shadow: 0 8px 30px 0 rgba(0,0,0,.3)}
/* 人才招聘列表 */
.nyRecruitCon{margin-top: 60px;padding-bottom: 20px}
	.nyRecruitCon table{width: 100%;border: none;table-layout: fixed;}
	.nyRecruitCon table th{background: #3d91cc;color: #fff;line-height:70px;height: 70px;text-align: center}
	.nyRecruitCon table td{background: #ffffff;color: #8c8c8c;line-height:60px;height: 60px;text-align: center;border-bottom: 1px solid #dedede;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.nyRecruitCon table td a{display: block;color: #8c8c8c;}
	.nyRecruitCon table tr th:first-child{padding-left: 60px;text-align: left;}
	.nyRecruitCon table tr td:first-child{padding-left: 60px;text-align: left;}
	.nyRecruitCon table tr:hover td{background:#e6e6e6}
	.nyRecruitCon table tr:hover td:first-child a{color:#3d91cc}
/* 人才招聘内容 */
.nyRecruitCons{background: #fff;margin-top:100px;padding:40px 150px 70px;box-sizing: border-box;margin-bottom: 20px;}
	.nyRecruitCons .nyRecruitList{width: 100%;text-align: left;vertical-align: middle}
	.nyRecruitCons .nyRecruitList tr:first-child td:nth-child(odd){width: 80px;height: 80px;padding-right:10px}
	.nyRecruitCons .nyRecruitList tr:first-child td:nth-child(2n){color: #404040;font-size: 16px;padding-top:15px;}
	.nyRecruitCons .nyRecruitList tr:last-child td{color: #808080;font-size: 16px;padding-bottom:15px;}
	.nyRecruitCons .nyRecruitList tr:first-child td:nth-child(odd) img{width:100%;display: block}
	.nyRecruitCons td{min-width: 60px}
	.nyRecruitCons hr{border-top:1px solid #94c3e3}
	.nyRecruitCons .email{width: 100%;text-align:right;margin-top: 30px;font-size: 16px;line-height: 25px;color: #737373;}
	.nyRecruitCons .email a{text-transform:none;color: #3d91cc;}
	.nyRecruitCons .email a:hover{text-decoration: underline;}
/* 团队风采列表 */
.nyTeamList{width: 1200px;margin:60px auto 20px;}
	.nyTeamList_left,.nyTeamList_right{width:50px;position: relative;font-size:0px;height:611px}
		.nyTeamList_left img,.nyTeamList_right img{display:block;width:auto;position: absolute;height:79px;top:50%;margin-top:-40px;cursor:pointer}
		.nyTeamList_left img{left:0;}
		.nyTeamList_right img{right:0;}
	.nyTeamList_con{overflow: hidden;width:1100px;margin:0 auto;position: relative;height: 611px;}
		.nyTeamList_con ul{position: absolute;top:0;left: 0;width:1000%;}
		.nyTeamList_con li{width:1100px;transition: all 0.5s;overflow: hidden}
		.nyTeamList_con li .index{writing-mode: horizontal-tb; writing-mode: initial; writing-mode: unset;writing-mode:tb-rl;-webkit-writing-mode: vertical-rl;vertical-align: top;width: 30px;font-size: 16px;color: #9a9a9a;height: 611px}
		.nyTeamList_con li .text{width: 1040px;position: relative;flex-direction: column;overflow:hidden;justify-content: center;overflow: hidden;display:flex;font-size:0;margin-right: 30px;height: 611px}
		.nyTeamList_con li img{width: 100%;height: auto;transition: all 0.5s}
		.nyTeamList_con .text p{position: absolute;bottom:-100%;left: 0;width: 100%;background:rgba(61, 145, 204, 0.8);font-size:16px ;color: #fefefe;padding:23px;line-height:25px;height: auto;box-sizing: border-box;text-align: center;transition: all 0.5s;}
		.nyTeamList_con .text:hover p{bottom: 0%}
/* 我们的优势列表 */
.nyAdvanList{margin-top: 60px;margin-bottom: 20px;box-shadow:0px 10px 20px rgba(6, 24, 51, 0.2);}
	.nyAdvanList li{width: 100%;height: 416px;overflow: hidden}
	.nyAdvanList .nyAdvanPic{height: 416px;}
	.nyAdvanList .nyAdvanPic img{height: 416px;width: auto;}
	.nyAdvanList .nyAdvanCon{padding:70px 0 0 40px;width: 420px}
		.nyAdvanList li h1{font-size: 48px;padding-right: 20px;padding-bottom: 30px;font-weight: 400;display: inline-block}
		.nyAdvanList li .one{font-size:22px;padding: 30px 0 20px;}
		.nyAdvanList li .two{font-size:16px;line-height:25px}
		.nyAdvanListOne{background:#ffba13 }
			.nyAdvanListOne h1{color:#402f08;border-bottom: 1px solid #cc9933;}
			.nyAdvanListOne p{color: #595959}
		.nyAdvanListTwo{background: #48a6e8}
			.nyAdvanListTwo .nyAdvanCon{padding-left: 70px }
			.nyAdvanListTwo h1{color:#fefefe;border-bottom: 1px solid #4482bf;}
			.nyAdvanListTwo p{color: #ffffff}
		.nyAdvanListThree{background:#51db61 }
			.nyAdvanListThree h1{color:#402f08;border-bottom: 1px solid #6aad41;}
			.nyAdvanListThree p{color: #595959}
/* 业务详情列表 */
.nyBusinList{margin-top:-40px;margin-bottom: 20px;}
	.nyBusinList li{padding-top:140px;height:500px;overflow: hidden;position: relative;top: 0}
	.nyBusinList .nyBusinPic{width: 600px;font-size: 0;padding-top: 500px;}
	.nyBusinList .nyBusinPic img{width: 600px;height: auto;display: inline-block}
	.nyBusinList .nyBusinText{width: 530px;height: auto;padding-top:500px;padding-right: 30px;padding-left: 0;}

	.nyBusinList li:nth-child(2n) .nyBusinText{text-align: right;padding-left: 30px;padding-right: 0;}
	.nyBusinList .nyBusinText h1{color: #262626;font-size: 45px;line-height: 65px;font-weight:400;}
	.nyBusinList .nyBusinText h2{color: #999999;font-size: 18px;line-height: 30px;font-weight:400;text-transform: uppercase;margin-bottom:30px;}
	.nyBusinList .nyBusinText .one{color: #595959;font-size: 16px;line-height: 25px;margin-bottom: 20px;}
	.nyBusinList .nyBusinText .two{color: #737373;font-size:16px;line-height: 30px;}

	.nyBusinList .donghuaupic{animation:uppic 1.5s linear;animation-fill-mode: forwards;}
	@keyframes uppic{
				0%{padding-top:500px}
				90%{padding-top:0px;margin-top: 0}
				100%{margin-top:-20px;padding-top:0px;}
			}
	.nyBusinList .donghuaup{animation:up 2s linear 0.5s;animation-fill-mode: forwards;}
	.nyBusinList .donghuaup .dhyi{animation:up 2s linear 0s;animation-fill-mode: forwards;}
	.nyBusinList .donghuaup .dher{animation:up 2s linear 1s;animation-fill-mode: forwards;}
	/* .nyBusinList .donghuaup h1{animation:up 2s linear 1s;animation-fill-mode: forwards;}
	.nyBusinList .donghuaup h2{animation:up 2s linear 1s;animation-fill-mode: forwards;}
	.nyBusinList .donghuaup .one{animation:up 2s linear 2s;animation-fill-mode: forwards;}
	.nyBusinList .donghuaup .two{animation:ups 2s linear 2s;animation-fill-mode: forwards;} */
	@keyframes up{
				0%{padding-top:500px;opacity: 0}
				70%{padding-top:200px;opacity: 0}
				100%{padding-top:10px;opacity: 1}
			}
	@keyframes ups{
			0%{padding-top:500px;opacity: 0}
			70%{padding-top:200px;opacity: 0}
			100%{padding-top:10px;opacity: 1}
		}

/*联系我们列表*/
.nyLinkList{margin-top: 60px;margin-bottom: 20px;}
	.nyLinkBox{box-shadow:0 0 10px rgba(6, 24, 51, 0.2);transition: all 0.5s}
	.nyLinkBox:hover{box-shadow:0 0 20px rgba(6, 24, 51, 0.6);}
	.nyLinkOne{box-shadow:0 0 10px rgba(6, 24, 51, 0.2);margin-top:30px;transition: all 0.5s}
		.nyLinkOne .linkjieshao{box-shadow: 5px 5px 10px rgba(6, 24, 51, 0.2);position:relative;width: 530px;height: 466px;box-sizing: border-box;z-index: 99}
		.nyLinkOne a:hover span{text-decoration: underline;color: #3d91cc;}
		.nyLinkOne .sanjiao{position: absolute;width: 0;height: 0;border-left:30px solid #fff;border-bottom:20px solid transparent;border-top:20px solid transparent;left: 100%;top:70px;z-index: 99}
		.nyLinkOne .icon{padding-left: 50px}
		.nyLinkOne .linkpic{background: #fff;height: 466px;width: 670px;overflow: visible;box-shadow: -5px 5px 10px rgba(6, 24, 51, 0.2);position: relative;z-index: 9}
		.nyLinkOne .linkpic img{width: 100%;}
	.nyLinkTwo{width: 100%;padding:0;margin:0;}
		.nyLinkTwo .linkpic{width:721px;height:467px;box-shadow:5px 0px 10px rgba(6, 24, 51, 0.2);position: relative;z-index: 5}
		.nyLinkTwo .linkpic img{width:721px;height:467px;display: block}
		.nyLinkTwo .nyLinkForm{background: #fff;width: 479px;height: 467px;box-sizing: border-box;padding: 50px 90px;}
		.nyLinkTwo .nyLinkForm{background: #fff;width: 479px;height: 467px;box-sizing: border-box;padding: 50px 90px;}
		.nyLinkTwo .nyLinkForm input{display: block;width: 100%;border:1px solid #b3b3b3;height: 40px;box-sizing: border-box;line-height: 38px;padding-left: 40px;color: #999;-webkit-appearance: none;margin-bottom:22px;font-size:15px;transition: all 0.5s}
		.nyLinkTwo .nyLinkForm input:hover{box-shadow:5px 5px 10px #ddd;}
		.nyLinkTwo .nyLinkForm input:focus{border:1px solid #3d91cc;}
		.nyLinkTwo .nyLinkForm input[name="name"]{background: url('../img/alinkpic1.png') no-repeat 10px center}
		.nyLinkTwo .nyLinkForm input[name="name"]:focus{background: url('../img/blinkpic1.png') no-repeat 10px center}
		.nyLinkTwo .nyLinkForm input[name="email"]{background: url('../img/alinkpic2.png') no-repeat 10px center}
		.nyLinkTwo .nyLinkForm input[name="email"]:focus{background: url('../img/blinkpic2.png') no-repeat 10px center}

		.nyLinkTwo .nyLinkForm input[name="phone"]{background: url('../img/alinkpic3.png') no-repeat 10px center}
		.nyLinkTwo .nyLinkForm input[name="phone"]:focus{background: url('../img/blinkpic3.png') no-repeat 10px center}

		.nyLinkTwo textarea{display: block;width: 100%;border:1px solid #b3b3b3;height: 95px;box-sizing: border-box;line-height:25px;padding:10px;color: #999;-webkit-appearance: none;margin-bottom:40px;font-size: 15px;resize: none;transition: all 0.5s}
		.nyLinkTwo .nyLinkForm textarea:focus{border:1px solid #3d91cc;}
		.nyLinkTwo .nyLinkForm textarea:hover{box-shadow:5px 5px 10px #ddd;}
		.nyLinkTwo .nyLinkForm input[type="submit"]{display: block;width:120px;border:1px solid #fcb302;height: 40px;box-sizing: border-box;line-height: 38px;padding:0px;color: #fff;-webkit-appearance: none;margin:0 auto;font-size:16px;background: #fcb302;transition: all 0.5s}
		.nyLinkTwo .nyLinkForm input[type="submit"]:hover{box-shadow: 0px 0px 20px #fcb302;}
	.nyLinkThree{box-shadow:0 0 10px rgba(6, 24, 51, 0.2);margin-top:30px;transition: all 0.5s}
		.nyLinkThree:hover{box-shadow:0 0 20px rgba(6, 24, 51, 0.6);}
		.nyLinkThree .linkpic{width: 703px;height:467px;}
		.nyLinkThree .linkpic img{width: 703px;height:467px;display: block}
		.nyLinkThree .linkjieshao{width: 497px;height:467px;box-sizing: border-box}
		.nyLinkThree .linkText{width:330px}
		.nyLinkThree .icon{padding-left: 15px;}
	.linkjieshao{background: #fff;padding-top: 50px;}
		.linkjieshao .icon{vertical-align: top;width: 90px;font-size: 0;text-align: center;padding-right: 5px;}
		.linkjieshao .icon img{width: 90px;height: auto;display: inline-block}
		.linkjieshao .linkText{max-width:380px}
		.linkjieshao h1{font-size: 48px;line-height: 110px;vertical-align: bottom;color: #262521;font-weight: 400;}
		.linkjieshao h2{color: #666666;font-size: 16px;line-height:30px;font-weight: 600;text-transform: capitalize;}
		.linkjieshao .xian{display: block;width: 50px;background: #1551ba;width:120px;height: 2px;margin-top:25px;}
		.linkjieshao p{color:#262626;font-size: 20px;line-height:70px;}
		.linkjieshao table{width:auto;max-width: 100%;table-layout: fixed;font-size: 16px;color: #404040;line-height: 30px;}
		.linkjieshao table .bt{white-space: nowrap;vertical-align: top}
        .bt_box .bt_item{display: flex;white-space: nowrap;vertical-align: top;padding: 3px 0;}
/* 遮罩 */
.shade{width:100%;height: 100vh;background:rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 99999;display: none}
	.prompt{position: fixed;top:40%;z-index: 99999;left: 0;width: 100%;text-align: center;display: none}
		.promptBox{display: inline-block;background: #fff;border: 1px solid #999;padding: 20px 50px;min-width: 200px;text-align: center;max-width: 500px;}
		.promptBox img{display: inline-block;width: 81px;height: 81px;}
		.promptBox p{font-size: 20px;color: #333;line-height:80px;font-weight: 600;}
		.promptBox span{display: inline-block;padding: 5px 10px;border: 1px solid #cccccc;color: #808080;}
		.promptBox span:hover{border: 1px solid #fcb302;color:#fcb302;cursor:pointer}
/* 公司介绍内容 */
.nyAbout{margin-top:60px;margin-bottom: 20px;}
	/* 第一部分 */
		.nyAboutOne{margin:0 auto;width: 1200px;}
		.nyAboutOne .eText{writing-mode: horizontal-tb; writing-mode: initial; writing-mode: unset;writing-mode:tb-rl;-webkit-writing-mode: vertical-rl;vertical-align: top;width: 30px;font-size:18px;color: #808080;text-transform: capitalize;}
		.nyAboutOne .eText span{padding-top: 10px;color: #86b9dc;display: inline-block;}
			.nyAboutOne .abConText{width:750px;height: 530px;box-sizing: border-box;padding: 90px 170px 0 70px;background:#fff;box-shadow:0 0 20px rgba(6, 24, 51, 0.2);}
			.nyAboutOne .abConText h1{color: #262521;font-size: 48px;font-weight: 400;}
			.nyAboutOne .abConText .one{color: #b2b2b2;font-size: 16px;padding:15px 30px 40px 0;border-bottom: 1px solid #292823;display: inline-block}
			.nyAboutOne .abConText .two{color: #595959;font-size:18px;padding:20px 0}
			.nyAboutOne .abConText .three{color: #737373;font-size:15px;line-height:25px;}
		.nyAboutOne .abConPic{width: 560px;margin-left: -140px}
			.nyAboutOne .abConPic{width: 560px;margin-left: -140px}
			.nyAboutOne .abConPicLeft{width:327px;height: 327px;margin-top: 100px;position: relative;border-radius: 50%;box-shadow:0 0 30px rgba(6, 24, 51, 0.2);overflow: hidden;}
			.nyAboutOne .picLeft,.nyAboutOne .picRight{width: 19px;height: 36px;position: absolute;top:50%;margin-top: -18px;z-index: 999;cursor:pointer}
			.nyAboutOne .picLeft img,.nyAboutOne .picRight img{width: 19px;height: 36px;display: block;}
			.nyAboutOne .picLeft{left: 10px}
			.nyAboutOne .picRight{right: 10px}
			.nyAboutOne .abConPicLeft ul{width:1000%;height: 327px;position: absolute;top: 0;left: 0;transition: all 1s}
			.nyAboutOne .abConPicLeft ul li{width: 327px;height: 327px;}
			.nyAboutOne .abConPicLeft li img{width: 327px;height: 327px;display: block;}
			.nyAboutOne .abConPicRight{width: 230px;height:150px;margin-top: 190px}
			.nyAboutOne .abConPicRight .xian{width:80px;background: #3d91cc;height: 1px;margin-left:-70px;z-index: 999;position: relative;margin-top: 25px}
			.nyAboutOne .abConPicRight .abConPicText{margin-left: 20px;height: 150px;overflow: hidden;position: relative;width:190px;}
			.nyAboutOne .abConPicText ul{position: absolute;height: 150px;transition: all 1s;top:0;left: 0}
			.nyAboutOne .abConPicText li{width: 220px;height: 150px;line-height: 50px;font-size: 16px;color: #595959;}
			.nyAboutOne .abConPicText li p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;box-sizing: border-box;width: 100%}
	/* 第二部分 */
	.nyPicBanner{width: 100%;margin-top: 90px;box-shadow: 10px 3px 10px rgba(0, 0, 0, 0.3)}
		.nyPicBanner img{width: 100%;display: block}
	/* 第三部分 */
	.nyAboutThree{margin-top:50px;}

		.nyThreeLeft{width: 405px;}
			.nyThreeLeft li{display:block;width: 100%;position: relative;transition: all 1s}
			.threeText{width:120px;line-height:40px;height:40px;font-size:23px;color:#808080;top: 50%;position: absolute}

			.textLeft{text-align: right; left: 0}
			.textRight{text-align: left;right: 0}
			.nyThreeLeft .one{display:block;margin: 0 auto;width:254px;height:254px;position: relative;padding:9px;box-sizing: border-box}
			.nyThreeLeft .two{display: inline-block;font-size: 0;border-radius: 50%;border:2px solid #ffb400;background: none;padding: 10px;margin:0;position:relative;z-index: 99}
			.nyThreeLeft .three{background: #434343;margin: 0;padding:60px;border-radius: 50%;overflow: hidden;display:block;overflow: hidden;}
			.nyThreeLeft .three img{width: 90px;height: 90px;display: block}
			.nyThreeLeft .yuan{width:127px;height:254px;border-radius:127px 0 0 127px;background:#ffb400; position:absolute;z-index:9;top: 0;left: 0;transition:all 0.5s;transform-origin: right center; }
			.nyThreeLeft li:nth-child(1) .textRight{opacity: 0;}
			.nyThreeLeft li:nth-child(1) .textLeft{margin-top: -9px;padding-right: 8px;box-sizing: border-box;}
			.nyThreeLeft li:nth-child(1) .one{transform: scale(0.6);height:200px;margin-top:0px}
			.nyThreeLeft li:nth-child(2) .threeText{opacity: 0}
			.nyThreeLeft li:nth-child(2) .yuan{transform: rotate(180deg)}
			.nyThreeLeft li:nth-child(3) .textLeft{opacity: 0;}
			.nyThreeLeft li:nth-child(3) .one{transform: scale(0.6);height:200px;margin-top: -30px}
		.nyThreeRight{margin-top:60px;width:750px;height:524px;background: #fff;box-shadow:0px 0 20px rgba(0, 0, 0, 0.3);margin-right: 20px;}
			.nyThreeShow{width:770px;height:524px;overflow: hidden;position: relative}
			.nyThreeShow ul{width:770px;height:auto;position:absolute;top:0px;left: 0;transition: all 0.5s}
			.nyThreeShow li{width:770px;height:524px;box-sizing:border-box;padding:90px 80px 0;}
			.nyThreeShow li .icon{width:100px;text-align: left;}
			.nyThreeShow li .icon img{width:73px;height:73px;}
			.nyThreeShow li .Text{width:510px;height:73px;}
			.nyThreeShow li .Text h1{color: #262521;font-size: 48px;line-height: 73px;height: 73px;font-weight: 400}
			.nyThreeShow li .Text h2{color: #595959;font-size: 16px;line-height: 60px;height: 60px;font-weight: 400}
			.nyThreeShow li .Text .xian{display: block;width: 120px;height: 1px;background: #292823;margin: 10px 0;}
			.nyThreeShow li .Text h3{color: #595959;font-size: 22px;font-weight: 400;line-height: 60px;height: 60px;}
			.nyThreeShow li .Text p{color: #737062;font-size: 16px;line-height: 25px;}

		.nyAboutThree .tip{writing-mode: horizontal-tb;writing-mode: initial;writing-mode: unset;writing-mode: tb-rl;-webkit-writing-mode: vertical-lr;vertical-align: top;text-align: center;width:25px;color: #333;font-size: 15px;margin-top: 60px;text-align: right;}
/* 案例展示列表 */
.nyAnliList{width: 100%;margin-top: 60px;margin-bottom: 50px;}
	.nyAnliListBox{background: #fff;box-sizing: border-box;box-shadow: 0 0px 20px rgba(0,0,0,.3);position: relative;overflow: hidden;transition: all 1s;height: 810px;}
		.nyAnliListBox .anliListBt{width: 100%;text-align: center;font-size: 48px;color: #323232;line-height:90px;padding-top:40px;overflow-x: hidden;padding-bottom: 10px;}
		.nyAnliListBox .listbox{width:1200px;overflow: hidden;overflow-x: hidden;}
		.nyAnliListBox .listbox ul{width: 90000%;position: relative;left: 0;top: 0;padding-top:70px;overflow-x: hidden;}
		.nyAnliListBox .listbox li{float: left;width: 400px;overflow: hidden}
			.nyAnliListBox .listbox .pic{width: 271px;height:164px;flex-direction: column;overflow:hidden;justify-content: center;overflow: hidden;display:flex;font-size:0;box-sizing: border-box;box-shadow:0px 5px 15px rgba(0,0,0,0.3);margin:0 auto;cursor: pointer}
			.nyAnliListBox .pic img{width: 100%}
			.nyAnliListBox .time{opacity: 0;padding-top: 80px;width: 100%;text-align: center;font-size: 16px;color: #999999;transition: all 0.5s}
			.nyAnliListBox li h1{text-align: center;font-size: 20px;color: #b3b3b3;line-height: 80px;font-weight: 400;border-bottom: 1px solid #b3b3b3}
			.nyAnliListBox span{cursor:pointer}
			.nyAnliListBox li .yuan{display: block;width:24px;height:48px;border-radius:0 48px 48px 0;background:#ffb400; margin-top: -24px;margin-left: 50%;transform: scale(0);transition:all 1s;z-index:0;position: relative}
			.nyAnliListBox .index{display: block;color: #b3b3b3;font-size: 15px;text-align: center;line-height: 30px;position: relative;z-index: 5}
			.nyAnliListBox .index b{font-weight:400;}
			.nyAnliListBox .jianjie{width: 222px;margin:20px auto;color: #737373;font-size: 14px;line-height: 22px;text-align: center;height:66px;overflow: hidden;opacity: 0;transition: all 0.5s}
			.nyAnliListBox li .index{width:42px;height:42px;margin:-45.5px auto 0;border: 1px solid #ffb400;padding:3px;box-sizing: border-box;border-radius: 50%}
			.nyAnliListBox li .index b{background: #434343;color: #ffb400;display: block;border-radius: 50%;height: 34px;width: 34px}
			.nyAnliListBox li.liTwo{overflow: visible}
			.nyAnliListBox li.liTwo .pic{transition: all 0.5s;transform: scale(1.7);box-shadow:0px 5px 20px rgba(0,0,0,0.3)}
			.nyAnliListBox li.liTwo h1{color: #323232;font-size: 22px;}
			.nyAnliListBox li.liTwo .time{opacity: 1;}
			.nyAnliListBox li.liTwo .yuan{transform: scale(1)}
			.nyAnliListBox li.liTwo .jianjie{opacity: 1}
			.nyAnliListBox .lookMore .more{width:93px;margin:20px auto 50px;display: block;color: #f2f2f2;background: #3d91cc;font-size: 14px;line-height: 28px;text-align: center;height: 28px;transition: all 0.5s;box-shadow:0px 0px 10px rgba(0,0,0,0.2)}
			.nyAnliListBox .lookMore .more:hover{box-shadow:0px 0px 10px #3d91cc}
		.nyAnliListBox .tip{position: absolute;right:50px;bottom: 30px;color: #ffb400;line-height: 23px;font-size: 14px;}
		.nyAnliListBox .tip img{display: inline-block;width: auto;height:23px;padding-right: 2px;}
	.anliConBoxs{width: 100%;background: url(../img/anlidi.jpg) center left no-repeat;background-size: 100% auto;height: 0;transition: all 1s;overflow: hidden}
		.anliConBox{position: relative;}
		.anliConText{min-height:850px;width: 690px;box-sizing: border-box;background: #fff;padding:70px 390px 0 70px;
			margin-left: 30px}
		.anliConText h1{color: #262521;font-size: 38px;font-weight: 100}
		.anliConText .time{color: #b2b2b2;font-size:16px;line-height:40px;font-weight: 400}
		.anliConText .xian{width: 120px;background: #292823;height:1px;display: block;margin-top: 20px;}
		.anliConText h2{padding: 20px 0;font-size: 22px;color: #595959;}
		.anliConText .text{font-size: 16px;color: #737373;line-height: 23px;}
		.anliConText .text p{margin-bottom:10px}
		.anliConPicBox{position: absolute;top: 50%;height: 545px;width: 898px;margin-top: -255px;background: url('../img/anlitv.png') center center no-repeat;background-size: 100% 100%;right:0}
		.anliConPicBox .anliConPic{width: 684px;height: 428px;margin:27px auto 0;background: #fff;overflow: hidden;position: relative}
		.anliConPicBox .picLeft,.anliConPicBox .picRight{width: 30px;height:60px;position: absolute;top:50%;margin-top: -30px;z-index: 999;cursor:pointer}
		.anliConPicBox .picLeft img,.anliConPicBox .picRight img{width:30px;height: 60px;display: block;}
		.anliConPicBox .picLeft{left: 10px}
		.anliConPicBox .picRight{right: 10px}
		.anliConPicBox ul{width:1000000%;height:428px;position: relative;top: 0;left: 0;transition: all 1s}
		.anliConPicBox ul li{width: 684px;height: 428px;transition: all 0.5s;overflow: hidden;}
		.anliConPicBox li img{width: 684px;height: 428px;display: block;}
		.guanbi{position:absolute;right:0;top:-50px;height: 46px;width: 46px;}
		.guanbi img{height: 46px;width: 46px;transition: all 0.3s}
		.guanbi:hover img{transform: rotate(180deg)}
		/* 动画 */
		.nyAnliListBox .donghuaa{animation:one 0.3s linear;}
		@keyframes one{
					0%{width: 0}
					100%{width: 400px}
				}
		.nyAnliListBox .donghuab{animation: bb 0.3s linear;}
		@keyframes bb{
					0%{width: 400px;}
					100%{width: 0}
				}
/* 新业务 */
.newBusinessBox{width: 100vw;height: 100vh;margin-top: -100px;position: relative;overflow: hidden;background: #fefefe;min-width: 1200px;background: url('../ywimg/yuandi.jpg') bottom left no-repeat;background-size: cover}
	.newBusinessBox>ul{width: 110vw;overflow-y: scroll;overflow-x: hidden;min-width: 1300px;height: 100%}
	.newBusinessBox>ul .liBox{width: 100vw;height: 100%;overflow: hidden;min-width: 1200px;position: relative;animation-fill-mode :forwards;}
	.newBusinessBox>ul .liquit{animation: liquit 0.6s linear 0s;-moz-animation: liquit 0.6s linear 0s;-webkit-animation: liquit 0.6s linear 0s;-o-animation: liquit 0.6s linear 0s;animation-fill-mode :forwards;}
	.newBusinessBox>ul .lienter{animation: lienter 0.6s linear 0s;-moz-animation: lienter 0.6s linear 0s;-webkit-animation: lienter 0.6s linear 0s;-o-animation: lienter 0.6s linear 0s;animation-fill-mode :forwards;}
		@keyframes liquit
		{
			0%{height: 100%;opacity: 1}
			100%{height: 0%;opacity: 0}
		}
		@-moz-keyframes liquit
		{
			0%{height: 100%;opacity: 1}
			100%{height: 0%;opacity: 0}
		}

		@-webkit-keyframes liquit
		{
			0%{height: 100%;opacity: 1}
			100%{height: 0%;opacity: 0}
		}
		@keyframes lienter
		{
			0%{height: 0%;opacity: 0}
			100%{height: 100%;opacity: 1}
		}
		@-moz-keyframes lienter
		{
			0%{height: 0%;opacity: 0}
			100%{height: 100%;opacity: 1}
		}

		@-webkit-keyframes lienter
		{
			0%{height: 0%;opacity: 0}
			100%{height: 100%;opacity: 1}
		}
	.newBusinessText{position: absolute;left: 7.5%;width:40%;z-index: 999999;margin-left:-60%;overflow: hidden;opacity: 0}
	.textenter{animation: textenter 0.6s linear 0s;-moz-animation: textenter 0.6s linear 0s;-webkit-animation: textenter 0.6s linear 0s;-o-animation: textenter 0.6s linear 0s;animation-fill-mode :forwards;}
		@keyframes textenter
		{
			0%{margin-left:-60%;opacity: 0}
			100%{margin-left:0;opacity: 1}
		}
		@-moz-keyframes textenter
		{
			0%{margin-left:-60%;opacity: 0}
			100%{margin-left:0;opacity: 1}
		}

		@-webkit-keyframes textenter
		{
			0%{margin-left:-60%;opacity: 0}
			100%{margin-left:0;opacity: 1}
		}	
		.newBusinessText .textTitle{width: 100%;}
		.newBusinessText .textIndex{height: 130px;width: 130px;text-align: center;line-height: 130px;overflow: hidden;border-radius: 30px;background: url('../ywimg/business_a.png') center center no-repeat;background-size: 100% 100%;color: #f1f1f1;font-size: 80px;}
		.newBusinessText .titleCen{padding-left:160px;width: 100%;box-sizing: border-box;height: 130px;padding-top: 15px;}
		.newBusinessText .titleCen .one{color: #121212;font-size: 35px;padding-bottom: 5px;}
		.newBusinessText .titleCen .two{color: #333;font-size: 19px;line-height: 26px}
		.newBusinessText .textBrief{color: #403d3e;font-size: 17px;line-height: 40px;margin-top:45px;max-width: 600px}
		.newBusinessText .textItem{color: #403d3e;font-size: 17px;margin-top:20px;max-width: 600px;}
		.newBusinessText .textItem li{width: 100%;box-sizing: border-box;padding-left:40px;line-height:35px;margin-top: 8px;position: relative}
		.newBusinessText .textItem span{display: block;width:18px;height:18px;line-height:18px;text-align: center;overflow: hidden;border-radius: 50%;background: #fcb302;color: #f2f2f2;top: 10px;left: 12px;position: absolute;font-size: 12px;}
	/* websiteRight */
	.websiteRight{width: 67.7%;position: absolute;top: 0;right: 0;z-index:99;height: 100%}
		.websiteRight ul{width: 100%;position: relative;height: 100%}
		.websiteRight ul li{position: absolute;bottom: 100%;left:20%;width: 100%;height: 100%;opacity: 0;overflow: hidden}
		.websiteRight ul li img{width: 100%;height: auto;display: block}
		.liBoxPic .website_1{animation: websitepic 0.5s linear 0.8s;animation: websitepic 0.5s linear 0.8s;-moz-animation: websitepic 0.5s linear 0.8s;-webkit-animation: websitepic 0.5s linear 0.8s;-o-animation: websitepic 0.5s linear 0.8s;animation-fill-mode :forwards;}
		.liBoxPic .website_2{animation: websitepic 0.5s linear 1.3s;animation: websitepic 0.5s linear 1.3s;-moz-animation: websitepic 0.5s linear 1.3s;-webkit-animation: websitepic 0.5s linear 1.3s;-o-animation: websitepic 0.5s linear 1.3s;animation-fill-mode :forwards;}
		.liBoxPic .website_3{animation: websitepic 0.5s linear 1.7s;animation: websitepic 0.5s linear 1.7s;-moz-animation: websitepic 0.5s linear 1.7s;-webkit-animation: websitepic 0.5s linear 1.7s;-o-animation: websitepic 0.5s linear 1.7s;animation-fill-mode :forwards;}
		.liBoxPic .website_4{animation: websitepic 0.5s linear 0.5s;animation: websitepic 0.5s linear 0.5s;-moz-animation: websitepic 0.5s linear 0.5s;-webkit-animation: websitepic 0.5s linear 0.5s;-o-animation: websitepic 0.5s linear 0.5s;animation-fill-mode :forwards;}
		.liBoxPic .website_5{animation: websitepic 0.5s linear 1s;animation: websitepic 0.5s linear 1s;-moz-animation: websitepic 0.5s linear 1s;-webkit-animation: websitepic 0.5s linear 1s;-o-animation: websitepic 0.5s linear 1s;animation-fill-mode :forwards;}
		.liBoxPic .website_6{animation: websitepic 0.5s linear 1.4s;animation: websitepic 0.5s linear 1.4s;-moz-animation: websitepic 0.5s linear 1.4s;-webkit-animation: websitepic 0.5s linear 1.4s;-o-animation: websitepic 0.5s linear 1.4s;animation-fill-mode :forwards;}
			@keyframes websitepic
			{
				0%{top: -10%;left: 10%;opacity: 0}
				100%{top: 0;left: 0%;opacity: 1}
			}
			@-moz-keyframes websitepic
			{
				0%{top: -10%;left: 10%;opacity: 0}
				100%{top: 0;left: 0%;opacity: 1}
			}

			@-webkit-keyframes websitepic
			{
				0%{top: -10%;left: 10%;opacity: 0}
				100%{top: 0;left: 0%;opacity: 1}
			}
	/* mobileRight */
	.mobileRight{width: 67.7%;position: absolute;top: 0;right: 0;z-index:99;height: 100%}
		.mobileRight ul{width: 100%;position: relative;height: 100%}
		.mobileRight ul li{position: absolute;bottom: 100%;left:20%;width: 100%;height: 100%;opacity: 0;display: flex;align-items: center;overflow: hidden}
		.mobileRight ul li img{width: 100%;height: auto;display: block;}
		.liBoxPic .mobile_1{animation: mobilepic 0.5s linear 0.5s;animation: mobilepic 0.5s linear 0.5s;-moz-animation: mobilepic 0.5s linear 0.5s;-webkit-animation: mobilepic 0.5s linear 0.5s;-o-animation: mobilepic 0.5s linear 0.5s;animation-fill-mode :forwards;}
		.liBoxPic .mobile_2{animation: mobilepic 0.5s linear 0.8s;animation: mobilepic 0.5s linear 0.8s;-moz-animation: mobilepic 0.5s linear 0.8s;-webkit-animation: mobilepic 0.5s linear 0.8s;-o-animation: mobilepic 0.5s linear 0.8s;animation-fill-mode :forwards;}
		.liBoxPic .mobile_3{animation: mobilepic 0.5s linear 1s;animation: mobilepic 0.5s linear 1s;-moz-animation: mobilepic 0.5s linear 1s;-webkit-animation: mobilepic 0.5s linear 1s;-o-animation: mobilepic 0.5s linear 1s;animation-fill-mode :forwards;}
		.liBoxPic .mobile_4{animation: mobilepic 0.5s linear 1.3s;animation: mobilepic 0.5s linear 1.3s;-moz-animation: mobilepic 0.5s linear 1.3s;-webkit-animation: mobilepic 0.5s linear 1.3s;-o-animation: mobilepic 0.5s linear 1.3s;animation-fill-mode :forwards;}
		.liBoxPic .mobile_5{animation: mobilepic 0.5s linear 1.4s;animation: mobilepic 0.5s linear 1.4s;-moz-animation: mobilepic 0.5s linear 1.4s;-webkit-animation: mobilepic 0.5s linear 1.4s;-o-animation: mobilepic 0.5s linear 1.4s;animation-fill-mode :forwards;}
		.liBoxPic .mobile_6{animation: mobilepic 0.5s linear 1.7s;animation: mobilepic 0.5s linear 1.7s;-moz-animation: mobilepic 0.5s linear 1.7s;-webkit-animation: mobilepic 0.5s linear 1.7s;-o-animation: mobilepic 0.5s linear 1.7s;animation-fill-mode :forwards;}
			@keyframes mobilepic
			{
				0%{bottom: 100%;left:20%;opacity: 0}
				100%{bottom: 0;left: 0%;opacity: 1}
			}
			@-moz-keyframes mobilepic
			{
				0%{bottom: 100%;left:20%;opacity: 0}
				100%{bottom: 0;left: 0%;opacity: 1}
			}

			@-webkit-keyframes mobilepic
			{
				0%{bottom: 100%;left:20%;opacity: 0}
				100%{bottom: 0;left: 0%;opacity: 1}
			}
	/* designRight */
	.designRight{width: 62.5%;position: absolute;top: 0;right: 0;z-index:99;height: 100%}
		.designRight p{width: 100%;position: relative;height: 100%;display: flex;align-items: center;overflow: hidden}
		.designRight p img{width: 60%;height: auto;opacity: 0;display: block;}
		.liBoxPic p img{animation: designpic 0.5s linear 0.5s;animation: designpic 0.5s linear 0.5s;-moz-animation: designpic 0.5s linear 0.5s;-webkit-animation: designpic 0.5s linear 0.5s;-o-animation: designpic 0.5s linear 0.5s;animation-fill-mode :forwards;}
			@keyframes designpic
			{
				0%{width: 60%;opacity: 0;margin-left: 20%;}
				100%{width: 100%;opacity: 1;margin-left: 0%;}
			}
			@-moz-keyframes designpic
			{
				0%{width: 60%;opacity: 0;margin-left: 20%;}
				100%{width: 100%;opacity: 1;margin-left: 0%;}
			}

			@-webkit-keyframes designpic
			{
				0%{width: 60%;opacity: 0;margin-left: 20%;}
				100%{width: 100%;opacity: 1;margin-left: 0%;}
			}
	/* officeRight */
	.officeRight{width:58.3%;position: absolute;top: 0;right: 0;z-index:99;height: 100%}
		.officeRight ul{width: 100%;position: relative;height: 100%}
		.officeRight ul li{position: absolute;bottom: 100%;left:20%;width: 100%;height: 100%;opacity: 0;display: flex;align-items: center;overflow: hidden}
		.officeRight ul li img{width: 100%;height: auto;display: block;}
		.liBoxPic .office_1{animation: mobilepic 0.5s linear 0.5s;animation: mobilepic 0.5s linear 0.5s;-moz-animation: mobilepic 0.5s linear 0.5s;-webkit-animation: mobilepic 0.5s linear 0.5s;-o-animation: mobilepic 0.5s linear 0.5s;animation-fill-mode :forwards;}
		.liBoxPic .office_2{animation: mobilepic 0.5s linear 0.8s;animation: mobilepic 0.5s linear 0.8s;-moz-animation: mobilepic 0.5s linear 0.8s;-webkit-animation: mobilepic 0.5s linear 0.8s;-o-animation: mobilepic 0.5s linear 0.8s;animation-fill-mode :forwards;}
		.liBoxPic .office_3{animation: mobilepic 0.5s linear 1s;animation: mobilepic 0.5s linear 1s;-moz-animation: mobilepic 0.5s linear 1s;-webkit-animation: mobilepic 0.5s linear 1s;-o-animation: mobilepic 0.5s linear 1s;animation-fill-mode :forwards;}
		.liBoxPic .office_4{animation: mobilepic 0.5s linear 1.3s;animation: mobilepic 0.5s linear 1.3s;-moz-animation: mobilepic 0.5s linear 1.3s;-webkit-animation: mobilepic 0.5s linear 1.3s;-o-animation: mobilepic 0.5s linear 1.3s;animation-fill-mode :forwards;}
			@keyframes mobilepic
			{
				0%{bottom: 100%;left:20%;opacity: 0}
				100%{top: 0;left: 0%;opacity: 1}
			}
			@-moz-keyframes mobilepic
			{
				0%{bottom: 100%;left:20%;opacity: 0}
				100%{top: 0;left: 0%;opacity: 1}
			}

			@-webkit-keyframes mobilepic
			{
				0%{bottom: 100%;left:20%;opacity: 0}
				100%{top: 0;left: 0%;opacity: 1}
			}
	/* searchRight */
	.searchRight{width:54%;position: absolute;top: 0;right: 0;z-index:99;height: 100%}
		.searchRight ul{width: 100%;position: relative;height: 100%}
		.searchRight ul li{position: absolute;bottom:-20%;left:20%;width: 100%;height: 100%;opacity: 0;display: flex;align-items: center;overflow: hidden;transform:rotate(-360deg) scale(0);transform-origin:50% 10%;}
		.searchRight ul li img{width: 100%;height: auto;display: block;}
		.liBoxPic .search_1{animation: searchpic 1s linear 0s;animation: searchpic 1s linear 0s;-moz-animation: searchpic 1s linear 0s;-webkit-animation: searchpic 1s linear 0s;-o-animation: searchpic 1s linear 0s;animation-fill-mode :forwards;}
		.liBoxPic .search_2{animation: searchpic 1s linear 0.3s;animation: searchpic 1s linear 0.3s;-moz-animation: searchpic 1s linear 0.3s;-webkit-animation: searchpic 1s linear 0.3s;-o-animation: searchpic 1s linear 0.3s;animation-fill-mode :forwards;}
		.liBoxPic .search_3{animation: searchpic 1s linear 0.5s;animation: searchpic 1s linear 0.5s;-moz-animation: searchpic 1s linear 0.5s;-webkit-animation: searchpic 1s linear 0.5s;-o-animation: searchpic 1s linear 0.5s;animation-fill-mode :forwards;}
		.liBoxPic .search_4{animation: searchpic 1s linear 0.8s;animation: searchpic 1s linear 0.8s;-moz-animation: searchpic 1s linear 0.8s;-webkit-animation: searchpic 1s linear 0.8s;-o-animation: searchpic 1s linear 0.8s;animation-fill-mode :forwards;}
		.liBoxPic .search_5{animation: searchpic 1s linear 0.9s;animation: searchpic 1s linear 0.9s;-moz-animation: searchpic 1s linear 0.9s;-webkit-animation: searchpic 1s linear 0.9s;-o-animation: searchpic 1s linear 0.9s;animation-fill-mode :forwards;}
		.liBoxPic .search_6{animation: searchpic 1s linear 1.1s;animation: searchpic 1s linear 1.1s;-moz-animation: searchpic 1s linear 1.1s;-webkit-animation: searchpic 1s linear 1.1s;-o-animation: searchpic 1s linear 1.1s;animation-fill-mode :forwards;}
		.liBoxPic .search_7{animation: searchpic 1s linear 1.3s;animation: searchpic 1s linear 1.3s;-moz-animation: searchpic 1s linear 1.3s;-webkit-animation: searchpic 1s linear 1.3s;-o-animation: searchpic 1s linear 1.3s;animation-fill-mode :forwards;}
			@keyframes searchpic
			{
				0%{bottom:-20%;left:20%;opacity: 0;transform:rotate(-360deg) scale(0)}
				100%{bottom: 0;left: 0%;opacity: 1;transform:rotate(0deg) scale(1)}
			}
			@-moz-keyframes searchpic
			{
				0%{bottom:-20%;left:20%;opacity: 0;transform:rotate(-360deg) scale(0)}
				100%{bottom: 0;left: 0%;opacity: 1;transform:rotate(0deg) scale(1)}
			}

			@-webkit-keyframes searchpic
			{
				0%{bottom:-20%;left:20%;opacity: 0;transform:rotate(-360deg) scale(0)}
				100%{bottom: 0;left: 0%;opacity: 1;transform:rotate(0deg) scale(1)}
			}
.newBusinessBottom{position: fixed;z-index: 99999999;bottom:30px;left: 0}
	.newBusinessBottom{height: 100px;width:auto;overflow: hidden}
	.newBusinessBottom li{height: 100px;width: 170px;background: #f2f2f2;margin-right: 3px;position: relative;transition: all 0.4s 0s;cursor: pointer}
	.newBusinessBottom li .pic{width: 100%;height: 100%;text-align: center;vertical-align: center;font-size: 0;}
	.newBusinessBottom li .pic img{width: 100%;height: 100%;display: inline-block;transition: all 0.4s 0;transform: scale(1)}
	.newBusinessBottom li .text{font-size: 16px;color: #fefefe;text-align: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 100px;opacity: 0;transition: all 0.4s 0s;}
	.newBusinessBottom li:nth-child(1):hover{background: #41b0ff}
	.newBusinessBottom li:nth-child(2):hover{background: #3ed284}
	.newBusinessBottom li:nth-child(3):hover{background: #886de0}
	.newBusinessBottom li:nth-child(4):hover{background: #ffac42}
	.newBusinessBottom li:nth-child(5):hover{background: #ff60cd}
	.newBusinessBottom .lihover:nth-child(1){background: #41b0ff}
	.newBusinessBottom .lihover:nth-child(2){background: #3ed284}
	.newBusinessBottom .lihover:nth-child(3){background: #886de0}
	.newBusinessBottom .lihover:nth-child(4){background: #ffac42}
	.newBusinessBottom .lihover:nth-child(5){background: #ff60cd}
	.newBusinessBottom li:hover .pic img{transform: scale(0);transition: all 0.4s 0s;}
	.newBusinessBottom li:hover .text{opacity: 1;transition: all 0.4s 0;}
	.newBusinessBottom .lihover .pic img{transform: scale(0);}
	.newBusinessBottom .lihover .text{opacity: 1}
.newBusinessRight{position: fixed;z-index: 999;bottom:30px;right:30px;text-align: right;}
	.newBusinessRight .text{writing-mode: horizontal-tb;writing-mode: initial;writing-mode: unset;writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;vertical-align: top;color: #595959;font-size: 24px;letter-spacing: 20px;font-weight:400;margin-bottom: 20px;}
	.newBusinessRight .liIndex{font-size: 0;}
	.newBusinessRight .liIndex li{width: 15px;height: 15px;border: 1px solid #595959;box-sizing: border-box;overflow: hidden;border-radius: 50%;margin:0 auto 20px;cursor: pointer}
	.newBusinessRight .liIndex .lihover{background: #fcb302;border-color: #fcb302}
	.newBusinessRight .page{color: #333333;font-size: 28px;margin-top: 50px;font-weight: 800}

.textItemBox{position: relative;max-width: 600px}
	.businessTextMore{position: absolute;right: 0;bottom: 0;font-size: 0;}
	.businessTextMore a{display: inline-block;padding:5px 15px;color: #fff;font-size: 16px;transition: all 0.5s}
	.businessTextMore .links{background: #fcb302;margin-right: 20px;border: 1px solid #fcb302}
	.businessTextMore .more{background: #3ed284;border: 1px solid #3ed284}
	.businessTextMore .links:hover{background: #fff;color: #fcb302}
	.businessTextMore .more:hover{background: #fff;color: #3ed284}