@charset "utf-8";

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,button,input,textarea,select{
	padding:0;
	margin:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
}
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{
	display:block
}
body{
	background: white;
	font-family:'microsoft yahei','arial','helvetica','sans-serif';
	color: #666;
	font-size: 12px;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	color: #333;
}
ol,ul{
  list-style:outside none none;
}
img {
	display: block;
	border:0;
}
a{
	text-decoration: none;
	cursor: pointer;
}

.theBody{
	display: flex;
	flex-direction:column;
	box-sizing: border-box;
}
.top{
	height: 80px;
	width: 100%;
}
.topMain{
	width:1200px;
	height: 100%;
	margin:0 auto;
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	align-items: center;
}
.logoPic{
	width: 275px;
	height: 45px;
}
.navUl{
	width: 58%;
	display: flex;
	flex-direction:row;
}
.navLi{
	flex:1;
	margin-left: 2px;
	box-sixing:border-box;
}
.navLi a{
	color: #333;
	font-size: 15px;
	letter-spacing: 2px;
	display: block;
	text-align: center;
	padding:6px 0;
	line-height: 1;
}
.navLi a.actived{
	color:#023055;
	font-weight: bold;
}
.navLi a:hover{
	color: #0072c5;	
}
.partSeven{
	width: 100%;
	height: 276px;
	background: url(../images/smallBanner04.jpg) no-repeat center top;
	display: flex;
	justify-content: center;
	align-items: center;
}
.partSevenMain{
	width: 1180px;
	margin:0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.partSevenMainItems{
	display: flex;
	flex-direction:column;
	box-sizing:border-box;
}
.changeItems{
	flex-direction:row; 
}
.zhou1{
	margin-right: 32px;
}
.zhou img{
	width: 90px;
	height: 90px;
	margin-bottom: 10px;
}
.haveBorder {
    padding-right: 75px;
    background: url(../images/line.jpg) no-repeat right center;
}
.partSevenMainItems a{
	margin-top: 13px;
	margin-bottom: 13px;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 1;
	color: white;
	cursor: pointer;
}
.partSevenMainItems span{
	display: block;
	color: #b7b7ba;
	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
}
.partSevenMainItems p {
    letter-spacing: 1px;
    font-size: 15px;
    color: white;
    text-indent: 2.2em;
    margin-bottom: 10px;
    line-height: 1.8;
    background: url(../images/icon016.png) no-repeat left center;
}
.footer{
	height: 60px;
	background: #3a3c49;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #b7b7ba;
}

.smallbanner {
    width: 100%;
    margin: 0 auto;
    height: 400px;
    background: url(../images/smallBanner05.jpg) no-repeat center top;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.smallbannerMain{
	width: 1200px;
	margin:0 auto;
	display: flex;
	flex-direction:column;
	/*align-items: center;*/
	padding-top: 10px;
	padding-left: 110px;
	/*text-align: center;*/
	box-sizing:border-box;
}
.smallbannerMain h2{
	font-size: 44px;
	color: white;
	font-weight: normal;
	letter-spacing: 5px;
	margin-bottom: 28px;
}
.smallbannerMain p{
	color: #bfbfbf;
	line-height: 1.8;
	font-size:26px;
	letter-spacing: 2px
}
.line{
	height: 1px;
	width: 100%:;
	background: #eee;
}
.titleBox{
	margin:0 auto;
	display: flex;
}
.titleBox h1{
	margin-top: 50px;
	margin-bottom: 28px;
	line-height: 1;
	font-size: 25px;
	letter-spacing: 3px;
	color: #444;
	padding:6px 35px 0 60px;
}

/*案例页面样式*/
.theCaseBox{
	width: 1200px;
	margin:0 auto;
}
.thCaseTitleBox{
	margin-top: 70px;
	margin-bottom: 40px;
	border-left:3px solid #c5a46a;
	padding-left: 8px;
}
.thCaseTitleBox h2{
	color: #a87f37;
	font-size: 21px;
	letter-spacing: 3px;
}
.thCaseTitleBox p{
	color: #a87f37;
	font-size: 15px;
	letter-spacing: 1px;
}
.theCaseMain{
	width: 100%;
}
.theCaseItems{
	margin-bottom: 55px;
	display: flex;
	width: 100%;
	justify-content:space-between;
}
.leftPicBox{
	width: 23%;
	overflow: hidden;
	height: 165px;
}
.leftPicBox img{
	transition:2s;
	min-height: 100%;
	min-width: 100%;
}
.leftPicBox img:hover{
	-webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -transform:scale(1.3);
}
.rightContent{
	width: 75%;
	display: flex;
	flex-direction:column;
	justify-content:space-around;
}
.rightContent h1{
	font-size: 20px;
	color:#333;
	letter-spacing: 2px;
}
.rightContent span{
	margin-bottom: 16px;
	display: block;
	color: #bbb;
	font-size: 12px;
	letter-spacing: 1px;
}
.rightContent p{
	color: #666;
	font-size: 14px;
	line-height: 1.9;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.pageBox{
	padding-bottom: 70px;
	margin-top: 6px;
	width: 1200px;
	margin:0 auto;
	display: flex;
	justify-content:center;
	align-items:center;
	color: #666;
}
.pageBox a{
	font-size: 12px;
	color: #333;
	border: 1px solid #999;
	margin-right: 5px;
	margin-left: 5px;
	padding:4px 12px;
	cursor: pointer;
}
.pageBox a:hover{
	border-color: #023055;
}
.pageBox a.current{
	border-color: #023055;
}
.toMore{
	font-size: 16px;
	line-height: 1;
	color: #999;
	height: 34px;
	line-height: 32px;
	width: 108px;
	margin:0 auto;
	text-align: center;
	border: 1px solid #b6b6b6;
	padding-left: 3px;
	margin-bottom: 80px;
	cursor: pointer;
}
.toMore:hover{
	color: #666;
	border: 1px solid #666;
}
.toMore:active{
	color: #a87f37;
	border: 1px solid #a87f37;
}
.moreCaseTitle{
	font-size: 26px;
	color: #a87f37;
	text-align: center;
	letter-spacing: 3px;
	margin-bottom: 52px;
}
.fourCasebox{
	width: 1250px;
	margin:0 auto;
	display: flex;
	justify-content:space-between;
	margin-bottom: 80px;
}
.fourCaseItems{
	box-shadow: 0px 0px 20px #c3c3c3;
	height: 162px;
	width: 280px;
}
.fourCaseItems:hover{
	box-shadow: 0px 0px 20px #999;
}
.fourCaseItems1 {
    background: url(../images/s-logo-a4r.jpg) no-repeat center center;
}
.fourCaseItems2 {
    background: url(../images/s-logo-a13.jpg) no-repeat center center;
}
.fourCaseItems3 {
    background: url(../images/s-logo-a5.jpg) no-repeat center center;
}
.fourCaseItems4 {
    background: url(../images/s-logo-a10.jpg) no-repeat center center;
}
.fourCaseItems img{
	margin:0 auto;
	background: red;
}
/*返回顶部代码开始*/
#gotoTop{
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	cursor:pointer;
	text-align:center;
	border:1px solid #e0e0e0;
	background:#fff;
	padding:0 10px 11px;
	font-size: 22px;
}
#gotoTop:hover{
	border:1px solid #909caa;
	background:#909caa;
	color:#fff;
}
/*返回顶部代码结束*/
@media screen and (max-width: 1000px){
   .top,.partSeven,.footer,.smallbanner,.theCaseBox,.thCaseTitleBox,.theCaseMain,.theCaseItems,.moreCaseTitle{
	    width: 1200px;
	}
	.fourCasebox{
		width: 1200px;
	}
	.navLi:last-child{
		display: none;
	}	
}