/*-------------index---------------*/

.nav{
    position:absolute;
    top:0px;
    width:100%;
    background:url(../images/bg.png) repeat;
    height:94px;
    z-index:9999;
}

.nav-bg{
    background:url(../images/nav-bg.png) repeat-x;
    width:100%;
    height:10px;
}

.nav>.w11{
    position:relative;
    overflow:visible;
}

.nav .logo{
    height:54px;
    padding:15px 0;
    float:left;
}

.nav>.w11>ul{
  float:left;
  margin-left:50px;
  height:84px;  
}

.nav>.w11>ul>li{
    display:inline-block;
    height:82px;
    line-height:84px;
    width:150px;
    text-align:center;
}

.nav>.w11>ul>li>a{
    font-size:20px;
    color:#333333;
}

.nav>.w11>ul>li.active{
    border-bottom:3px solid #0051ad;
}

.nav>.w11>ul>li>a:hover,
.nav>.w11>ul>li.active>a{
    color:#0489cf;
}

.nav .tel{
    float:right;
    font-size:20px;
    color:#333333;
    padding-left:40px;
    background:url(../images/icon1.png) no-repeat left center;
    height:84px;
    line-height:84px;
}

.dropdown-nav .dropdown-menu{
    width:1010px;
    background:url(../images/bg3.png) repeat;
    *background:#ffffff;
    background:#ffffff\9;
    border-radius:0;
    top:82px;
    left:0;
    padding:20px 45px;
    height:auto;
}

.dropdown-nav .dropdown-menu>li{
    width:316px;
    margin-right:15px;
    display:inline-block;
    vertical-align: top;
}

.dropdown-nav .dropdown-menu>li>.title{
    font-size:20px;
    color:#0489cf;
    text-align:left;
    height:40px;
    line-height:40px;
    border-bottom:1px solid #bcbcbc;
}

.dropdown-nav .dropdown-menu>li>.links{
    min-height:60px;   
    line-height:30px;
    padding:10px 0;
}

.dropdown-nav .dropdown-menu>li>.links>a{
    font-size:14px;
    color:#000000;
    padding:0 10px;
    border-right:1px solid #bcbcbc;
    margin:10px 0;
    line-height:30px;
}

.dropdown-nav .dropdown-menu>li>.links>a:hover{
    color:#0489cf;
}

.banner{
    width:100%;
}

.banner .carousel-control{
    width:40px;
    height:66px;
    position:absolute;
    top:48%;
}

.banner .left{
    left:12%;
}

.banner .right{
    right:12%;
}

.customize{
    padding-top:30px;
}

.banner img{
    width:100%;
    height:auto;
}

.customize>.w11>.title{
    padding-left:30px;
    font-size:22px;
    color:#333333;
    height:40px;
    line-height:40px;
    font-weight:normal;
}

.customize>.w11>.scheme{
    margin:20px 0;
    height:299px;
}

.customize>.w11>.scheme>.link-img{
    width:100%;
    height:299px;
}

.customize>.w11>.scheme>.link-img>a{
    position:relative;
    display:block;
    width:274px;
    height:299px;
    float:left;
    border-right:1px solid #ffffff;
}

.customize>.w11>.scheme>.link-img>a>.info{
    display:none;
    background:url(../images/bg2.png) repeat-x;
}

.customize>.w11>.scheme>.link-img>a>.info>p{
    padding:0 25px;
    color:#ffffff;
}

.customize>.w11>.scheme>.link-img>a>.info>p.title{
    height:35px;
    line-height:35px;
    font-size:20px;
    font-weight:bold;
    margin-top:10px;
    overflow:hidden;
}

.customize>.w11>.scheme>.link-img>a>.info>p.con{
    line-height:20px;
    font-size:14px;
}
.customize>.w11>.scheme>.link-img>a>.info>p
{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

#vertical .info{
	width: 0;
	height: 269px;
	margin: 0 auto;
    padding:30px 0;
}

.customize>.w11 ul.maker{
    margin:20px 0;
}

.customize>.w11 ul.maker>li{
    width:363px;
    height:270px;
    float:left;
    padding-right:3px;
}

.customize>.w11 ul.maker>li>.content{
    background:#e7e7e7;
    width:333px;
    margin-bottom:15px;
    padding:10px 15px;
    height:100px;
    float:left;
}

.customize>.w11 ul.maker>li>.content>.img{
    width:97px;
    height:100px;
    overflow:hidden;
}

.customize>.w11 ul.maker>li>.content>.p{
    width:216px;
    height:100px;
    overflow:hidden;
    background:#ffffff;
    padding:0 10px;
}

.customize>.w11 ul.maker>li>.content>.p>.title{
    font-size:20px;
    color:#000000;
    height:35px;
    line-height:40px;
}

