@charset "utf-8";
/*
 * 1230688旅游网
 * 请尊重他人劳动成果
 * 技术支持QQ:2863868475
 * 2024-10-08
 * coyright@tengcee.com
*/
@import url("public.css");
@import url("page.css");
/*@import url("iconfont/iconfont.css");*/
body{background-image:none; background-color:#f1f7f9; background-position: center top; background-repeat: no-repeat; background-size: 100% auto;}
/*头部*/
.header { position:relative; top:0px; z-index:990; width:100%;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; background-size: 100%; background-color: #fff}
.top1{ width: 100%;float: left; line-height: 40px;background-color: transparent; height: 40px; position: relative; border-bottom:solid 1px rgba(255,255,255,.2);background-image: none; background-position: center top; background-repeat: no-repeat;background-size: 100%; border-bottom: solid 1px #eee;z-index: 999999}
.top1 .welcome{ float: left;}
.top1_right {width:450px; float:right;}
.top1_right span { line-height: 35px; color: #999999; float: right; height: 35px; margin-left:10px; margin-right:5px; position:relative; }
.top1_right span a { color:#666; text-decoration:none; }
.top1 span.top1_line { color:#999; margin-left:5px; margin-right:5px; background-repeat: no-repeat; background-position: center center; float: right; }
#weixinqrcode { float: right; width: 140px; position: absolute; top: 30px; right: 0px; background-image: url(../images/ico_arr.png); background-repeat: no-repeat; background-position: center top; padding-top: 8px; display:none; line-height: 20px; text-align: center; color: #666666; z-index:999; }
#weixinqrcode p{ border:1px solid #022e51; float:left; line-height: 25px; background-color: #FFFFFF; text-align: center; padding: 5px; }
#weixinqrcode img {width: 130px;height: auto;}
.tlogo{ width: 100%; text-align: center; line-height: 35px;height: 35px; padding:2px 80px 2px 80px; box-sizing:border-box; display: none; font-size: 18px; color:#fff;}
.tlogo img{ height: 35px;width: auto; }
.tlogo a{ color:#fff; }
#ph{ float: right;display: none; line-height: 25px;height:25px;font-size: 16px;width:25px;background-color:#fb3f4d;border-radius: 50%;text-align: center;margin-top:5px;}
#ph i{color:#fff}

.zindex{ z-index: 99999;position: relative;}
.logobox{ width: 100%;float: left; position: relative;box-sizing:border-box;}
.logobox .logo{ width:30%; float: left;padding:10px 0;color:#fff}
.logobox .logo img{ max-width:100%; height: auto;}
.logo-right{ width: 65%; float:right; position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap; padding-top: 25px; box-sizing:border-box;}
.search { float: left; width: 100%; position: relative; padding-right: 80px;margin-top:10px;box-sizing:border-box;}
.searchform{ width: 100%;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;position: relative;}
.search .input { line-height:38px; height:40px; width:100%; float:left; color: #333; padding-left: 15px; background-repeat: no-repeat; background-position: 5px center; border: 1px solid #fb3f4d; font-size: 12px; box-sizing: border-box; background-size: 20px;position: relative;z-index: 1; border-right: none;outline: none;}
.search .button1 { line-height: 40px; background-color: #fb3f4d; text-align: center; float: left; height: 40px; width: 80px; font-size: 16px;color: #FFFFFF; border: none; flex:0 0 80px;position: relative;}
.search .tip{ position: absolute;right: 90px; margin-top:8px; display: none}
.search .tip span{ margin:0 1px; line-height:30px;height: 30px;padding:0 10px;background-color: #f5f5f5;border-radius: 5px;display: inline-block;}
.search .tip span a{ color: #666; }
.search .searchcity{ position: absolute;left: 10px; margin-top:8px; width: 60px;border:0px solid #fb3f4d; color: #666;z-index: 10; line-height:30px;height: 30px;outline: none; }
.search .searchcity:focus{ border:none; outline:none }
.search .searchcity .defaultcity{ width: 100%;line-height:30px;cursor: pointer; text-align: center; padding-right: 15px;box-sizing:border-box;}
.search .searchcity .defaultcity i{ float: right;position: absolute; right: 5px; top: 0px;}
.search .searchcity .citylists{width: 120%;float: left;position: absolute; top: 38px;left:-10px;display: none; background-color: #fff;}
.search .searchcity .citylists li{ width: 100%;line-height:30px;height: 30px;border-bottom: solid 1px #e2e2e2; text-align: center; cursor: pointer;}
.search .searchcity .on{ display: block !important; }

.toptel{float: right; position: relative; background-image: url('../images/tel_24.gif'); background-position: left top; background-repeat: no-repeat; flex:0 0 240px; width:240px;}
.toptel dt{ width: 100%;line-height: 2em;font-size: 13px;color: #999; padding-left: 55px; box-sizing:border-box;}
.toptel p{ width: 100%;float: left; line-height:1em; font-size: 30px;color:#fb3f4d;font-weight: bold;}
.itel{ position: absolute; right: 15px; top: 25px; display: none }
.itel span{ color: #fb3f4d; font-size:20px; border:solid 1px #fb3f4d; border-radius:50%; padding:2px; }

.nav {height: 50px; width: 100%; position:relative; background-color: #008cea; }
.nav .navlist{ width: 100%;float: left;display: flex;justify-content: space-between}
.nav li { float: left; font-size: 16px; line-height: 50px; height: 50px; position:relative; position:relative;width: 9%; text-align:center;}
.nav li a { color:#FFFFFF; text-decoration:none;display:block; width: 100%; }
.nav li a:hover { color:#FFFFFF; text-decoration:none;background-color: #0361a0}
.nav .on a { color:#FFFFFF;background-color: #0361a0}
.nav dl{ width:100%; font-size:13px; position:absolute; top:45px; left:0px; background-color: #ee551f; }
.nav dl dd { height:35px; line-height:35px; text-align: center; white-space: nowrap; font-weight: normal; }
.nav dl dd a{ color:#FFFFFF; padding:0px;  }
.nav dl dd a:hover{ color:#FFFFFF; opacity:0.9; background-color: #F78902; }
.nav .nav_line{ width:2px; float:left; height:45px; background-repeat: no-repeat; background-position: center center; }
.nav li.on { color:#FFFFFF; background-color: #ee551f; }
.fenzhan{ float: left;padding-left: 10px;color: #999;display:none;}
.ipos{ float: left;color: #fff; font-size: 16px;}
.ipos i{ color:#fff;margin-right:3px;}
.ipos em{ font-style:normal; }
.fenzhan .morefenzhan{ float: left;margin-left: 5px; font-size: 12px;line-height:30px;margin-top:6px; color:#fff}
.fenzhan .morefenzhan i{ font-size: 11px;margin-top:3px;}
.fenzhanlist{ width: 100%;position: absolute; top: 40px;left: 0;z-index: 9999999;background-color: #08aeff;padding:15px;box-sizing:border-box; display: none;}
.fenzhanlist .site{padding:0 10px;float: left; line-height: 25px; font-size: 15px;}
.fenzhanlist .site a{ color: #fff; }
@media screen and (max-width:1360px){
	.logo-right{ width: 65%;}
	.search {padding-right: 40px}
	.toptel{flex:0 0 220px;}
	.nav li a {padding:0 25px;}
}
@media screen and (max-width:1000px){
	.logo-right{ padding-top:15px;}
}
@media screen and (max-width:900px){
	body{/*background-image: url('../images/topbg.png');*/background-color: #fff;}
	.top1{background-image: url('../images/topbg.png');}
	.header{background-color: transparent;}
	.top1{height: 40px;line-height: 40px;}
	.top1 .welcome{ display: none;}
	.top1 span{ display: none;}
	.top1 #_login{width: 100%;box-sizing:border-box;text-align: center;margin:0; padding:0 0 0 10px;}
	.top1 #ph{display: block;}
	.top1_right{width: auto;position: absolute;right: 5px;top: 2px}
	.header {background-size: auto}
	.nav{ display: none;}
	.toptel{ display: none}
	.logobox{ padding:0 20px;z-index: 9999; }
	.logobox .logo{width: 100%; max-width: 200px;display: none;}
	.logo-right{width: 100%;padding:15px 5px 5px 5px; float: left}
	.search{ padding-right: 0; border-radius:25px;margin-top:10px;}
	.search .input{ border-top-left-radius: 25px;border-bottom-left-radius: 25px;}
	.search .button1 {width: 60px; flex:0 0 60px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;}
	.search:hover{ opacity: 1; }
	.itel{ display: none; }
	.fenzhan{ display:block; }
	.tlogo{ display:block; }
}
.logined{position: relative; float: left; height: 35px; overflow: hidden;  white-space: nowrap;}
.logined .avatar{height: 30px; float: left; position: relative; padding-top:2px;}
.logined .avatar img{ width: 25px; height: 25px;-webkit-border-radius:50%;-moz-border-radius:50%; -ms-border-radius:50%; border:solid 2px rgba(255,255,255,.3);vertical-align: middle;} 
.logined label{ float: left;margin:0 5px;}
@media screen and (max-width:900px){
    .logined #welcome{ display: none; }
    .logined { float: right; }
}

/*幻灯片*/
.banner { position: relative; width: 100%; overflow: hidden;z-index:9;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; float: left;}
.banner .swiper-container { width: 100%; height: 100%; color: #fff; }
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner .swiper-slide a {display: block;}
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 30px !important;text-align: center;}
.banner .swiper-pagination-bullet { width: 16px;height: 16px;border:solid 2px #fff; border-radius: 50%; background-color: transparent; opacity: 1;box-sizing:border-box;}
.banner .swiper-img{ width: 100%;height: 100%; background-size: cover; background-repeat: no-repeat;background-position: center;}
.banner .swiper-img a{ display: block;}
.banner .swiper-img img {width: 100%;height: auto;}
.banner a.prev_btn,.banner a.next_btn {position: absolute;z-index: 66;top: 50%;margin-top: -20px;width:40px;height:40px;opacity: 0.8;filter: alpha(opacity=80);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;border-radius: 50%;color: #0066cb; line-height: 40px; text-align: center; background-repeat: no-repeat; background-position: center;}
.banner a.prev_btn:hover,.banner a.next_btn:hover {opacity:1;filter: alpha(opacity=100);}
.banner a.prev_btn { left: 50px; background-image: url('../images/arrow-left2.png')}
.banner a.next_btn { right: 50px;background-image: url('../images/arrow-right2.png')}
.banner a i{ font-size: 18px; }
.banner .banbtns{ position:absolute; bottom:0; left: 0; width: 100%;z-index: 9991}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color:#008cea;border:solid 2px #008cea;}

@media screen and (max-width:900px){
	.banner{ padding:10px;box-sizing:border-box; margin-top: -30px;z-index: 980; border-radius:10px;overflow: hidden; display: none}
	.banner .swiper-img img {border-radius:10px;}
	.banner_scale,.swiper-img{border-radius:10px; overflow: hidden;}
	.banner .swiper-pagination {bottom: 5px !important;}
	.banner .swiper-pagination-bullet { width: 10px;height: 10px;}
}
@media screen and (max-width:600px){
    .banner a.prev_btn,.banner a.next_btn{ display: none; }
    .banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
}
.banner_scale{height: 100%;-webkit-animation: mymove 7s;-o-animation:mymove 7s;animation: mymove 7s;}
@keyframes mymove{
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}
@-o-keyframes mymove{ /*Safari and Chrome*/
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}
@-webkit-keyframes mymove{ /*Safari and Chrome*/
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}

.announcebox{ width: 100%;float: left;position: relative; box-sizing:border-box;z-index: 9999; }
.announce{ width: 100%;float: left;position: relative;margin:15px 0; border:solid 0px #17a661; background-color: #ecfcf1; border-radius: 55px; padding:0 25px;box-sizing:border-box;;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap; opacity: 1;}
.announce .tit{ width: 100px;float: left;position: relative;line-height:45px; height: 45px; font-size:16px;font-weight: bold;color: #17a661;flex:0 0 100px;}
.announce .tit span{ margin-right:5px; }
.announce .announcelist{ width: 100%;padding-left: 10px;line-height:45px; height: 45px; overflow: hidden;}
.announce .announcelist li{ width: 100%;line-height:45px; height: 45px; float: left; white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
@media screen and (max-width:900px){
	.announcebox{ padding:0 10px; }
	.announce{ padding:0 10px; box-sizing:border-box;margin:5px 0;margin-top: -25px;}
	.announce .announcelist{ padding-right: 10px; overflow: hidden; }
}
.main{ width: 100%;float: left;position: relative;margin:5px 0; background-color: #fff; border-radius: 5px; padding:15px;box-sizing:border-box;}

.fastmenu{ width: 100%;float: left; position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;margin-top:15px;}
.fastmenu .item{ width: 12%;float: left;padding:10px 0;box-sizing:border-box;}
.fastmenu .item .icon{ width: 100%;float: left;text-align:center;line-height:2em; padding:0;height: 40px;line-height: 40px;text-align: center;}
.fastmenu .item .icon i{ font-size: 40px }
.fastmenu .item .icon img{ width: 40px;height: 40px; }
.fastmenu .item .tit{ width: 100%;float: left;text-align:center; line-height:1.5em; color: #333;padding-top: 10px; white-space: nowrap;overflow: hidden;}
.fastmenu .t1 .icon i{color: #fe5b48}
.fastmenu .t2 .icon i{color: #2d76ec}
.fastmenu .t3 .icon i{color: #03d176}
.fastmenu .t4 .icon i{color: #38e8bb}
.fastmenu .t5 .icon i{color: #fea509}
.fastmenu .t6 .icon i{color: #8d5efe}
.fastmenu .t7 .icon i{color: #f47b6c}
.fastmenu .t8 .icon i{color: #6bbcfa}
.fastmenu .t9 .icon i{color: #b6d54c}
.fastmenu .t10 .icon i{color: #3f96ff}
@media screen and (max-width:900px){
	.fastmenu{flex-wrap: wrap;justify-content: flex-start;padding:0px;box-sizing: border-box;margin-top:0;}
	.fastmenu .item{ width: 20%;}
	.fastmenu .item .icon i{ font-size: 30px }
	.fastmenu .item .tit{padding-top: 0px;}
	.main{margin:5px 0; padding:5px 10px;}
}

.title{ width: 100%;float: left;position: relative; padding:0; box-sizing:border-box;}
.title .tit{float: left;font-size:28px;font-weight:bold;color: #222;position: relative;padding-left: 15px;line-height:45px;}
.title .tit::before{content:''; position: absolute;left:0; top: 15px;height: 15px;width: 5px;background-color:#008cea;border-radius: 5px;}
.title .tit2{font-size:20px !important;}
.title .morea{ float: right;line-height:45px;color: #999;}
.title .morea a{ color: #999; }
.title .tabs{ float: left;position: relative; padding-left: 40px; margin-top:10px;}
.title .tabs span{ padding:0 15px;line-height:30px;height: 30px;margin:0 3px; border-radius: 5px;background-color: #f5f5f5;color: #666; display: inline-block; cursor: pointer;}
.title .tabs .on{background-color: #fb3f4d;color: #fff;}

@media screen and (max-width:900px){
	.title{padding:0 2px;}
	.title .tit{ font-size:20px;}
	.title .tabs{ float: left;position: relative; padding-left: 40px; margin-top:10px;padding-right: 40px;}
	.title .tabs span{ padding:0 25px;line-height:35px;height: 35px}
}

.hot{ width: 100%;float: left;position: relative;margin:20px 0;}
.hot .item{ width: 25%;float: left;padding:6px;box-sizing: border-box;position: relative;}
.hot .item .itemin{width: 100%;float: left;position: relative;}
.hot .item .thumb{width: 100%;float: left;position: relative;}
.hot .item .thumb  img{ width: 100%;height: auto;border-top-right-radius: 5px; border-top-left-radius: 5px;}
.hot .item .thumb i{ padding:0 10px;line-height:25px; background-color: #fb3f4d; color: #fff; position: absolute; top: 0;left: 0; font-style: normal;border-top-left-radius: 5px;border-bottom-right-radius: 5px;}
.hot .item .info{ width: 100%;float: left;padding:13px 15px;box-sizing: border-box;position: relative;box-shadow: 0 0 10px rgba(0,0,0,.1);border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.hot .item .info .tit{ width: 100%;float: left;line-height:1.5em;font-size:15px; height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;}
.hot .item .info .p{ width: 100%;float: left;position: relative;margin-top: 10px;line-height: 1.5em;color: #999;white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
.hot .item .info .tag{ width: 100%;float: left;position: relative;margin-top: 10px; }
.hot .item .info .tag span{background-color: #d5ecfb;margin-right:5px;padding:0 10px; height: 25px;line-height:25px; text-align:center; float: left;border-radius: 3px; color: #666}
.hot .item .info .tag span:nth-child(2){background-color: #defce9;}
.hot .item .info .tag span:nth-child(3){background-color: #e2e6fd;}
.hot .item .info .tag span:nth-child(4){background-color: #fce5e9;}
.hot .item .info .leixing{ float: right;color:#008cea;}
.hot .item .priceinfo{ width: 100%;float: left;position: relative;margin:10px 0 5px 0;color: #ff0000;line-height:30px;}
.hot .item .info .priceinfo .prices{ float: left }
.hot .item .info .priceinfo .price{ color: #f00;font-weight: bold;font-size:24px;}
.hot .item .info .chufa{ float: right; color: #666 }
.hot .item .info .priceinfo .addr{ float: right;color:#008cea;}
@media screen and (max-width:900px){
	.hot{margin:0;}
	.hot .item{ width:50%;}
	.hot .item .info{padding:8px;}
	.hot .item .info .leixing{display: none}
	.hot .item .info .chufa{ float: left; color: #666 }
	.hot .item .info .priceinfo .prices{width: 100%;}
}
.tour{ width: 100%;float: left;margin:20px 0; position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
.tour .pic{ width: 300px;float: left;position: relative; flex:0 0 300px; margin-top:6px;}
.tour .pic img{ width: 100%;height: auto; border-radius: 5px; }
.tour .tourlist{ width: 100%;float: left; box-shadow: 0 0 10 rgba(0,0,0,.1); position: relative; padding-left: 5px;box-sizing: border-box;}
.tour .tourlist .item{ width: 25%;float: left;padding:6px;box-sizing: border-box;position: relative;}
.tour .tourlist .item .itemin{width: 100%;float: left;position: relative;}
.tour .tourlist .item .thumb{width: 100%;float: left;position: relative;}
.tour .tourlist .item .thumb  img{ width: 100%;height: auto;border-top-right-radius: 5px; border-top-left-radius: 5px;}
.tour .tourlist .item .info{ width: 100%;float: left;padding:8px 15px;box-sizing: border-box;position: relative;box-shadow: 0 0 10px rgba(0,0,0,.1);border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.tour .tourlist .item .info .tit{ width: 100%;float: left;line-height:1.5em;font-size:15px; height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;}
.tour .tourlist .item .info .tag{ width: 100%;float: left;position: relative;margin-top: 10px; }
.tour .tourlist .item .info .tag span{background-color: #d5ecfb;margin-right:5px;padding:0 10px; height: 25px;line-height:25px; text-align:center; float: left;border-radius: 3px; color: #666}
.tour .tourlist .item .info .tag span:nth-child(2){background-color: #defce9;}
.tour .tourlist .item .info .tag span:nth-child(3){background-color: #e2e6fd;}
.tour .tourlist .item .info .tag span:nth-child(4){background-color: #fce5e9;}
.tour .tourlist .item .info .leixing{ float: right;color:#008cea; line-height:25px;}
.tour .tourlist .item .priceinfo{ width: 100%;float: left;position: relative;margin:10px 0 0 0;color: #ff0000;line-height:30px;}
.tour .tourlist .item .info .priceinfo .prices{ float: left }
.tour .tourlist .item .info .priceinfo .price{ color: #f00;font-weight: bold;font-size:24px;}
.tour .tourlist .item .info .chufa{ float: right; color: #008cea }
@media screen and (max-width:1200px){
	.tour .pic{ width: 240px; flex:0 0 240px;}
}
@media screen and (max-width:900px){
	.tour{margin:0;}
	.tour .pic{ display: none; }
	.tour .tourlist .item{ width: 50%;}
	.tour .tourlist .item .info{padding:8px;}
}

.show{ display: block !important; }
.hide{ display: none !important; }

.hotelbox{ width: 100%;float: left;position: relative; }
.hotel{ width: 100%;float: left;margin:20px 0; position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
.hotel .pic{ width: 300px;float: left;position: relative; flex:0 0 300px; margin-top:6px;}
.hotel .pic img{ width: 100%;height: auto; border-radius: 5px; }
.hotellist{ width: 100%; }
.hotellist .item{ width: 25%;float: left;padding:6px;box-sizing: border-box;position: relative;}
.hotellist .item .itemin{width: 100%;float: left;position: relative;}
.hotellist .item .thumb{width: 100%;float: left;position: relative;}
.hotellist .item .thumb  img{ width: 100%;height: auto;border-top-right-radius: 5px; border-top-left-radius: 5px;}
.hotellist .item .info{ width: 100%;float: left;padding:13px 15px;box-sizing: border-box;position: relative;box-shadow: 0 0 10px rgba(0,0,0,.1);border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.hotellist .item .info .tit{ width: 100%;float: left;line-height:1.5em;font-size:15px; height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;font-weight: bold}
.hotellist .item .info .priceinfo{ width: 100%;float: left;position: relative;margin-top: 5px;color: #ff0000;line-height:25px;}
.hotellist .item .info .priceinfo .price{ color: #f00;font-weight: bold;font-size:20px;}
.hotellist .item .info .priceinfo .addr{ float: right;color:#008cea;}
@media screen and (max-width:1200px){
	.hotel .pic{ width: 240px; flex:0 0 240px;}
}
@media screen and (max-width:900px){
	.hotel .pic{ display: none; }
	.hotel{margin:10px 0;}
	.hotellist .item{ width: 50%;}
	.hotellist .item .info{padding:8px;}
}

.news{ width: 100%;float: left;position: relative;margin:20px 0;}
.list .tuwenlist{ width: 100%;float: left;position: relative;padding-top: 0px;}
.list .tuwenlist .item{ width: 20%;float: left;position: relative;padding:5px;box-sizing: border-box;}
.list .tuwenlist .item .itemin{ width: 100%;float: left;position: relative; }
.list .tuwenlist .item .thumb{ width: 100%;float: left;position: relative; border-radius:5px;overflow: hidden;}
.list .tuwenlist .item .thumb img{ width: 100%;height: auto;}
.list .tuwenlist .item .tit{ position: absolute;left:0; bottom: 0;background-color: rgba(0,0,0,.6); line-height:35px;height: 35px; padding:0 5px; white-space: nowrap;overflow: hidden;text-overflow:ellipsis; width: 100%; text-align: center; box-sizing: border-box;}
.list .tuwenlist .item .tit a{ color: #fff;}
.list .tuwenlist .item:nth-child(6){ clear: both;}
@media screen and (max-width:900px){
	.news{margin:10px 0; padding:0 10px; box-sizing:border-box;}
	.list .tuwenlist .item{ width: 33.3%; padding:2px;}
	.list .tuwenlist .item:nth-child(3n+1){ clear: both;}
	.list .tuwenlist .item:nth-child(6){ clear: none;}
	.list .tuwenlist .item:nth-last-child(1){ display: none;}
}
.youshi{ width: 100%;float: left;position: relative;padding:40px 0; margin-top:15px; background-color: #f5f5f5;}
.youshi .youshilist{ width: 100%;float: left;position: relative; }
.youshi .youshilist .item{ width: 25%;float: left;position: relative;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;}
.youshi .youshilist .item .icon{float: left; width: 120px;flex:0 0 120px;}
.youshi .youshilist .item .icon span{ width: 60px;height: 60px;margin:0 10px; line-height:60px; text-align: center;background-color: #008cea; color: #fff; float: right; border-radius: 50%; font-size:30px; }
.youshi .youshilist .item .info{ width: 100%;float:left;position: relative; }
.youshi .youshilist .item .info .tit{ width: 100%;float: left;line-height:1.5em; font-size:20px;font-weight:bold; }
.youshi .youshilist .item .info .desc{ width: 100%;float: left;line-height:1.8em; font-size:15px;color: #666;}
@media screen and (max-width:900px){
	.youshi{padding:15px 0; margin-top:10px;}
	.youshi .youshilist .item{ width: 100%;margin:15px 0;}
	.youshi .youshilist .item .icon{float: left; width: 90px;flex:0 0 90px;}
	.youshi .youshilist .item .icon span{ width: 50px;height: 50px;margin:0 10px; line-height:50px;font-size:24px; }
	.youshi .youshilist .item .info .tit{font-size:18px;}
	.youshi .youshilist .item .info .desc{font-size:13px;}
}
.links{ width: 100%;float: left;position: relative;padding:10px 0;}
.links .linklist{ width: 100%;float: left;position: relative; }
.links .linklist .tit{ float: left;color: #333;}
.links .linklist a{ float: left;padding:0 10px;display: block;; color: #666; }
/*底部*/
.bottom { width: 100%; padding: 50px 0 30px 0;background-color:#027acb; color: #bebfc1; box-sizing: border-box; overflow: hidden;}
.mbox { width: 300px; padding-right: 30px;  float: left; border-right: 1px solid #2e2d2d; padding-left: 0px; box-sizing: border-box;}
.blogo { float: left; width: 100%; padding-right: 60px; padding-top: 30px;}
.blogo img{ width: 100%; height: auto; }
.btel{ width: 100%; float: left; line-height: 50px; font-size:25px; padding-top: 10px; font-weight:bold; }

.fbox{ width: 25%; padding:0 30px;float: left; padding-left: 0px; box-sizing: border-box;}
.fbox4{ width: 20%; box-sizing: border-box;float: left;}
.btitle{ width: 100%; float: left; line-height: 40px; height: 40px; font-size: 20px; font-weight: normal; color: #f5f5f5; background-position: left center; background-repeat: no-repeat; }
.btitle i{ color: #fff;margin-right:5px; }
.fbox-list{ width: 100%; float: left; padding-top: 15px; padding-left: 10px;box-sizing: border-box;}
.fbox-list li { width:100%; line-height:35px; float:left; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size: 15px;}
.fbox-list li a { color:#c2e5fd;}
.fbox-list2{ width: 100%; float: left; padding-top: 15px;  padding-left: 10px;box-sizing: border}
.fbox-list2 li { width:50%; line-height:35px; float:left; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size: 15px;}
.fbox-list2 li a { color:#c2e5fd;}
.bw1 { width: 20%;}
.bw2 { width: 30%;}
.bw4 { width: 200px; padding-right: 30px;  float: left; border-right: 1px solid #2e2d2d; padding-left: 0px; box-sizing: border-box;}
.bw3 { float: right; width: 260px; box-sizing: border-box; }
.fcontact{ width: 100%; float: left; padding-top: 15px; line-height: 2.2em; font-size:14px;color:#c2e5fd; }

.bottom_box3 p { line-height: 25px; color: #7b7b7b; height: 25px; width: 280px; }
.bottom_box3 h2 {font-size: 26px; line-height: 30px; color: #fff; height: 30px; width: 240px; font-weight: normal; padding-bottom: 10px; }
.foottel{box-sizing: border-box; width: 260px; margin:15px auto;}
.foottel p{ background-color: #008cea; line-height: 50px;height: 50px; width: 100%; float: left; box-sizing: border-box; font-size:22px; color: #fff; white-space: nowrap; text-align: center;}
.foottel i{height: 50px; width: 50px; line-height: 50px; text-align: center;background-color:#003fb9; float: left; margin-right:10px; font-size: 24px;}
.qrcode { float: left; width:100%; padding-top: 25px;}
.qrcode span { float: left; width: 50%; text-align: center; color: #fff; line-height: 25px; padding:0 10px; box-sizing: border-box;}
.qrcode span img{ width: 100%; height: auto; max-width: 200px; border:solid 1px #149efb;padding:10px;box-sizing: border-box; }

.bottom2 { background-color: #fff; width: 100%; padding: 25px 0; border-top: solid 1px #e2e2e2;margin-top: 10px}
.copyright { line-height: 2em; color: #999; float: left; width: 100%; font-size:14px;}
.copyright a { color:#959393;}
.copyright .sitemap{ float: right;}
.copyright .sitemap a{opacity: .5}
.top-qrcode { float: left; width:100%; padding:25px 15px 0 15px; box-sizing: border-box; margin:0 auto;}
.top-qrcode span { float: left; width: 50%; text-align: center; color: #999; line-height: 25px; padding: 5px; box-sizing: border-box;}
.top-qrcode span img{ width: 100%; height: auto; max-width:160px; }
@media screen and (max-width:1300px){
    .bottom {padding: 20px 5px; box-sizing: border-box;}
    .foottel p{font-size:16px;}
}
@media screen and (max-width:900px){
    .bottom {padding: 20px 5px; box-sizing: border-box;}
    .fbox{ width: 100%; padding:0 10px;}
    .fbox4{ width: 100%; box-sizing: border-box;float: left;padding:10px;}
    .fbox-list li { width:33.3%; line-height:35px; font-size: .9rem;}
    .fbox-list2 li { width:33.3%;font-size: .9rem;}
    .btitle{ line-height: 40px; height: 40px; font-size: 1rem;padding-top:10px; border-bottom: solid 1px #0471bb;}
    .foottel{margin:10px 0;}
    .foottel p{width: 240px; float: none;margin:0 auto;}
    .bottom2 { padding:15px 10px;box-sizing: border-box;}
    .copyright { line-height: 1.6em;padding:0 10px;box-sizing:border-box;}
    .copyright .sitemap{ float: right; width: 100%; text-align: center;}
    .links{ padding:10px; box-sizing:border-box; }
}
/*手机版*/
.bottom_box{ position:fixed; z-index:9999; height:50px; width:100%; bottom:0px; text-align:center; margin-right: auto; margin-left: auto; background-position: center center; background-size:100%; background-color: #00b63e; display: none; border-top:solid 1px #019c38; }
.footnav{position: relative;}
.footnav li{ float:left; width:20%; border-right: 1px solid #019c38; border-left: 1px solid #02d24b; box-sizing: border-box; padding-top: 5px; padding-bottom: 5px; position: relative;height: 50px; }
.footnav li a{display:block;width:100%;}
.footnav li span{display:block;width:100%;text-align:center; height: 25px; position: relative;opacity: .9; line-height: 25px; color: #fff; font-size: 20px;}
.footnav li .s1{height:25px;}
.footnav li span img{max-width:25px;margin:0 auto;line-height:25px;vertical-align:middle}
.footnav li .st{ line-height:15px; font-size:0.65em; color:#FFF; width:100%; position: relative; z-index: 10; opacity: .8;}
.footnav .st{font-size: 0.86em !important;font-weight:normal}
.footnav{z-index:100;}

.xuanfu{ position: fixed;right: 10px; bottom: 30%;z-index: 99999;width: 50px;}
.xuanfu .xuanfubox{ width: 50px; background-color:#fff; border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,.2);float: left;padding:10px 5px;box-sizing: border-box;}
.xuanfu .item{ width: 100%;float: left;position: relative;padding:8px 0px;box-sizing: border-box; border-bottom: solid 1px #e2e2e2;cursor: pointer;}
.xuanfu .item:nth-last-child(1){ border-bottom: none; }
.xuanfu .item .text{width: 100%;float: left; position: relative}
.xuanfu .item .text i{ width: 100%;float: left;text-align:center; font-size: 22px;color: #666;line-height:30px;height: 30px; background-position: center; background-repeat: no-repeat;background-size: 25px;}
.xuanfu .item .text .t{ width: 100%; line-height: 15px; text-align:center;margin:2px 0;font-size: 13px;color: #757575}
/*.xuanfu #izixun{ background-image:url('../images/izixun.png'); }
.xuanfu #iweixin{background-image:url('../images/iweixin.png') }
.xuanfu #itel{background-image:url('../images/itel.png'); }*/
.xuanfu #iback{ background-image:url('../images/iback.png');}
.xuanfu .kuang{ width: 220px; padding:20px; background-color:#fff; position:absolute; right:55px; min-height:90px; border:1px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11); box-sizing: border-box; display: none}
.xuanfu .item:hover .kuang{display: block;}
.xuanfu .item .kuang .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:10px;}
.xuanfu .iback{cursor: pointer;}

.xuanfu .item .inner-box{ width: 100%; float: left; }
.xuanfu .item .inner-box .pic{ width: 100%; text-align: center;}
.xuanfu .item .inner-box .pic img{ width: 120px; height: auto; }
.xuanfu .item .inner-box p{ width: 100%; line-height: 25px; text-align: center;padding:5px 0;}
.xuanfu .item .phone-box{ width: 100%; float: left; }
.xuanfu .item .phone-box .phonein{ width: 100%;background-image:url('../images/itel2.png'); padding-left:40px; box-sizing: border-box; background-repeat:no-repeat; background-position:left top; float: left; background-size:30px; }
.xuanfu .item .phone-box p{ line-height: 20px; width: 100%; float: left; color: #666; }
.xuanfu .item .phone-box dt{ line-height: 1.4em;width: 100%; float: left; font-size:16px; font-weight:bold; color: #d80106; padding:5px 0 10px 0; }
.ixunfu{ width: 45px;height: 45px; border-radius: 50%;text-align: center;line-height: 45px;background-color:#008cea;color:#fff;float:right;cursor: pointer; font-size: 15px; display: none;}
@media screen and (max-width:750px){
    .xuanfu{opacity: .95;}
    .xuanfu .iback{ display: none; }
    .xuanfu .xuanfubox{ display: none; }
    .xuanfu .item .text i{height: 40px;line-height: 40px; font-size:25px; background-size: 25px}
    .xuanfu .item .kuang{ right:45px; }
    .ixunfu{display: block;}
}