html, body { width: 100%; }
body, div, p, ul, li, h1, h2, h3, h4 { margin: 0; padding: 0; font-size: 14px; font-family: Verdana,Arial,Helvetica,sans-serif; color: #303030; }
ul, li { list-style: none; }
img, a img { margin: 0; padding: 0; border: none; }
a:link, a:visited { color: #303030; text-decoration: none; }
a.morelink:link, a.morelink:visited { color: #b73b1f; text-decoration: underline; font-size: 16px; }
a.morelink:hover { text-decoration: underline; }

/* اه³‎¸،¶¯ */
.clearfix:after { content: " "; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
/*IE/7/6*/
.wrap { width: 100%; min-width: 1100px; }
.spe-container { margin: 0 auto; width: 1100px; }

/* header */
.spe-header { width: 100%; background: #fff; height: 88px; }
.header-logo { float: left; margin-top: 14px; width: 212px; height: 59px; }
.header-logo a { display: block; }
.header-nav { float: right; width: 800px; }
.header-nav li { float: left; margin-left: 40px; line-height: 88px; font-size: 16px; }
.header-nav li a { text-decoration: none; }
.header-nav li a:hover { text-decoration: underline; }

/* focus */
.spe-banner { position: relative; width: 100%; overflow: hidden; }
.focus-basic { position: relative; float: left; width: 100%; height: 628px; overflow: hidden; }
.focus-basic ul { width: 100% }
.focus-basic li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; }
.focus-basic li.spe-banner1 { background: url(../jpg/banner1-2.jpg) no-repeat center center; }
.focus-basic li.spe-banner2 { background: url(../jpg/banner2.jpg) no-repeat center center; }
.focus-basic li.spe-banner3 { background: url(../jpg/banner3.jpg) no-repeat center center; }
/*.focus-basic li .li-txt{ position:absolute; z-index:3; left:50%;bottom:150px; margin-left:-400px; width:800px; height:260px;}
.focus-basic li .li-txt .pos-r { position:relative; }
.focus-basic li .li-txt .pos-r .li-txt-bg { position:absolute; z-index:4; left:0; top:0; width:800px; height:260px; background:#000;opacity: 0.5;filter:alpha(opacity=5);}
.focus-basic li .li-txt .pos-r .li-txt-con {position:absolute; z-index:5; left:0; top:0; padding:30px; text-align:left;}
.focus-basic li .li-txt .pos-r .li-txt-con h2 { margin-bottom:20px; font-size:36px; color:#fff; font-style:italic;}
.focus-basic li .li-txt .pos-r .li-txt-con p {margin-top:12px;}
.focus-basic li .li-txt .pos-r .li-txt-con p a { color:#fff; font-size:20px; }
.focus-basic li .li-txt .pos-r .li-txt-con p a:hover { text-decoration:underline;}*/
/*.focus-basic li img { max-width:100%; max-height:100%;}*/
.focus-basic .focus-num { position: absolute; right: 6px; bottom: 8px; z-index: 3; text-align: right; }
.focus-basic .focus-num a { float: left; margin-right: 5px; width: 10px; height: 10px; font-size: 12px; text-align: center; background: url(../focus-num-bg.html) -30px top no-repeat; cursor: pointer; }
.focus-basic .focus-num a.on { background-position: 0px top; }

.li-txt { position: absolute; z-index: 3; left: 50%; bottom: 150px; margin-left: -400px; width: 800px; height: 260px; }
.li-txt .pos-r { position: relative; }
.li-txt .pos-r .li-txt-bg { position: absolute; z-index: 4; left: 0; top: 0; width: 800px; height: 260px; background: #000; opacity: 0.5; filter: alpha(opacity=5); }
.li-txt .pos-r .li-txt-con { position: absolute; z-index: 5; left: 0; top: 0; padding: 30px; text-align: left; }
.li-txt .pos-r .li-txt-con h2 { margin-bottom: 20px; font-size: 36px; color: #fff; font-style: italic; }
.li-txt .pos-r .li-txt-con p { margin-top: 12px; }
.li-txt .pos-r .li-txt-con p a { color: #fff; font-size: 20px; }
.li-txt .pos-r .li-txt-con p a:hover { text-decoration: underline; }

/* spe-main */
.spe-main { width: 100%; padding: 20px 0; background: #dfe7f2; }
.spe-info p { line-height: 28px; font-size: 15px; }
.spe-itemtitle { margin: 50px 0; height: 89px; line-height: 89px; background: url(../jpg/titbg.jpg) no-repeat 160px center; font-size: 30px; color: #fff; font-weight: normal; text-align: center; }
.spe-itemtitle a { color: #fff; text-decoration: none; }
.two-attr-row { padding: 0 50px; }
.five-attr li { float: left; background: #fff; overflow: hidden; }
.five-attr li:hover img { -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); transition: all 1s ease 0.1s; }
.five-attr li p { padding: 10px; line-height: 24px; }
.two-attr-row li { margin: 10px 17px; width: 454px; }
.two-attr-row li img { width: 454px; height: 256px; }
.three-attr-row { margin: 20px 0; }
.three-attr-row li { margin-right: 16px; width: 355px; height: 344px; }
.three-attr-row li.mright0 { margin-right: 0; }
p.more { text-align: right; }

.four-attr ul { margin-bottom: 20px; }
.four-attr li { float: left; margin-right: 16px; width: 260px; background: #fff; border: 1px solid #fff; }
.four-attr li h3 { margin-top: 10px; text-align: center; }
.four-attr li:hover { border-color: #5585ba; }
.four-attr li img { width: 260px; height: 243px; }
.four-attr li p { padding: 10px; height: 280px; line-height: 22px; }
.four-attr li.mright0 { margin-right: 0; }

.transportations-left { float: left; width: 520px; }
.transportations-left p { margin-bottom: 20px; line-height: 24px; }
.transportations-right { float: right; width: 550px; }
.transportations-right table, .transportations-right table td { border: 1px solid #000; border-collapse: collapse; }
.transportations-right table { width: 100%; background: #fff; }
.transportations-right table th, .transportations-right table td { padding: 7px 5px; text-align: center; }
.transportations-right table tr:hover { background: #f2f1df; }

.spe-tour li { margin-bottom: 20px; border-bottom: 1px solid #999; }
.spe-tour li img { float: left; margin-right: 20px; width: 360px; height: 220px; }
.spe-tour li h3 { font-size: 16px; }
.spe-tour li h3 a:hover { color: #b73b1f; }
.spe-tour li p { margin-top: 15px; line-height: 24px; }
.spe-tour li p a { float: right; width: 150px; border-radius: 5px; background: #5585ba; color: #fff; line-height: 36px; text-align: center; text-decoration: none; }
.spe-tour li p a:hover { background: #b73b1f; }

.spe-footer { width: 100%; background: #3a3a32; }
.spe-footer p { line-height: 56px; color: #afafaf; text-align: center; }
.spe-footer p span.spe-tell { font-size: 16px; color: #ebebeb; }
.spe-footer p a { color: #ebebeb; text-decoration: underline; }


.five-attr-info { padding-bottom: 50px; }
.five-attr-info ul { padding-bottom: 10px; }
.five-attr-info li { margin-bottom: 10px; height: 290px; border-bottom: 1px solid #9a9fa7; background: #fff url(../jpg/five-attr-bg.jpg) repeat-y center center; }
.five-attr-info li .five-attr-img, .five-attr-info li .five-attr-txt { float: left; padding: 20px 30px; width: 490px; }
.five-attr-info li .five-attr-img img { width: 490px; height: 250px; }
.five-attr-info li .five-attr-txt { float: right; padding-top: 30px; line-height: 26px; }
.five-attr-info li .five-attr-txt-l { float: left; }
.five-attr-info li .five-attr-img-right { float: right; }

.spe-online { position: fixed; z-index: 9; bottom: 100px; right: 10px; display: block; width: 50px; height: 50px; background: #b73b1f; overflow: hidden; }
.spe-online i { display: inline-block; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #fff; }

.online { width: 19px; height: 50px; background: url("../gif/top.gif") no-repeat; overflow: hidden; display: block; position: fixed; top: 70%; z-index: 9; right: 2px; }
.mleft10 { margin-left: 10px; }