.customize>.w11 ul.maker>li>.content>.p>.con{
    color:#999999;
    font-size:14px;
    line-height:18px;
    max-height:36px;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.customize>.w11 ul.maker>li>.content>.p>.info{
    text-align:right;
    color:#000000;
    height:29px;
    line-height:29px;
    overflow:hidden;
}

.productshow{
	width:1100px;
	height:270px;
	position:relative;
}
.productshow .scrollcontainer{
	width:1100px;
	height:270px;
	overflow:hidden;
	position:relative;
}
.productshow .scrollcontainer ul{
	width:20000px;
	position:absolute;
	left:0px;
	top:0px;
}


.hot{
    background:url(../images/hot-bg.png) no-repeat center 30px #ffffff;
    padding:90px 0 30px;
}

.hot>.w11>.more{
    text-align:right;
}

.hot>.w11>.more>a{
    color:#2492d0;
    font-size:14px;
    margin-right:15px;
}

.hot>.w11>ul{
    width:100%;
    margin-top:30px;
}

.hot>.w11>ul>li{
    width:273px;
    border-right:2px solid #ffffff;
    float:left;
    margin-bottom:10px;
}

.hot>.w11>ul>li img{
    width:273px;
    height:241px;
}

.hot>.w11>ul>li p{
    height:45px;
    line-height:45px;
    color:#000000;
    font-size:20px;
    text-align:center;
}

.hot>.w11>ul>li p a{
    color:#000000;
}

.feature{
    padding-top:30px;
    background:url(../images/feature-bg.jpg) repeat-x;
    height:730px;
}

.feature>.w11>.more{
    height:45px;
    background:url(../images/feature-title.png) no-repeat center top;
    font-size:14px;
    text-align:right;
    padding-top:55px;
}

.feature>.w11>.more>a{
    color:#ffffff;
    margin-right:15px;
}

.feature>.w11>ul{
    width:100%;
}

.feature>.w11>ul>li{
    background:#ffffff;
    padding:10px 30px 30px;
    width:479px;
    height:250px;
    margin-bottom:30px;
}

.feature>.w11>ul>li>.title{
    height:60px;
    line-height:60px;
    font-size:24px;
    color:#010101;
    font-weight:bold;
}

/*------------index2---------------*/
.index2-con{
    width:1020px;
    margin:20px auto;
    padding-bottom:20px;
    border-bottom:1px dashed #9d9d9d;
}

.index2-con>.fl{
    width:330px;
    height:425px;
    position:relative;
}

.index2-con>.fl>a{
    width:100%;
    text-align:center;
    height:56px;
    color:#ffffff;
    font-size:18px;
    line-height:56px;
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    background:#23a5e0;
}

.index2-con>.fr,
.index2-con>.fr>ul{
    width:670px;
    height:425px;
}

.index2-con>.fr>ul>li{
    width:313px;
    border:1px solid #9b9b9b;
    margin-right:15px;
    _margin-right:10px;
    margin-bottom:20px;
    position:relative;
    height:201px;
    float:left;
}

.index2-con>.fr>ul>li>.img{
    position:relative;
}

.index2-con>.fr>ul>li>.img>a>img{
    width:313px;
    height:153px;
}

.index2-con>.fr>ul>li>.img>.site{
    position:absolute;
    width:65px;
    line-height:20px;
    text-align:center;
    overflow:hidden;
    font-size:14px;
    color:#ffffff;
    background:#2195d6;
    top:0;
    right:0;
}

.index2-con>.fr>ul>li>.title{
    height:25px;
    line-height:25px;
    font-size:14px;
    color:#333333;
    padding:0 10px;
    width:293px;
    overflow:hidden;
}

.index2-con>.fr>ul>li>.title>a{
    display:inline-block;
    color:#333333;
}

.index2-con>.fr>ul>li>.info{
    line-height:22px;
    padding:0 15px;
    color:#000000;
    font-size:14px;
}

.index2-con>.fr>ul>li>.price{
    position:absolute;
    right:15px;
    color:#ff1c1c;
    font-size:18px;
    bottom:0px;
}
/*------------list---------------*/
.location{
    padding-left:20px;
    height:30px;
    line-height:30px;
    font-size:14px;
    color:#333333;
    margin-top:15px;
}

.location>a{
    color:#333333;
}

.location>span{
    margin:0 3px;
}

.list-main{
    width:810px;
    padding:0 25px 25px;
}

.sidebar{
    width:200px;
    padding:25px 15px;
}

.list-con{
    width:100%;
}

.list-con>li{
    width:100%;
    height:276px;
    padding:25px 0;
    border-bottom:1px dashed #bcbcbc;
}

.list-con>li>.img,
.list-con>li>.img>img{
    width:376px;
    height:276px;
}

.list-con>li>.p{
    width:405px;
    height:276px;
    position:relative;
}

.list-con>li>.p>.title{
    font-size:22px;
    height:30px;
    line-height:20px;
}

.list-con>li>.p>.title a{
    color:#333333;
}

.list-con>li>.p>.con{
    color:#333333;
    line-height:24px;
}

.list-con>li>.p>.con>b{
    display:block;
    margin-top:10px;
}

.list-con>li>.p>.link{
    position:absolute;
    right:0;
    bottom:0;
}

.list-con>li>.p>.link>a{
    display:inline-block;
    width:103px;
    height:25px;
    line-height:25px;
    font-size:14px;
    color:#ffffff;
    text-align:center;
}

.list-con>li>.p>.link>a.details{
    background:url(../images/image2.png) no-repeat; 
    margin-right:15px;
}

.list-con>li>.p>.link>a.online{
    background:url(../images/image3.png) no-repeat; 
}

.sidebar>.title{
    height:30px;
    line-height:30px;
    font-size:22px;
    color:#333333;
}

.user-discuss{
    width:100%;
}

.user-discuss>li{
    width:100%;
    margin:10px 0;
}

.user-discuss>li>.user{
    height:20px;
    line-height:20px;
    background:#e2e2e2;
    color:#333333;
    padding:3px 0;
}

.user-discuss>li>.user>span{
    height:20px;
    display:inline-block;
    margin:0 3px;
}

.user-discuss>li>.time{
    height:25px;
    line-height:25px;
    color:#999999;
}

.user-discuss>li>.discuss{
    color:#333333;
    line-height:23px;
}

.user-discuss>li>.satisfaction{
    text-align:right;
    height:25px;
    line-height:25px;
}

.user-discuss>li>.satisfaction>span{
    display:inline-block;
    height:13px;
    width:13px;
}

.user-discuss>li>.satisfaction>span.yes{
    background:url(../images/image4.png) no-repeat;
}

.user-discuss>li>.satisfaction>span.no{
    background:url(../images/image5.png) no-repeat;
}

.pagination{
    margin:20px auto;
    width:350px;
    display:block;
}

/*------------list2---------------*/
.list2{
    width:100%;
}

.list2>li{
    width:1048px;
    height:220px;
    padding:20px 25px;
    border:1px solid #bcbcbc;
    background:#ffffff;
    margin:20px 0;
}

.list2>li>.fl{
    width:775px;
    border-right:1px solid #bcbcbc;
    height:220px;
}

.list2>li>.fl>.img{
    float:left;
    width:376px;
    height:220px;
}

.list2>li>.fl>.list2-con{
    float:right;
    width:370px;
    height:220px;
    position:relative;
}

.list2>li>.fl>.list2-con>.title>a{
    color:#333333;
    font-size:22px;
}

.list2>li>.fl>.list2-con>.con>p{
    font-size:14px;
    color:#333333;
    line-height:28px;
    height:28px;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.list2>li>.fl>.list2-con>.con>.date{
    color:#000000;
}

.list2>li>.fl>.list2-con>.con>.info{
    margin:6px 0;
}

.list2>li>.fl>.list2-con>.con>.info>span{
    margin-right:20px;
}

.list2>li>.fl>.list2-con>.con>a{
    display:block;
    width:103px;
    height:25px;
    line-height:25px;
    color:#ffffff;
    text-align:center;
    background:url(../images/image3.png) no-repeat;
    position:absolute;
    right:30px;
    bottom:8px;
}

.list2>li>.fr{
    width:272px;
    height:220px;
    text-align:center;
}

.list2>li>.fr>span{
    display:block;
    height:50px;
    line-height:65px;
    margin:10px auto 0;
    padding-left:50px;
    font-size:18px;
    color:#010101;
}

.list2>li>.fr>span.haidao{
    background:url(../images/image22.png) no-repeat 65px center;
}

.list2>li>.fr>.price{
    color:#ff4834;
    font-size:50px;
}

.list2>li>.fr>a{
    color:#ffffff;
    display:block;
    width:198px;
    height:42px;
    line-height:42px;
    margin:20px 0 0 45px;
    background:url(../images/image20.png) no-repeat;
    font-size:18px;
}



/*------------article----------------*/


.art-feature{
    background:url(../images/art-feature.jpg) no-repeat;
    width:1000px;
    height:140px;
    padding:15px 60px 15px 40px;
}

.art-feature>.fl{
    width:120px;
    height:140px;
    position:relative;
}

.art-feature>.fl>img{
    width:120px;
    height:115px;
}

.art-feature>.fl>p{
    height:25px;
    line-height:25px;
    font-size:20px;
    color:#000000;
    text-align:center;
}

.art-feature>.fl>span{
    position:absolute;
    top:0;
    left:0;
    background:#ff6767;
    color:#ffffff;
    font-size:12px;
   padding:0 2px;
}

.art-feature>.fr{
    width:845px;
    height:140px;
    padding-left:35px;
    position:relative;
}

.art-feature>.fr>.title{
    height:40px;
    line-height:45px;
    color:#000000;
    font-size:22px;
    font-weight:bold;
}

.art-feature>.fr>.con{
    height:100px;
    line-height:25px;
    color:#333333;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size:16px;
}

.art-feature>.fr>.con>span{
    color:#000000;
}

.art-feature>.fr>a{
    display:block;
    width:115px;
    height:33px;
    background:url(../images/7.png) no-repeat;
    position:absolute;
    /*right:15px;
    bottom:15px;*/
    right:7px;
    top: 7px;
    text-align:center;
    line-height:33px;
    color:#ffffff;
}

.art-con{
    width:1040px;
    padding:20px 30px;
}

.art-con .content{
    line-height:25px;
    color:#000000;
}

.art-con>.title{
    height:45px;
    line-height:45px;
    color:#000000;
    font-size:30px;
}

.art-con>.introductions{
    background:url(../images/introductions.png) no-repeat right bottom;
}

.art-con>.reservation{
    background:url(../images/reservation.png) no-repeat right bottom;
}

.art-con>.prompt{
    background:url(../images/prompt.png) no-repeat right bottom;
}

.art-con>.cost{
    background:url(../images/cost.png) no-repeat right bottom;
}

.art-con>.insurance{
    background:url(../images/insurance.png) no-repeat right bottom;
}

.art-con>.title>span{
    padding-left:50px;
}

.art-con>.relative>span{
    background:url(../images/icon4.png) no-repeat left center;
}

.art-con>.introductions>span,
.art-con>.reservation>span,
.art-con>.prompt>span,
.art-con>.cost>span,
.art-con>.insurance>span{
    background:url(../images/icon2.png) no-repeat left center;
}

.art-con>.insurance-list{
    width:960px;
    margin:0 auto;
}

.art-con>.insurance-list>li{
    width:320px;
    float:left;
    height:100px;
    position:relative;
}

.art-con>.insurance-list>li.aig{
    background:url(../images/aig.png) no-repeat 40% center;
}

.art-con>.insurance-list>li.cpic{
    background:url(../images/cpic.png) no-repeat 40% center;
}

.art-con>.insurance-list>li.life{
    background:url(../images/life.png) no-repeat 40% center;
}

.art-con>.insurance-list>li>a{
    position:absolute;
    right:10px;
    bottom:0px;
    color:#999999;
}

.art-con>.introductions>span.schedule{
    background:url(../images/icon3.png) no-repeat left center;
}

.art-con>.title>a.more{
    font-size:14px;
    color:#1f90cf;
    text-decoration:underline;
}

.art-con>.con-img>.fl{
    width:266px;
}

.art-con>.con-img>.fr{
    width:740px;
}

.art-con .content>.title{
    display:block;
    height:30px;
    line-height:20px;
    font-size:22px;
}

.art-con>.schedule-head{
    height:75px;
    line-height:75px;
    font-size:22px;
    color:#000000;
}

.art-con>.schedule-head>span{
    float:left;
    margin-right:35px;
}

.art-con>.schedule-head>span.blue{
    color:#1f90cf;
    font-size:48px;
}

.art-con>.list-img{
    width:100%;
    height:211px;
}

.art-con>.list-img>li{
    float:left;
    width:320px;
    height:210px;
    position:relative;
    padding:10px;
}

.art-con>.list-img>li>a>img{
    width:320px;
    height:210px;
}

.art-con>.list-img>li>p{
    position:absolute;
    width:290px;
    bottom:10px;
    left:10px;
    line-height:25px;
    color:#ffffff;
    padding:0 15px;
    font-size:18px;
    background-color:rgba(0,0,0,.6); 
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000'); 
}

.art-con>.list-img>li>p>big{
    color:#ff5b45;
    float:right;
}

/*art-banner-js*/
/*art-banner-js-------开始*/
.art-banner{
    width:1050px;
    padding:25px;
    height:385px;
}

.pikachoose{
    width:1050px;
    height:385px; 
    position:relative;
}

/* Style the thumbnails */
.pika-thumbs{ 
    padding: 0 15px; 
    height:315px;
    overflow:hidden; 
}
.pika-thumbs li{ 
    width:195px; 
    height:95px; 
    margin-bottom:10px; 
    overflow: hidden;
    cursor: pointer;
    margin-left:5px;
}
.pika-thumbs li .clip {
    position:relative;
    height:100%;
    text-align: center; 
    vertical-align: middle; 
    overflow: hidden;
}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage,
.pika-textnav{
    width: 825px;
}

.pika-stage{
    position: relative; 
    height:385px;
}

.pika-stage >img,
.pika-stage .pika-aniwrap>img{
    height:385px;
    width:825px;
}
.pika-stage .caption{
    position: absolute; 
    background: #000; 
    background: rgba(0,0,0,0.75);   
    font-size: 14px; 
    color: #ffffff; 
    padding:0 10px;  
    bottom:0px; 
    left:0px;
    width:805px;
    height:85px;
}

.pika-stage .caption a{
    display:block;
    color:#ffffff;
    font-size:22px;
    height:60px;
    line-height:30px;
    overflow:hidden;
}

.pika-stage .caption small{
    margin-right:50px;
    line-height:25px;
}



/* Ths play, pause, prev and next buttons */
.pika-imgnav{
    position:absolute;
    right:-210px;
    top:0;
    width:195px;
    height:385px;
    z-index:99;
}

.pika-imgnav a{
    position: absolute; 
    display: block;
}

.pika-imgnav a.previous {
    background: url(../images/icon-prev.jpg) no-repeat;
    width:195px; 
    height:25px;  
    top:0; 
    right:0;
    cursor:pointer;
}
.pika-imgnav a.next {
    background: url(../images/icon-next.jpg) no-repeat; 
    width:195px;
    height:25px;  
    bottom:0; 
    right:0;
    cursor:pointer;
}
.pika-imgnav a.play {
    background: url(play.png) no-repeat 0% 50%; 
    height: 100px; 
    width: 44px;
    top:0;
    left:50%;
    display: none;
    cursor:pointer;
}
.pika-imgnav a.pause {
    background: url(pause.png) no-repeat 0% 50%; 
    height: 100px; 
    width: 44px;
    top:0;
    left:50%;
    display:none;
    cursor:pointer;
}

.pika-imgnav span{
    display:none;
}

/* The previous and next textual buttons */
.pika-textnav {
    display:none;
    overflow: hidden; 
    margin: 10px 0 0 0;
    bottom:10px; 
    position:absolute;
}
.pika-textnav a {
    font-size: 12px; 
    text-decoration: none; 
    color: #333; 
    padding: 4px;
}
.pika-textnav a.previous {
    float: left; 
    width: auto; 
    display: block;
}
.pika-textnav a.next {
    float: right; 
    width: auto; 
    display: block;
}

/*for the tool tips*/
.pika-tooltip{
    font-size:12px;
    position:absolute;
    color:white;
    padding:3px; 
    background-color: rgba(0,0,0,0.7);
    border:3px solid black;
}
.pika-counter{
    position: absolute;
    bottom: 45px;
    left:15px;
    color:white;
    background:rgba(0,0,0,0.7);
    font-size:11px;
    padding:3px;
    -moz-border-radius: 5px;
    border-radius:5px;
}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ 
    background:url(loading.gif) 3px 3px no-repeat #000; 
    background-color:rgba(0,0,0,0.9); 
    color:white; 
    width:60px; 
    font-size:11px; 
    padding:5px 3px; 
    text-align:right; 
    position:absolute; 
    top:15px; 
    right:15px; 
}

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */

#pikame{width:195px;}


/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika{
    position:absolute;
    top:35px;
    right:20px;
}
.jcarousel-skin-pika .jcarousel-container-vertical { 
    width: 195px;
    height: 315px; 
    overflow:hidden;
}
.jcarousel-skin-pika .jcarousel-clip-vertical { 
    width:  195px; 
    height: 315px;
}
/*.art-banner{
    width:1050px;
    padding:25px;
    height:385px;
}

.art-banner .mod_focus_show{
    width:1050px;
    height:385px;
    position:relative;
    overflow:hidden;
}

.art-banner .mod_focus_show .fl{
    width:825px;
    height:385px;
}

.art-banner .mod_focus_show .fr{
    width:196px;
    height:385px;
    overflow:hidden;
    position:relative;
}

.art-banner .mod_focus_show .mod_focus_pic{
    width:825px;
    height:385px;
}

.art-banner .mod_focus_show .mod_focus_pic li,
.art-banner .mod_focus_show .mod_focus_pic a,
.art-banner .mod_focus_show .mod_focus_pic img{
    width:825px;
    height:385px;
}

.art-banner .mod_focus_show .mod_focus_title{
    position:absolute; 
    z-index:1; 
    left:0; 
    bottom:0; 
    overflow:hidden;
    width:825px; 
    height:85px; 
    background-color:rgba(0,0,0,.8); 
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000'); 
    background-image: url(about:blank); 
}

:root .mod_focus_title { filter: none; }

.art-banner .mod_focus_show .mod_focus_title li{ 
    width:825px; 
    padding:0 30px; 
    overflow: hidden;
}

.art-banner .focus_switch a{
    position:absolute;
    width:196px;
    height:25px;
    z-index:10;
}

.art-banner .focus_switch a.icon_prev{
    top:0;
    left:0;
}

.art-banner .focus_switch a.icon_next{
    bottom:0;
    left:0;
}

.art-banner .mod_focus_show .mod_focus_list{
    width:195px;
    height:335px;
    margin:25px 0;
}

.art-banner .mod_focus_show .mod_focus_list li{
    width:195px;
    height:95px;
    padding:8px 0;
    position:relative;
}

.art-banner .mod_focus_show .mod_focus_list li a:hover .mask,
.art-banner .mod_focus_show .mod_focus_list .current .mask{ 
    display: none; 
}

.art-banner .mod_focus_show .mod_focus_list li .mask{ 
    display:block; 
    height:95px; 
    width:195px; 
    position:absolute; 
    top:8px;  
    background-color:rgba(0,0,0,.5); 
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000');
}*/


/*-------------article2-----------------*/
.art2-banner{
    width:1050px;
    padding:25px;
    height:580px;
}

.art2-banner>.fl{
    width:485px;
    overflow:hidden;
}

.art2-banner>.fl>.banner{
    width:485px;
    overflow:hidden;
}

.art2-banner>.fl>.banner .large_box{
    margin-bottom:25px;
    width:485px;
    height:432px;
    overflow:hidden;
}

.art2-banner>.fl>.banner .large_box img{display:block;width:485px;height:432px;}

.art2-banner>.fl>.banner .small_box{
    width:485px;
    height:89px;
    overflow:hidden;
}

.art2-banner>.fl>.banner .small_list{
    position:relative;
    float:left;
    width:452px;
    height:73px;
    overflow:hidden;
}

.art2-banner>.fl>.banner .small_list ul{
    height:89px;
    overflow:hidden;
}

.art2-banner>.fl>.banner .small_list ul li{
    position:relative;
    float:left;
    margin-right:10px;
    width:103px;
}

.art2-banner>.fl>.banner .small_list ul li img{
    display:block;
    width:103px;
    height:89px;
}
.art2-banner>.fl>.banner .small_list ul li .bun_bg{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:103px;
    height:89px;
    background:#000;
    filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;
}
.art2-banner>.fl>.banner .small_list ul li.on .bun_bg{
    display:none;    
}

.art2-banner>.fl>.banner .btn1{
    display:block;
    width:10px;
    height:89px;
    cursor:pointer;
}

.art2-banner>.fl>.banner .left_btn{
    float:left;
    margin-right:10px;
    background:url(../images/image41.png) no-repeat center;
}
.art2-banner>.fl>.banner .right_btn{
    float:right;
    background:url(../images/image51.png) no-repeat center;
}

.art2-banner>.fr{
    width:540px;
    height:580px;
    overflow:hidden;
}

.art2-banner>.fr>.title{
    font-size:22px;
    color:#000000;
    line-height:30px;
}

.art2-banner>.fr>.title>span{
    display:inline-block;
    width:76px;
    height:26px;
    line-height:26px;
    text-align:center;
    font-size:14px;
    color:#ffffff;
    background:url(../images/image13.png) no-repeat;
    margin-left:10px;
}

.art2-banner>.fr>.price{
    width:545px;
    height:57px;
    background:url(../images/image14.png) no-repeat;
    margin-top:20px;
    padding:20px;
}

.art2-banner>.fr>.price>.fl{
    height:57px;
    line-height:20px;
    padding-left:50px;
    background:url(../images/image15.png) no-repeat left center;
    font-size:14px;
    color:#333333;
}

.art2-banner>.fr>.price>.fr{
    height:57px;
    line-height:57px;
    width:310px;
    color:#ff4834;
    font-size:50px;
}

.art2-banner>.fr>.form-list{
    margin:15px auto;
    width:480px;
}

.art2-banner>.fr>.form-list>li{
    height:30px;
    padding-top:10px;
    margin-bottom:10px;
    position:relative;
}

.art2-banner>.fr>.form-list>li>label{
    width:6em;
    text-align:right;
    margin-right:5px;
    font-weight:normal;
    float:left;
}

.art2-banner>.fr>.form-list>li.visitor-date>span{
    display:inline-block;
    width:74px;
    height:24px;
    text-align:center;
    line-height:26px;
    border:1px solid #999999;
    margin-right:20px;
    cursor:pointer;
}

.art2-banner>.fr>.form-list>li.visitor-date>span.select{
    background:url(../images/image30.png) no-repeat;
    border:none;
    width:76px;
    height:26px;
}

.art2-banner>.fr>.form-list>li>select.input-style{
    width:365px;
    height:30px;
    line-height:30px;
    border:1px solid #bcbcbc;
    background:#ffffff;
    padding-left:12px;
}

.art2-banner>.fr>.form-list>li>.visitor-type{
    display:inline-block;
    width:356px;
    position:absolute;
    right:0;
    top:0;
    height:30px;
    overflow:hidden;
    background:#ffffff;
    padding-left:20px;
    padding-top:10px;
     
}

.art2-banner>.fr>.form-list>li>.visitor-type>ul{
    width:340px;
    float:left;
}

.art2-banner>.fr>.form-list>li>.visitor-type>ul>li{
    width:340px;
    height:30px;
    line-height:30px;
    margin-bottom:10px;
}

.art2-banner>.fr>.form-list>li>.visitor-type>ul>li>button{
    width:28px;
    height:28px;
    text-align:center;
    line-height:28px;
    border:1px solid #dadada;
    background:#ededed;
    float:left;
    font-size:20px;
}

.art2-banner>.fr>.form-list>li>.visitor-type>ul>li>input{
    width:40px;
    height:28px;
    line-height:28px;
    border-top:1px solid #dadada;
    background:#ffffff;
    border-bottom:1px solid #dadada;
    float:left;
    margin:0;
    text-align:center;
    border:none;
}

.art2-banner>.fr>.form-list>li>.visitor-type>ul>li>span{
    margin-left:20px;
    display:inline-block;
    height:30px;
    line-height:30px;
}

.art2-banner>.fr>.form-list>li>.visitor-type>a{
    position:absolute;
    display:inline-block;
    width:16px;
    height:6px;
    right:10px;
    top:15px;
}

.art2-banner>.fr>.form-list>li>.visitor-type>a#less{
    display:none;
}

