*{
	padding: 0;
	margin: 0;
	list-style: none;
	text-decoration: none;
	
	font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
img{
	display: block;
}
.clearfix{
	clear: both;
}

.center-teacher{     margin-right: 0px!important;}
	
.last-teacher{ margin-right: 0px!important;}

/*top*/
.top_j{
	margin: 0 auto;
    width: 1200px;
    height: 115px;
}
.top_j ul{
	float: right;
	margin-top: 30px;
	margin-right: 65px;
}
.top_j ul li{
	float:left;
	margin: 0 5px;
	line-height: 40px;
}
.top_j ul li a{
	font-size: 21px;
	color: #000;
}
.top_j .logo{
	float: left;
	
}
/*end*/

/*nav*/
.nav{
	background: #057fc0;
	height:55px;
}
.nav .nav_j{
	width: 1360px;
	margin: 0 auto;
}

.nav .nav_j ul{
	float: left;
	margin-left: 100px;
}
.nav .nav_j ul li{
	float: left;
	font-size: 21px;
    line-height: 55px;
    padding: 0 39px;
	width: 84px;
	    position: relative;
}
.nav .nav_j ul li a{
	color: #fff;
}
.nav .nav_j ul li:hover{
	background: #d5241c;
}

.nav .nav_j ul li .nav_tan {
	display: none;
	width: 500px;
	position: absolute;
	left: 0;
	top: 55px;
	padding: 5px 0 10px 0;
	background-color: #057fc0;
	opacity: 0.95;
	z-index: 100;
	
}
.nav .nav_j ul li .nav_tan a {
	width: 50%;
	background: none;
	padding: 0;
	margin: 0 auto;
	line-height: 30px;
	height: 30px;
	font-size: 20px;
	border-radius: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	    text-align: center;
		display: inline-block;
		    float: left;
}
.nav .nav_j ul li .nav_tan a:hover {
	width: 50%;
	background: #d5241c;
	padding: 0;
	margin: 0 auto;
	line-height: 30px;
	height: 30px;
	font-size: 20px;
	text-align: center;
		display: inline-block;
		    float: left;
}
}






/*栏目*/
.lan_j{
	width: 1200px;
	margin: 0 auto;
}
.lan_j ul li{
	float: left;
	width: 180px;
	margin: 20px 60px;
}
.lan_j ul li .tu{
	width: 88px;
	margin: 0 auto;
}
.lan_j ul li .p1{
	text-align: center;
	margin-top: 20px;
}
/*end*/


/*公司*/
.gong{
	background:#057fc0;
	height: 454px;
	margin-top: 60px;
}
.gong .gong_j{
	width: 1200px;
	margin: 0 auto;
}
.gong .gong_j .txt{
	width: 404px;
	height: 454px;
	background: #fff;
	float: left;
}
.gong .gong_j .txt .p1{
	font-size: 30px;
	color: #232323;
	margin-left: 50px;
}

.gong .gong_j .txt .p3{
	text-indent:2em;
	text-align: justify;
	font-size: 21px;
	color: #272727;
	padding: 0 25px;
	line-height: 36px;
	margin-top: 10px;
}
.gong .gong_j .txt .p4{
	width: 80px;
	height: 35px;
	line-height: 35px;
	border: solid 1px #519aaf;
	margin-top: 10px;
	font-size: 13px;
	margin-left: 36px;
	text-align: center;
	transition: all 1s;
}
.gong .gong_j .txt .p4 a{
	color: #519aaf;
	transition: all 1s;
}
.gong .gong_j .txt .p4:hover{
	background:  #519aaf;
	transition: all 1s;
}
.gong .gong_j .txt .p4:hover a{
	color: #fff;
	transition: all 1s;
}
.gong .gong_j .tu{
	width:796px;
	height: 454px;
	overflow: hidden;
}
.gong .gong_j .tu img{
	width: 100%;
	transition: all 1s;
}
.gong .gong_j .tu:hover img{
	transform: scale(1.2);
	transition: all 1s;
}
/*end*/




