﻿*{box-sizing:border-box;}
.loginbox *{box-sizing:content-box;}
#wrap,#container{ padding:0; width:100%;}

#myswipe{width:100%; position:relative}
#myswipe .slide{ width:100%; height:10rem; min-height:500px; text-align:center; font-size: 18px; background:#fff; overflow:hidden;}
#myswipe .slide.style1{ background:url(../images/bg.jpg) center center no-repeat; background-size:100% 100%;}
#myswipe .slide.style2{ background:url(../images/bg2.jpg) center center no-repeat; background-size:100% 100%;}
#myswipe .slide.fixed{ background:#f7f8fa; height:auto !important;}
#myswipe .pagination{ position:fixed; right:15px; top:50%; transform:translateY(-50%); z-index:9}
#myswipe .pagination i{ display:block; width:12px; height:12px; margin:10px 0; border-radius:50%; background:rgba(255,255,255,0.2); cursor:pointer; transition:all ease-in-out 300ms; position:relative;}
#myswipe .pagination i:after{content:""; width:1px; height:10px; background:rgba(255, 255, 255, 0.2); position:absolute; right:6px; top:-10px;}
#myswipe .pagination i:first-child:after{display:none;}
#myswipe .pagination i em{ display:none; position:absolute; right:160%; line-height:1em; white-space:nowrap; color:rgba(255,255,255,0.2); font-size:12px; transition:all ease-in-out 300ms;}
#myswipe .pagination i.active,#myswipe .pagination i:hover{background:rgba(255,255,255,0.5);}
#myswipe .pagination i.active em,#myswipe .pagination i:hover em{color:rgba(255,255,255,0.5);}
#myswipe .pagination.style2 i{ background:rgba(190,15,27,0.4);}
#myswipe .pagination.style2 i:after{background:rgba(190, 15, 27, 0.4);}
#myswipe .pagination.style2 i em{ color:rgba(190,15,27,0.4);}
#myswipe .pagination.style2 i.active,#myswipe .pagination.style2 i:hover{background:#be0f1b;}
#myswipe .pagination.style2 i.active em,#myswipe .pagination.style2 i:hover em{color:#be0f1b;}

