﻿@charset "utf-8";
.clear{ clear: both; }
.contain{ width: 1214px; margin: auto; }
/*登录*/
*{ margin:auto; padding: auto; }
.top{ height: 90px; box-shadow: 0 5px 10px #cfcfcf;  background: #fff; }
.logo{ margin-top: 14px; width: 154px; }
.nav ul{ margin-left: 23px; width: 765px; }
.nav ul li{ float: left;  line-height: 50px; }
.nav ul li a{ font-size: 16px;display:block;  padding: 0 40px; }
.nav ul li a:hover, .nav .cut a{ background: #4a6dc1; color: #fff; padding: 0 40px;}
/*.zc dl dt{margin-top: 31px; box-sizing: border-box; margin-right: 10px; float: left; padding-left: 40px; color:#fff; display: block; float: left; background: url(../images/tel.png) no-repeat; width: 158px; height: 32px; line-height: 32px; }*/
.zc dl dt{margin-top: 31px; box-sizing: border-box; margin-right: 10px; float: left; padding-left: 40px;  display: block; float: left;  width: 158px; height: 32px; line-height: 32px; }

.zc dl i{ padding-top: 15px; display: block; float: left; }
.zc dl dd{ display: block; float: left; padding-left:1px; line-height: 90px;  }
.dbanner{ width: 100%; height: 798px; background: url(../images/in_2.jpg) no-repeat 50% 50%; background-size: cover; }
.dll{ background: rgba(0,0,0,.33); width: 360px; height: 337px; float: right; margin-right: 105px; margin-top: 251px; }
.dll h3{ font-size: 35px;font-weight:bold; color: #fff; display: block; text-align: center; height: 54px; line-height: 54px; }
.dl{ width: 244px; margin: auto; }
.dll input{ display:block;  box-shadow: 1px 1px #716651; }
.dll .uers, .dll .pwd{ text-align: center; margin-bottom: 21px;  width: 204px; background: none; border: 1px solid #fff; height: 35px; line-height: 35px; padding-left: 40px;}
.dll .uers{  background: url(../images/ind_1.png) no-repeat left center;  }
.dll .pwd{  background: url(../images/ind_2.png) no-repeat left center; }
.dll .but{ width: 229px; height: 33px; margin: auto; border: none; }
.dll .cut{ background:#4a6dc1; box-shadow: 3px 2px 2px #716651;}
.dll .but:focus{ background:#4a6dc1 }
.dll a{width: 229px; height: 33px; box-shadow: 3px 2px 2px #716651; line-height: 33px; text-align: center; margin: auto; background:#fff; border: none; display: block; margin-top: 12px; }
.dll a:hover{  background:#4a6dc1; color: #fff; }
.dll .ps{ font-size: 12px; color: #eee; display: block; text-align: center; margin-top: 12px; }
.footb{ width: 100%; height: 291px; background:#4a6dc1 url(../images/ind_fo.png) repeat-x left bottom; background-size: cover; background-size: auto 115px; }
.contain2{ width: 1070px; margin: auto; }
.footl{ margin-top: 31px;  }

.footl li {display: inline-block; float: left; width: 160px;}
.footl li a{ display:block; color: #fff;  }
.footl ul { margin-bottom: 70px; width: 100%; display: block; overflow: hidden; }
.footl .nt-2{ font-size: 12px; margin-top: 10px;}
.footl p span, .footl p{ font-size: 12px; color: #fff; }
.footr{ width: 111px; margin-top: 34px; }
.footr p{ display: block; text-align: center; color: #fff; font-size: 12px; }

/*index*/
.flexslider{position:relative;width:100%;height:340px;/*overflow:hidden;*/zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;/*background:url(../images/ad_ctr_1.png) no-repeat;*/position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{ background:rgba(0,0,0,.27); min-height: 50px; border-radius: 10px; padding-top: 10px; padding-bottom: 0px;  width:auto;position:absolute;text-align:center; right: 0%; margin-right: 18%; width: 20px; top:40%; }
.flex-control-nav li{/*margin:0 5px;*/display:block;zoom:1;*display:inline;}
.flex-control-paging li a{ background:#fff; width: 7px; margin-bottom: 5px; border-radius: 50%; display:block;height:7px;overflow:hidden;text-indent:-99em;cursor:pointer;}
.flex-control-paging li a.flex-active{ height: 15px; border-radius: 10px;  }
.bzpro ul { margin-left: -9px; overflow: hidden; }
.bzpro ul li{ display: block; width: 371px; height: 370px; float: left; margin-left: 29px; }
.bzpro ul li img{ display: block; width: 100%; height: auto; min-height: 370px; max-height: 370px; }
/*#demo02 ul{ height: 340px; overflow: hidden; }*/
#demo02 .img{ height: 340px;  width: 100%;   }

.soso{ width: 100%; height: 152px; }flex-control-nav
.sosoin {  margin-top: 26px; }
.soso h2{ display: block; text-align: center; border-bottom: 1px solid #cacaca; color: #545454; font-size: 35px;font-weight:bold; width: 100%; height: 61px; line-height: 61px; margin-bottom: 20px; }
.identityOptionsBox{ width: 220px; margin-right: 27px; display: block; float: left; position: relative; }
.Box1 p, .Box2 p, .Box3 p{background: url(../images/so1.jpg) no-repeat; display: block; width: 90%; height:38px; line-height:38px; padding-left: 55px; }
.Box2 p{background: url(../images/so2.jpg) no-repeat; display: block; width: 90%; height:38px; line-height:38px; padding-left: 55px; }
.Box3 p{ background: url(../images/so3.jpg) no-repeat; display: block; width: 90%; height:38px; line-height:38px; padding-left: 55px; }
.identityOptionsBox .identityOptions {  position: absolute; z-index:99; top:38px; width: 100%; height: 800px; }
.identityOptionsBox .identityOptions li{ display: block; width: 100%; line-height: 36px; background: #4a6dc1; text-align: center; color: #fff; margin-bottom: 1px;  }
.bzpro{ width: 100%; background: #f8f8f8;  }
.bzpro2{ display: block;  height: 370px; overflow: hidden; }
.bzprotit h3{ display: block;  text-align: center; color: #4a6dc1; height: 109px; line-height: 109px; font-size: 35px;font-weight:bold;  }
.containmain{ width: 1200px; margin: auto; }
.bzpro li{ position: relative; z-index: 0; }
.bzpro li:hover i{    opacity: .5;
    position: absolute; width: 100%; height: 100%; display: block; background: url(../images/zcimg.png) no-repeat; overflow: hidden; opacity: .5; }

.bzpro li p{ position: absolute; z-index: 2; display: block; top:15px; left: 0px; bottom: 15px; width: 340px; margin:auto 15px; overflow: hidden; text-align: center;  }
.bzpro li a:hover p{ border: 2px solid #fff; height: 343px; }
.bzpro .tye1{ margin-top: 65px; } 
.bzpro li p span{ display: block; line-height: 35px; color: #ffffff;  font-size: 14px;  }
.bzpro li p span font{ font-size: 18px; }
.bzpro .fons16{ font-size: 16px; }
.bzpro .lj{ font-size: 14px; width: 71px; height: 29px; line-height: 29px; text-align: center; border: 1px solid #fff; border-radius: 5px; margin-top: 20px; }
.bzpro li a:hover span.lj{ background: #4a6dc1; border: 1px solid #4a6dc1; }
.inpro{ padding-bottom: 50px; }
.inpr3tit h3{ font-size: 35px;font-weight:bold; color: #4a6dc1; display: block; text-align: center; margin-top: 30px; line-height: 30px; }
.inpr3tit p{ color:#464646; font-size: 14px; line-height: 30px; width: 100%; display: block; text-align: center; margin-bottom: 20px;}
.inpr3con{ width: 100%; overflow: hidden; }

.inpbox{ width: 246px; margin-right: 3px;  height:auto; position: relative; }
.inpbox ul li{ display:block; position: relative; height: 266px; margin:0px 0px 3px 0px; box-sizing: border-box; }
.inpbox ul li img{ width: 246px; height: 266px; display: block;  }
.inpbox ul li:hover i, .inpbox2bot ul li:hover i{ position: absolute; display: block; width: 246px; height: 100%; background:rgba(0,0,0,.4); }
.inpbox .wz p, .inpbox .wz span, .inpbox .wz h6, .inpbox2 .wz p, .inpbox2 .wz span, .inpbox2 .wz h6, .inpbox2bot .wz p, .inpbox2bot .wz span, .inpbox2bot .wz h6, .inpbox3 .inimg .wz p, .inpbox3 .inimg .wz span, .inpbox3 .inimg .wz h6, .inpbox3 .inimg2 .wz p, .inpbox3 .inimg2 .wz span, .inpbox3 .inimg2 .wz h6{ color: #fff; display: block; text-align: center;}
.inpbox .wz p, .inpbox .wz h6, .inpbox2 .wz p, .inpbox2 .wz h6, .inpbox2bot .wz p, .inpbox2bot .wz h6, .inpbox3 .inimg .wz p, .inpbox3 .inimg .wz h6, .inpbox3 .inimg2 .wz p, .inpbox3 .inimg2 .wz h6  { width: 100%; margin-bottom: 17px;}
.inpbox .wz, .inpbox2top .wz,  .inpbox2top .wz, .inpbox2bot .wz, .inpbox3 .inimg .wz, .inpbox3 .inimg2 .wz{ transition: all 0.3s; position:absolute; z-index: 2; bottom: 15px; width: 95%; margin: auto 2.5%;  }
.inpbox a span, .inpbox2top a span, .inpbox2bot a span, .inpbox3 .inimg a span, .inpbox3 .inimg2 a span{ width: 71px; height: 29px; line-height: 29px; border-radius: 5px; border:1px solid #fff; width:71px;  }
.inpbox .wz p, .inpbox2top .wz p, .inpbox2bot .wz p, .inpbox3 .inimg .wz p, .inpbox3 .inimg2 .wz p{transition: all .1s; height: 40px; text-overflow:ellipsis; overflow: hidden; display: none;  font-size: 14px; }
.inpbox .wz h6, .inpbox2top .wz h6, .inpbox2bot .wz h6, .inpbox3 .inimg .wz h6, .inpbox3 .inimg2 .wz h6{ font-size: 16px; }

.inpbox ul li:hover a span, .inpbox2top:hover a span, .inpbox2bot:hover a span, .inpbox3 .inimg:hover a span, .inpbox3 .inimg2:hover a span{ background: #4a6dc1; border: 1px solid #4a6dc1; }
.inpbox ul li:hover .wz{ bottom: 85px; transition: all .3s; }

.inpbox ul li:hover .wz p, .inpbox2top:hover .wz p, .wz p, .inpbox3 .inimg:hover .wz p, .inpbox3 .inimg2:hover .wz p{ display: block; transition: all .1s; }

.inpbox2bot .insm:hover .wz p, .inpbox2bot .ingw:hover .wz p{ display: block; transition: all .1s; }
.inpbox2top img{ display: block; width: 583px; height: 367px; }
.inpbox2bot img{ display: block; width: 290px; height: 164px; }
.inpbox2top a{ overflow: hidden; }
.inpbox2{ width: 583px; overflow: hidden; margin-right: 3px; }
.inpbox2top{display:block; position: relative; height: 367px; margin:0px 0px 3px 0px; box-sizing: border-box;}
.inpbox2top:hover .wz{ bottom: 120px; transition: all .3s; }
.inpbox2top:hover i{ position: absolute; display: block; width: 100%; height:366px; background:rgba(0,0,0,.4); }
.inpbox2bot ul li{ display: block; float: left;  position: relative; height:165px; width: 290px; overflow: hidden;  box-sizing: border-box; }
.inpbox2bot ul li:first-child{ margin-right: 3px; }
.inpbox2bot ul li:hover i{ width:304px; height: 167px; }
.inpbox2bot .insm:hover .wz{ bottom: 20px; transition: all .3s; }
.inpbox2bot .ingw:hover .wz{ bottom: 20px; transition: all .3s; }
.inpbox3 .inimg{display:block; position: relative; height: 193px; margin:0px 0px 3px 0px; box-sizing: border-box; }
.inpbox3 .inimg:hover i{ position: absolute; display: block; width:364px; height: 192px; background:rgba(0,0,0,.4);}

.inpbox3 .inimg:hover .wz{ bottom: 35px; transition: all .3s; }

.inpbox3 .inimg2:hover i{ position: absolute; display: block; width:365px; height: 339px; background:rgba(0,0,0,.4);}
.inpbox3 .inimg2{display:block; position: relative;  height: 340px;  box-sizing: border-box; margin:0px 0px 3px 0px; box-sizing: border-box; }
.inpbox3 .inimg2:hover .wz{ bottom: 110px; transition: all .3s; }

.inpbox3 .inimg img{display: block; width: 364px; height: 192px; }
.inpbox3 .inimg2 img{ display: block; width: 365px; height: 340px; }

#calendar{ width: 100%; }
/*.box{
    width: 300px;
    margin: 100px auto;
    border: 1px solid #ccc;
}
.content div{
    width: 100%;
    height: 300px;
    background-color: gold;
    display: none;
    line-height: 300px;
    text-align: center;
}
.gold{
    background-color: gold;
}
*/
.tit1 { width: 100%; overflow: hidden; background: #4a6dc1; height: 47px; line-height: 47px; margin-bottom: 23px; box-shadow: 0 3px 5px #bbbbbb;   }
.tit1 ul li{ float: left;  height: 50px; line-height: 50px; margin-right: 20px; padding: 0 30px; text-align: center; }
.tit1 ul li a{ color: #fff; font-size: 16px; }
.tit1 ul li a:hover, .tit1 .hover a{ border-bottom: 3px solid #fff; padding-bottom: 9px; }
.inmdd{ width: 100%; background: #f8f8f8; height: auto; padding-top: 1px; overflow: hidden;  }
.inmpro ul{ margin-left: -2px; }
.inmpro ul li{ position: relative;  display: block; width:392px; padding: 3px; margin-bottom: 3px; margin-left: 2px; height: 302px; background: #fff; float: left;  }
.inmpro ul li:hover{ /*border:1px solid #dedede;*/ box-shadow: -1px 1px 3px #ccc,1px -1px 3px #efefef; }
.inmpro ul li i{ display: block; width: 392px; height: 242px; overflow: hidden; }
.inmpro ul li img{ width: 100%; display: block; height: auto; min-height: 242px; }
.inmpro ul li:hover img{ transform: scale(1.1); transition: all 0.5s; }
.inmpro ul li p{ transition: all .2s; height: 60px; position:absolute; top:242px; width: 100%; line-height: 60px; clear: both; display: block;    }
.inmpro ul li:hover p{ background: #4a6dc1; width: 392px;   }
.inmpro ul li:hover p{ color: #fff; position: absolute; height: 77px; z-index: 2; top:227px; transition: all .2s; }
.inmpro ul li p span{ display:inline-block;  overflow: hidden; font-size: 16px;  }
.inmpro .inmd1{ margin-left: 4%; width:66%; float: left; }
.inmpro .inmd2{ margin-right: 4%; float: right; height: 30px; margin-top: 15px;  width: 60px; line-height: 30px; text-align: center;  border: 1px solid #9f9f9f; }

.sosotit{ display: table; margin: auto; }
.sosotit dl dd{ display: block; width: 87px; line-height: 32px; height: 32px; text-align: center; float: left; margin-right: 50px; }
.sosotit dl dd:hover, .sosotit .active{ background:#4a6dc1; color: #fff;  }

#menu_content{ margin-top: 18px; margin-bottom: 51px; overflow: hidden; }
.proend{ margin-left: -5px;  }
.proend li{ position: relative; width: 391px; height: 261px;  display: block; margin-left: 5px; float: left; border: 1px solid #c8c8c8; padding: 2px; box-shadow: -1px 1px 3px #ccc,1px -1px 3px #efefef;  }
.proend li i{display: block; width: 391px; height: 261px; overflow: hidden; }
.proend li img{  display: block;
    width: 100%;
    height: auto;
    min-height: 184px; transition: all 0.5s;}
.proend li:hover img {transform: scale(1.1);}
.proend li p{  background: rgba(0,0,0,.6); z-index: 3; display: block; bottom:2px; position: absolute; width: 99%; height: 35px; line-height: 30px; color: #fff; text-align: center; padding: 5px; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; overflow: hidden; }
.sea-div{ float: left;  }
.sea-div input[type=text]{  margin-left: 0px!important; border: none!important; color: #545454!important; padding-left: 58px!important;}
.sea-div .hasDatepicker{ background: url(../images/sjc4.jpg) no-repeat left center; width: 220px!important; line-height: 37px!important;  height: 37px!important;}

.sshx{ width: 143px; height: 33px; line-height: 33px; text-align: center; background: #4a6dc1; color: #fff; border-radius: 5px; float: left; border: 1px solid #dfdfdf;  font-size:18px;font-weight:bold;}
.sshx a{color: #fff;}
.wrap{ position:absolute; z-index: 2; background: #4a6dc1; color: #fff; width: 100%; min-height: 100px; border: 1px solid #dfdfdf; }
.tabTitle span{ display:block; float: left; width: 49.5%; text-align: center; height: 30px; line-height: 30px; border-bottom: 1px solid #000; }
.content li{ line-height: 30px;  text-align: center; border-bottom: 1px solid #dfdfdf;  }

.bzprotit .BoxSwitch {margin-top: 0px;text-align: center;}
.bzprotit .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 7px;height: 7px; border-radius: 50%; background: #ccc;margin: 0 5px;cursor: pointer;}
.bzprotit .BoxSwitch span.cur {background:#4a6dc1; width: 14px; border-radius: 10px;}

.conbox {position: relative;overflow: hidden; width: 1200px;}
            .conbox ul {position: relative;list-style: none;}
            /*.conbox ul li {float: left;width: 370px;height: 370px;margin-left:30px;overflow: hidden;}*/
            /*.conbox ul li:first-child {margin-left: 0;}*/
            /*.conbox ul li img {display: block;width: 370px;height: 370px;transition: all 0.5s;}
            .conbox ul li:hover img {transform: scale(1.1);}*/
            
            .BoxSwitch {text-align: center; position:relative; bottom: 31px; }
            .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
            .BoxSwitch span.cur {background: red;}



/*vip个人资料*/
.viptit{ padding-bottom: 10px; border-bottom: 1px dashed #4a6dc1; }
.viptit ul { display: table; margin: auto; overflow: hidden; margin-top: 37px; }
.viptit ul li{
	 width: 148px; height: 58px; display: block; float: left; border: 1px solid #4a6dc1; margin-right: 14px; text-align: center; line-height: 58px;
}
.viptit ul li a{ font-size: 18px; color: #4a6dc1;  display: block; padding-left: 30px  }
.viptit ul li:first-child a{ background: url(../images/v1.jpg) no-repeat 25px center;   }
.viptit ul li:first-child a:hover{ background:#4a6dc1 url(../images/v4.png) no-repeat 25px center; color: #fff;}
.viptit .cut a{  background:#4a6dc1 url(../images/v4.png) no-repeat 25px center !important; color: #fff; }
.viptit .cut:nth-child(2) a{  background:#4a6dc1 url(../images/v5.png) no-repeat 25px center !important; color: #fff; }
.viptit .cut:nth-child(3) a{  background:#4a6dc1 url(../images/v6.png) no-repeat 25px center !important; color: #fff; }
.viptit ul li:nth-child(2) a{ background: url(../images/v2.jpg) no-repeat 25px center; }
.viptit ul li:nth-child(2) a:hover{ background:#4a6dc1 url(../images/v5.png) no-repeat 25px center; color: #fff;}
.viptit ul li:nth-child(3) a{ background: url(../images/v3.jpg) no-repeat 25px center; }
.viptit ul li:nth-child(3) a:hover{ background:#4a6dc1 url(../images/v6.png) no-repeat 25px center; color: #fff;}

.vipcon{ width: 767px; margin:33px auto auto; }
.vipctit{ width: 100%; height: 128px; border-bottom: 1px solid #4a6dc1; }
.vipctit i{ display: block; width: 100px; height: 100px;  border-radius: 50%; float: left; overflow: hidden; }
.vipctit img{ display: block; width: 100%; height: auto;}
.vipctit dl{ margin:22px auto auto 41px; float: left; display: block; }
.vipctit dl dt{ font-size: 24px; }
.vipctit dl dd{ font-size: 16px; margin-top: 10px; }
.vipc2{ overflow: hidden; }
.vipc2 ul{ margin-top: 41px; }
.vipc2 ul li{ width: 383px; float: left;  min-height: 65px;   font-size: 16px; color: #999999; display:block; }
.vipc2 ul li span{ display:block; line-height: 30px; color: #333333; width: 300px; float: left; }
.vipc2 ul li p{ display:block; float: left; line-height: 30px; }

    #login  
    {  
        display:none;  
        border:1px solid #cccccc;  
        height:548px;  
        width:502px;  
        position:absolute;/*让节点脱离文档流,我的理解就是,从页面上浮出来,不再按照文档其它内容布局*/  
        top:24%;/*节点脱离了文档流,如果设置位置需要用top和left,right,bottom定位*/  
        left:34%;  
        z-index:2;/*个人理解为层级关系,由于这个节点要在顶部显示,所以这个值比其余节点的都大*/  
        background: white;  
        border-radius: 10px;
        background: #f4f4f4;
    }  
    #login i{ display: block; width: 102px; height: 102px;  border-radius: 50%; margin: auto; z-index: 3;}
    #login i img{  border-radius: 50%; width: 100%; height: auto; min-height: 102px; }
  #over  
    {  
        width: 100%;  
        height: 100%;  
        opacity:0.3;/*设置背景色透明度,1为完全不透明,IE需要使用filter:alpha(opacity=80);*/  
        filter:alpha(opacity=30);  
        display: none;  
        position:fixed;  
        top:0;  
        left:0;    
        background:rgba(0,0,0,.3);  
        z-index: 1;
        bottom: 0;
        right: 0;
    }  

 .vipc3 .tc{ width: 150px; height: 60px; border: 1px solid #4a6dc1; color: #4a6dc1; display: block; margin: auto; font-size: 18px; text-align: center; line-height: 60px; }
 .vimain{ margin-bottom: 200px; }
 .fr{ width: 387px; margin:20px auto auto; }
  .fr p{ margin-bottom: 20px; }
 .fr label{ display: inline-block; width: 75px; text-align: right; }
 .fr input{ width: 297px; height: 32px; line-height: 32px; border: 1px solid #d1d1d1; border-radius: 5px; padding-left: 5px; }
#login .hi{ display: block; text-align: right; padding-right: 10px; font-size: 30px; }
.vipc3 .baoc{ display: block; width: 150px; height: 40px; background: #4a6dc1; border-radius: 5px; color: #fff; text-align: center; font-size: 18px; line-height: 40px; margin:auto; }

/*关于我们*/
.about{overflow: hidden;  }
.abox1{ width:100%; height: 365px; overflow: hidden; }
.abox1 dt, .abox1 dd, .abox2 dt, .abox2 dd{  display: block; }
.abox1 dd, .abox2 dt{ width: 50%; }
.abox1 dt, .abox2 dd{  font-size: 16px; display: block; text-align: center;  overflow: hidden; }
.abox1 dt h2, .abox2 dd h2{ height: 60px; line-height: 60px; margin-top: 79px;}
.abox1 dt h5, .abox2 dd h5{ height: 144px; overflow: hidden; }
.abox1 dt p, .abox2 dd p{ font-size: 12px; text-align: left; line-height: 36px; }
.abox1 dt, .abox2 dd{ padding: 0 2.5%; width:45%; }
.abox1 a:hover dt, .abox2 a:hover dd, .abox1 .cut{ background: #4a6dc1; color: #fff; height: 365px; }
.containab{ width: 1200px; margin:auto auto 30px; }
.abimg img{  display: block; width: 600px; height: 365px; }

/*目的地*/
.jmain{  width: 100%; height: 100%; background: #f8f8f8; overflow: hidden; }
.jban ul li{ width: 100%; height: 228px; }
.jmaintit ul li{ display: block; float: left; height: 80px; line-height: 80px; margin-right: 53px; }
.jmaintit ul li a:hover, .jmaintit .cut a{ color: #4a6dc1; }
.jmaincon{ position: relative; }
.jmaincon h2{ font-size: 24px; color: #525252; display:block; text-align: center; height: 75px; line-height: 75px;  }


/*.swiper-container1{width: 978px;  height: 601px;overflow:hidden; margin: auto auto 70px; position: relative; box-shadow:-5px 5px 10px #e6e6e6,5px -5px 10px #e6e6e6}

.swiper-container1 .swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.swiper-container1 li a{display:block;width:100%;height:100%; }

.swiper-container1 li{width:100%;overflow:hidden;position:relative;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;}

.swiper-button-prev{background:url(../images/zuo.png) no-repeat center center;background-size:auto 100%;height:29px;width:29px;position:absolute;top:195px;left:8px;z-index:3;}

.swiper-button-next{background:url(../images/you.png) no-repeat center center;background-size:auto 100%;height:29px;width:29px;position:absolute;top:50%;top:195px;right:8px;z-index:3;}

.swiper-container1 li dl{width:100%;height:100%;padding:5px;}

.swiper-container1 li dt{width:968px;height:440px; display: block;}

.swiper-container1 li dt img{display:block;width:100%;height:100%;}

.swiper-container1 li dd{padding-top:2px;}

.swiper-container1 li dd h5{ display: block; text-align: center; font-size: 20px; height: 60px; line-height: 60px; }

.swiper-container1 li dd p{display:block;width:90%; margin:auto; line-height: 30px; height:65px;font-size:1rem;color:#888888;}

.swiper-container1 li dd span{display:block;margin:1.833rem 0 0 7.05882%;text-align:center;width:30.19%;border:1px solid #3eab69;color:#3eab69;font-size:1rem;line-height:2.083rem;border-radius:0.6rem;}

.swiper-pagination{ position: absolute; left: 49%; top:390px; z-index: 20; color: #fff; width: 74px;
    height: 28px; background:rgba(0,0,0,.58); line-height: 28px; text-align: center; border-radius: 5px; }*/

/*我的订单*/
.vlcf{ position: relative; }
.vlcf form{ padding-left: 65px; font-size: 18px; }
.vlcf input { width: 200px; height: 40px; line-height: 40px; margin-right: 20px;  border: 1px solid #d1d1d1; font-size: 18px; }
.vlcf .cx{ width: 60px; height: 40px; background: none; border: 1px solid #d1d1d1; }
.vltit{ margin-top: 20px;  box-shadow: -1px 1px 3px #ccc,1px -1px 3px #efefef;  width: 100%; height: 57px; line-height: 60px; }
.vltit span{ font-size: 18px; overflow: hidden; text-align: center; display:inline-block; color: #333333; background: url(../images/v_xian.png) no-repeat left center; }
.vltit .vls1{  background: none; }
.vltit .vls1, .vltit .vls2{ width: 18%; }
.vltit .vls3, .vltit .vls4, .vltit .vls5, .vltit .vls6{ width: 13%; }
.vls7{width: 9.9%; }

.vloin{ width: 100%; height:61px; line-height: 61px; background: #fbfbfb; margin: 15px auto;  }
.vloin ul li{ display: block; float: left; width: 196px; text-align: center; background: url(../images/v_xian.png) no-repeat left center;  }
.vloin ul li:first-child{ background: none; }
.vloin ul li a{ font-size: 18px; }
.vloin ul li a:hover, .vloin .cut a{ border-bottom: 2px solid #4a6dc1; padding-bottom: 0px; width: 100%; display: block; }

.vlcon .vldd{ width: 100%; border-top: 1px solid #d1d1d1; }
.vlcon .vldd dl{ align-items:center; display: -webkit-flex; }
.vlcon ul li{ margin-top: 18px; box-shadow: -1px 1px 3px #ccc,1px -1px 3px #efefef;  overflow: hidden; }
.vlcon ul li h2{ display: table; margin: auto; }
.vlcon ul li h2 span{  margin-right: 35px; height: 36px; line-height: 36px; overflow: hidden; }
.vlcon ul li h3{ border-top:1px solid #d1d1d1; }
.vlcon .vldd dl dd { line-height: 25px; padding: 40px 10px; box-sizing: border-box;    text-align: center;
    vertical-align: middle; display:inline-block;  background: url(../images/v_xian2.png) right center no-repeat; }
.vlcon .vldd .vld1{ width: 18%; }
.vlcon .vldd .vld2{ width: 18.4%; }
.vlcon .vldd .vld3{ width: 18.7%; }
.vlcon .vldd .vld4, .vlcon .vldd .vld5, .vlcon .vldd .vld6{ width: 14.6%; }
.vldd .vld6{ background: none!important; }
.vlcon .vldd dl dd p{ text-align: left; width: 80%; margin: auto; }
.vldd2 .vld6{ background: url(../images/v_xian2.png) right center no-repeat!important; }
.vldd2 .vld7{background: none!important;}
.vlcon .vldd2 .vld4, .vlcon .vldd2 .vld5, .vlcon .vldd2 .vld6, .vlcon .vldd2 .vld7{ width: 12%; }
.vldd2 .vld7 a{ border: 1px solid #4a6dc1; color: #4a6dc1; padding:5px 10px; border-radius: 15px; }

.jban .jnban{ width:302px; padding:35px 0px 30px; margin: auto; }
.jban .jnban h2{ font-size: 24px; color: #fff; line-height: 40px; text-align: center;}
.jban .jnban p{ font-size: 18px; color: #fff; text-align: center; line-height: 30px; }
.jban .jnban span{ margin-top: 5px; display: block; text-align: center; height: 48px; line-height: 48px; background:rgba( 0,0,0,.3); color: #fff;}
.jban .jnban span a{ display: inline-block; margin-left: 10px; border-radius: 3px; background: #4a6dc1; height: 25px; line-height: 25px; color: #fff; padding: 0 5px; margin-top: 12px; }
/*分页*/
div.digg {
    padding: 3px 0;
    margin: 40px auto;
    text-align: center;
    font-family: Verdana;
    font-size: 16px;
    /* overflow: hidden; */
    height: 26px;
    padding-bottom: 15px; 
    display: table;
}

    div.digg a {
       /* border: #d2d2d2 1px solid;*/
        padding: 5px 12px;
        margin: 5px;
        color: #d2d2d2;
        text-decoration: none;
    }

        div.digg a:hover {
            border: 1px solid #4a6dc1;
            background: #4a6dc1;
            color: #fff;
        
        }

        div.digg a:active {
            border: #4a6dc1 1px solid;
            color: #000;
           
        }

    div.digg span.current {
        border: #4a6dc1 1px solid;
        padding: 5px 12px;
        font-weight: bold;
        margin: 5px;
        color: #fff;
        background-color: #4a6dc1;
    }

    div.digg span.disabled {
      /*  border: #eee 1px solid;*/
        padding: 5px 12px;
        margin:5px;
        color: #ddd;
       
    }


/*css meneame style pagination*/
div.meneame {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 80%;
    padding-bottom: 3px;
    margin: 3px;
    color: #ff6500;
    padding-top: 3px;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
}

    div.meneame a {
        border-right: #ff9600 1px solid;
        padding-right: 7px;
        background-position: 50% bottom;
        border-top: #ff9600 1px solid;
        padding-left: 7px;
        background-image: url(meneame.jpg);
        padding-bottom: 5px;
        border-left: #ff9600 1px solid;
        color: #ff6500;
        margin-right: 3px;
        padding-top: 5px;
        border-bottom: #ff9600 1px solid;
        text-decoration: none;
    }

        div.meneame a:hover {
            border-right: #ff9600 1px solid;
            border-top: #ff9600 1px solid;
            background-image: none;
            border-left: #ff9600 1px solid;
            color: #ff6500;
            border-bottom: #ff9600 1px solid;
            background-color: #ffc794;
        }

        div.meneame a:active {
            border-right: #ff9600 1px solid;
            border-top: #ff9600 1px solid;
            background-image: none;
            border-left: #ff9600 1px solid;
            color: #ff6500;
            border-bottom: #ff9600 1px solid;
            background-color: #ffc794;
        }

    div.meneame span.current {
        border-right: #ff6500 1px solid;
        padding-right: 7px;
        border-top: #ff6500 1px solid;
        padding-left: 7px;
        font-weight: bold;
        padding-bottom: 5px;
        border-left: #ff6500 1px solid;
        color: #ff6500;
        margin-right: 3px;
        padding-top: 5px;
        border-bottom: #ff6500 1px solid;
        background-color: #ffbe94;
    }

    div.meneame span.disabled {
        border-right: #ffe3c6 1px solid;
        padding-right: 7px;
        border-top: #ffe3c6 1px solid;
        padding-left: 7px;
        padding-bottom: 5px;
        border-left: #ffe3c6 1px solid;
        color: #ffe3c6;
        margin-right: 3px;
        padding-top: 5px;
        border-bottom: #ffe3c6 1px solid;
    }

/*css flickr style pagination*/
div.flickr {
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
}

    div.flickr a {
        float: left;
        border-right: #dedfde 1px solid;
        padding-right: 12px;
        background-position: 50% bottom;
        border-top: #dedfde 1px solid;
        padding-left: 12px;
        padding-bottom: 8px;
        border-left: #dedfde 1px solid;
        color: #666;
        margin-right: 10px;
        padding-top: 8px;
        border-bottom: #dedfde 1px solid;
        text-decoration: none;
    }

        div.flickr a:hover {
            background-image: none;
            color: #fff;
            background: #ff6600;
        }

div.meneame a:active {
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    background-image: none;
    border-left: #000 1px solid;
    color: #fff;
    border-bottom: #000 1px solid;
    background: #ff6600;
}

div.flickr span.current {
    float: left;
    padding-right: 12px;
    padding-left: 12px;
    font-weight: bold;
    padding-bottom: 8px;
    color: #fff;
    margin-right: 10px;
    padding-top: 8px;
    background: #ff6600;
}

div.flickr span.disabled {
    float: left;
    overflow: hidden;
    width: 60px;
    display: block;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 8px;
    color: #adaaad;
    margin-right: 10px;
    padding-top: 8px;
    border: #ddd 1px solid;
}

/*css scott style pagination*/

div.scott {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    margin: 3px;
    padding-top: 3px;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
}

    div.scott a {
        border-right: #ddd 1px solid;
        padding-right: 5px;
        border-top: #ddd 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        border-left: #ddd 1px solid;
        color: #88af3f;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #ddd 1px solid;
        text-decoration: none;
    }

        div.scott a:hover {
            border-right: #85bd1e 1px solid;
            border-top: #85bd1e 1px solid;
            border-left: #85bd1e 1px solid;
            color: #638425;
            border-bottom: #85bd1e 1px solid;
            background-color: #f1ffd6;
        }

        div.scott a:active {
            border-right: #85bd1e 1px solid;
            border-top: #85bd1e 1px solid;
            border-left: #85bd1e 1px solid;
            color: #638425;
            border-bottom: #85bd1e 1px solid;
            background-color: #f1ffd6;
        }

    div.scott span.current {
        border-right: #b2e05d 1px solid;
        padding-right: 5px;
        border-top: #b2e05d 1px solid;
        padding-left: 5px;
        font-weight: bold;
        padding-bottom: 2px;
        border-left: #b2e05d 1px solid;
        color: #fff;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #b2e05d 1px solid;
        background-color: #b2e05d;
    }

    div.scott span.disabled {
        border-right: #f3f3f3 1px solid;
        padding-right: 5px;
        border-top: #f3f3f3 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        border-left: #f3f3f3 1px solid;
        color: #ccc;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #f3f3f3 1px solid;
    }



/*css quotes style pagination*/

div.quotes {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    margin: 3px;
    padding-top: 3px;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
}

    div.quotes a {
        border-right: #ddd 1px solid;
        padding-right: 5px;
        border-top: #ddd 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        border-left: #ddd 1px solid;
        color: #aaa;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #ddd 1px solid;
        text-decoration: none;
    }

        div.quotes a:hover {
            border-right: #a0a0a0 1px solid;
            padding-right: 5px;
            border-top: #a0a0a0 1px solid;
            padding-left: 5px;
            padding-bottom: 2px;
            border-left: #a0a0a0 1px solid;
            margin-right: 2px;
            padding-top: 2px;
            border-bottom: #a0a0a0 1px solid;
        }

        div.quotes a:active {
            border-right: #a0a0a0 1px solid;
            padding-right: 5px;
            border-top: #a0a0a0 1px solid;
            padding-left: 5px;
            padding-bottom: 2px;
            border-left: #a0a0a0 1px solid;
            margin-right: 2px;
            padding-top: 2px;
            border-bottom: #a0a0a0 1px solid;
        }

    div.quotes span.current {
        border-right: #e0e0e0 1px solid;
        padding-right: 5px;
        border-top: #e0e0e0 1px solid;
        padding-left: 5px;
        font-weight: bold;
        padding-bottom: 2px;
        border-left: #e0e0e0 1px solid;
        color: #aaa;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #e0e0e0 1px solid;
        background-color: #f0f0f0;
    }

    div.quotes span.disabled {
        border-right: #f3f3f3 1px solid;
        padding-right: 5px;
        border-top: #f3f3f3 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        border-left: #f3f3f3 1px solid;
        color: #ccc;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #f3f3f3 1px solid;
    }



/*css black style pagination*/

div.black {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 80%;
    padding-bottom: 10px;
    margin: 3px;
    color: #a0a0a0;
    padding-top: 10px;
    background-color: #000;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
}

    div.black a {
        border-right: #909090 1px solid;
        padding-right: 5px;
        background-position: 50% bottom;
        border-top: #909090 1px solid;
        padding-left: 5px;
        background-image: url(bar.gif);
        padding-bottom: 2px;
        border-left: #909090 1px solid;
        color: #c0c0c0;
        margin-right: 3px;
        padding-top: 2px;
        border-bottom: #909090 1px solid;
        text-decoration: none;
    }

        div.black a:hover {
            border-right: #f0f0f0 1px solid;
            border-top: #f0f0f0 1px solid;
            background-image: url(invbar.gif);
            border-left: #f0f0f0 1px solid;
            color: #ffffff;
            border-bottom: #f0f0f0 1px solid;
            background-color: #404040;
        }

        div.black a:active {
            border-right: #f0f0f0 1px solid;
            border-top: #f0f0f0 1px solid;
            background-image: url(invbar.gif);
            border-left: #f0f0f0 1px solid;
            color: #ffffff;
            border-bottom: #f0f0f0 1px solid;
            background-color: #404040;
        }

    div.black span.current {
        border-right: #ffffff 1px solid;
        padding-right: 5px;
        border-top: #ffffff 1px solid;
        padding-left: 5px;
        font-weight: bold;
        padding-bottom: 2px;
        border-left: #ffffff 1px solid;
        color: #ffffff;
        margin-right: 3px;
        padding-top: 2px;
        border-bottom: #ffffff 1px solid;
        background-color: #606060;
    }

    div.black span.disabled {
        border-right: #606060 1px solid;
        padding-right: 5px;
        border-top: #606060 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        border-left: #606060 1px solid;
        color: #808080;
        margin-right: 3px;
        padding-top: 2px;
        border-bottom: #606060 1px solid;
    }




/*css black2 style pagination*/

div.black2 {
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 7px;
    margin: 3px;
    padding-top: 7px;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
}

    div.black2 a {
        border-right: #000000 1px solid;
        padding-right: 5px;
        border-top: #000000 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #000000 1px solid;
        color: #000000;
        padding-top: 2px;
        border-bottom: #000000 1px solid;
        text-decoration: none;
    }

        div.black2 a:hover {
            border-right: #000000 1px solid;
            border-top: #000000 1px solid;
            border-left: #000000 1px solid;
            color: #fff;
            border-bottom: #000000 1px solid;
            background-color: #000;
        }

        div.black2 a:active {
            border-right: #000000 1px solid;
            border-top: #000000 1px solid;
            border-left: #000000 1px solid;
            color: #fff;
            border-bottom: #000000 1px solid;
            background-color: #000;
        }

    div.black2 span.current {
        border-right: #000000 1px solid;
        padding-right: 5px;
        border-top: #000000 1px solid;
        padding-left: 5px;
        font-weight: bold;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #000000 1px solid;
        color: #fff;
        padding-top: 2px;
        border-bottom: #000000 1px solid;
        background-color: #000000;
    }

    div.black2 span.disabled {
        border-right: #eee 1px solid;
        padding-right: 5px;
        border-top: #eee 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #eee 1px solid;
        color: #ddd;
        padding-top: 2px;
        border-bottom: #eee 1px solid;
    }




/*css black-red style pagination*/

div.black-red {
    font-size: 11px;
    color: #fff;
    font-family: tahoma, arial, helvetica, sans-serif;
    background-color: #3e3e3e;
}

    div.black-red a {
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        color: #fff;
        padding-top: 2px;
        background-color: #3e3e3e;
        text-decoration: none;
    }

        div.black-red a:hover {
            color: #fff;
            background-color: #ec5210;
        }

        div.black-red a:active {
            color: #fff;
            background-color: #ec5210;
        }

    div.black-red span.current {
        padding-right: 5px;
        padding-left: 5px;
        font-weight: bold;
        padding-bottom: 2px;
        margin: 2px;
        color: #fff;
        padding-top: 2px;
        background-color: #313131;
    }

    div.black-red span.disabled {
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        color: #868686;
        padding-top: 2px;
        background-color: #3e3e3e;
    }


/*css green-black style pagination*/

div.green-black {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    margin: 3px;
    padding-top: 3px;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
}

    div.green-black a {
        border-right: #2c2c2c 1px solid;
        padding-right: 5px;
        border-top: #2c2c2c 1px solid;
        padding-left: 5px;
        background: url(image1.gif) #2c2c2c;
        padding-bottom: 2px;
        border-left: #2c2c2c 1px solid;
        color: #fff;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #2c2c2c 1px solid;
        text-decoration: none;
    }

        div.green-black a:hover {
            border-right: #aad83e 1px solid;
            border-top: #aad83e 1px solid;
            background: url(image2.gif) #aad83e;
            border-left: #aad83e 1px solid;
            color: #fff;
            border-bottom: #aad83e 1px solid;
        }

        div.green-black a:active {
            border-right: #aad83e 1px solid;
            border-top: #aad83e 1px solid;
            background: url(image2.gif) #aad83e;
            border-left: #aad83e 1px solid;
            color: #fff;
            border-bottom: #aad83e 1px solid;
        }

    div.green-black span.current {
        border-right: #aad83e 1px solid;
        padding-right: 5px;
        border-top: #aad83e 1px solid;
        padding-left: 5px;
        font-weight: bold;
        background: url(image2.gif) #aad83e;
        padding-bottom: 2px;
        border-left: #aad83e 1px solid;
        color: #fff;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #aad83e 1px solid;
    }

    div.green-black span.disabled {
        border-right: #f3f3f3 1px solid;
        padding-right: 5px;
        border-top: #f3f3f3 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        border-left: #f3f3f3 1px solid;
        color: #ccc;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #f3f3f3 1px solid;
    }

/*css grayr style pagination*/

div.grayr {
    padding-right: 2px;
    padding-left: 2px;
    font-size: 11px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-family: tahoma, arial, helvetica, sans-serif;
    background-color: #c1c1c1;
}

    div.grayr a {
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        color: #000;
        padding-top: 2px;
        background-color: #c1c1c1;
        text-decoration: none;
    }

        div.grayr a:hover {
            color: #000;
            background-color: #99ffff;
        }

        div.grayr a:active {
            color: #000;
            background-color: #99ffff;
        }

    div.grayr span.current {
        padding-right: 5px;
        padding-left: 5px;
        font-weight: bold;
        padding-bottom: 2px;
        margin: 2px;
        color: #303030;
        padding-top: 2px;
        background-color: #fff;
    }

    div.grayr span.disabled {
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        color: #797979;
        padding-top: 2px;
        background-color: #c1c1c1;
    }




/*css yellow style pagination*/

div.yellow {
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 7px;
    margin: 3px;
    padding-top: 7px;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
}

    div.yellow a {
        border-right: #ccc 1px solid;
        padding-right: 5px;
        border-top: #ccc 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #ccc 1px solid;
        color: #000;
        padding-top: 2px;
        border-bottom: #ccc 1px solid;
        text-decoration: none;
    }

        div.yellow a:hover {
            border-right: #f0f0f0 1px solid;
            border-top: #f0f0f0 1px solid;
            border-left: #f0f0f0 1px solid;
            color: #000;
            border-bottom: #f0f0f0 1px solid;
        }

        div.yellow a:active {
            border-right: #f0f0f0 1px solid;
            border-top: #f0f0f0 1px solid;
            border-left: #f0f0f0 1px solid;
            color: #000;
            border-bottom: #f0f0f0 1px solid;
        }

    div.yellow span.current {
        border-right: #d9d300 1px solid;
        padding-right: 5px;
        border-top: #d9d300 1px solid;
        padding-left: 5px;
        font-weight: bold;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #d9d300 1px solid;
        color: #fff;
        padding-top: 2px;
        border-bottom: #d9d300 1px solid;
        background-color: #d9d300;
    }

    div.yellow span.disabled {
        border-right: #eee 1px solid;
        padding-right: 5px;
        border-top: #eee 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #eee 1px solid;
        color: #ddd;
        padding-top: 2px;
        border-bottom: #eee 1px solid;
    }



/*css jogger style pagination*/

div.jogger {
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    margin: 7px;
    padding-top: 2px;
    font-family: "lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif;
}

    div.jogger a {
        padding-right: 0.64em;
        padding-left: 0.64em;
        padding-bottom: 0.43em;
        margin: 2px;
        color: #fff;
        padding-top: 0.5em;
        background-color: #ee4e4e;
        text-decoration: none;
    }

        div.jogger a:hover {
            padding-right: 0.64em;
            padding-left: 0.64em;
            padding-bottom: 0.43em;
            margin: 2px;
            color: #fff;
            padding-top: 0.5em;
            background-color: #de1818;
        }

        div.jogger a:active {
            padding-right: 0.64em;
            padding-left: 0.64em;
            padding-bottom: 0.43em;
            margin: 2px;
            color: #fff;
            padding-top: 0.5em;
            background-color: #de1818;
        }

    div.jogger span.current {
        padding-right: 0.64em;
        padding-left: 0.64em;
        padding-bottom: 0.43em;
        margin: 2px;
        color: #6d643c;
        padding-top: 0.5em;
        background-color: #f6efcc;
    }

    div.jogger span.disabled {
        display: none;
    }



/*css starcraft2 style pagination*/

div.starcraft2 {
    padding-right: 3px;
    padding-left: 3px;
    font-weight: bold;
    font-size: 13.5pt;
    padding-bottom: 3px;
    margin: 3px;
    color: #fff;
    padding-top: 3px;
    font-family: arial;
    background-color: #000;
    text-align: center;
}

    div.starcraft2 a {
        margin: 2px;
        color: #fa0;
        background-color: #000;
        text-decoration: none;
    }

        div.starcraft2 a:hover {
            color: #fff;
            background-color: #000;
        }

        div.starcraft2 a:active {
            color: #fff;
            background-color: #000;
        }

    div.starcraft2 span.current {
        font-weight: bold;
        margin: 2px;
        color: #fff;
        background-color: #000;
    }

    div.starcraft2 span.disabled {
        margin: 2px;
        color: #444;
        background-color: #000;
    }



/*css tres style pagination*/

div.tres {
    padding-right: 7px;
    padding-left: 7px;
    font-weight: bold;
    font-size: 13.2pt;
    padding-bottom: 7px;
    margin: 3px;
    padding-top: 7px;
    font-family: arial, helvetica, sans-serif;
    text-align: center;
}

    div.tres a {
        border-right: #d9d300 2px solid;
        padding-right: 5px;
        border-top: #d9d300 2px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #d9d300 2px solid;
        color: #fff;
        padding-top: 2px;
        border-bottom: #d9d300 2px solid;
        background-color: #d90;
        text-decoration: none;
    }

        div.tres a:hover {
            border-right: #ff0 2px solid;
            border-top: #ff0 2px solid;
            border-left: #ff0 2px solid;
            color: #000;
            border-bottom: #ff0 2px solid;
            background-color: #ff0;
        }

        div.tres a:active {
            border-right: #ff0 2px solid;
            border-top: #ff0 2px solid;
            border-left: #ff0 2px solid;
            color: #000;
            border-bottom: #ff0 2px solid;
            background-color: #ff0;
        }

    div.tres span.current {
        border-right: #fff 2px solid;
        padding-right: 5px;
        border-top: #fff 2px solid;
        padding-left: 5px;
        font-weight: bold;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #fff 2px solid;
        color: #000;
        padding-top: 2px;
        border-bottom: #fff 2px solid;
    }

    div.tres span.disabled {
        display: none;
    }



/*css megas512 style pagination*/

div.megas512 {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    margin: 3px;
    padding-top: 3px;
    text-align: center;
}

    div.megas512 a {
        border-right: #dedfde 1px solid;
        padding-right: 6px;
        background-position: 50% bottom;
        border-top: #dedfde 1px solid;
        padding-left: 6px;
        padding-bottom: 2px;
        border-left: #dedfde 1px solid;
        color: #99210b;
        margin-right: 3px;
        padding-top: 2px;
        border-bottom: #dedfde 1px solid;
        text-decoration: none;
    }

        div.megas512 a:hover {
            border-right: #000 1px solid;
            border-top: #000 1px solid;
            background-image: none;
            border-left: #000 1px solid;
            color: #fff;
            border-bottom: #000 1px solid;
            background-color: #777777;
        }

        div.megas512 a:active {
            border-right: #000 1px solid;
            border-top: #000 1px solid;
            background-image: none;
            border-left: #000 1px solid;
            color: #fff;
            border-bottom: #000 1px solid;
            background-color: #777777;
        }

    div.megas512 span.current {
        padding-right: 6px;
        padding-left: 6px;
        font-weight: bold;
        padding-bottom: 2px;
        color: #99210b;
        margin-right: 3px;
        padding-top: 2px;
    }

    div.megas512 span.disabled {
        padding-right: 6px;
        padding-left: 6px;
        padding-bottom: 2px;
        color: #adaaad;
        margin-right: 3px;
        padding-top: 2px;
    }



/*css technorati style pagination*/

div.technorati {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    margin: 3px;
    padding-top: 3px;
    text-align: center;
}

    div.technorati a {
        border-right: #ccc 1px solid;
        padding-right: 6px;
        background-position: 50% bottom;
        border-top: #ccc 1px solid;
        padding-left: 6px;
        font-weight: bold;
        padding-bottom: 2px;
        border-left: #ccc 1px solid;
        color: rgb(66,97,222);
        margin-right: 3px;
        padding-top: 2px;
        border-bottom: #ccc 1px solid;
        text-decoration: none;
    }

        div.technorati a:hover {
            background-image: none;
            color: #fff;
            background-color: #4261df;
        }

        div.technorati a:active {
            background-image: none;
            color: #fff;
            background-color: #4261df;
        }

    div.technorati span.current {
        padding-right: 6px;
        padding-left: 6px;
        font-weight: bold;
        padding-bottom: 2px;
        color: #000;
        margin-right: 3px;
        padding-top: 2px;
    }

    div.technorati span.disabled {
        display: none;
    }



/*css youtube style pagination*/

div.youtube {
    padding-right: 6px;
    border-top: #9c9a9c 1px dotted;
    padding-left: 0px;
    font-size: 13px;
    padding-bottom: 4px;
    color: #313031;
    padding-top: 4px;
    font-family: arial, helvetica, sans-serif;
    background-color: #cecfce;
    text-align: right;
}

    div.youtube a {
        padding-right: 3px;
        padding-left: 3px;
        font-weight: bold;
        padding-bottom: 1px;
        margin: 0px 1px;
        color: #0030ce;
        padding-top: 1px;
        text-decoration: underline;
    }

        div.youtube a:hover {
        }

        div.youtube a:active {
        }

    div.youtube span.current {
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 1px;
        color: #000;
        padding-top: 1px;
        background-color: #fff;
    }

    div.youtube span.disabled {
        display: none;
    }




/*css msdn style pagination*/

div.msdn {
    padding-right: 6px;
    padding-left: 0px;
    font-size: 13px;
    padding-bottom: 4px;
    color: #313031;
    padding-top: 4px;
    font-family: verdana,tahoma,arial,helvetica,sans-serif;
    background-color: #fff;
    text-align: right;
}

    div.msdn a {
        border-right: #b7d8ee 1px solid;
        padding-right: 6px;
        border-top: #b7d8ee 1px solid;
        padding-left: 5px;
        padding-bottom: 4px;
        margin: 0px 3px;
        border-left: #b7d8ee 1px solid;
        color: #0030ce;
        padding-top: 5px;
        border-bottom: #b7d8ee 1px solid;
        text-decoration: none;
    }

        div.msdn a:hover {
            border-right: #b7d8ee 1px solid;
            border-top: #b7d8ee 1px solid;
            border-left: #b7d8ee 1px solid;
            color: #0066a7;
            border-bottom: #b7d8ee 1px solid;
            background-color: #d2eaf6;
        }

div.pagination a:active {
    border-right: #b7d8ee 1px solid;
    border-top: #b7d8ee 1px solid;
    border-left: #b7d8ee 1px solid;
    color: #0066a7;
    border-bottom: #b7d8ee 1px solid;
    background-color: #d2eaf6;
}

div.msdn span.current {
    border-right: #b7d8ee 1px solid;
    padding-right: 6px;
    border-top: #b7d8ee 1px solid;
    padding-left: 5px;
    font-weight: bold;
    padding-bottom: 4px;
    margin: 0px 3px;
    border-left: #b7d8ee 1px solid;
    color: #444444;
    padding-top: 5px;
    border-bottom: #b7d8ee 1px solid;
    background-color: #d2eaf6;
}

div.msdn span.disabled {
    display: none;
}




/*css badoo style pagination*/

div.badoo {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 13px;
    padding-bottom: 10px;
    color: #48b9ef;
    padding-top: 10px;
    font-family: arial, helvetica, sans-serif;
    background-color: #fff;
    text-align: center;
}

    div.badoo a {
        border-right: #f0f0f0 2px solid;
        padding-right: 5px;
        border-top: #f0f0f0 2px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 0px 2px;
        border-left: #f0f0f0 2px solid;
        color: #48b9ef;
        padding-top: 2px;
        border-bottom: #f0f0f0 2px solid;
        text-decoration: none;
    }

        div.badoo a:hover {
            border-right: #ff5a00 2px solid;
            border-top: #ff5a00 2px solid;
            border-left: #ff5a00 2px solid;
            color: #ff5a00;
            border-bottom: #ff5a00 2px solid;
        }

        div.badoo a:active {
            border-right: #ff5a00 2px solid;
            border-top: #ff5a00 2px solid;
            border-left: #ff5a00 2px solid;
            color: #ff5a00;
            border-bottom: #ff5a00 2px solid;
        }

    div.badoo span.current {
        border-right: #ff5a00 2px solid;
        padding-right: 5px;
        border-top: #ff5a00 2px solid;
        padding-left: 5px;
        font-weight: bold;
        padding-bottom: 2px;
        border-left: #ff5a00 2px solid;
        color: #fff;
        padding-top: 2px;
        border-bottom: #ff5a00 2px solid;
        background-color: #ff6c16;
    }

    div.badoo span.disabled {
        display: none;
    }





/*css manu style pagination*/

.manu {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    margin: 3px;
    padding-top: 3px;
    text-align: center;
}

    .manu a {
        border-right: #eee 1px solid;
        padding-right: 5px;
        border-top: #eee 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #eee 1px solid;
        color: #036cb4;
        padding-top: 2px;
        border-bottom: #eee 1px solid;
        text-decoration: none;
    }

        .manu a:hover {
            border-right: #999 1px solid;
            border-top: #999 1px solid;
            border-left: #999 1px solid;
            color: #666;
            border-bottom: #999 1px solid;
        }

        .manu a:active {
            border-right: #999 1px solid;
            border-top: #999 1px solid;
            border-left: #999 1px solid;
            color: #666;
            border-bottom: #999 1px solid;
        }

    .manu .current {
        border-right: #036cb4 1px solid;
        padding-right: 5px;
        border-top: #036cb4 1px solid;
        padding-left: 5px;
        font-weight: bold;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #036cb4 1px solid;
        color: #fff;
        padding-top: 2px;
        border-bottom: #036cb4 1px solid;
        background-color: #036cb4;
    }

    .manu .disabled {
        border-right: #eee 1px solid;
        padding-right: 5px;
        border-top: #eee 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        margin: 2px;
        border-left: #eee 1px solid;
        color: #ddd;
        padding-top: 2px;
        border-bottom: #eee 1px solid;
    }

/*css viciao style pagination*/

div.viciao {
    margin-top: 20px;
    margin-bottom: 10px;
}

    div.viciao a {
        border-right: #8db5d7 1px solid;
        padding-right: 5px;
        border-top: #8db5d7 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        border-left: #8db5d7 1px solid;
        color: #000;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #8db5d7 1px solid;
        text-decoration: none;
    }

        div.viciao a:hover {
            border-right: red 1px solid;
            padding-right: 5px;
            border-top: red 1px solid;
            padding-left: 5px;
            padding-bottom: 2px;
            border-left: red 1px solid;
            margin-right: 2px;
            padding-top: 2px;
            border-bottom: red 1px solid;
        }

        div.viciao a:active {
            border-right: red 1px solid;
            padding-right: 5px;
            border-top: red 1px solid;
            padding-left: 5px;
            padding-bottom: 2px;
            border-left: red 1px solid;
            margin-right: 2px;
            padding-top: 2px;
            border-bottom: red 1px solid;
        }

    div.viciao span.current {
        border-right: #e89954 1px solid;
        padding-right: 5px;
        border-top: #e89954 1px solid;
        padding-left: 5px;
        font-weight: bold;
        padding-bottom: 2px;
        border-left: #e89954 1px solid;
        color: #000;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #e89954 1px solid;
        background-color: #ffca7d;
    }

    div.viciao span.disabled {
        border-right: #ccc 1px solid;
        padding-right: 5px;
        border-top: #ccc 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        border-left: #ccc 1px solid;
        color: #ccc;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #ccc 1px solid;
    }





/*css yahoo2 style pagination*/

div.yahoo2 {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 0.85em;
    padding-bottom: 3px;
    margin: 3px;
    padding-top: 3px;
    font-family: tahoma,helvetica,sans-serif;
    text-align: center;
}

    div.yahoo2 a {
        border-right: #ccdbe4 1px solid;
        padding-right: 8px;
        background-position: 50% bottom;
        border-top: #ccdbe4 1px solid;
        padding-left: 8px;
        padding-bottom: 2px;
        border-left: #ccdbe4 1px solid;
        color: #0061de;
        margin-right: 3px;
        padding-top: 2px;
        border-bottom: #ccdbe4 1px solid;
        text-decoration: none;
    }

        div.yahoo2 a:hover {
            border-right: #2b55af 1px solid;
            border-top: #2b55af 1px solid;
            background-image: none;
            border-left: #2b55af 1px solid;
            color: #fff;
            border-bottom: #2b55af 1px solid;
            background-color: #3666d4;
        }

        div.yahoo2 a:active {
            border-right: #2b55af 1px solid;
            border-top: #2b55af 1px solid;
            background-image: none;
            border-left: #2b55af 1px solid;
            color: #fff;
            border-bottom: #2b55af 1px solid;
            background-color: #3666d4;
        }

    div.yahoo2 span.current {
        padding-right: 6px;
        padding-left: 6px;
        font-weight: bold;
        padding-bottom: 2px;
        color: #000;
        margin-right: 3px;
        padding-top: 2px;
    }

    div.yahoo2 span.disabled {
        display: none;
    }

    div.yahoo2 a.next {
        border-right: #ccdbe4 2px solid;
        border-top: #ccdbe4 2px solid;
        margin: 0px 0px 0px 10px;
        border-left: #ccdbe4 2px solid;
        border-bottom: #ccdbe4 2px solid;
    }

        div.yahoo2 a.next:hover {
            border-right: #2b55af 2px solid;
            border-top: #2b55af 2px solid;
            border-left: #2b55af 2px solid;
            border-bottom: #2b55af 2px solid;
        }

    div.yahoo2 a.prev {
        border-right: #ccdbe4 2px solid;
        border-top: #ccdbe4 2px solid;
        margin: 0px 10px 0px 0px;
        border-left: #ccdbe4 2px solid;
        border-bottom: #ccdbe4 2px solid;
    }

        div.yahoo2 a.prev:hover {
            border-right: #2b55af 2px solid;
            border-top: #2b55af 2px solid;
            border-left: #2b55af 2px solid;
            border-bottom: #2b55af 2px solid;
        }
/*css sabrosus style pagination*/

div.sabrosus {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    margin: 3px;
    padding-top: 3px;
    text-align: center;
}

    div.sabrosus a {
        border-right: #9aafe5 1px solid;
        padding-right: 5px;
        border-top: #9aafe5 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        border-left: #9aafe5 1px solid;
        color: #2e6ab1;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #9aafe5 1px solid;
        text-decoration: none;
    }

        div.sabrosus a:hover {
            border-right: #2b66a5 1px solid;
            border-top: #2b66a5 1px solid;
            border-left: #2b66a5 1px solid;
            color: #000;
            border-bottom: #2b66a5 1px solid;
            background-color: lightyellow;
        }

div.pagination a:active {
    border-right: #2b66a5 1px solid;
    border-top: #2b66a5 1px solid;
    border-left: #2b66a5 1px solid;
    color: #000;
    border-bottom: #2b66a5 1px solid;
    background-color: lightyellow;
}

div.sabrosus span.current {
    border-right: navy 1px solid;
    padding-right: 5px;
    border-top: navy 1px solid;
    padding-left: 5px;
    font-weight: bold;
    padding-bottom: 2px;
    border-left: navy 1px solid;
    color: #fff;
    margin-right: 2px;
    padding-top: 2px;
    border-bottom: navy 1px solid;
    background-color: #2e6ab1;
}

div.sabrosus span.disabled {
    border-right: #929292 1px solid;
    padding-right: 5px;
    border-top: #929292 1px solid;
    padding-left: 5px;
    padding-bottom: 2px;
    border-left: #929292 1px solid;
    color: #929292;
    margin-right: 2px;
    padding-top: 2px;
    border-bottom: #929292 1px solid;
}

/*航线详情*/
 .swleft{
      width: 435px;
      height:342px;
    }
    .swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .gallery-top {
      height: 80%;
      width: 100%;
    }
    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;

    }
    .gallery-thumbs .swiper-slide {
      height: 49px;
      margin-top: 3px;
    
      opacity: 0.4;
    }
    .swiper-wrapper3 {  width: 85%;      border: 1px solid #dcdcdc;
      background-color: #eaeaea; }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
    .swiper-button-prev.swiper-button-white{ margin-top: 0px; top:6%; background-image: url(../images/hxle.png)!important; width: 21px; height: 49px; background-size: auto; left: -2px; }
    .swiper-button-next.swiper-button-white{margin-top: 0px; top:6%; background-image: url(../images/hxle2.png)!important; width: 21px; height: 49px; background-size: auto; right: -2px;  }
    .hxmain{ overflow: hidden; padding-top: 15px; border-bottom: 1px solid #f6f6f6; }
    .npro .swiper-slide{ position: relative; width: 100%; height: 290px; }
    .npro .swiper-slide p{ clear: both; display: block; bottom: 16px; position: absolute; z-index: 2; width: 100%; background: rgba(0,0,0,.42); height: 45px; line-height: 45px; }
    .npro .swiper-slide p span{ display:block; white-space: nowrap; float: left; width: 70%; padding-left: 10px; text-overflow: ellipsis; overflow: hidden; color: #fff; }
    .npro .swiper-slide p a{  display:block; width: 20%; float: right; color: #fff; }
    .npro2{ width: 698px; }
    .npro2 dl{ border-bottom: 1px solid #f6f6f6;}
    .npro2 dl dt{ font-size: 16px; line-height: 50px; }
    .npro2 dl dt span{ font-size: 12px; }
    .npro2 dl dd{ font-size: 14px; line-height: 50px; }
    /*.npro2 .njg span{ color: #4a6dc1; }*/
    .npro2 .njg span{ color: red; }
    .npro2 .njg span font{ font-size: 30px; font-weight:bold; }
    .npro2 .nsc{ background:url(../images/hxt1.jpg) no-repeat left center; padding-left: 25px; box-sizing: border-box; }
    .npro2 .nsj{ background:url(../images/hxt2.jpg) no-repeat left center; padding-left: 25px; box-sizing: border-box; }
    .npro2 a{ margin: 20px 0px; width: 180px; height: 50px; line-height: 45px; text-align: center; background-color: #0094ff; color: #fff; display: block; font-size:28px;}

    /* content */
#content{width:100%;margin:0 auto;}
#content h1{color:#0088bb;}
#content .item{/*border:1px dotted #0088bb;*/height:auto; overflow: hidden;}
#content .item h2{font-size:24px;font-weight:bold;margin-bottom:10px; color: #4a6dc1; display: block; text-align:center; height: 55px; line-height: 55px;}
#content .item li a img{width:230px;height:230px;border:none;}
/* menu */
#menu{width: 100%; overflow:hidden; position:relative; border-bottom: 1px solid #f6f6f6; background: #fff;}
#menu ul li{ float: left; height: 50px;  }
#menu ul li a{
    display:block;
    font-size:14px;
    font-weight:bold;
    color:#333;
    width:118px;
    height:48px;
    line-height:48px;
    text-decoration:none;
    text-align:center;
}
#menu ul li a:hover,#menu ul li a.current{color:#4a6dc1;border-bottom:2px solid #4a6dc1;}

#content .item p{
   color: #565656; font-size: 14px; line-height: 25px;
}

.xhdtit{ display: table; margin:30px auto 10px; }
.xhdtit dl dd{ font-size: 14px; display: block; width:118px; line-height: 32px; height: 32px; text-align: center; float: left; margin-right: 50px; }
.xhdtit dl dd:hover, .xhdtit .active{  border-bottom: 2px solid #4a6dc1; color: #fff; color: #4a6dc1;  }

 
/*滚动*/
.mencon{ width: 1145px; margin: auto; }

.hxpro2{ overflow: hidden; display: block; height: 269px; }
.hxpro2 li{ padding: 10px; width: 246px; height: 249px; float: left; display: block; background: #dbe2f3; margin-right: 20px }
.hxpro2 li a img{ display: block; width: 245px!important; height: 163px!important;  }
.hxp1{ width: 100%; }
.hxp1 .pre{ position: absolute; left: -29px; top:360px; background: url(../images/hxle.png) no-repeat; width: 21px; height: 49px; }
.hxp1 .next{ position: absolute; right:-6px; top:360px; background: url(../images/hxle2.png) no-repeat; width: 21px; height: 49px; }
#menu_content2{ margin-top: 18px; margin-bottom: 32px;}
.hxpro2 .nprwz{ width: 245px; height: 82px; overflow: hidden;  position: relative; }
.hxpro2 .nprwz h3{ font-size: 14px; color: #494949; overflow: hidden; height: 30px; line-height:30px; }
.hxpro2 .nprwz .nspan1{ display:block; float: left; }
.hxpro2 .nprwz .nspan2{  display:block; float:right;}
.hxpro2 .nprwz p{ font-size: 12px!important; line-height: 25px!important; height: 50px; }
.hxpro2 .nprwz .nspan3{ position: absolute; bottom:0px; right: 0px; width: 64px; height: 30px; line-height: 30px; text-align:center; background: #4a6dc1; color: #fff;}

.npbox{ border-top:7px solid #f6f6f6; height: auto; width: 100%; overflow: hidden;  }
.npbox .npimgb{ display: block; float: left; width: 425px; height: 265px; padding: 5px;  }
.npbox .npboxf{ width: 715px; display: block; float: right; padding: 5px; }
.npbox .npboxf dt{ height: 52px; line-height: 52px; background: #f3f3f3; }
.npbox .npboxf dd{ height: 36px; line-height: 36px; }
.npbox .npboxf dt span, .npbox .npboxf dd span{ white-space: nowrap; text-overflow: ellipsis; float: left; display: block; text-align: center; }
.npboxf .nprq{ width: 24%; }
.npboxf .nprq2{ width: 32%; }
.npboxf .nprq3{ width: 24%; }
.npboxf .nprq4{ width: 20%; }

.npbox .npboxf dd:nth-child(2n+1){ background: #f3f3f3; }
.npbox .npboxf dd:hover{ background: #fffeee; }
.npbox .npboxf p{ line-height: 50px!important; height: 50px!important; text-align: center!important; }
.npboxtita { width: 100%; margin: auto; height: 54px;  background: #f3f3f3; border: 1px solid #cccccc;  }
.npboxtita ul li{ box-sizing: border-box; display:block; float: left;  }
.npboxtita ul li b{ font-size: 30px; color: #616161; display:inline-block; line-height: 54px;  }
.npboxtita ul li p{ display: inline-block; }
.npboxtita ul li span{  display:block; }
.npboxtita ul li:first-child{  padding-left: 36px; }
.npboxtita ul li:first-child span{ line-height: 18px; } 
.npboxtita ul li:nth-child(2){ height: 54px; width: 50px;  background: #dfdfdf; margin-left:36px; margin-right: 36px;  }
.npboxtita ul li:nth-child(3){ line-height: 54px; }
.npboxtita .day{ text-align: center; font-size: 16px; color:#706f6f; line-height: 30px; }
.npboxtita .num{  text-align: center; }
.npboxcona dl{ position: relative; display: block; min-height: 145px; } 
.npboxcona dl dt{ padding-top: 23px; border-right: 1px solid #e7e7e7; float: left; min-height: 168px; display:block; width: 167px; }
.npboxcona dl dt p{ text-align: right; padding-right: 35px; }
.npboxcona dl dd{margin-left: 30px; float: right; width: 960px;}
.npboxcona dl dd p{ height: 60px; line-height: 25px; margin-top: 30px;  }
.npboxcona dl i{ display: block; position: absolute; top:30%; left:153px;  }
.npboxa{ overflow: hidden; }

#item2, #item3, #item4, #item5, #item6, #item7, #item8, #item9{ border-top:7px solid #f6f6f6; min-height: 200px; }
#item2 h3, #item3 h3, #item4 h3, #item5 h3, #item6 h3, #item7 h3, #item8 h3, #item9 h3{ display: block; font-size: 16px; color: #616161; text-align: center; }
.dytit{  float: left; width:170px;  }
.dytit dl { width: 83px; margin: 0 46px; overflow: hidden;  }
.dytit dd{transition: all .5s; width: 100%; display: block; background:#fff; height:34px; line-height: 34px; border-bottom: 1px solid #959595; text-align: center; margin-bottom: 10px; }
.dytit dd:hover, .dytit .active{ background: #4a6dc1;display: block; border-bottom: 1px solid #4a6dc1; color: #fff; transition: all .5s; line-height: 50px; height: 50px; }
#menu_content3, .menu_content3, #menu_content4, #menu_content5{ float: right; width: 95%; }
#menu_content3 .hxp1 ul, .menu_content3 .hxp1 ul, .menu_content4 .hxp1 ul, #menu_content5 .hxp1 ul{ margin-top: 20px; }
#menu_content3 .hxp1 ul li, .menu_content3 .hxp1 ul li, .menu_content4, .hxp1 ul li, #menu_content5 .hxp1 ul li{ list-style:outside; color: #949494; list-style: 30px; }

/*航线表*/
.top10{ margin: 10px auto; }
.hxpnav{ min-height: 175px; width: 100%; border: 2px solid #e2e2e2; padding: 20px; box-sizing: border-box; } 
.hxpnav ul li {  line-height: 30px; min-height: 50px; display: block;  }
.hxpnav .nfe{ margin:0 25px; }
.hxpnav ul li a{ display: inline-block; padding: 2px 20px; margin-right: 15px; }
.hxpnav ul li a:hover, .hxpnav .cut{ background: #4a6dc1; color: #fff; }
.hxpleft{ width: 856px;  }
.hxpright{ width: 328px; margin-left: 14px; }
.hxpmian{ margin-top: 10px; overflow: hidden; }
.hxptit1 { border: 1px solid #dcdcdc; width: 856px;  height: 40px; line-height: 40px; box-shadow: -1px 1px 2px #efefef, 1px -1px 2px #efefef;}
.hxptit1 a{ margin: 0 30px; }
.hxptit1 a:hover, .hxptit1 .cut{ color: #4a6dc1; }
.hxptit1 a span{ font-size: 18px; margin-left: 3px; }
.hxpbox { margin: 10px 0px; border-left:1px solid #e4e4e4;  box-shadow: -2px 1px 2px #e0e0e0, 1px -1px 2px #e0e0e0; width: 100%; min-height: 188px; overflow: hidden; }
.hxpbox i{  display: block; width: 303px; height: 184px; float: left; overflow: hidden; padding: 2px;  }
.hxpbox img{ display: block; width: 100%; height: auto; min-height: 184px; }
.hxpbox dl{ display: block; float: left; margin-left: 33px; width: 493px; position: relative; }
.hxpbox dl dt{ font-size: 16px; color: #505050; line-height: 50px; }
.hxpbox dl dt span{ font-size: 14px; }
.hxpbox dl dd:nth-child(2){ width: 80%; }
.hxpbox dl dd{ font-size: 12px; line-height: 35px; height: 35px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;  }
.hxpbox .hxnc{ border-top:1px solid #d6d6d6; line-height: 45px; height: 45px; margin-top: 20px;}
.hxpbox .hxnc span{ font-size: 10px!important; color: #595959; margin:0px 8px;  }
.hxpbox h3{ position: absolute; display: block; right: 0px; top:79px; width: 87px; height: 32px; line-height: 32px; background: #4a6dc1; color: #fff; text-align: center; }
.hxpbox:hover{ box-shadow: -10px 2px 10px #c2c2c2, 2px -2px 10px #c2c2c2; }

.hxpritit{ width:99.5%; margin-top: 2px; height: 52px;  box-shadow: -2px 1px 2px #e0e0e0, 1px -1px 2px #e0e0e0;  }
.hxpritit h3{  border-bottom: 2px solid #4a6dc1;  padding-top: 14px; display: table; margin: auto; padding-bottom: 6px; }
.dytab dl dd{ width: 24%; display: inline-block; text-align: center; line-height: 52px; height: 52px; position: relative; z-index: 2; }
.dytab .active, .dytab dl dd:hover{ border-bottom: 2px solid #4a6dc1; }
.hxpn ul li{ position: relative; padding:5px 0px; }
.hxpn ul li span{ display: inline-block; width: 24px; text-align: center; line-height: 24px; position: absolute; left:0px;  top:30px; bottom: 30px;   height: 24px; color: #fff; background: #4a6dc1; border-radius: 50%; }
.hxpn ul li p{ text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;  display: inline-block; width: 290px; margin-left:35px; padding-top: 10px; line-height: 30px; }
.hxpn ul li p i{ display: block; text-align:right; color: #4a6dc1; }

.feny{display: table;margin: 0 auto;padding:30px 0 35px 0}
.feny ul:after{content:"";display:block;clear:both;}
.feny li{line-height: 32px;color: #999999;font-size: 14px;padding: 0 12px;/*border: 1px solid #d2d2d2;*/margin: 0 5px;display: block;float: left;}
.thisclass{color: #fff!important;margin: 0 5px;padding: 0 12px;line-height: 32px;font-size: 14px;border: 1px solid #4a6dc1!important;background:#4a6dc1;}
.feny .thisclass a{color: #fff;}
.feny li a{color: #999999;display: block;padding: 0 12px;margin: -1px -13px;border: 1px solid #d2d2d2;}
.feny li a:hover{color: #fff!important;border: 1px solid #4a6dc1!important;background:#4a6dc1!important;}
.feny li:last-child a{ background: #aeaeae; border: 1px solid #aeaeae; color: #fff; }
.feny li:first-child a{ color: #fff;border: 1px solid #4a6dc1;background:#4a6dc1; }


    #qx
    {  
        display:none;  
        border:1px solid #cccccc;  
        height:303px;  
        width:800px;
        margin:auto;  
        position:absolute;/*让节点脱离文档流,我的理解就是,从页面上浮出来,不再按照文档其它内容布局*/  
        top:18%;/*节点脱离了文档流,如果设置位置需要用top和left,right,bottom定位*/  
        left:22%;  
        z-index:2;/*个人理解为层级关系,由于这个节点要在顶部显示,所以这个值比其余节点的都大*/  
        background: white;  
        border-radius: 10px;
        background: #f4f4f4;
    }  
    #qx i{ display: block; width: 102px; height: 102px;  border-radius: 50%; margin: auto; z-index: 3;}
#qx h2{ font-size: 36px; color:#333; display:block; text-align: center; height: 148px; line-height: 148px; margin-bottom: 48px; }    
#qx p{ width: 580px; margin: auto; clear: both; }
#qx p a{ display:block; width: 141px; height: 60px; line-height: 60px; border: 1px solid #4a6dc1; color: #4a6dc1; font-size: 24px; border-radius: 10px; text-align: center; }
#qx .qr{float: left;}
#qx .qxx{ float: right; }
#qx p a:hover, #qx .cut{ background:#4a6dc1; color: #fff;  }

/*私人定制*/
.nsr{ overflow: hidden;  }
.nsr h3{ margin-top: 23px; font-size: 18px; color: #4a6dc1; text-align: center; display: block; text-align: center; height: 63px; line-height: 63px; }
.nsr p{ color: #8d8d8d; display: block; text-align:center; height: 50px; line-height: 50px;}
.nsr1{ width: 595px; float: left; border: 1px solid #f1f1f1; height: 635px; }
.nsr1:hover{  box-shadow: -1px 1px 3px #f2f2f2,1px -1px 3px #f2f2f2;   }
.nsr1 h4{ background:#4a6dc1 url(../images/a1.jpg) no-repeat 58px center; height: 67px; line-height: 67px; color: #fff; text-align: center; font-size: 18px;  }
.label{  float: left; width: 57px; }
.label label{ display: block; height: 27px; line-height: 27px; margin-bottom: 28px; color: #4a6dc1;  }
.label label:first-child{ margin-top: 28px; }
.nsrcon1{ width: 400px; /*overflow: hidden;*/ margin:auto; }
.laber{ float: right; width: 330px; }
.laber dl dt, .laber dl dd{ height: 27px; line-height: 27px; margin-bottom: 28px; }
.laber dl dt input{ border: 1px solid #e1e1e1;  height: 25px; line-height: 25px; width: 220px; color:#5a5a5a; padding-left: 5px;}
.laber dl dt span{ color: #909090; padding-left: 8px; position: absolute; width: 200px; }
.laber dl dt:first-child{ margin-top: 28px; }
.laber dl dt select{ width: 126px; border: 1px solid #e1e1e1;  height: 25px; line-height: 25px;  color: #5a5a5a; }
.laber dl dd span{ display: inline-block; padding: 0 8px; margin-bottom: 5px; color: #5a5a5a; height: 27px; line-height: 27px; text-align: center; font-size: 12px; margin-right: 10px; }
.laber dl dd span:hover, .laber .cut{ color: #fff; background: #4a6dc1;  }
.left10{ margin-left: 6px; }
.laber .nxq{ width: 363px; height: 123px; margin-bottom: 0px;   }
.laber .nxq textarea{ border: 1px solid #e1e1e1;  width: 362px; height: 123px; text-align: left; resize: none; font-size: 12px; color: #767676; line-height: 30px; }
.nsr2 .nsrcon1{ width: 490px; position: relative; }
.nsr2 .nsrcon1 .laber{ width: 343px; float: left; margin-left: 10px; }
.nsr2 .label{ width: 107px; text-align: right; }
.laber p{ margin-top: 20px; }
.laber p input{ width: 148px; line-height: 38px; height: 38px; background: #4a6dc1; color: #fff; border: none; }
.nsr2 h4{ background:#4a6dc1 url(../images/a2.jpg) no-repeat 58px center;   }

/*提交订单*/
.njctit{ height: 96px; width: 100%; position: relative; }
.njctit i{ display: block; height: 9px; background: url(../images/tj4.png) no-repeat top center; width: 597px; margin:31px auto auto;  }
/*修改部分*/
.njctit ul { display: block; width: 670px; margin: auto;  }
.njctit ul li{ color: #4a6dc1; display: inline-block; width: 29%; margin: 0px; padding: 0px; position: relative; height: 35px; line-height: 35px; }
.njctit ul li:last-child{ width: 9%;text-align: right; }
/*修改部分*/
.njctit .cut h6{ display: block; position: absolute; height: 21px; width: 21px; background: #f8f8f8 url(../images/tj2.png) no-repeat;
    left: 31px;
    top: -15px; }
.njctit a{ position: absolute; right: 0px; top: 5px; display: block; }

.njtit2{ border-radius: 5px; overflow: hidden; margin-bottom: 18px; clear: both; width: 100%; height: 80px; line-height: 80px; background: #fff; box-shadow: -2px 2px 5px #e5e5e5,2px -2px 5px #e5e5e5; box-sizing: border-box;  }
.njtit2 dl dt, .njtit2 dl dd{ display: block; float: left; }
.njtit2 dl dt{ font-size: 18px; color: #4a6dc1; width:890px; margin: auto; text-align: center; line-height: 30px; margin-top: 12px; }
.njtit2 dl dt p{ color: #767676; font-size: 12px; }
.njtit2 dl dt span{font-size: 14px; }
.njtit2 .nzj{ color: red;  }
.njtit2 .txck{ width: 167px; background: #c1c1c1; float: right; display: block; text-align: center; color: #fff; }
.njtit2 .txck a{color: #fff;}
#menu2{width: 100%; overflow:hidden; position:relative; border-bottom: 1px solid #f6f6f6; background: #fff; height: 70px;}
#menu2 ul li{ float: left; height: 50px; margin-right: 35px;  }
#menu2 ul li a{
    display:block;
    font-size:14px;
    font-weight:bold;
    color:#656565;
    line-height:35px;
    text-decoration:none;
    text-align:center;
    padding-top: 5px;
    padding-bottom: 10px;
}
#menu2 ul li a:hover,#menu2 ul li a.current{color:#4a6dc1;border-bottom:4px solid #4a6dc1;}
#menu2 ul li a p{ line-height: 15px; color:red; }
.ntbox1{ width: 100%; height: 81px; background: #fff; margin-bottom: 10px; }
.nebox1l{ width: 635px; float: left; }
.nebox1l i{ display: block; float: left; width: 127px; height: 80px; }
.nebox1l i img{ display: block; width: 100%; height: auto; min-height:80px;  }
.nebox1l dl{ display: block; float: left; margin-left: 25px;  box-sizing: border-box;  }
.nebox1l dl dt{  width: 290px; display:block; float:left;  }
.nebox1l dl dt p span, .nebox1l dl dt p{ font-size: 12px!important; }
.nebox1l dl dt p span{ margin-right: 55px;  box-sizing: border-box; }
.nebox1l .fibt{ font-size: 14px!important; color: #4a6dc1!important; }
.nebox1l dl dd{ width: 175px; display:block; float:left; margin-left: 15px; box-sizing: border-box; color: red; line-height: 80px;  }
.nebox1r{ width: 522px; float: right; }
.num_adjust_list{ width: 98px; margin-right: 46px; float: left; }
.num_adjust input{ width: 47px; border: none; text-align: center; background: #fff; }
.num_adjust .minus_disabled, .num_adjust .minus_disabled, .num_adjust .plus_disabled{  width: 19px; height: 19px; text-align: center; display: inline-block; border: 1px solid #cbcbcb; }
.num_adjust .minus_disabled:hover,  .num_adjust .plus_disabled:hover{border: 1px solid #4a6dc1; color: #4a6dc1;}
.num_adjust_list .title{ font-size: 12px; margin-top: 10px; margin-bottom: 10px; }
.c3 .tip{ font-size: 12px!important; color: #a7a7a7!important; }
.c3 .cabin_count{float: right; width: 89px;}
.c3 .cabin_count p{ display: inline-block; vertical-align: middle; margin-top: 15px; }
.item h3{ height: 30px; line-height: 30px; }
#item6 h3{ margin-top: 10px; }

/*填写乘客信息*/
.nckz{ overflow: hidden; }
/*修改样式*/
.nck1{ width: 449px; box-sizing: border-box; }
.ncka{ height: 205px; background: #fff; margin:0 10px 5px 0;     box-shadow: -2px 2px 5px #e5e5e5, 2px -2px 5px #e5e5e5;  }
.right .ncka{ margin-right: 0px; }
.left .ncka{ width: 445px; }
.ncka h3{ width: 100%; height: 43px; line-height: 43px; margin-bottom: 15px; /*background: #4a6dc1;*/ text-align:center; color: #5a5a5a; font-size: 16px;  }
.ncka ul{ padding:10px; width: 440px; overflow: hidden; margin: auto; }
.ncka ul li label{ text-align: right; display: inline-block; width: 75px; color: #6b6b6b; }

.ncka ul li {line-height: 30px; height: 30px; margin-bottom: 22px; display: block; float: left;  }
.ncka ul li span{ color: #6b6b6b; line-height: 25px; position:relative;  display:inline-block; margin-right: 20px;  width: 40px; text-align: right; }
.ncka ul li i{  position: absolute; display: block; width: 20px; height: 20px; display: block; background: url(../images/txd2.png) no-repeat; }
.ncka .cut i{ background: url(../images/txd1.png) no-repeat; }
.ncka ul li input{ font-size: 12px; color: #adadad; width: 136px; border: none; border-bottom: 1px solid #c2c2c2; text-align: center; line-height: 20px; }
.nan1{  width: 141px;  margin:20px auto; box-shadow: -2px 2px 4px #bdbdbd,2px -2px 4px #bdbdbd;   }
.nan1 input{border-radius: 3px; font-size: 16px; width: 141px; height: 50px; line-height: 50px; border: none; background: #4a6dc1; color: #fff; text-align: center; }

/*新闻详情页*/
.newdtit{ width: 100%; height: 103px; border-bottom: 1px solid #d0d0d0; }
.newdtit dl dt{ float: left; color: #444444; font-size: 16px; margin-top: 35px; line-height: 30px; display: block; width: 95%; }
.newdtit dl dt p{ font-size: 12px; }
.newdtit dl dd{ display: block; vertical-align: middle; line-height: 103px; margin-top: 14px; }
.gerd{ background: #f8f8f8; }
.newdcon{ padding-top: 10px; min-height: 500px; }
.newdcon *, .newdcon p{ font-size: 12px; text-indent: 2em;  }
.newdcon img{ max-width: 1200px; height: auto; display: block; padding: 10px 0px; }
.nex{width:100%;height:30px;padding-top:20px; padding-bottom: 20px;}
.nex dl dd, .nex dl dt{font-size:14px;line-height:30px;color:#666666; width: 49%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.nex dl dd{ text-align: right; }
.nex p a{color:#666666;}
.nex a:hover{color:#4a6dc1;}

/*修改密码*/
.npwd2{ width:572px; margin: 77px auto 0px;  }
.npwd2 label{ width: 160px; font-size: 24px; color: #666666; }
.npwd2 input{ width: 390px; border-radius: 0px; color: #d1d1d1; height: 40px; line-height: 40px; font-size: 18px; }
.npwd2 .baoc{ width: 100px; height: 50px; line-height: 50px; background: #4a6dc1; font-size: 18px; color: #fff; text-align: center; display: block; margin:77px auto 0px; }

/*注册*/
 .regis{ padding: 50px; box-sizing: border-box; width: 475px; height: 700px; float: right; background: rgba(0,0,0,.33); margin-right: 384px; margin-top: 80px; }
 .regis p{ height: 38px; line-height: 38px; margin-bottom: 20px; }
 .regis p label{ display: inline-block;
    width: 85px;
    text-align: right; font-size: 16px; color: #eeeeee; }
.regis p input, .regis p select{ box-sizing: border-box;     color: #eee;
    text-align: left;
    margin-bottom: 21px;
    width: 242px;
    background: none;
    border: 1px solid #fff;
    height: 35px;
    line-height: 35px;
    padding-left: 10px; }
.regis p select{ background: url(../images/xlb.jpg) no-repeat right center; appearance:none;
-moz-appearance:none;
-webkit-appearance:none; }
.regis p select option{ color: #666; }
.regis p span{ color: #eee; line-height: 35px; margin-left: 90px; }
.regis .xy{ width: 15px; height: 15px;  }
.regis .ntj{ width: 229px; height: 33px; text-align: center; background: #4a6dc1; color: #fff; border: none; margin-left: 95px; }

/*跳转提示*/
.tjcon{ width: 100%; margin: 207px auto; }
.tjcon img{ width:49px; margin: auto; display: block;  }
.tjcon p{ display: block; text-align: center; color: #4a6dc1; height: 50px; line-height: 50px; }

/*修改增加的*/
.njzle{  width: 899px;  }
.njzri{ width: 290px; float: right; background: #fff; overflow: hidden; }
.njzritit{ width: 100%; height: 46px; line-height: 46px; border-top: 2px solid #4a6dc1; background: #dfe8ff; }
.njzritit dl{ margin:0px 10px; }
.njzritit dl dt, .njzritit dd{ display:block;  }
.njzritit dl dt{ color: #616161; float: left; }
.njzritit dl dd{ float: right; color:#2a4da1; font-size: 16px; }
.njzritit dl dd font{ font-size: 14px; }
.njzricon dl { padding: 0px 10px; }
.njzricon dl dt{ display:block; height: 35px; line-height: 35px; border-bottom: 1px solid #e8e8e8; clear: both; }
.njzricon dl dt span{ display: block; }
.njzricon .njzri1{ color: #8d8d8d; float: left; }
.njzricon .njzri2{ font-size: 12px; color: #2a4da1; float:right; }
.njzricon dl dd{ clear: both; min-height: 28px; border-bottom: 1px solid #e8e8e8; line-height: 28px; overflow: hidden;  }
.njzricon dl dd span{vertical-align： middle; color: #232323; display:inline-block; float: left; text-align:center; border-right: 1px solid #e8e8e8; min-height: 28px; height: auto; }
.njzricon .njcon1{ width: 133px; text-align: left;  }
.njzricon .njcon2{ width: 62px;  }
.njzricon .njcon3{ width: 73px; text-align: right; border-right: 0px; }