/*项目*/
.xiang{
	margin-top: 40px;
}
.xiang_j{
	width: 1200px;
	margin: 0 auto;
}
.xiang_j .biao1{
	width: 120px;
	margin: 0 auto;
}
.xiang_j .t1{
	font-size: 26px;
	text-align: center;
	color: #000;
	margin-top: 10px;
}
.xiang_j .t2{
	font-size: 20px;
	color: #000;
	text-align: center;
	margin-top: 10px;
}
.xiang_j .u1{
	margin-top: 60px;
}
.xiang_j .u1 li {
	position: relative;
	width: 276px;
	height: 345px;
	float: left;
	margin-right: 32px;
}
.xiang_j .u1 li .tu{
	width: 276px;
	height: 345px;
}
.xiang_j .u1 li .tu img{
	    width: 276px;
    height: 345px;
}
.xiang_j .u1 li:hover .tu_k{
	transition: all 0.8s;
	opacity: 1;
}
.xiang_j .u1 li .tu_k{
	opacity: 0;
	transition: all 0.8s;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 276px;
	height: 345px;
	background: rgba(255,255,255,0.2);
}
.xiang_j .u1 li .tu_k .tu1{
	width: 62px;
	margin: 100px auto 0;
}
.xiang_j .u1 li .tu_k .p1{
	font-size: 26px;
	text-align: center;
	margin-top: 20px;
}
.xiang_j .u1 li .tu_k .p1 a{
	color: #fff;
}
.xiang_j .u1 li .tu_k .xian1{
	width: 100px;
	position: absolute;
	top: 30px;
	left: 0px;
	height: 1px;
	transition: all 1s;
	background: #fff;
}
.xiang_j .u1 li .tu_k .xian2{
	width: 1px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 30px;
	transition: all 1s;
	background: #fff;
}
.xiang_j .u1 li .tu_k .xian3{
	width: 100px;
	height: 1px;
	position: absolute;
	bottom: 30px;
	right: 0px;
	transition: all 1s;
	background: #fff;
}
.xiang_j .u1 li .tu_k .xian4{
	width: 1px;
	height: 100px;
	position: absolute;
	bottom: 0px;
	right: 30px;
	transition: all 1s;
	background: #fff;
}

.xiang_j .u1 li:hover .xian1{
	width: 291px;
	transition: all 2s;
}
.xiang_j .u1 li:hover .xian2{
	height: 397px;
	transition: all 2s;
}
.xiang_j .u1 li:hover .xian3{
	width: 291px;
	transition: all 2s;
}
.xiang_j .u1 li:hover .xian4{
	height: 397px;
	transition: all 2s;
}
.xiang_j .u2{
	margin-top: 30px;
}
.xiang_j .u2 li{
	float: left;
	position: relative;
	width: 385px;
	height: 230px;
	margin-right: 22px;
}
.xiang_j .u2 li .tu{
	width: 385px;
	height: 230px;
}
.xiang_j .u2 li .tu img{
	    width: 385px;
    height: 230px;
}
.xiang_j .u2 li .tu_k{
	position: absolute;
	top: 0px;
	width: 385px;
	height: 230px;
    transform: rotateY(90deg);
	transform-origin: center left; 
    transition: all 0.50s ease-in-out 0s;
	left: 0px;
	background: rgba(255,255,255,0.2);
}
.xiang_j .u2 li .tu_k .p1{
	font-size: 26px;
	color: #fff;
	text-align: center;
	margin-top: 104px;
}
.xiang_j .u2 li .tu_k .p1 a{
	color: #fff;
	
}
.xiang_j .u2 li:hover .tu_k{
    transform: rotateY(0deg);
    transition: all 0.50s ease-in-out 0s;
}
/*end*/


/*选择*/
.xuan{
	background: url(../images/x_b.png)no-repeat center;
	height: 552px;
	margin-top: 38px;   
	background-attachment: fixed;
}
.xuan .xuan_j{
	width: 1200px;
	margin: 0 auto;
}
.xuan .xuan_j .biao2{
	width: 215px;
	margin: 0 auto;
	padding-top: 55px;
}
.xuan .xuan_j .p1{
	font-size: 18px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
}
/*栏目*/
.lan_j{
	width: 1200px;
	margin: 0 auto;
}
.lan_j ul li{
	float: left;
	width: 180px;
	margin: 20px 60px;
}
.lan_j ul li .tu{
	width: 88px;
	margin: 0 auto;
}
.lan_j ul li .p1{
	text-align: center;
	margin-top: 20px;
}

/*end*/

/*抖动特效*/
/*
@-webkit-keyframes sucaijiayuan {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.8) rotate(-2deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(2deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-2deg)
}
100% {
-webkit-transform:scale(1) rotate(0)
}
*/

/*抖动特效-end*/
/*end*/


/*案例*/
.an{
	width: 100%;
	background: #057fc0;
	height: 580px;
}
.an .an_j{
	width: 1200px;
	margin: 0 auto;
}