.art2-banner>.fr>button.submit{
    display:block;
    width:198px;
    height:42px;
    background:url(../images/image20.png) no-repeat;
    text-align:center;
    line-height:42px;
    font-size:18px;
    color:#ffffff;
    margin:0 auto;
    border:none;
}

.art2-banner .sche-intro{
    margin-top:10px;
    height:190px;
    overflow:hidden;
}

.art2-banner .sche-intro p{
    line-height:28px;
}

.art2-banner .sche-intro>thead>tr>td{
    font-size:18px;
    color:#000000;
    font-weight:bold;
    line-height:30px;
    text-align:left;
    padding:6px 10px;
}

.art2-banner .sche-intro>tbody>tr>th{
    font-size:15px;
    color:#000000;
    text-align:left;
    vertical-align:text-top;
    line-height:25px;
    font-weight:normal;
}

.art2-banner .sche-intro>tbody>tr>td{
    font-size:14px;
    color:#999999;
    text-align:left;
    line-height:25px;
    max-width:400px;
}

.spot-intro{
    width:1100px;
}

.spot-intro>.scheme{
    margin:20px 0;
}

.spot-intro>.scheme>.link-img{
    width:100%;
}

.spot-intro>.scheme>.link-img>a{
    position:relative;
    display:block;
    width:254px;
    height:299px;
    float:left;
    padding:20px 10px;
    border-right:1px solid #ffffff;
}

