@charset "utf-8";
/* CSS Document */

body { min-width: 1024px; background: url(../images/bg.jpg) repeat-x; }
.w700 { width: 700px; margin: 0 auto; }
.p-r-20 { padding-right: 20px; }
.main { min-height: 500px; margin: 0 auto; padding: 60px 0; }

@media only screen and (max-width: 1024px) {
body { min-width: inherit; }
.w700  { width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px); width: calc(100% - 70px); padding-left:70px; }
}

/*
----------------------------------------------------------------------------------------------------------------
	头部
*/

.head { width: 1024px; height: 350px; background: url(../images/headbg.gif) no-repeat right; margin: 0 auto; }
@media only screen and (max-width: 1024px) {
.head  { width:100%; }
}
.head .logo { position: absolute; left:100px; top: 80px; }
/*	导航	*/
.head .nav { width: 300px; position: absolute; left: 140px; top: 180px; }
.head .nav li { height: 15px; position: relative; font-size: 12px; color: #fff; overflow: hidden; margin: 10px 0; }
.head .nav li div { height: 15px; line-height: 15px; position: absolute; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.head .nav li .one { top: 0; left: 22px; z-index: 1; color: #666; }
.head .nav li:hover .one { top: -15px; }
.head .nav li .one a { color: #666; text-decoration: none; }
.head .nav li .two { bottom: -17px; left: 22px; z-index: 2; color: #000; font-size: 14px; }
.head .nav li:hover .two { bottom: 0px; }
.head .nav li .two a { color: #000; text-decoration: none; }
.head .nav li.cur { background: url(../images/nav_icon.png) no-repeat left center; }
@media only screen and (max-width: 1024px) {
.head .logo { left:5px; }
.head .nav { left:48px; }
}
/*
----------------------------------------------------------------------------------------------------------------
	底部
*/

footer { width: 100%; padding:40px 0; background-color: #DEDEDE; }
footer .foot { margin: 0 auto; }

/*
----------------------------------------------------------------------------------------------------------------
	通用
*/

.h1title { font-size: 14px; font-weight: normal; }
.h1title hr { height: 2px; border: 0 none; background-color: #999; width: 8px; margin-top: 30px; }
/*	内容	*/

.bout { padding-top: 35px; line-height: 25px; width: 600px; }
.bout * { line-height: 25px; }
.bout img { max-width: 100%; }
.bout p { padding-bottom: 10px; }
@media only screen and (max-width: 1024px) {
.bout {width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); }
}

.return { padding-top: 35px; padding-bottom:50px; }
.return a { cursor:pointer; }
/*	分页	*/

.pagination { width: 100%; margin: 50px auto 0; border-radius: 3px 3px 3px 3px; }
.pagination li { display: inline-block; }
.pagination a,
.pagination span { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: #DDDDDD; border-image: none; border-style: solid; border-width: 1px; float: left; line-height: 28px; padding: 0 10px; text-decoration: none; }
.pagination a:hover,
.pagination .active a,
.pagination .active span { background-color: #F5F5F5; }
.pagination .active a,
.pagination .active span { color: #999999; cursor: default; }
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover { background-color: transparent; color: #999999; cursor: default; }
.pagination li:first-child a,
.pagination li:first-child span { border-left-width: 1px; border-radius: 3px 0 0 3px; }
.pagination li:last-child a,
.pagination li:last-child span { border-radius: 0 3px 3px 0; }
.pagination-centered { text-align: center; }
.pagination-right { text-align: right; }
/*
----------------------------------------------------------------------------------------------------------------
	案例列表
*/
.caselist { }
.caselist dt { margin-top: 35px; margin-bottom: 15px; }
.caselist dt a { font-size: 14px; }
.caselist dd { display: block; }
.caselist dd img { width: 18.4%; margin-left: 2%; float: left; }
.caselist dd img:first-child { margin-left: 0; }
.caseclass { top: 0; left: 50%; margin-left: 370px; width: 130px; padding-top: 60px; }
.caseclass dl { margin-top: 35px; }
.caseclass dt { margin-top: 10px; }
.caseclass dt a { background: url(../images/icon_jia.png) no-repeat left center; padding-left: 15px; }
.caseclass dd { margin-top: 10px; margin-bottom: 20px; }
.caseclass dd a { display: block; margin-top: 5px; background: url(../images/icon_jian.png) no-repeat left center; padding-left: 15px; }

@media only screen and (max-width: 1024px) {
.caseclass { position:inherit !important; left:0; top:0; margin:0; padding:0; padding-bottom:60px; }
}