/*头部*/
.swipehead{ position:absolute; left:0; top:0; width:100%; height:1.0rem; padding-top:0.5rem; z-index:9}
.swipehead.style2 .fff{ color:#be0f1b;}
.swipehead .head{ width:100%; min-width:1240px; max-width:1480px; margin:-27px auto 0 auto; height:54px; padding:0 10px;}
.swipehead .head .logo{display:table-cell; vertical-align:middle; padding-right:10px;}
.swipehead .head .logo a img{width:auto; height:54px;}
.swipehead .userbox{line-height:45px; float:right; text-align:right; font-size:12px; margin-left:1.5%;}
.swipehead .userbox .iconfont{color:#f60; font-size:14px; display:inline-block; vertical-align:middle;}
.swipehead .userbox a,
.swipehead .userbox span{color:#fff; display:inline-block; vertical-align:middle; cursor:pointer;
transition:color .3s;
-moz-transition:color .3s;
-webkit-transition:color .3s;
-o-transition:color .3s;
}
.swipehead .userbox a.loginin{position:relative; padding-right:9px; margin-right:5px;}
.swipehead .userbox a.loginin:after{content:""; width:1px; height:14px; background:rgba(255, 255, 255, 0.2); position:absolute; right:0; top:50%; margin-top:-7px;}
.swipehead.style2 .userbox a.loginin:after{background:rgba(0, 0, 0, 0.1);}
.swipehead.style2 .userbox a,
.swipehead.style2 .userbox span{color:#be0f1b;}
.swipehead.style2 .userbox a .color1{color:#be0f1b;}
.swipehead.style2 .userbox a:hover{ color:#f60;}
.swipehead .userbox a .color1{color:#fff;}
.swipehead .userbox a:hover .color1{ color:#f60;}
.swipehead .userbox a:hover,
.swipehead .userbox span:hover{color:#f60;}
.swipehead .userbox a img{border-radius:3px;}
.swipehead .userbox .phoneqrcode{ display:inline-block; vertical-align:middle; position:relative;}
.swipehead .userbox .phoneqrcode span{margin-left:4px;}
.swipehead .userbox .phoneqrcode .rcode{display: none;line-height: 2em;position: absolute;right:0;top: 100%;z-index: 100; padding:10px 10px 0; background: #fff;border: 1px solid #eee;width:240px; color:#333;}
.swipehead .userbox .phoneqrcode .rcode li{ display:inline-block; vertical-align:middle; text-align:center; padding:0 10px;}
.swipehead .userbox .phoneqrcode .rcode li img{ display:block;}
.swipehead .userbox .phoneqrcode:hover .rcode{ display:block;}
.swipehead .userbox .phoneqrcode .rcode:before{ content:"";border-width: 0px 6px 10px 6px;border-style:solid; border-color:transparent transparent #fff transparent; position:absolute;right: 26px;top: -9px;}
.swipehead .userbox .userinfo{ display:inline-block; vertical-align:middle;}
.swipehead .userbox .userinfo a.nickname em{display:inline-block; vertical-align:middle;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.swipehead .userbox .userinfo a.nickname .name{  max-width:110px; }

/*当前位置*/
#posnav{ position:absolute; left:0; bottom:0; width:100%; height:0.54rem; line-height:0.54rem; background:#be0f1b; color:#fff; font-size:14px; overflow:hidden;}
#posnav .posnav{ width:100%; min-width:1240px; max-width:1480px; margin:0 auto; padding:0 140px 0 10px; position:relative;}
#posnav a{ display:inline-block; color:#fff;}
#posnav a .iconfont{ vertical-align:baseline;}
#posnav a:hover{ color:#fc0;}
#posnav a.navlogo{display:inline-block; vertical-align:top; margin-left:15px;}
#posnav a.navlogo img{width:83px; height:37px;}
#posnav a.navlogo .bname{display:none; width:83px; height:0.54rem; line-height:0.54rem; text-align:center; color:#fff; padding:0 5px;}
#posnav a.navlogo:hover{background:rgba(255, 255, 255, 0.1);}
#posnav a.navlogo:hover img{display:none;}
#posnav a.navlogo:hover .bname{display:block;}
#posnav a.dlbtn{padding:0 10px; position:absolute; right:10px; top:0.07rem; text-align:center; height:0.4rem; line-height:0.4rem; background:rgba(255, 220, 0, 0.2); border-radius:50px;}
.swipehead.style1 #posnav a.dlbtn{background:rgba(255, 255, 255, 0.1);}
#posnav a.dlbtn:after{content:""; display:block; clear:both;}
#posnav a.dlbtn .iconfont,
#posnav a.dlbtn span{font-size:18px; padding:0 2px; color:#ffdc00; float:left; line-height:inherit;}
#posnav a.dlbtn:hover .iconfont,
#posnav a.dlbtn:hover span{color:#f60;}
#posnav a.dlbtn .iconfont{font-size:20px; width:auto; height:auto;}
.style1 #posnav{ background:rgba(0,0,0,0.25);}
.wrapper.havepos .swipehead{ height:1.31rem; padding-top:0.38rem;}
.wrapper.havepos .blockcont{ padding-top:1.45rem;}
.wrapper.havepos .blockcont .midcont{ height:7.4rem;}
.wrapper.havepos .blockcont .rightcont{ height:7.4rem;}
.wrapper.havepos .blockcont .catmenu{ height:7.4rem;}
.wrapper.havepos .blockcont .catmenu li{ height:0.5rem;}
.wrapper.havepos .blockcont .catmenu li a.fff{ line-height:0.49rem;}
.wrapper.havepos .blockcont .catmenu li .below{ height:7.4rem;}

/*旅游当前位置*/
.lvyou #posnav .posnav{padding-right:155px;}
.lvyou #posnav .posnav a.item .img{width:0.39rem; float:left;}
.lvyou #posnav .posnav a.item .img img{width:0.39rem;}
.lvyou #posnav .posnav a.item .name{float:left; margin-left:6px;}
.lvyou #posnav .posnav a.item .name span,
.lvyou #posnav .posnav a.item .name .iconfont{font-size:12px;}
.lvyou #posnav .posnav a.item .name .iconfont{margin-left:4px;}
.lvyou #posnav .posnav .navicon{width:90%; float:right; text-align:right;}
.lvyou #posnav .posnav .navicon a.item{padding-right:16px; margin-left:15px; position:relative;}
.lvyou #posnav .posnav .navicon a.item:first-child{margin-left:0;}
.lvyou #posnav .posnav .navicon a.item:after{content:""; width:1px; height:16px; position:absolute; top:50%; margin-top:-8px; right:0; background:rgba(255, 255, 255, 0.2);}
.lvyou #posnav .posnav .more{position:absolute; right:10px; top:0; cursor:pointer;}

/*左侧菜单*/
.blockcont .catmenu{ float:left; background:rgba(0,0,0,0.15); text-align:center; border-radius:12px; font-size:14px; width:10.5%; height:7.8rem; margin-right:2%; text-align:left; position:relative; z-index:9; padding-top:0.05rem;}
.blockcont .catmenu:hover{border-top-right-radius:0; border-bottom-right-radius:0;}
.blockcont .catmenu li{width:100%; text-align:center; padding: 0 15px; height:0.52rem;}
.blockcont .catmenu li a.fff{border-top:1px solid rgba(255, 255, 255, 0.08); display:block; line-height:0.5rem; position:relative; margin-top:-1px;}
.blockcont .catmenu li a.fff img{width:26px; height:26px; border-radius:50%;}
.blockcont .catmenu li a.fff .iconfont{display:inline-block; vertical-align:middle; font-size:12px;}
.blockcont .catmenu li a.fff span{display:inline-block; vertical-align:middle; padding-right:5px;}
.blockcont .catmenu.zhaoshang li{ height:0.65rem;}
.blockcont .catmenu.zhaoshang li a.fff{ line-height:0.65rem;}
.slide.style2 .blockcont .catmenu li a.fff{border-top:1px solid rgba(220, 173, 154, 0.15);}
.blockcont .catmenu li:hover a.fff:after{content:""; width:0; height:0; border-top:8px solid transparent; border-right:10px solid #fff; border-bottom:8px solid transparent; position:absolute; right:-15px; top:50%; margin-top:-8px;}
.blockcont .catmenu li a.fff i{font-size:16px;}
.blockcont .catmenu li:first-child a.fff{border-top:none!important;}
.blockcont .catmenu li.active a.fff{color:#fe741c;}
.blockcont .catmenu li:hover a.fff{color:#fe741c;}
.blockcont .catmenu li .below{ display:none; position:absolute; left:100%; top:0; width:855%; height:7.8rem; padding:10px 20px; background:#fff; margin-left:-2px; border-radius:12px; overflow:auto; text-align:left; line-height:2em; border-top-left-radius:0; border-bottom-left-radius:0;}
.blockcont .catmenu li .below::-webkit-scrollbar{ width:0; height:0;}
.blockcont .catmenu li .below .cat3list{ border-bottom:1px dashed #eee; padding:0 0 10px 0; margin-bottom:10px; font-size:14px;}
.blockcont .catmenu li .below a{ display:inline-block; margin-right:1em;}
.blockcont .catmenu li .below .color1{ color:#333}
.blockcont .catmenu li .below .color1:hover{ color:#f60}

.blockcont .catmenu li .below .cat3list .color1{ color:#666; font-size:12px;}
.blockcont .catmenu li .below .cat3list .color1:hover{ color:#f60}
.blockcont .catmenu li .below .belowpart{ width:50%; float:left; padding-right:2%;}
.blockcont .catmenu li .below .belowpart.c2453 .cat3list{padding-left:8px;}
.blockcont .catmenu li .below .belowpart.c2453 .cat2name{position:relative; padding-left:8px;}
.blockcont .catmenu li .below .belowpart.c2453 .cat2name:after{content:""; display:block; width:2px; height:10px; background:#555ba6; position:absolute; top:50%; margin-top:-5px; left:0;}
.blockcont .catmenu li .below .belowpart.c2453 .cat2name:hover:after{background:#fe741c;}
.blockcont .catmenu li .below .belowpart.c2453 a.cat3name{margin-right:0;}
.blockcont .catmenu li .below .loadding{ width:100px; height:100px; background:url(../images/loading_100x100.gif) no-repeat; margin:220px 0 0 500px;}
.blockcont .catmenu li .below .rightmenu li{ width:120px; line-height:2em; border:solid 1px #eee; display:inline-block; padding:0; text-align:center;font-size:18px;}
.blockcont .catmenu li .below .rightmenu li.active{ font-weight:bold;}
.slide.style2 .blockcont .catmenu{ background:rgba(250,247,231,0.3);}
.slide.style2 .blockcont .catmenu a.fff{ color:#666;}
.slide.style2 .blockcont .catmenu li.active a.fff{ color:#f60;}
.slide.style2 .blockcont .catmenu a.fff:hover{ color:#f60;}
.slide.fixed.style2 .blockcont .catmenu{ background:#fff; height:8.4rem !important; border-radius:0;}
.blockcont .catmenu.zhaoshang .below .rightbrand{ width:22%; float:right;}
.blockcont .catmenu.zhaoshang .below .rightbrand .brandbox{ width:50%; float:left;}
.blockcont .catmenu.zhaoshang .below .rightbrand .brandbox a{ margin:0; display:block; border:1px solid #eee; margin:-1px -1px 0 0;}
.blockcont .catmenu.zhaoshang .below .rightbrand .brandbox a:hover{ opacity:0.8;}
.blockcont .catmenu.zhaoshang .below .rightbrand .brandbox img{width:100%; display:block;}
.blockcont .catmenu.zhaoshang .below .leftcat{ width:75%; height:100%;float:left;}
.blockcont .catmenu.zhaoshang .below .leftcat .cbox{border-bottom:1px dashed #eee; padding:10px 0;}
.blockcont .catmenu.zhaoshang .below .leftcat .cbox:last-child{ border-bottom:none;}
.blockcont .catmenu.zhaoshang .below .leftcat .cbox:after{ content:""; clear:both; height:0; display:block;}
.blockcont .catmenu.zhaoshang .below .leftcat .dbox a{ width:12%; margin:0 0 0 0.5%; float:left; line-height:2em;}
.blockcont .catmenu.xgcatlist{ height:8.5rem;}
.blockcont .catmenu.xgcatlist li:hover a.fff:after{ display:none;}
.blockcont .catmenu.xgcatlist li{ text-align:left;}

/*底部导航*/
.swipenavlist{ position:absolute; left:0; top:9.4rem; width:100%; z-index:9; height:66px; margin-top:-33px;}
.swipenavlist .navcont{ width:100%; min-width:1240px; max-width:1480px; margin:0 auto; height:66px;}
.swipenavlist li.item{ display:none; float:left; text-align:center; width:11.111%;}
.style1.swipenavlist li.zhishi{ display:block;}
.style2.swipenavlist li.brand{ display:block;}
.fixed.swipenavlist{ display:none;}
.swipenavlist a.sub{ color:#eee; color:rgba(255,255,255,0.5); line-height:26px; padding:0 1%;}
.swipenavlist a.name{ color:#fff; display:block; font-size:26px; font-weight:bold; line-height:40px;}
.swipenavlist a.sub:hover,
.swipenavlist a.name:hover{ color:#f60;}
.swipenavlist.style2 a.name,
.swipenavlist.style2 a.sub{ color:#be0f1b;}
.swipenavlist.style2 a.name:hover,
.swipenavlist.style2 a.sub:hover{ color:#f60;}

/*中间默认样式*/
.blockcont{ width:100%; min-width:1240px; max-width:1480px; margin:0 auto; height:100%; position:relative; padding:1.0rem 10px 0 10px;}
.blockcont .midcont{ float:left; border-radius:12px; width:70%; height:7.8rem;}
.blockcont .rightcont{ float:right; border-radius:12px; width:15.5%; height:7.8rem;}
.blockcont .blockinfo{ max-width:none;}
.swipehead.fixed.style2{ background:#fff; position:fixed; top:0 !important;}
.slide.fixed .blockcont .catmenu{ position:absolute; left:10px; top:1.45rem; width:150px;}
.slide.fixed .blockcont .catmenu.subfixed{ position:fixed;}
.slide.fixed .blockcont .catmenu li a.fff{border-top:1px solid #eee;}
.wrapper.havepos .slide.fixed .blockcont{ padding-top:1.45rem;}
.slide.fixed .blockcont .midcont{ width:100%; height:auto !important; padding-left:170px; padding-right:320px;}
.slide.fixed .blockcont .rightcont{ width:300px; height:auto !important; position:absolute; right:10px; top:1.45rem; background:#fff; border-radius:0;}
.slide.fixed .blockcont .rightcont.subfixed{ position:fixed;}

/**尾部样式*/
#go_top *{ box-sizing:content-box;}
.footindex{width:100%; min-width:1190px;}
.footindex *{ box-sizing:content-box;}
.footindex .middiv{width:100%; min-width:1240px; max-width:1480px; margin:0 auto; position:relative; padding:0 10px; box-sizing:border-box;}
.footindex.goods{background-color:#d9d9d9; height:160px; overflow:hidden; box-sizing:content-box;}
.footindex.goods .middiv{ height:160px; padding:0.4em 10px 0 10px;}
.footindex.goods .middiv dl{ width:31%; height:5.3em; float:left; position:relative; padding-left:58px; box-sizing:border-box;display:flex;}
.footindex.goods .middiv dl .textmiddle{ width:100%; align-self:center;}
.footindex.goods .middiv dl:nth-child(3n+2){ margin-left:3.5%; margin-right:3.5%;}
.footindex.goods .middiv dl::before {content: "";position: absolute;left: 0;top: 50%;width: 48px;height: 48px; margin-top:-24px; background:url(../images/good.png) no-repeat; background-size:48px auto; border-radius:50%;}
.footindex.goods .middiv dl dt{ color:#394043; font-size:15px;font-weight: bold; line-height:1.6em;}
.footindex.goods .middiv dl dd{ color:#888; font-size:12px; line-height:1.8em; max-height:3.6em;}
.footindex.goods .middiv dl.g2::before{ background-position:0 -56px;}
.footindex.goods .middiv dl.g3::before{ background-position:0 -112px;}
.footindex.goods .middiv dl.g4::before{ background-position:0 -168px;}
.footindex.goods .middiv dl.g5::before{ background-position:0 -224px;}
.footindex.goods .middiv dl.g6::before{ background-position:0 -280px;}
.footindex.goods .middiv dl.nobg{ padding-left:0;}
.footindex.goods .middiv dl.nobg::before{ background:none;}
.footindex.goods .middiv a:hover dt,.footindex.goods .middiv a:hover dd{ color:#F90;}
.footindex.bg{background-color:#282828; padding-bottom:18px;}
.footindex.bg img{max-width:100%;}
.footindex a{color:#6f71a6;}
.footindex a:hover{color:#fc0;}
.footindex .logos{position:relative; padding-top:15px;}
.footindex .logos .lgimg{}
.footindex .ewm{padding-top:15px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #333;}
.footindex .ewm .appewm{width:143px; display:table-cell; vertical-align:middle;}
.footindex .ewm .wxewm{width:283px; display:table-cell; vertical-align:middle; padding-left:10px;}
.footindex .ewm .mobileewm{width:517px; display:table-cell; vertical-align:middle; padding-left:10px;}
.footindex .ewm .phone{width:217px; display:table-cell; vertical-align:middle; padding-left:10px; font-size:12px; color:#777; line-height:1em;}
.footindex .ewm .phone>div{padding:4px 0;}
.footindex .ewm .phone>div span.email{color:#675480; font-size:13px;}
.footindex .ewm .phone .num{color:#60554e; font-size:28px;}
.footindex .ewm .phone .num .iconfont{font-size:30px; float:left; line-height:30px;}
.footindex .ewm .phone .num span{float:left; line-height:30px; padding-left:5px;}
.footindex .fankui{text-align:center;}
.footindex .fankui span{padding:0 8px; color:#4d4d4d;}
.footindex .website .item{padding-left:10px; display:table-cell; vertical-align:middle; color:#777; font-size:12px;}
.footindex .website .item:first-child{padding-left:0;}
.footindex .website .item.jiamao{width:220px;}
.footindex .website .item.zhuanzai{width:228px;}
.footindex .website .item.email{width:255px;}
.footindex .website .item.tel{width:215px;}
.footindex .website .item .img,
.footindex .website .item .img img{width:40px;}
.footindex .website .item .img,
.footindex .website .item .text,
.footindex .website .item .lianjie{display:table-cell; vertical-align:middle;}
.footindex .website .item .text,
.footindex .website .item .lianjie{padding-left:5px; line-height:1.6em;}
.footindex .website .item .lianjie a{color:#777;}
.footindex .website .item .lianjie a:hover{color:#f60;}
.footindex .website .item .lianjie span{padding:0 8px; color:#4d4d4d;}
.footindex .website .item .text b{font-size:26px; font-weight:normal;}
.footindex .website .item .text span{display:block;}
.footindex .website .item .text span a{color:#505172;}
.footindex .website .item .text span a:hover{color:#f60;}
.footindex .website .item .text span a.lx{position:relative; padding-left:11px; margin-left:10px;}
.footindex .website .item .text span a.lx:after{content:""; width:1px; height:10px; background:#4d4d4d; position:absolute; left:0; top:50%; margin-top:-5px;}

.footindex .words{text-align:center; color:#777777; font-size:13px; line-height:1.8em;}
.footindex .words .center{line-height:0;}
.footindex .words a{color:#777777; font-size:12px;}
.footindex .words a:hover{color:#F60;}

.footindex .yqlink{line-height:1.6em; padding:5px 0; color:#777; font-size:12px; text-align:center; display:inline-block;}
.footindex .yqlink .img,
.footindex .yqlink .link{display:table-cell; vertical-align:middle;}
.footindex .yqlink .link a{color:#777; display:inline-block;}
.footindex .yqlink .link a:hover{color:#f60;}
.footindex .yqlink .link span{padding:0 5px; color:#4d4d4d; display:inline-block;}

.footindex .words2{line-height:0; margin-top:5px; font-size:13px;}
.footindex .words2 .box{display:inline-block;}
.footindex .words2 .box .item{float:left; padding-left:50px;}
.footindex .words2 .box .item:first-child{padding-left:0;}
.footindex .words2 .box .item .img{width:25px; display:table-cell; vertical-align:middle;}
.footindex .words2 .box .item .img img{width:25px;}
.footindex .words2 .box .item .text{display:table-cell; vertical-align:middle; padding-left:5px;}
.footindex .words2 .box .item a{font-size:13px;}

.footindex .blogo{ margin-top:10px;}
.footindex .blogo1 img{width:310px; height:52px;}
.footindex .blogo2 img{width:203px; height:160px;}