.spot-intro>.scheme>.link-img>a>.img{
    position:relative;
    width:254px;
    height:299px;
}

.spot-intro>.scheme>.link-img>a>.img>span{
    position:absolute;
    top:125px;
    display:block;
    width:254px;
    height:35px;
    line-height:35px;
    background-color:rgba(0,0,0,.6); 
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000');
    text-align:center;
    color:#ffffff;
    font-size:18px;
}



.spot-intro>.scheme>.link-img>a>.info{
    display:none;
    background:url(../images/bg2.png) repeat-x;
    overflow:hidden;
}

.spot-intro>.scheme>.link-img>a>.info>p{
    padding:0 25px;
    color:#ffffff;
}

.spot-intro>.scheme>.link-img>a>.info>p.title{
    height:35px;
    line-height:35px;
    font-size:20px;
    font-weight:bold;
    margin-top:10px;
}

.spot-intro>.scheme>.link-img>a>.info>p.con{
    line-height:20px;
    font-size:14px;
    height:184px;
    overflow:hidden;
}

/*---------------order-----------------*/
.order-banner{
    width:100%;
    height:100%;
    position:relative;
}

.order-banner .order-banner-img{
    width:100%;
    height:auto;
    position:absolute;
    top:0;
}

.order-banner .order-banner-img>img{
    display:block;
    width:100%;
    height:auto;
}

