@charset "gb2312";
/*
 * @title           主体样式
 * @author          moocss
 * @email           moocss@gmail.com
 * @version         1.0
 * @update          $Date: 2015-07-13 $
 */
/*-----------------------------------------------
    reset styles
-----------------------------------------------*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,optgroup,p,blockquote,figure,hr,menu,dir,thead,tbody,tfoot,th,td{margin:0;padding:0}ul,ol{list-style-type:none;list-style-image:none}a{text-decoration:none}a:active{background-color:transparent}a:hover{text-decoration:underline;}a:active,a:hover{outline:0 none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:100%;background-color: #fff;color: #333;}body{font-size: 1em;line-height:1.5}body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;-ms-text-autospace:ideograph-alpha ideograph-numeric ideograph-parenthesis;text-autospace:ideograph-alpha ideograph-numeric ideograph-parenthesis}h1,h2,h3,h4,h5,h6{font-weight:400}h1{font-size:36px}h2{font-size:30px}h3{font-size:22px}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:1em}abbr,acronym{border-bottom:1px dotted;cursor:help}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background-color:#D2E5FF;color:#000}code,kbd,pre,samp{font-family:monaco,menlo,consolas,'courier new',courier,monospace}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;overflow:auto}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:100%}sub,sup{font-size:100%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}table{border-collapse:collapse;border-spacing:0}th{text-align:left}table th,table td{border:1px solid #ddd;padding:8px 10px}table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc}img{border:0 none;width:auto\9;height:auto;max-width:100%;vertical-align:top;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0 none;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}input,button{*overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}textarea{overflow:auto;resize:vertical}select:disabled option:checked,option:disabled:checked{color:#D2D2D2}input::-moz-placeholder,textarea::-moz-placeholder{color:#a9a9a9;opacity:1}label{cursor:pointer}select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video,progress{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}[draggable]{cursor:move}
a{color: #333;}
a:hover{color: #E1447F;}

/*-----------------------------------------------
    common styles
-----------------------------------------------*/
/* text align */
.tc{ text-align:center; }
.tr{ text-align:right; }
.tj{ text-align:justify;text-justify:inter-ideograph; }

/* float and clear */
.fl{ float:left;display:inline; }
.fr{ float:right;display:inline; }
.cb{ clear:both; }

.tid{text-indent: 2em;}

/* 连续字符换行 */
.fn-wwb{ white-space:normal;word-wrap:break-word;word-break:break-all; }

/* 文字溢出显示省略号 */
.fn-toe{ display: block;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis; }

/* 文字不反选 */
.fn-usn{ -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none; }

/* inline-block 组件  */
.fn-g{letter-spacing:-.31em;*letter-spacing:normal;word-spacing:-.43em;*word-spacing:-.43em;text-rendering:optimizespeed;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;}
.fn-g-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;}

/* clear */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* images hide text */
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; visibility: hidden; }

/* contain floats */
.group:before,.group:after,
.layout:before,.layout:after,
.container:before,.container:after{ content: "\0020"; display: block; height: 0; overflow: hidden; }
.group:after,.layout:after,.container:after{ clear: both; }
.group,.layout,.container{ *zoom: 1; }

/* padding and margin*/
.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
.p5{ padding: 5px; }
.p10{ padding: 10px; }
.p15{ padding: 15px; }
.p20{ padding: 20px; }
.pt5{ padding-top: 5px; }
.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pb5{padding-bottom: 5px;}
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; }

