/* basic */
:before, :after { box-sizing: border-box; }

html, body { height: 100%; }

body, img, a img, div, span, hr, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, ol, form, input, select, textarea, button, table, th, td, font, span, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }

body { position: relative; font: normal; font-family: Helvetica,arial,Microsoft YaHei,"MS PGothic","宋体"; font-size: 14px; color: #333; background: #fff; }

ul, ol, li { list-style-type: none; }

a img, img { border: 0; vertical-align: middle; }
label, button, input, select, textarea { width: 100%; height: 100%; box-sizing: border-box; outline: none; font-family: Helvetica,arial,Microsoft YaHei,"MS PGothic","宋体"; }
input[type="checkbox"], input[type="radio"] { width: auto; height: auto; }

input[type="button"], input[type="submit"] { cursor: pointer; }

textarea { resize: none; }

input:placeholder { padding: 0; }

table, th, td { border-collapse: collapse; border-spacing: 0; }

a:link, a:visited, a:hover, a:active { color: #333; outline: none; text-decoration: none; }

/* float */
.clearfix:before,
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { *zoom: 1; }

.clear { clear: both; }

/* ---------basic style--------- */
#wrapper { width: 100%; min-width: 1200px; }

#spe-header, .spe-banner, .spe-main, #spe-footer { width: 100%; }

.spe-container { margin: 0 auto; width: 1200px; }

/* header */
#spe-header { position: absolute; left: 0; top: 0; z-index: 10; }

.header-tell { height: 30px; background: rgba(0,0,0,0.5); line-height: 30px; color: #fff; font-size: 14px; text-align: right; }

.header-tell span { display: inline-block; margin-left: 20px; }

.header-box { height: 86px; background: rgba(255,255,255,0.8); }

.header-box .header-logo { float: left; margin-top: 12px; width: 181px; height: 61px; }

.header-box .header-logo img { width: 181px; height: 61px; }

.header-box .header-nav { float: right; width: 900px; height: 86px; line-height: 86px; }

.header-box .header-nav li { float: right; margin-left: 35px; line-height: 86px; font-size: 16px; }

.header-box .header-nav li a:hover { color: #ff6a65; }

/* 组图切换 */
.spe-banner { height: 680px; }

.spe-focus-basic { position: relative; float: left; width: 100%; height: 680px; overflow:hidden; }

.spe-focus-basic ul { width: 100%; height: 100%; }

.spe-focus-basic li { position: relative; width: 100%; height: 100%; text-align: center; overflow: hidden; }

.spe-focus-basic li .spe-focus-center { position: absolute; left: 50%; top: 0; z-index: 2; margin-left: -2500px; width: 5000px; }

.spe-focus-basic .spe-focus-num { position: absolute; left: 50%; bottom: 30px; z-index: 3; margin-left: -15%; width: 30%; text-align: center; }

.spe-focus-basic .spe-focus-num a { display: inline-block; margin: 0 6px; width: 15px; height: 15px; background: rgba(255,255,255,0.8); border-radius: 50px; }

.spe-focus-basic .spe-focus-num a.on { background: #ff6a65; }

.spe-focus-basic a.spe-focus-prev, .spe-focus-basic a.spe-focus-next { display: block; position: absolute; bottom: 35%; z-index: 3; width: 24px; height: 43px; background: url(/*/images/special/outdoor-photography/*/spe-focus-arrow.png) no-repeat; }

.spe-focus-basic a.spe-focus-prev { background-position: 0,0; left: 150px; }

.spe-focus-basic a.spe-focus-next { background-position: -24px,0px; right: 150px; }

/* main */
.spe-info, .spe-recommend-photo, .spe-recommend-project, .spe-related-tour { padding: 60px 0; }

.spe-item { font-size: 30px; text-align: center; }

.spe-info-text { margin-top: 40px; }

.spe-info-text { line-height: 28px; color: #666; font-size: 16px; }

.spe-recommend-photo { background: #faf9f9; }

.spe-recommend-photo ul { margin-top: 30px; }

.spe-recommend-photo ul li { float: left; margin-right: 30px; margin-bottom: 30px; width: 380px; border-radius: 2px; background: #fff; }

.spe-recommend-photo ul li.margin-right0 { margin-right: 0; }

.spe-recommend-photo ul li .photoimg { position: relative; width: 380px; height: 252px; }

.spe-recommend-photo ul li .photoimg img { width: 380px; height: 252px; }

.spe-recommend-photo ul li .photo-con { padding: 20px 15px; }

.spe-recommend-photo ul li .photo-con h3 { font-size: 16px; font-weight: bold; }

.spe-recommend-photo ul li .photo-con p { margin-top: 15px; line-height: 24px; overflow: hidden; }

.spe-recommend-photo ul li .photo-con p.height-auto { height: auto; }

.spe-recommend-photo ul li .photo-con span { display: block; float: right; line-height: 50px; color: #5d8be8; }

.spe-recommend-photo ul li .photo-con span:hover { cursor: pointer; }

.tags { position: absolute; left: 0; top: 10px; z-index: 3; width: 60px; height: 40px; text-align: center; font-size: 24px; font-weight: bold; font-style: italic; color: #fff; line-height: 40px; }

.tags-bg1 { background: #e37806; }

.tags-bg2 { background: #c0c739; }

.tags-bg3 { background: #efd800; }

.tags-bg4 { background: #d81428; }

.tags-bg5 { background: #5fbc90; }

.tags-bg6 { background: #5f8fbc; }

.photo-keywords { display: none; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.6) }

.photo-keywords p { padding: 80px 50px; color: #fff; font-size: 16px; line-height: 26px; text-align: center; }

.spe-recommend-project { height: 315px; background: url(/images/special/outdoor-photography/recommend-project-bg.jpg) no-repeat center center; }

.spe-recommend-project .spe-item { color: #fff; }

.spe-recommend-project ul { margin-top: 80px; }

.spe-recommend-project ul li { float: left; width: 598px; height: 190px; background: #fff; }

.spe-recommend-project ul li .projectimg { float: left; width: 211px; height: 190px; }

.spe-recommend-project ul li .projectimg img { width: 211px; height: 190px; }

.spe-recommend-project ul li .project-con { float: left; padding: 20px; width: 330px; }

.spe-recommend-project ul li .project-con h3 { font-size: 16px; }

.spe-recommend-project ul li .project-con h4 { margin-bottom: 25px; font-size: 14px; line-height: 28px; }

.spe-recommend-project ul li .project-con p { margin-top: 8px; }

.spe-recommend-project ul li .project-con p span { margin-right: 10px; }

.spe-recommend-project ul li .project-con p span, .spe-recommend-project ul li .project-con p i { display: inline-block; vertical-align: middle; }

.spe-recommend-project ul li .project-con p i { display: inline-block; width: 15px; height: 15px; background: url(/images/special/outdoor-photography/project-star.gif) no-repeat; }

.spe-related-tour ul { padding-top: 30px; }

.spe-related-tour ul li { margin-top: 30px; height: 228px; background: #faf9f9; }

.spe-related-tour ul li .tourimg { float: left; width: 326px; height: 228px; }

.spe-related-tour ul li .tourimg img { width: 326px; height: 228px; }

.spe-related-tour ul li .tour-con { float: right; padding: 25px 30px; width: 814px; }

.spe-related-tour ul li .tour-con h3 { font-size: 18px; }

.spe-related-tour ul li .tour-con h3 a:hover { color: #ff6a65; }

.spe-related-tour ul li .tour-con p { margin-top: 15px; line-height: 24px; }

.spe-related-tour ul li .tour-con p a { display: block; float: right; width: 150px; height: 36px; background: #b73b1f; border-radius: 5px; line-height: 36px; font-size: 16px; text-align: center; color: #fff; }

.spe-related-tour ul li .tour-con p a:hover { background: #ff6a65; }


.spe-footer { background: #3a3a32; line-height: 60px; color: #a4afa3; text-align: center; font-size: 15px; }

.spe-contact { padding: 60px 0; }

.spe-contact .spe-contact-con { margin-top: 50px; }

.spe-contact #contact_us { float: right; width: 650px; }
.spe-contact #contact_us p { line-height: 24px; }
.spe-contact #contact_us table { margin: 0 auto; margin-top: 15px; }
.spe-contact #contact_us table td { padding: 8px 0; padding-right: 10px; }
.spe-contact #contact_us table tr td:first-child { width: 125px; }
.spe-contact #contact_us input { padding: 0 5px; height: 40px; line-height: 40px; border: 1px solid #ddd; }
.spe-contact #contact_us textarea { padding: 0 5px; height: 60px; line-height: 24px; }
.spe-contact #contact_us input[type="submit"] { background: #cc262e; height: 50px; line-height: 50px; border: none; color: #fff; text-align: center; font-size: 16px;  }

.spe-contact .contact_us_info { float: left; padding: 25px; width: 380px; height: 310px; border: 1px solid #ddd; }
.spe-contact .contact_us_main { padding: 15px; }
.spe-contact .contact_us_main p { padding-bottom:15px; line-height:24px; }