.an .an_j .biao3{
	width: 790px;
	margin: 0 auto;
	padding-top: 45px;
}
.picScroll{
	overflow:hidden;
	padding-top: 45px;
}
.picScroll ul{
	overflow:hidden;
}
.picScroll ul li{
	width:296px; 
	float:left; 
	overflow:hidden;
	margin: 0 2px;
}
.picScroll ul li img{
	display:block;
	width: 382px;
	height: 382px;
}
/*end*/

/*新闻*/
.xin_j{
	width: 1200px;
	margin: 0 auto;
}
.xin_j .biao4{
	width: 342px;
	margin: 40px auto;
}
.xin_j .xin_z{
	float: left;
	width: 320px;
	height: 434px;
	overflow: hidden;
	margin-left: 10px;
}
.xin_j .xin_z img{
	width: 100%;
	height: 100%;
	transition:all 1s;
}
.xin_j .xin_z:hover img{
	transform:scale(1.2);
	transition:all 1s;
}
.xin_j .xin_y{
	float: right;
	width: 810px;
	padding: 0 30px;
}
.xin_j .xin_y ul li{
	margin: 19px 0;
	border-bottom:  solid 1px #949494;
	height: 125px;
}
.xin_j .xin_y ul li p{
	margin: 0;
}
.xin_j .xin_y ul li .p1{
	font-weight: 600;
	font-size: 16px;
	margin-top: 18px;
}
.xin_j .xin_y ul li .p1 a{
	color: #333;
	text-decoration: none;
}
.xin_j .xin_y ul li .p2{
	font-size: 13px;
	margin-top: 18px;
	text-align: justify;
}
.xin_j .xin_y ul li .p2 a{
	color: #949494;
	text-decoration: none;
}
.xin_j .xin_y ul li .p3{
	float: right;
	color: #949494;
	font-size: 16px;
}
/*end*/


/*新闻页*/
.news ul li p{
	margin: 0;
}
.news ul {
	margin-top:30px;
}
.news ul li{
	margin:20px 0;
}
.news ul li .news_left{
	float: left;
	width: 207px;
	height: 193px;
	margin-left:30px;
}
.news ul li .news_left img{
	width:100%;
	height:100%;
}
.news ul li .news_right{
	float: left;
	margin-left: 30px;
	width:1100px;
	line-height:36px;
}
.news ul li .news_right .p1{ 
	font-size: 22px;
	color: #000;
	margin-top: 10px;
}
.news ul li .news_right .p1 a{
	color: #000;
}
.news ul li .news_right .p2{
	font-size: 19px;
	margin-top: 15px;
}
.news ul li .news_right .p2 span{
	font-size: 19px;
	padding: 5px 20px;
	border: solid 1px #8b8b8b;
	background: #f6f6f6;
}
.news ul li .news_right .p2 span a{
	color: #000;
}
.news ul li .news_right .p1:hover a{
	color:#1d81ba;
}
.news_x h2{
	text-align: center;
	margin-top: 30px;
	margin-bottom:30px;
}
.news_x p{
	font-size: 16px;
	padding:0 20px;
}
.news_x{
	margin:60px 0;
}

.news_x img{
	margin:10px auto;
}

/*底部*/
.foot{
	width: 100%;
	height: 100%;
	background: #057fc0;
}
.foot .foot_j{
	width: 1200px;
	margin: 0 auto;
}
.foot .foot_j .p1{
	font-size: 18px;
	text-align: center;
	
	float: left;
	line-height: 38px;
	color: #fff;
	margin-left: 120px;
}
.foot .foot_j .tu{
	float: left;
	width: 177px;
	height: 177px;
	margin-top: 5px;
	margin-left: 100px;
}
.foot .foot_j .tu img{
	width: 100%;
}
.foot .foot_j .p2{
	font-size: 12px;
	margin-top: 10px;
	color: #fff;
	text-align: center;
}
.foot .foot_j .p2 a{
	color:#fff;
}
/*end*/



/*内页*/
.content{
	width:100%;
	margin: 0 auto;
}

.content .content_z{
	float: left;
	font-size: 25px;
	border-bottom: 3px #556fb5 solid;
	padding-bottom: 5px;
	margin-top: 20px;
}
.content .content_y{
	float: right;
}
.content .content_y ul{
	margin-top: 28px;
}
.content .content_y ul li{
	float: left;
	font-size: 21px;
}
.content .content_y ul li a{
	color: #000;
}
.content .content_lan{
	background:#1d81ba;
	height: 57px;
	margin-top: 15px;
	-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.5);
	box-shadow:0 1px 5px 0 rgba(0,0,0,0.5);
}
.content .content_lan ul li{
	float: left;
	line-height: 57px;
	padding: 0 30px;
	font-size: 22px;
}
.content .content_lan ul li:hover{
	background:#199ce7;
}
.content .content_lan ul li a{
	color: #fff;
}
/*公司介绍*/
.content .com{
	margin-top: 30px;
	margin-bottom: 100px;
}
.content .com .com_z{
	float: left;
	width: 515px;
	height: 434px;
}
.content .com .com_z img{
	width: 100%;
}

