@charset "utf-8";
/* CSS Document */
p,body,html{ margin:0;}
html,body{ width:100%;}
ul{ margin:0; padding:0; list-style:none;}
a{ display:block; text-decoration:none;}
h1,h2,h3,h4,h5{ margin:0;}
img{ display:block; }
*{ font:14px "微软雅黑"; letter-spacing:1.5px; color:#1a1a1a;}

/*顶部导航*/
.nav_box{ width:86%; max-width:1300px;  margin:0 auto; }
.img_bg{ overflow:hidden;}
.img_bg img{ width:100%; min-width:1174px;}

#img_bg .nav_box{ position: relative; width:70%; max-width:1100px;}
#img_bg .logo{ width:140px; height:140px; background:white; position:absolute; top:60px; left:0; z-index:10; padding:10px;}
#img_bg .logo div{ line-height:55px; width:80%; border-bottom:1px solid #999;  background:url(../img/YBlogo.png) no-repeat left; font-size:17px; font-weight:bold; text-indent:35px;margin:10px auto 7px;}
#img_bg .logo span{ text-align:center; line-height:24px; letter-spacing:2px; display:block; }

#img_bg .menu_box{ width:200px; background:white; position:absolute; top:60px; right:0; z-index:10;}
#img_bg li{ height:40px; width:70%;; margin:0 auto; border-top:1px solid #999;line-height:40px; text-indent:20px;}
#img_bg li a{ line-height:40px;  width:192px; margin-left:-26px; text-indent:46px;}
#img_bg .menu { padding-top:10px; border:none; background:url(../img/menu.png) no-repeat 110px 23px;  font-size:16px; cursor:pointer;}
#img_bg .link{ margin-top:8px; background:#637ba6; border:none; width:100%; height:55px; text-align:center;text-indent:0;}
#img_bg .link a{  width:40px; height:40px; border-radius:5px; display:inline-block;  margin-top:10px; margin-left:0;  }
#img_bg .link a:nth-child(1){ background:url(../img/taobao.png) no-repeat  8px 9px; }
#img_bg .link a:nth-child(2){ background:url(../img/taobao.png) no-repeat -38px 9px;}
#img_bg .link a:nth-child(3){ background:url(../img/taobao.png) no-repeat -85px 9px; position:relative;}
#img_bg .link a:nth-child(4){ background:url(../img/taobao.png) no-repeat -135px 9px; position:relative;}
#img_bg .link a img{ position:absolute; top:40px; right:-62.5px; width:256px; box-shadow:0 0 5px #434343;}

#img_bg .menu_box a:hover{ box-shadow:0 0 10px gray; border-radius:3px; }
#img_bg .link a:hover{ box-shadow: inset  0 0 10px white;  }


/*关于宇邦*/
.gray_bg{ background:#fafafa; width:100%; overflow:hidden; position:relative; }


 h1, h5{ text-align:center;}
 h1{ font-size:30px; margin-top:50px;}
 h5{ font-size:18px; line-height:24px;margin-bottom:40px;}
.nav_box p{text-indent:30px; line-height:24px; }
.nav_box p:nth-child(2n){margin-bottom:20px; }
.nav_box p:last-child{ margin-bottom: 50px; }
.nav_box b{ font-size:16px ; color:#df3d3e;}


/*下拉箭头*/
.arrow_down{ position:relative; }
.arrow_down a{ position: absolute; top:-25px; left:50%; margin-left:-25px; z-index:10; width:50px; height:50px; border-radius:50%; background:white url(../img/arrow_down.png) no-repeat center;}
.arrow_down a:hover{ box-shadow:0 0 6px #434343;}

/*加载更多*/
.more{ clear:both; border-bottom:1px solid gray;position:relative;}

.more a{ position:absolute; top:-17px; left:50%; margin-left:-60px; z-index:10; width:120px;  background:#8b94a5; color:white; text-align:center; line-height:34px; font-size:16px; font-weight:bold; cursor:pointer;}
.more a:hover{ box-shadow:0 0 5px #434343; background:#434343;}

/*图片轮播*/

.group_box .img_group{ width:500%;overflow:hidden; margin-bottom:20px;}
.group_box .img_group a{ width:20%; float:left;  position:relative;}
.group_box .img_group img{ width:100%;  }
.group_box .img_group a span{  width:100%;position:absolute; bottom:2%; text-align:center; font-size:18px; color:white; font-weight:bold; text-shadow:0 0 15px black;}
.gray_bg .ctrl_button{ width:114px; position:absolute; bottom:0; left:50%; margin-left:-50px; z-index:10; }
.gray_bg .ctrl_button li{ width:14px; height:14px;  border-radius:50%; background:rgba(0,0,0,0.2); box-shadow:0 0 5px white; float:left; margin-right:14px;}
.gray_bg .ctrl_button .current{ background:rgba(0,0,0,0.6);}
.group_box .arrow_left,.gray_bg .arrow_right{background-image:url(../img/nav_paddles_down.png);width:39px;height:79px;position:absolute;top:50%;margin-top:-49px;cursor:pointer;}

.group_box .arrow_left{left:0;background-position:-17px -10px;}
.group_box .arrow_right{right:0;background-position:-64px -10px;}


/*开发项目*/
.nav_box #more_box{ display:none;}
.nav_box .product{ width:33%; float:left; }
.nav_box .product a:first-child{ width:70%;max-width:260px; border-radius:50%; border:4px solid gray;  margin:0 auto 25px; overflow:hidden; position:relative; top:0; }
.nav_box .product a:hover{ top:-15px; box-shadow:0 0 10px #637ba6; border:4px solid #637ba6; }
.nav_box .product span a{ text-decoration:underline; color:blue; margin:0 auto;}  
.nav_box .product span a:after{content: " (" attr(href) ")"}
.nav_box .product span a:hover{ top:0; box-shadow:none; border:none;}

.nav_box .product img{ width:100%; border-radius:50%; border:3px solid white; box-sizing:border-box;}
.nav_box .product span{ display:block; text-align:center;  margin:0 auto 40px; width:70%; max-width:260px;}

.nav_box .product span:nth-child(2){ font-size:16px; font-weight: bold; color:#365db2; margin-bottom:0px; height:42px;  }
.nav_box .product span:nth-child(3){height:95px;}

/*经典案例*/
.case_bg{background:#f7f7f7; width:100%; overflow:hidden; margin-top:20px; }
.case_bg .nav_box{ display:table;}
.case_bg .nav_box div{  display:table-cell; width:33%;vertical-align: middle;}
.case_bg .nav_box div span{ display: block; font-size:16px; margin:20px 0; margin-left:30px; }
.case_bg .nav_box div span:nth-child(2){ font-weight:bold; margin-top:-20px;}
.case_bg .nav_box div .text{ font-size:14px; }
.case_bg .nav_box div img{ width:100%; max-width:360px; margin:0 auto;  border:1px solid #999;}


/*人才招聘*/
.nav_box .zhaopin{ float:left; width:25%; position:relative; margin-bottom:30px; cursor:pointer;border-bottom:5px solid white;}
.transition{transition:all 0.5s;
	-webkit-transition:all 0.5s;
	   -moz-transition:all 0.5s;
	     -o-transition:all 0.5s;}
.nav_box .zhaopin:hover{  margin-top:-15px; border-bottom:5px solid #3b61b2;}
.nav_box .zhaopin img{ width:70%; max-width:160px;  margin:0 auto;}
.nav_box .zhaopin span{ display:block; width:100%; font-size:26px; line-height:30px; text-align:center; position:absolute; top:50%; margin-top:-16px; }
h4{ text-align:center; font-size:18px; font-weight:bold; margin-bottom:20px;}
.nav_box .zhaopin_txt{clear:both; font-size:15px; line-height:25px;  margin:30px 30px 60px; }
.checked{ color:#3b61b2; font-weight:bold; text-decoration: underline;}


/*地址栏*/
.address_bg{ background:#f5f5f5;}
.address span{ display:block; font-size:18px;}
.address span:nth-child(2){ margin-top:50px;}
.address span:nth-child(3){ background:#8c92a8; color:white; font-size:14px; width:280px; line-height:20px; text-align:center;  margin:20px 0 10px;}
.address span:last-child{ font-size:16px; margin-bottom:30px;}
.address div{ float: right;}
.address div a{ background:#8c92a8; width:120px; line-height:35px; color:white; text-align:center; font-size:18px;  cursor:pointer;}
.address div a:hover{ box-shadow:0 0 5px #434343; background:#434343;}
.banquan{ text-align:center; color:white; background:#666; display:block; padding:6px 0; font-size:13px;}


/*返回顶部*/
#getback{ width:40px; height:50px; font-size:13px; line-height:20px; background:#637ba6 url(../img/arrow_top.png) no-repeat center 8px;  position:fixed; bottom:30px; right:10px; text-align:center; color:white; padding-top:40px; display:none; box-shadow:0 0 5px #434343;}
#getback:hover{ background:#434343 url(../img/arrow_top.png) no-repeat center 8px;}

/*手机端底部导航*/
#phone{ height:50px; background:#637ba6; position:fixed; z-index:10; bottom:0; left:0; right:0; display:table; width:100%; text-align:center; box-shadow: 0 -2px 8px rgba(0,0,0,0.3); visibility:hidden;}
#phone li{ display:table-cell; width:20%; }
#phone li:hover{ box-shadow:0 0 10px #434343;}
#phone li:nth-child(1){ background:url(../img/phone_nav1.png) no-repeat center 6px;}
#phone li:nth-child(2){ background:url(../img/phone_nav2.png) no-repeat center 8px;}
#phone li:nth-child(3){ background:url(../img/phone_nav3.png) no-repeat center 8px; }
#phone li:nth-child(4){ background:url(../img/phone_nav4.png) no-repeat center 9px; }
#phone li:nth-child(5){ background:url(../img/phone_nav5.png) no-repeat center 3px;}
#phone li a {color:white; padding-top:31px; font-size:12px; }

/*内容页系统介绍*/

.title{ position:relative; border-top:1px solid #999; margin:70px 0 60px; }
.title a{ position: absolute; top:-20px; left:50%; margin-left:-75px; z-index:10; width:150px; height:40px; background:#8b94a5 ; text-align:center; color:white; line-height:40px; font-size:18px;}
.nav_box h2{ font-size:18px; color:#df3d3e; font-weight:bold; text-align:center; margin-bottom:30px; margin-top:30px;}
.nav_box h3{ font-size:16px; font-weight:bold; margin-bottom:20px;}
.main_box img{ width:100%; max-width:800px; margin:20px auto 60px; border:1px solid gray;}
.main_box p:nth-child(2n){ margin-bottom:10px;}


/*自适应手机端*/
@media(max-width:500px){
	
		
	.nav_box .product{ width:100%;}
	.nav_box .zhaopin span{ font-size:13px;}
	.nav_box .product a{ width:80%;  }
	.nav_box .product span{ width:100%; max-width:none;}
	.nav_box .zhaopin_txt{ margin:0 auto 60px;}
	#img_bg .logo{ left:50%; margin-left:-128px; padding:0; width:256px;top:30px;}
	#img_bg .logo div{ text-align:center; text-indent:0; background-position:10px; width:70%;}
	#img_bg .menu_box{ top:170px;right:50%; margin-right:-128px; width:256px; }
	.menu_box .menu,.menu_box ul{ display:none;}
	#img_bg .menu_box .link{ margin-top:0; }
	
	
	

	.group_box{ width:780px; position: relative; left:50%; margin-left:-390px;}
	
	.case_bg .nav_box div{ width:100%;display:block; margin:0 auto;}
	.case_bg .nav_box div span{ margin-left:0;}
	.case_bg .nav_box div img{ max-width:none; width:90%; margin-top:20px; }
	#getback{ visibility: hidden;}
	#phone{ visibility:visible;}
	.banquan{ margin-bottom:50px;}
	
}

/*企业文化动画*/
#yb p{opacity:0; position:relative; top:5px;}
#wenhua  p{ opacity:0; position:relative; top:5px;}
.case_bg .nav_box{opacity:0; position:relative; left:5px;}