.order-banner>.w11{
    height:488px;
    position:relative;
    top:94px;
}

.order-form{
    position:absolute;
    width:397px;
    height:488px;
    background:url(../images/image7.png) no-repeat;
    top:0;
    left:0;
    z-index:1011;
}

.order-form>.p{
    text-align:center;
    padding-top:58px;
    font-size:33px;
    line-height:50px;
    color:#ffffff;
}

.order-form>.p>.blue{
    color:#a8dbf5;
    font-size:32px!important;
}

.order-form .form-list{
    width:332px;    
    margin:30px auto 0;
}

.order-form .form-list>li{
    background:url(../images/image8.png) no-repeat;
    margin-bottom:25px;
    height:30px;
    padding:5px;
}

.order-form .form-list>li>input{
    height:30px;
    line-height:30px;
    border:none;
    padding-left:45px;
    font-size:16px;
    color:#999999;
    width:100%;
    box-sizing:border-box;
}

.order-form .form-list>li>input.destination{
    background:url(../images/image9.png) no-repeat 15px center;
}

.order-form .form-list>li>input.phone{
    background:url(../images/image10.png) no-repeat 15px center;
}

.order-form>.submit{
    width:332px;
    height:40px;
    background:url(../images/image11.png) no-repeat;
    text-align:center;
    line-height:40px;
    font-size:20px;
    color:#ffffff;
    margin:50px auto;
    border:none;
    display:block;
}