.content .com .com_y{
	float:left;
	width: 1040px;
    height: 434px;
}
.content .com .com_y p{
	text-indent: 2em;
	line-height: 36px;
	font-size: 21px;
	padding: 0 30px;
}

/*公司宗旨*/
.Purpose{
	margin-bottom: 100px;
}
.Purpose_z{
	float: left;
	width: 645px;
	margin-left:50px;
}
.Purpose_z .p1{
	width: 131px;
	height: 46px;
	box-shadow:1px 1px 0 rgba(0,0,0,0.3);
	line-height: 46px;
	text-align: center;
}
.Purpose_z .txt1 .p1{
	margin-top: 30px;
	font-size: 21px;
}
.Purpose_z .txt1 .p2{
	font-size: 21px;
	line-height: 30px;
	margin-top: 30px;
	margin-left: 20px;
}
.Purpose_z .txt2 .p1{
	margin-top: 30px;
	font-size: 21px;
}
.Purpose_z .txt2 .p2{
	font-size: 21px;
	line-height: 30px;
	margin-top: 30px;
	width: 615px;
	margin-left: 20px;
}
.Purpose_z .txt3 .p1{
	margin-top: 30px;
	font-size: 21px;
}
.Purpose_z .txt3 .p2{
	font-size: 21px;
	line-height: 30px;
	margin-top: 30px;
	margin-left: 20px;
}
.Purpose_z .txt4 .p1{
	margin-top: 30px;
	font-size: 21px;
}
.Purpose_z .txt4 .p2{
	font-size: 21px;
	line-height: 30px;
	margin-top: 30px;
	margin-left: 20px;
}
.Purpose_y{
	float: right;
	margin-top: 30px;
	margin-right:100px;
}
.Purpose_y .tu1{    
	width: 258px;
    height: 352px;
}
.Purpose_y .tu1 img{
	width: 100%;
}
.Purpose_y .tu2{    
	width: 258px;
    height: 352px;
	margin-top: 30px;
}
.Purpose_y .tu2 img{
	width: 100%;
}
/*公司荣誉*/
.Honor{
	width:1200px;
	margin:30px auto 100px;
}
/*公司历程*/
.course{
	width:1200px;
	margin:30px auto 100px;
}
/*公司资质*/
.Qualifications{
	width:1200px;
	margin:30px auto 100px;
}
/*设计理念*/

.idea .p1{
	font-size: 18px;
	color: #000;
	float: left;
	width: 540px;
	margin-top: 100px;
	margin-left: 100px;s
	line-height: 40px;
}
.idea ul{
	float: left;
	margin-left: 30px;
}
.idea ul li{
	width: 230px;
	height: 140px;
	margin-top: 20px;
}
.idea ul li img{
	width: 100%;
}
.idea ul {
	margin-bottom: 100px;
	margin-top: 30px;
}
/*设计流程*/
.flow{
	margin-top: 50px;
	margin-bottom: 100px;
	
}
.flow ul li{
	float: left;
}
.flow ul li .tu1{
	width: 506px;
	margin:0 auto;
}
.flow .p1{
	font-size: 21px;
	line-height: 30px;
	text-indent: 2em;
	padding: 0 10px;
	margin-top: 50px;
}


/*业务范围*/
.business{
	background: url(../images/business1.png) no-repeat bottom right;
	height: 690px;
	margin-top: 50px;
}
.business .p1{
	font-size: 20px;
	color: #000;
	padding-top:130px;
	line-height: 50px;
}
.case{
    width: 1200px;
    margin: 25px auto;
}
.case .u1 li{
	float: left;
	width: 395px;
	height: auto;
	margin: 0 2px;
}
.case .u1 li .tu{
	width: 395px;
	height: 277px;
	overflow: hidden;
}
.case .u1 li .tu img{
	width: 100%;
	transition: all 1s;
	height: 100%;
}
.case .u1 li p{
	line-height: 50px;
	height: 50px;
	font-size: 16px;
	color: #000;
	text-align: center;
		
}
.case .u1 li:hover img{
	transform: scale(1.1);
	transition: all 1s;
}
.case .u2{
	width: 280px;
	margin: 50px auto 100px;
}
.case .u2 li{
	float: left;
	border: solid 1px #000;
	margin: 0 3px;
	padding: 5px 10px;
}
.case .u2 li a{
	color: #000;
}
/*产品代理*/
.agent{
	margin-top: 50px;
	margin-bottom: 100px;
}