/* text color */
.red{ color: #E30000; }
.blue{ color: #094FA5; }
.gray{ color: #bcbcbc; }
.green{ color: #4CA913; }

/* font size*/
.fs14{ font-size:1em; }
.fs16{ font-size:1.125em; }
.fs18{ font-size:1.125em; }

/*----------------------------------------------
    primary styles
----------------------------------------------*/
.for-ie-suckers {padding: 20px;text-align: center;border-bottom: 1px solid #eee;background-color: #fcf8e3;color: #a94442;}
.container{width: 1200px;margin-left: auto;margin-right: auto;}
#header{/*position: fixed;*/position: absolute;top: 0;left: 0;z-index: 998;width: 100%;height: 37px;line-height: 37px;background: url(../images/header_mask_bg.png) 0 0 repeat;}
.logo{float: left;*display: inline;width: 325px;height: 37px;background: url(../images/logo.png) 0 50% no-repeat;}
    .logo a{display: block;height: 58px;text-indent: -999em;color: #fff;}
.quick-nav{float: right;*display: inline;font-size:1em;}   
    .quick-nav li{float: left;*display: inline;margin-left: 15px;}
        .quick-nav li a{color: #fff;}
#masthead{text-align: center;}
.bx-wrapper{position: relative;z-index: 50;margin: 0 auto; padding: 0;*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}
.bx-wrapper .bx-viewport {-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0); transform: translatez(0);}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;left: 0;z-index: 55;bottom: 10px;width: 100%;}
.bx-wrapper .bx-loading {position: absolute;top: 0;left: 0;z-index: 2000;min-height: 50px;height: 100%;width: 100%;background: url(../images/bx_loader.gif) center center no-repeat #fff;}
.bx-wrapper .bx-pager {text-align: center;font-size:1em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #fff;text-indent: -9999px;display: block;width: 12px;height: 12px;margin: 0 5px;outline: 0;-moz-border-radius: 20px; -webkit-border-radius: 20px;border-radius: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #FFCC00;}
.bx-wrapper .bx-prev {left: 15px;background: url(../images/controls.png) no-repeat 0 0;}
.bx-wrapper .bx-next {right: 15px;background: url(../images/controls.png) no-repeat -80px 0;}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover{opacity: .6;filter: alpha(opacity=60);}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -48px;outline: 0;width: 37px;height: 70px;text-indent: -9999px;z-index: 88;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}

#main-nav{height: 48px;font-size:1.125em;border-bottom: 1px solid #ccc;}
    #main-nav .container{position: relative;z-index: 888;}
    #main-nav .main-nav-item{float: left;*display: inline;}
    #main-nav .main-nav-item-index{width: 160px;}
    #main-nav .main-nav-item-overview{width: 180px;}
    #main-nav .main-nav-item-stories{width: 145px;}
    #main-nav .main-nav-item-tourist{width: 265px;}
    #main-nav .main-nav-item-aliments{width: 145px;}
    #main-nav .main-nav-item-leisure{width: 155px;}
    #main-nav .main-nav-item-video{width: 145px;}

        #main-nav .main-nav-item > a{display: block;height: 44px;line-height: 44px;border-bottom: 4px solid #fff;text-align: center;color: #000;}
        #main-nav .main-nav-item > a:hover{text-decoration: none;color: #E1447F;}
        #main-nav .main-nav-item.on > a{border-bottom-color: #E24480;color: #E1447F;}
        #main-nav .sub-nav{display: none;position: absolute;top: 48px;left: 0;z-index: 999;width: 1158px;padding: 20px;border: 1px solid #ccc;background-color: #fff;}
        #main-nav .main-nav-item:hover .sub-nav{display: block;}

        #main-nav .sub-nav .left{float: left;*display: inline;width: 296px;}
        #main-nav .sub-nav .right{float: right;*display: inline;width: 840px;}

        #main-nav .main-nav-item-tourist .sub-nav .left,
        #main-nav .main-nav-item-aliments .sub-nav .left{width: 506px;}
        #main-nav .main-nav-item-tourist .sub-nav .right,
        #main-nav .main-nav-item-aliments .sub-nav .right{width: 630px;}

        .list-nav{font-size:1.125em;}
        .list-nav li{min-height: 36px;line-height: 36px;border-bottom: 1px solid #eee;}
            .list-nav li a{display: block;white-space: nowrap;word-wrap: normal;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
        .list-card{margin-right: -20px;}
            .list-card li{float: left;*display: inline;width: 195px;overflow: hidden;margin: 0 20px 20px 0;}
                .list-card li a{display: block;}
                .list-card li a .pic{display: block;width: 195px;height: 130px;}
                .list-card li a:hover .pic{opacity: .75;filter: alpha(opacity=75);}
                .list-card li a .caption{display: block;font-size:1.125em;font-weight: normal;}
                #main-nav .main-nav-item-aliments .sub-nav .list-nav{margin-right: -20px;}
        #main-nav .main-nav-item-aliments .sub-nav .list-nav li{float: left;*display: inline;width: 243px;margin-right: 20px;}     

.public-service{margin-bottom: 20px;background-color: #f4f4f4;}
.public-service .container{padding: 20px 0;background: url(../images/xian_intro_bg.png) 100% 100% no-repeat;}
.public-service-box{width: 326px;float: left;*display: inline;}
    .public-service-box h2{height: 40px;line-height: 40px;margin-bottom: 5px;font-size:1.125em;}
.xian-intro-box{float: right;width: 854px;*display: inline;}
    .xian-intro-box h2{height: 40px;line-height: 40px;margin-bottom: 5px;font-size:1.125em;color: #E24480;}
    .xian-intro{line-height: 27px;padding-top: 10px;padding-right: 280px;font-size:1.125em;}
.public-service-list{margin-right: -5px;}
.public-service-item{float: left;*display: inline;width: 105px;margin: 0 5px 5px 0;font-size:1em;text-align: center;}
    .public-service-item  strong{float: left;line-height: 34px;width: 104px;height: 34px;}
    .public-service-item  strong.lh-16{line-height: 16px;}
    .public-service-item .icon{float: left;width: 55px;margin-left: 24px;height: 55px;background: url(../images/sp.png) 0 -9999px no-repeat;}
    .public-service-item .icon-attractions{background-position: -1px 0;}
    .public-service-item .icon-hotels{background-position: -2px -72px;}
    .public-service-item .icon-cuisine{background-position: -1px -135px;}
    .public-service-item .icon-leisure{background-position: -2px -345px;}
    .public-service-item .icon-transprot{background-position: -1px -275px;}
    .public-service-item .icon-snacks{background-position: -2px -203px;}
    .public-service-item a{display: block;height: 90px;padding: 10px 0;background-color: #fff;}
    .public-service-item a:hover{text-decoration: none;background-color: #f9f9f9;}
    .public-service-item a strong{color: #E24480;}
    .public-service-item a.even strong{color: #01B4D8;}

    .public-service-item-leisure a,
    .public-service-item-attractions a{border-left: 4px solid #04B5D9;}
    .public-service-item-attractions a{border-left-color: #E14682;}

.video-section{float: left; width: 326px;}
.touristiques-section{float: left; width: 417px;margin-left: 20px;background-color: #eaeaea;}
.cuisine-section{float: right; width: 417px;background-color: #eaeaea;}

.video-section .hd,
.touristiques-section .hd,
.cuisine-section .hd{height: 38px;line-height: 38px;padding: 0 20px;border-bottom: 2px solid #fff;}
.video-section .hd{background-color: #04B5D9;}
.touristiques-section .hd{background-color: #E14682;}
.cuisine-section .hd{background-color: #04B5D9;}

.video-section .hd h2,
.touristiques-section .hd h2,
.cuisine-section .hd h2{float: left;color: #fff;font-size:1.125em;}

.video-section .hd h2 a,
.touristiques-section .hd h2 a,
.cuisine-section .hd h2 a{color: #fff;}

.video-section .hd .more,
.touristiques-section .hd .more,
.cuisine-section .hd .more{float: right;color: #fff;font-size:1em;}

.touristiques-section .bd,
.cuisine-section .bd{padding: 20px;min-height: 492px;}

.sections{margin-bottom: 20px;}
.card-banner{margin-bottom: 10px;}
    .card-banner a{display: block;}
    .card-banner a:hover{opacity: .8;filter: alpha(opacity=80);}
.video-box{position: relative;margin-bottom: 10px;}
    .video-box .paly{position: absolute;left: 50%;top: 50%; width: 83px;height: 82px;margin-top: -41px;margin-left: -41px;background: url(../images/play.png) 0 0 no-repeat;}
    .video-box a{display: block;}
    .video-box a:hover{opacity: .8;filter: alpha(opacity=80);}
/*.touristiques-list{}*/
    .touristiques-list li,.cuisine-list li{padding: 20px 0;border-bottom: 1px dashed #fff;}
    .touristiques-list li.last,.cuisine-list li.last{border-bottom: 0 none;}
    .touristiques-list .pic,.cuisine-list .pic{float: left;width: 182px;height: 122px;overflow: hidden;}
        .touristiques-list .pic a,.cuisine-list .pic a{display:  block;}
        .touristiques-list .pic a:hover,.cuisine-list .pic a:hover{opacity: .8;filter: alpha(opacity=80);}
    .touristiques-list .desc,.cuisine-list .desc{margin-left: 192px;}
        .touristiques-list .desc h5,.cuisine-list .desc h5{height: 34px;line-height: 34px;font-size:1.125em;}
        .touristiques-list .desc p,.cuisine-list .desc p{line-height: 24px;font-size:1em;color: #666;}
/*.cuisine-list{}*/

#footer{padding: 30px 0; background-color: #333;}
.brand-logo{float: left;width: 87px;}
.copyright{padding-top: 3px;margin-left: 137px;line-height: 28px;color: #fff;font-size:1em;}

/* 内容页
----------------------------------------------*/
.bgc{padding: 15px 0;background-color: #f4f4f4;}
.layou-sm .col-sub,
.layou-sm .col-main{*display: inline;}
.layou-sm .col-sub{float: left; width: 326px;}
.layou-sm .col-main{float: right;width: 859px;}
.menu-box{border-bottom: 4px solid #01B4D8;margin-bottom: 10px;}
    .menu-box h2{height: 38px;line-height: 38px;padding: 0 30px;color: #fff;font-size:1.125em;background-color: #E14682;}
    .menu-list li{height: 48px;line-height: 48px;vertical-align: top;margin-bottom: 2px;font-size:1.125em;background-color: #fff;}
        .menu-list li.on,.menu-list li:hover{border-left: 6px solid #01B4D8;}
    .menu-list li:last-child {margin-bottom: 0;}
    .menu-list li a{display: block;padding: 0 20px 0 40px;}
    .menu-list li a:hover{text-decoration: none;color: #01B4D8;}

/* pagination */
.pagination{height: 30px;padding: 10px 0;text-align:center;line-height:30px;font-size:0;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;word-wrap:normal;white-space:nowrap;color:#999;}
.pagination a,.pagination span{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0 12px;margin: 0 4px;font-size:1.25em;letter-spacing:normal;word-spacing:normal;}
.pagination a{color:#000;}
.pagination a:hover{text-decoration:none;color:#E14682;}
.pagination .active,
.pagination .page,
.pagination .prev,
.pagination .next{
    *overflow:visible;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;color: #000;padding:0 10px;height:30px;line-height:30px;font-size:1.25em;letter-spacing:1px;word-spacing:normal;text-align:center;vertical-align:middle;cursor:pointer;
    border-radius: 3px;
}
.pagination .page:hover,
.pagination .prev:hover,
.pagination .next:hover{color: #fff;background:#E14682;}
.pagination .active{
    background:#E14682;
    color: #fff;
    cursor: default;
}

.mod{padding: 20px;background-color: #fff;}
    .mod-hd h2{font-size:1.125em;color: #E0447F;}
        .mod-bd{min-height: 680px;}
.list-col{margin-bottom: 10px;}
.list-col .item{float: left;*display: inline;border-bottom: 1px dashed #eee;padding: 20px 10px;width: 380px;}
.list-col .item .cover{position: relative;z-index:8;float: left;width: 180px;overflow: hidden;}
    .list-col .item .cover .play{position: absolute;top: 50%;left: 50%;z-index: 9;margin: -28px 0 0 -28px;width: 56px;height: 56px;background: url(../images/play2.png) 0 0 no-repeat;cursor: pointer;}
.list-col .item .cover:hover{opacity: .75;filter: alpha(opacity=75);}
.list-col .item .info{margin-left: 195px;font-size:1em;}
.list-col .item .info h5{max-height: 44px;line-height: 22px;margin-bottom: 5px;font-size:1.125em;color: #00B3D8;overflow: hidden;}
    .list-col .item .info h5 a{font-size:1.125em;color: #00B3D8;}

.article{padding: 30px;font-size:1em;background-color: #fff;min-height: 680px;}
.article-hd{margin-bottom: 10px;}
.article-hd .title{font-size:1.125em;line-height: 24px;color:#E1447F;margin-bottom: 10px;}
.article-bd{padding:10px 0 10px;font-size:1em;word-break:break-all;word-wrap:break-word;color: #333;overflow: hidden;}
    .article-bd table{margin: 0 auto;}
    .article-bd table td,.article-bd table th{border: 1px solid #ccc;padding: 5px;}
    .article-bd table td p{line-height: 26px;margin-bottom:0;}
    .article-bd p{line-height:24px;margin-bottom:20px;}
    .article-bd h2,.article-bd h3{font-size:1em;}
    .article-bd img{display: block;margin:0 auto;vertical-align:middle;padding: 2px;border: 1px solid #ddd;max-width: 780px; }

/*adsense使用 CSS 隐藏广告空缺的广告单元*/

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

/*解决移动设备－内容宽度超过了屏幕显示范围*/

@media screen and (max-width:640px) {
#divMain {
width:100%;
}
#divSidebar {
display:none;
}
}

/* 解决移动设备－可点击元素之间的距离太近*/

@media screen and (max-width:640px) {
p {
line-height:150%;
}
}