.modal{
    margin:200px auto;
    width:482px;
    height:277px;
    background:url(../images/image12.png) no-repeat;
    padding:15px;
    overflow:hidden;
}

.modal-dialog{
    width:482px;
    height:277px;
    overflow:hidden;
    margin:0;
}

.modal-dialog>p.title{
    font-size:36px;
    color:#333333;
    text-align:center;
    margin-top:60px;
}

.modal-dialog>p.con{
    font-size:16px;
    color:#333333;
    line-height:40px;
    margin-top:25px;
    text-align:center;
}

.dest-head{
    height:70px;
    line-height:70px;
    background:#23a5e0;
    color:#ffffff;
    font-weight:bolder;
    font-size:40px;
    text-align:center;
    width:100%;
    margin-top:40px;
}

.dest-body{
    padding-left:20px;
}

.dest-con{
    width:366px;
    float:left;
    padding-top:20px; 
}

.dest-con>.title{
    font-size:20px;
    color:#0489cf;
    height:35px;
    line-height:35px;
    padding-left:20px;
}

.dest-con>ul{
    width:325px;
    border-bottom:1px solid #999999;
}

.dest-con>ul>li{
    width:65px;
    color:#000000;
    font-size:14px;
    float:left;
    text-align:center;
    height:20px;
    padding:10px 0;
}