/*联系我们*/

.recruit .p1{
	font-size: 14px;
}
.sideMenu ul li .p2{
	width: 100%;
	height: 50px;
	background: #e2e2e2;
	line-height: 50px;
	margin-top: 10px;
	font-size:21px;
	
}
.sideMenu ul li .p3 span{
	font-size: 16px;
	font-weight: 600;
	color: #000;
}
.sideMenu ul li .p3{
	display: none;
	font-size: 14px;
	line-height: 30px;
	padding: 0 55px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.sideMenu ul li .p2 .span1{
	background: url(../images/tuo.png) no-repeat center left;
	height: 50px;
	padding-left: 30px;
	color: #000;
	margin-left: 30px;
	float: left;
	line-height: 50px;
}
.sideMenu ul li .p2 .span2{
	float: right;
	margin-top: 12px;
	margin-right: 20px;
}
.sideMenu ul .nLi.on .sub{ 
	display: block;
}
.sideMenu ul{
	margin-bottom: 100px;
}

.map{
	margin-top: 50px;
}
.map ul{
	width:1200px;
	margin:0 auto;
}
.map ul li{
	float: left;
	width: 400px;
	margin: 30px 100px;
	font-size: 18px;
	line-height: 30px;
	border-bottom: 1px solid #000;
	padding-bottom: 50px;
}

.map .tu{
	width: 343px;
	margin: 50px auto;
}
/*在线留言*/

.online{
	margin:70px 0;
}
.online li{
	line-height:35px;
	margin-top:15px;
}
.online-span{
	display:inline-block;
	width:100px;
	vertical-align:top;
	text-align:right;
	font:14px/35px "宋体";
}
.online-must{
	font:12px/35px "宋体";
	color:#999;
}
.online-input{
	width:380px;
	height:33px;
	margin:0 5px;
	border:solid 1px #dcdbdb;
}
.online textarea{
	width:530px;
	height:200px;
	margin:0 5px;
	border:solid 1px #dcdbdb;
}
.online-button{
	margin-left:105px;
	padding:0 20px;
	font:14px/25px "宋体";
	color:#fff;
	background-color:#2fa5f2;
	border:solid 1px #0f93ea;
	cursor:pointer;
}
.online-button:hover{
	background-color:#0f93ea;
}
.blue{
	color:#6dc3fb;
}
/*end*/
/*详情页*/
/* 轮播 */
.slideBox{ 
	margin-top: 84px;
	width:1200px; 
	height:600px;
	overflow:hidden; 
	margin-bottom: 100px;
	position:relative;
}
.slideBox .hd{
	height:15px;
	overflow:hidden; 
	position:absolute;
	right: 10px;
	bottom:10px;
	z-index:1; 
}
.slideBox .hd ul{
	overflow:hidden;
	zoom:1;
	float:left;
}
.slideBox .hd ul li{ 
	float:left; 
	margin-right:2px;  
	width:15px;
	height:15px; 
	border-radius: 50%;
	font-size: 14px;
	line-height: 15px;
	text-align:center;
	background:#fff;
	cursor:pointer; 
}
.slideBox .hd ul li.on{
	background:#ab661b;
	color:#fff; 
}
.slideBox .bd{ 
	position:relative; 
	height:100%; 
	z-index:0;   
}
.slideBox .bd li{
	zoom:1; 
	vertical-align:middle;
}
.slideBox .bd img{ 
	width:100%;
	height:600px; 
	display:block;  
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{
	position:absolute;
	left:3%; top:50%;
	margin-top:-25px;
	display:block;
	width:32px; 
	height:40px; 
	background:url(../images/slider-arrow.png) -110px 5px no-repeat; 
	filter:alpha(opacity=50);opacity:0.5;  
}
.slideBox .next{ 
	left:auto;
	right:3%; 
	background-position:8px 5px; 
}
.slideBox .prev:hover,
.slideBox .next:hover{ 
	filter:alpha(opacity=100);
	opacity:1; 
}
.slideBox .prevStop{ 
	display:none;  
}
.slideBox .nextStop{
	display:none; 
}
/*end*/
/*end*/