@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
html {color: #fff; height: 100%; overflow-x: auto; overflow-y: scroll; background:#fff;}
img{ border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
@font-face {
font-family: "ss";
src: url("https://cn.uniview.com/tres/images/Yushi_Site/font/SourceHanSansCN-Regular.woff") format("woff"),
   url("https://cn.uniview.com/tres/images/Yushi_Site/font/SourceHanSansCN-Regular.ttf") format("truetype"),
   url("https://cn.uniview.com/tres/images/Yushi_Site/font/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
   url("https://cn.uniview.com/tres/images/Yushi_Site/font/SourceHanSansCN-Regular.svg") format("svg");
font-weight: normal;
font-style: normal;
}



.zh_home{font-size:16px; font-family:ss,arial; background:url(../images/top2.jpg) no-repeat top center;}
.zh_community{padding-bottom:50px; font-size:16px; font-family:ss,arial; background:url(../images/community_top.jpg) no-repeat top center;}
.zh_campus{padding-bottom:50px; font-size:16px; font-family:ss,arial; background:url(../images/campus_top.jpg) no-repeat top center;}
.zh_airport{padding-bottom:50px; font-size:16px; font-family:ss,arial; background:url(../images/airport_top.jpg) no-repeat top center;}
.zh_traffic{padding-bottom:50px; font-size:16px; font-family:ss,arial; background:url(../images/traffic_top.jpg) no-repeat top center;}
.zh_office{padding-bottom:50px; font-size:16px; font-family:ss,arial; background:url(../images/office_top.jpg) no-repeat top center;}


.yr{background:url(../images/01.jpg) no-repeat top center;}
.yure{margin:0 auto; width:100%; max-width:1200px; padding:150px 0px 50px; min-height:100%; position:relative;}
.yure img{max-width:100%; height:auto;}
.yure .logo2{position:absolute; left:20px; top:20px;}
.yure .slogan2{margin-bottom:33px; text-align:center;}
.yure .flow{margin:0 auto; width:100%; max-width:800px; padding-left:130px; position:relative; border-radius:25px; border:1px solid #ff6a04;}
.yure .flow label{width:130px; font-size:20px; line-height:50px; color:#fff; font-weight:normal; text-align:center; position:absolute; left:0px; top:0px; background-color:#ff6a04; display:block; border-top-left-radius:25px;border-bottom-left-radius:25px;}
.yure .flow ul{width:100%: display:table; line-height:50px; background:rgba(255,255,255,.3);}
.yure .flow ul li{width:25%; padding:0px 52px 0px 35px; color:#333; font-size:20px; line-height:50px; display:table-cell; background:url(../images/pre_arrow.png) no-repeat right center;}
.yure .flow ul li:last-child{padding:0px 20px 0px 35px; background:none;}

.yure,.yure .flow,
.yure .flow ul,
.foritem,
.case_advantage{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

.yx-wrapper{margin:0 auto; width:100%; max-width:1920px;}
.homeback{position:absolute; right:10%; top:10px; font-size:14px;}
.homeback a{color:#fff; text-decoration:none;}
.homeback a:hover{text-decoration:none;}
.yx-head{margin:0px auto; padding-top:160px; width:100%; max-width:1200px; min-height:667px; position:relative;}
/*h1{font-size:24px; color:#fff; text-align:center; text-indent:-9999px;}*/
.yx-head h1{margin-bottom:40px; color:#fff; font-size:36px; text-align:center; font-weight:normal;}
.yx-head h1 img{max-width:100%; height:auto;}
.yx-head .yxlogo{position:absolute; left:10px; top:10px; width:320px; height:34px; background:url(../images/pre_logo.png) no-repeat;}
.yx-head .yxlogo a{display:block;  text-indent:-9999px;}
.yx-head .movedown{position:absolute; left:50%; top:75%; margin-left:-25px; width:50px; height:50px; background:url(../images/down.png) no-repeat; cursor:pointer;}

.YXcasebox{margin:0 auto; padding:120px 0px; width:100%; background:url(../images/bg.jpg) no-repeat center top; background-size:auto auto;}
.YXcaseitem{margin:0 auto 120px; width:100%; max-width:1200px;}
.YXcasebox h2{margin-bottom:40px; padding-bottom:15px; font-size:36px; text-align:center; color:#333; background:url(../images/title.png) no-repeat center bottom;}
.YXcaseitem .desc{margin:0 auto 30px; width:65%; font-size:16px; text-align:center; color:#333;}
.yxnews{margin-bottom:40px; width:100%;}
.yxnews li{float:left; width:33.3333%; text-align:center; display:inline; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.yxnews li a{ padding:0px 15px; font-size:16px; color:#333; text-align:center; display:block;}
.yxnews li a:hover{color:#2682b6;}
.yxnews li img{margin-bottom:5px; max-width:100%; height:auto;}

.row1{margin-bottom:40px; width:100%; display:table;}
.row1 li{padding:0px 15px; width:33.3333%; font-size:16px; color:#333; text-align:center; display:table-cell;  -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.row1 li>img{margin-bottom:5px; max-width:100%; height:auto;}
.r1btn{margin:0 auto; width:180px; height:36px;}
.r1btn a{ font-size:16px; text-align:center; color:#fff; line-height:36px; text-decoration:none; background:rgba(38,130,182,1); display:block; border-radius:24px;}
.r1btn a:hover{text-decoration:none; color:#fff; background:rgba(38,130,182,.8);}
.r2btn{margin:0 auto; width:150px; height:36px;}
.r2btn a{ font-size:16px; text-align:center; color:#fff; line-height:36px; text-decoration:none; background:rgba(38,130,182,1); display:block; border-radius:3px;}
.r2btn a:hover{text-decoration:none; color:#fff; background:rgba(38,130,182,.8);}
.yxinquire{margin:0px auto; padding:5px; width:100%; max-width:600px; border-radius:5px; 
background:-webkit-linear-gradient(#5bbde3, #236bb4);
background:-o-linear-gradient(#5bbde3, #236bb4);
background:-moz-linear-gradient(#5bbde3, #236bb4);
background:linear-gradient(#5bbde3, #236bb4);
}
.yxinquire .body{padding:30px 20px; background:#f2f7fb; border-radius:5px; }
.yxinquire h3{margin-bottom:20px; font-size:24px; text-align:center;}
.yxinquire p{margin-bottom:20px; padding:0px 20px; text-align:center;}
@-webkit-keyframes move{
0%{top:75%;}
50%{top:77%;}
100%{top:75%;}
}
#Move{-webkit-animation:move 1.8s linear infinite;}\


body.community {padding-bottom:50px; font-size:16px; font-family:ss,arial; background:url(../images/community_top.jpg) no-repeat top center;}
.community_head{margin:0px auto; width:100%; max-width:1200px; min-height:459px; position:relative;}
.community_head h1{position:absolute; left:15%; top:35%;font-size:48px; color:#fff;}
.zh_airport .community_head h1,.zh_office .community_head h1{color:#333;}
.community_box{margin:0px auto; width:100%; max-width:1200px; display:table;}
.community_box .text{width:50%; display:table-cell; vertical-align:top;}
.community_box .img{width:50%; display:table-cell; vertical-align:top; text-align:center;}
.community_box .text p{padding:30px 30px 0px 0px; font-size:16px; line-height:32px; color:#333333;}
.community_box img{max-width:100%; height:auto;}
.community_architecture h2,.community_architecture h2, .community_feature h2, .case_advantage h2{margin-bottom:50px; font-size:36px; color:#333333; text-align:center;}
.community_architecture{padding:80px 20px 50px; background-color:#f9f9f9;}
.community_feature, .case_advantage{padding:80px 20px 50px; }
.community_feature .swiper-container{padding-bottom:30px;}
.community_feature span.sn{width:50px; height:50px; background:url(../images/community_num.png) no-repeat; font-size:32px; line-height:50px; text-align:center; color:#fff; font-family:arial; display:block; position:absolute; left:0px; top:20px;}
.community_feature p.featureNo{padding:40px 30px 0px 65px; font-size:24px; line-height:32px; position:relative;}
.community_feature p.featureDesc{padding:20px 30px 0px 0px; font-size:16px; color:#333333;}
.community_advantage{background:url(../images/community_bg.jpg) no-repeat center top; min-height:360px;background-size:auto 100%;}
.campus_advantage{background:url(../images/campus_bg.jpg) no-repeat center top; min-height:360px;background-size:auto 100%;}
.airport_advantage{background:url(../images/airport_bg.jpg) no-repeat center top; min-height:240px;background-size:auto 100%;}
.traffic_advantage{padding-bottom:0px; background:url(../images/traffic_bg.jpg) no-repeat center top; min-height:370px;background-size:auto 100%;}
.oa_advantage{padding-bottom:0px; background:url(../images/oa_bg.jpg) no-repeat center top; min-height:360px;background-size:auto 100%;}

.case_advantage h2{color:#ffffff;}
.case_advantage ul{margin:0 auto; width:100%; max-width:1200px; display:table; vertical-align:top; background:rgba(0,0,0,.5); border-radius:9px;}
.case_advantage li{width:33.3333%; display:table-cell; vertical-align:top;}
.case_advantage li .body{padding:50px 30px; border-right:1px solid #043351;}
.case_advantage li:last-child .body{border-right:none;}
.case_advantage li h3{margin-bottom:10px; font-size:14px; color:#f8f8f8; line-height:24px;}
.case_advantage li p{padding-left:20px; font-size:12px; color:#c4c4c4; line-height:24px; background:url(../images/arrow.png) no-repeat left center;}
.community_last{padding:50px 20px 0px; text-align:center;}
.community_last img{max-width:100%; height:auto;}

.fourbox .foritem{float:left; width:25%; display:inline;}
.fourbox .foritem>div{padding:0 20px; font-size:16px; text-align:center;}
.fourbox .foritem>div img{margin-bottom:20px; max-width:100%; height:auto;}
.fourbox .fourbox{margin:0 auto; width:100%; max-width:1200px;}

.traffic_advantage>div{margin:0 auto; width:1000px; max-width:100%;}
.traffic_advantage .threeitem{float:left; margin-bottom:50px; width:33.3333%; display:inline; text-align:center; font-size:16px;}
.traffic_advantage .threeitem img{margin-bottom:20px; max-width:100%; height:auto;}
.traffic_advantage .threeitem:nth-child(4){margin-left:16.6667%;}
.oa_advantage{ padding:80px 20px 50px;}
.oa_advantage h2{margin-bottom:50px; font-size:36px; color:#333333; text-align:center;}
.oa_advantage>div{margin:0 auto; width:100%; max-width:1200px; display:table; vertical-align:top; background:rgba(0,0,0,.5); border-radius:9px;}
.oa_advantage .foritem{float:left; width:25%; display:inline;}
.oa_advantage .foritem .body{padding:30px; border-right:1px solid #ccc; min-height:200px;}
.oa_advantage .foritem:last-child .body{border-right:none;}
.oa_advantage .foritem h3{margin-bottom:10px; font-size:14px; color:#f8f8f8; line-height:24px;}
.oa_advantage .foritem p{padding-left:20px; font-size:12px; color:#ddd; line-height:24px; background:url(../images/arrow.png) no-repeat left center;}


	.animated{
		opacity: 0;
	}
	.r1btn,.r2btn{
		position: relative;
	}
	.r1btn a,.r2btn a{
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		border-radius: 3px;
		height: 100%;
	}
	.r1btn a:hover,.r2btn a:hover{
		border-radius: 25px;
	}
	.r1btn a::before,.r2btn a::before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 0%;
		height: 100%;
		z-index: 1;
		opacity: 0;
		background-color: rgb(255, 106, 0);
		border-radius: 3px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;

	}
	.r1btn a:hover::before,.r2btn a:hover::before{
		border-radius: 25px;
		opacity: 1;
		width: 100%;
	}

	.r1btn span,.r2btn span{
		position: absolute;
		width: 100%;
		display: block;
		z-index: 2;
	}


/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
.zh_home{background:url(../images/top_xs2.jpg) no-repeat top center;}
.yx-head{padding:90px 40px 0px;  min-height:466px;}
.yx-head .yxlogo{position:absolute; left:10px; top:10px; width:129px; height:26px; background:url(../images/logo.png) no-repeat;background-size:80% 80%;}
.yx-head .movedown{display:none;}
.yx-head h1 img{margin:0 auto; max-width:100%;}

.YXcasebox{margin:0 auto; padding:80px 5px 0px 5px;background-size:auto auto;}
.YXcaseitem{margin:0 auto 80px;}
.YXcasebox h2{margin-bottom:20px; font-size:24px; text-align:center; color:#333;}

.YXcaseitem .desc{margin:0 auto 20px; padding:0px 5px; width:100%; text-align:left;}
.row1 li{padding:0px 5px; font-size:14px;}

body.community {background:url(../images/community_top_xs.jpg) no-repeat top center;}
.community_head{min-height:300px;}
.community_architecture h2,.community_architecture h2, .community_feature h2, .case_advantage h2{margin-bottom:20px; font-size:24px;}
.community_box{padding:0px 20px; display:block;}
.community_box .text{margin-bottom:20px; width:100%; display:block;}
.community_box .img{width:100%; display:block;}
.community_box .text p{padding:0px; min-height:50px;}

.community_feature,.community_architecture{padding:50px 0px 30px; }
.community_feature span.sn{position:absolute; left:0px; top:0px;}
.community_feature p.featureNo{margin-bottom:15px; padding:18px 0px 0px 65px; font-size:20px; line-height:32px;}
.community_feature p.featureDesc{padding:0px; font-size:14px; color:#333333;}

.case_advantage{padding:50px 20px 30px;}
.case_advantage h2{margin-bottom:20px;}
.case_advantage ul{display:block; border-radius:9px;}
.case_advantage li{width:100%; display:block;}
.case_advantage li .body{padding:20px; border-right:none; border-bottom:1px solid #043351;}
.case_advantage li:last-child .body{border-bottom:none;}

.zh_community{background:url(../images/community_top_xs.jpg) no-repeat top center;}
.zh_campus{background:url(../images/campus_top_xs.jpg) no-repeat top center;}
.zh_airport{background:url(../images/airport_top_xs.jpg) no-repeat top center;}
.zh_traffic{background:url(../images/traffic_top_xs.jpg) no-repeat top center;}
.zh_office{background:url(../images/office_top_xs.jpg) no-repeat top center;}


.yr{padding-bottom:50px;}
.yure{padding:100px 0px 0px; min-height:100%;}
.yure .logo2 img{width:60%;}
.yure .slogan2 img{width:90%;}
.yure .flow{margin:0 auto; width:80%; max-width:auto; padding-left:0px; position:relative; border-radius:5px; border:1px solid #ff6a04;}
.yure .flow label{margin:0px; width:100%; font-size:16px; line-height:40px; color:#fff; font-weight:normal; text-align:center; position:static; left:auto; top:auto; background-color:#ff6a04; display:block;  border-top-left-radius:0px;border-bottom-left-radius:0px;}
.yure .flow ul{display:block; line-height:24px; background:rgba(255,255,255,.3);}
.yure .flow ul li{width:100%; padding:10px 0px 20px 0px; font-size:14px; line-height:32px; display:block; text-align:center; background:url(../images/pre_arrow_down.png) no-repeat center bottom;}
.yure .flow ul li:last-child{padding:10px 0px; background:none;}

.oa_advantage .foritem{width:50%;}
.oa_advantage .foritem:nth-child(1) .body,.oa_advantage .foritem:nth-child(2) .body{border-bottom:1px solid #ccc;}
.oa_advantage .foritem:nth-child(2) .body,.oa_advantage .foritem:nth-child(4) .body{border-right:none;}

}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
.yx-head{padding:120px 40px 0px;  min-height:466px;}
.yx-head h1 img{margin:0 auto; max-width:80%;}
.yxinquire p{padding:0px;}
.foritem{width:50%;}
.foritem>div{padding:0 10px 20px; font-size:14px;}
.traffic_advantage .threeitem{margin-bottom:30px; width:50%; display:inline; text-align:center; font-size:14px;}
.traffic_advantage .threeitem:nth-child(4){margin-left:0;}
.oa_advantage .foritem{float:none; width:100%; display:block;}
.oa_advantage .foritem .body{border:none;border-bottom:1px solid #ccc; min-height:auto;}
.oa_advantage .foritem:last-child .body{border-bottom:none;}
.yxnews li{width:50%;}
.yxnews li a{ padding:0px 5px; font-size:14px;}
}