.dest-con>ul>li>a{
    color:#000000;
    display:block;
    width:64px;    
    border-right:1px solid #bcbcbc;
    height:20px;
    line-height:20px;
}

.dest-body>.more{
    width:332px;
    height:40px;
    line-height:40px;
    text-align:center;
    background:url(../images/image11.png) no-repeat;
    margin:40px auto;

}

.dest-body>.more>a{
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    font-size:20px;
    color:#ffffff;
}

/*---------footer------------*/
.footer{
    width:100%;
}

.footer>.footer-list{
    width:100%;
    height:106px;
    background:#323232;
}

.footer>.footer-list>ul{
    width:1200px;
    margin:30px auto;
}

.footer>.footer-list>ul>li{
    height:106px;
    line-height:106px;
    width:250px;
    float:left;
    color:#ffffff;
    font-size:20px;
    padding-left:50px;
}

.footer>.footer-list>ul>li.list1{
    background:url(../images/image16.png) no-repeat left center;
}

.footer>.footer-list>ul>li.list2{
    background:url(../images/image17.png) no-repeat left center;
}

.footer>.footer-list>ul>li.list3{
    background:url(../images/image18.png) no-repeat left center;
}

.footer>.footer-list>ul>li.list4{
    background:url(../images/image19.png) no-repeat left center;
}

.footer>p{
    font-size:18px;
    color:#999999;
    text-align:center;
    line-height:40px;
}

/*-----------fastNav----------------*/
.fast-nav{
    position:fixed;
    bottom:100px;
    right:4.5%;
    width:96px;
    z-index: 9999999;
}

.fast-nav>ul>li{
    width:96px;
    height:42px;
    line-height:42px;
    margin-bottom:5px;
    font-size:20px;
    text-align:center;
    background:#23a5e0;
}

.fast-nav>ul>li>a{
    color:#ffffff;
}

.fast-nav>ul>li.zx{
    background:#ffa841;
    font-size:16px;
}

/*-----------details------------*/
.details-body{
    width:960px;
    margin:0 auto;
    padding:20px 0;
}

.details-body>.title{
    height:39px;
    line-height:39px;
    padding-left:4px;
    border-bottom:1px solid #bcbcbc;
    margin-bottom:15px;
}

.details-body>.title>span{
    background:url(../images/a7.jpg) no-repeat left center;
    padding-left:10px;
    color:#0489cf;
    font-size:20px;
}

.details-body>.title>.tips{
    font-size:12px;
    color:#888888;
    background:none;
}

.details-body>.product-info{
    width:900px;
    background:url(../images/a8.jpg) no-repeat;
    height:234px;
    padding:10px 30px;
}

.details-body>.product-info>p{
    line-height:38px;
    color:#6e6e6e;
    font-size:18px;
}

.details-body>.product-info>p>span{
    margin-right:200px;
}

.details-body>.product-info>p>big{
    color:#ff5b45;
}

.contact-form{
    width:900px;
    padding:15px 30px;
    background:#f2f2f2;
}

.contact-form ul{
    width:100%;
}

.contact-form ul li{
    height:30px;
    line-height:30px;
    color:#6e6e6e;
    font-size:18px;
    margin-bottom:10px;
}

.contact-form ul li.fl{
    width:40%;
}

.contact-form ul li.fr{
    width:60%;
}

.contact-form ul li>label{
    font-weight:normal;
    margin-right:12px;
    float:left;

}

.contact-form ul li>input{
    width:150px;
    height:28px;
    line-height:28px;
    border:1px solid #e1e1e1;
    float:left;
}

.contact-form ul li>input[type="radio"]{
    width:40px;
    border:none;
}

.contact-form ul li>span{
    float:left;
    height:30px;
    line-height:30px;
}

.details>.submit,
.modal-con-body .submit,
.details-body>.submit
{
    width:332px;
    height:40px;
    line-height:40px;
    text-align:center;
    background:url(../images/image11.png) no-repeat;
    margin:40px auto;
    color:#ffffff;
    font-size:18px;
    cursor:pointer;
}

.modal-con-body .submit>a{color:#ffffff;}

.other>textarea{
    width:100%;
    height:150px;
    border:1px solid #e1e1e1;
}

.modal-contact{
    margin:200px auto;
    width:512px;
    height:307px;
    background:url(../images/image44.png) no-repeat;
    overflow:hidden;
}

.modal-contact .modal-con-body{
    padding:0;
}

.modal-con-body .modal-form{
    width:332px;
    margin:20px auto;
}

.modal-con-body .modal-form input{
    width:285px;
    border:1px solid #bcbcbc;
    height:30px;
    background:url(../images/image10.png) no-repeat 15px center;
    padding-left:45px;
}

.modal-contact .modal-title{
    position:relative;
    height:30px;
    text-align:right;
    line-height:30px;   
}

.modal-contact .modal-title button.close{
    width:25px;
    height:25px;
    cursor:pointer;
    display:block;
    font-size:30px;
    color:#ffffff;
    font-weight:normal;
}

.fault404{
    background:url(../images/image47.jpg) no-repeat center;
    padding-top:350px;
    margin:30px auto;
    width:1100px;

}

.fault404>p{
    font-size:40px;
    color:#333333;
    text-align:center;
}
.art-banner .mod_focus_show .mod_focus_pic li{
    position:relative;
}

.art-banner .mod_focus_show .mod_focus_pic li>p{
    position:absolute;
    bottom:0;
    left:0;
    height:85px;
    color:#ffffff;
    font-size:22px;
    background-color:rgba(0,0,0,.8); 
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000'); 
    background-image: url(about:blank); 
    line-height:28px;
    padding:0 15px;
    overflow:hidden;
    width:795px;
}

.art-banner .mod_focus_show .mod_focus_pic li>p>span{
    font-size:14px;
    height:25px;
    line-height:25px;
    margin-right:30px;
}
.spot-intro>.title{
    height:45px;
    line-height:45px;
    color:#000000;
    font-size:30px;
    padding-left:20px;
}

.spot-intro>.title>span{
    padding-left:50px;
}

.spot-intro>.theme>span{
    background:url(../images/icon5.png) no-repeat left center;
}

.spot-intro>.theme{
    background:url(../images/cost1.png) no-repeat 200px bottom;
}

.spot-intro>.scheme{
    margin:20px 0;   
}

.spot-intro>.scheme>.link-img{
    width:100%;
}

.p-xcld{height:85px; overflow:hidden; line-height:21px!important;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}

.p-tjly{
    height:180px;
    overflow:hidden;
    line-height:22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;

}

.modal-contact .modal-title button{opacity:1};