.header{width:100%;height:70px;background-color:#fff}
.logo{float:left;width:187px;height:70px;margin-right:2%;background-image:url(../images/logo2.jpg);background-repeat:no-repeat;}
.logo a{display:block;text-indent:-999em}
.mainNav{float:left;margin-top:15px;width:25%}
.mainNav li{position:relative;float:left;height:40px;padding:0 2%;line-height:40px;cursor:pointer}
.mainNav li.wx{padding:0 5%}
.mainNav li:hover{box-shadow:0 0 5px #f3f3f3}
.mainNav li:hover i,.username:hover .arrow,.inpS:hover i{transform:rotate(180deg)}
.mainNav i,.inpS i,.arrow{display:inline-block;width:12px;height:7px;margin-left:7px;background-image:url(../images/arrow.png);background-repeat:no-repeat;transition:transform .5s ease}
.webNav{display:none;position:absolute;top:55px;left:0;width:635px;padding:22px 0 27px 0;background-color:#fff;box-shadow:0 0 5px #f3f3f3;z-index:1;line-height:20px}
.webnav .shadowLine{height:16px}
.shadowLine{display:none;position:absolute;bottom:-15px;left:0;height:16px;width:100%;background:#fff;z-index:3}
.spe_shadowLine{bottom:-10px}
.webNav_tips{padding-left:25px;margin-bottom:24px}
.webNav_tips.active{border-top:1px solid #f2f2f2;padding-top:20px;margin-top:8px;margin-bottom:16px}
.webNavlist{color:#888}
.navTitle{float:left;width:80px;margin-left:25px}
.navHref{float:left;width:505px;margin-left:25px}
.navHref.active{width:auto}
.navHref.active a{margin-bottom:0}
.webNavlist a{float:left;margin-bottom:16px;color:#888;font-size:14px}
.webNavlist span{float:left;margin:0 22px;font-size:14px}
.webNavlist a:hover{color:#00c77b}
.codeWrap{display:none;position:absolute;top:55px;left:0;width:240px;height:140px;background-color:#fff;box-shadow:0 0 5px #f3f3f3;line-height:18px;z-index:1}
.codeWrap.active{height:134px}
.code_name{margin-top:5px}
.codeWrap img{float:left;width:80px;height:80px;margin:26px 14px 0 18px}
.codeWrap.active img{margin-right:20px}
.codeMsg{float:left;margin-top:25px;font-size:14px;line-height:22px}
.attention{display:block;width:78px;height:30px;margin-top:10px;text-align:center;line-height:30px;color:#fff;background-color:#00c77b;border-radius:2px}
.search{position:relative;float:left;margin-top:13px;margin-left:2%;width:27%;border:1px solid #dbdbdb;border-radius:4px}
.inpS{position:relative;top:0;left:0;cursor:pointer;float:left}
.select{width:22%}
.select cite{display:block;height:44px;border-right:1px solid #dbdbdb;font-style:normal;line-height:43px;font-size:14px;padding-left:21%}
.inpS i{position:absolute;top:18px;right:8px}
.select ul{display:none;position:absolute;left:-1px;top:43px;width:100%;border:1px solid #dbdbdb;padding-bottom:3px;overflow-y:auto;overflow-x:hidden;z-index:3;background:#fff;border-radius:0 0 3px 3px;border-top:none}
.select li{font-size:14px;line-height:34px;cursor:pointer;text-align:center}
.select li a{display:block;width:100%;margin-left:-1px;overflow:hidden;white-space:nowrap}
.inp{float:left;width:75%;height:44px;border-right:none;padding:0 3% 0 1%}
.submit{float:left;width:21%;height:44px;border-radius:0 4px 4px 0;background-color:#2ee292;background:linear-gradient(to right,#2ee292,#0dc676);cursor:pointer}
.sc_search_btn{position:relative}
.search_icon{position:absolute;top:9px;right:30%;width:26px;height:26px;background:url('../images/sprites.png') -116px -137px no-repeat;cursor:pointer}
.history{position:absolute;top:9px;right:77px}
.history a{display:inline-block;height:21px;padding:0 10px;margin-right:6px;line-height:21px;border-radius:40px;color:#989898;font-size:12px;background-color:#f1f1f1}
.new_tel{float:left;margin-left:2%}
.new_tel i{float:left;width:37px;height:37px;margin-top:16px;margin-right:11px;background:url('../images/sprites.png') -10px -137px no-repeat}
.new_tel a{float:left;font-size:20px;color:#ff5246;line-height:70px;font-weight:bold}
.login{float:right;line-height:70px}
.login a:hover{color:#00c77b;text-decoration:underline}
.username{position:relative;float:right;width:122px;height:46px;margin-top:12px;line-height:46px;text-align:center;background-color:#fff;cursor:pointer;font-size:14px}
.portrait{float:left;width:23px;height:23px;margin:13px 3px 0 7px;background:url('../images/sprites.png') -162px -137px no-repeat}
.arrow{float:left;margin-top:21px}
.username p{float:left;max-width:55px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.username:hover{box-shadow:0 0 5px #f3f3f3}
.username:hover .mylist,.username:hover .shadowLine{display:block}
.mylist{display:none;position:absolute;top:46px;left:0;width:100%;padding-bottom:5px;z-index:1;background-color:#fff;box-shadow:0 0 5px #f3f3f3}
.mylist li{height:38px;line-height:38px}
.mylist li:hover a{color:#ff5246}
.mylist li a{display:block;color:#8a8a8a}
.mylist li:last-child{border-bottom:none}
.webnav:hover .webNav,.webnav:hover .indexnav,.wx:hover .codeWrap,.wx:hover .wxnav,.app:hover .codeWrap,.app:hover .appnav{display:block}
.banner{position:relative;width:100%;height:310px;overflow:hidden}
.banner .bd{position:absolute;top:0;left:0;width:100%;height:100% !important}
.banner .bd ul{width:100% !important;height:100% !important}
.banner .bd li{display:none;width:100% !important;height:100% !important}
.banner .bd li a{display:block;width:100%;height:100%}
.banner .bd li.on{display:block}
.swiper{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:288px;height:310px;background-color:rgba(255,255,255,0.5);color:#202020}
.swiper li{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:background-color .2s ease}
.swiper li a,.swiper li p{max-width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;height: 100%;display: flex;align-items: center;}
.swiper li.on{font-size:18px;font-weight:bold;color:#333;background-color:rgba(255,255,255,.8)}
.nav{width:100%;height:84px;background-color:#00ce7f;color:#fff}
.navList{float:left;width:28%}
.navList.on{margin-right:7%}
.navList.active{width:33%}
.navClassify{float:left;width:64px;height:56px;padding-top:8px;margin-top:10px;border-radius:4px;background-color:#01c379;text-align:center;font-size:18px;font-weight:bold;color:#fff}
.navList.active a:hover{font-weight:bold}
.navList.active a{margin-top:0;margin-right:20px;line-height:84px;font-size:20px;color:#fff}
.navhref{position:relative;float:left;width:20.8%;height:34px;margin-right:16px;line-height:50px;color:#fff;cursor:pointer;text-align:center}
.navhref.active{margin-top:8px}
.navhref:hover{font-weight:bold}
.navHover:hover{color:#00c77b;background-color:#fff;box-shadow:0 0 2px #ddd}
.navHover:hover .slideNav,.navHover:hover .shadowLine{display:block}
.slideNav{display:none;position:absolute;top:34px;left:0;width:250px;padding:18px 0 6px 20px;background-color:#fff;box-shadow:0 0 5px #ddd;text-align:left;line-height:18px;z-index:1;font-weight:normal}
.slideNav.active{left:auto;right:0;width:335px;padding-left:24px}
.slideTitle{margin-bottom:10px;font-weight:bold}
.slideHref.active a:nth-child(3n),.slideHref.on a:nth-child(4n){margin-right:0}
.slideHref p{color:#d8d8d8}
.slideHref span{font-size:14px;color:#b2b2b2}
.slideHref a{display:inline-block;margin-right:14px;margin-bottom:12px;font-size:14px;margin-left:10px}
.slideHref a.ml0{margin-left:0 !important}
.slideHref a:hover{color:#00c77b}
.region{padding-top:14px;margin-bottom:20px;background-color:#fff;box-shadow:0 0 2px #ddd}
.regionList{float:left;margin-bottom:7px}
.regionTips{float:left;width:62px;height:27px;margin-right:32px;border-radius:3px;background-color:#f3f3f3;line-height:27px;text-align:center;font-size:14px;color:#b2b2b2}
.regionList a{float:left;margin-right:28px;line-height:27px}
.regionList a:hover{color:#ff6258}
.w01{width:27.8%}
.w02{width:36.1%}
.hot{float:left;width:68%;padding-right: 20px;box-sizing: border-box;}
.title{font-size:30px;font-weight:bold}
.countdown{float:right;margin-top:8px;font-size:18px}
.countdown span{color:#ff5246}
.hotNews{height:395px;padding:45px 4.34% 2px 4.34%;margin-top:20px;background-color:#fff;box-shadow:0 0 2px #ddd}
.hotNews li{max-width:100%;margin-bottom:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hotNews li:last-child{margin-bottom:0}
.hotNews li a:hover{color:#ff5246}
.hotNews li.active,.hotNews li.active a{font-weight:bold;color:#ff5246}
.newsTips{display:inline-block;width:93px;height:32px;border:1px solid #ff7468;margin-right:15px;border-radius:4px;text-align:center;line-height:32px;color:#ff7468;font-weight:normal}
.c01 .newsTips{border-color:#4a90e2;color:#4a90e2}
.c02 .newsTips{border-color:#00c07d;color:#00c07d}
.c03 .newsTips{border-color:#f48b26;color:#f48b26}
.c04 .newsTips{border-color:#00d3e8;color:#00d3e8}
.c05 .newsTips{border-color:#ff7468;color:#ff7468}
.c06 .newsTips{border-color:#5d7be7;color:#5d7be7}
.c07 .newsTips{border-color:#ff8644;color:#ff8644}
.live{float:right;width:49.13%}
.liveWrap{height:442px;margin-top:20px}
.live_l{float:left;width:72.29%}
.video{display:block;position:relative;width:100%;height:302px}
.videos{display:none;position:relative;width:100%;height:302px}
.videos.active{display:block}
.pause{position:absolute;top:50%;left:50%;width:68px;height:68px;margin-top:-34px;margin-left:-34px;background:url('../images/sprites.png') -10px -10px no-repeat;cursor:pointer}
.liveMsg{width:100%;height:140px;background-color:#3c3d40}
.liveMsg img{float:left;width:111px;height:111px;margin:15px 20px 0 25px}
.liveMsg p{float:left;width:calc(100% - 156px);margin-top:20px;color:#fff;line-height:32px;font-size:15px}
.liveMsg p span{font-weight:bold;font-size:18px}
.live_r li{position:relative;display:flex;height:72px;border-bottom:2px solid #343538;background-color:#4e4f50;text-align:center;justify-content:center;align-items:center;background:linear-gradient(to bottom,#4e4f50,#464647);color:#fff;font-size:15px;cursor:pointer}
.live_r li.active{color:#db5048}
.live_r li.active:hover{color:#fff}
.live_r li.active:hover i{display:none}
.live_r li.active i{display:block}
.live_r li:last-child{border-bottom:none}
.live_r li:hover{background-color:#00c77b;background:linear-gradient(to bottom,#00c77b,#00c77b)}
.live_r li i{display:none;position:absolute;top:50%;left:0;width:11px;height:16px;margin-top:-8px;background:url('../images/sprites.png') -202px -98px}
.generalize{margin-top:45px;margin-bottom:40px}
.generalize a{position:relative;width:23.73%;height:112px;margin-right:1.66%;background-repeat:no-repeat;background-size:100% 100%;transition:transform .3s ease}
.generalize a:hover{transform:translateY(-10px)}
.generalize a p{margin-left:17px;color:#fff}
.generalize a:last-child{margin-right:0}
.generalize i{position:absolute;top:16px;right:12px;width:81px;height:84px;background-repeat:no-repeat}
.bg01{background-color:#58d096;background:linear-gradient(to right,#58d096,#66d58f,#75da89)}
.bg01 i{}
.bg02{background-color:#feb00f;background:linear-gradient(to right,#feb00f,#fdbe2c,#fdcb45)}
.bg02 i{}
.bg03{background-color:#2a9eee;background:linear-gradient(to right,#2a9eee,#2aa7f8,#2aadff)}
.bg03 i{background-image:url(../)}
.bg04{background-color:#ff8e8e;background:linear-gradient(to right,#ff8e8e,#fba4a4,#f8b3b4)}
.bg04 i{background-image:url(../)}
.genTxt01{margin-top:28px;margin-bottom:10px}
.wrap .genTxt02{font-size:16px;color:#fff100;font-weight:bold}
.news .title{margin-bottom:40px}
.newsMain{width:49.33%}
.news_l{position:relative;float:left;width:55.36%;height:320px;padding:40px 4.5% 0 5%;background-color:#fff}
.change{position:absolute;top:-15px;right:7.291%;width:31px;height:31px;background:url('../images/sprites.png') -66px -137px no-repeat;cursor:pointer;transition:transform .5s ease}
.change:hover{transform:rotate(360deg)}
.reHots{position:absolute;top:-15px;right:7.291%;display:block;width:30px;height:30px;cursor:pointer;text-align:center;-webkit-animation:showicon .4s ease-in-out 1;-moz-animation:showicon .4s ease-in-out 1;-ms-animation:showicon .4s ease-in-out 1;-o-animation:showicon .4s ease-in-out 1;animation:showicon .4s ease-in-out 1}
.reHots span{position:absolute;left:0;top:0;display:block;width:30px;height:30px;background:#f33;border-radius:1000px;filter:alpha(opacity=60);opacity:0.6;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-ms-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}
.reHots:hover span{filter:alpha(opacity=80);opacity:.8;-webkit-transform:scale(1.8);transform:scale(1.8)}
.reHots i{position:absolute;left:3px;top:3px;display:block;width:24px;height:24px;border-radius:100%;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;background:url(../images/icon.png) no-repeat;background-position:-150px -25px}
.reHots:hover i{-webkit-transform:translateY(-7px) rotate(180deg);-moz-transform:translateY(-7px) rotate(180deg);-ms-transform:translateY(-7px) rotate(180deg);-o-transform:translateY(-7px) rotate(180deg);transform:translateY(-7px) rotate(180deg)}
.reHots b{position:absolute;left:-3px;top:8px;display:block;width:40px;color:#fff;font-size:12px;font-weight:normal;line-height:20px;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.reHots:hover b{top:15px;filter:alpha(opacity=100);opacity:1}
.newsList{display:none}
.newsList.active{display:block}
.newsList li{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:42px}
.newsList li:last-child{margin-bottom:0}
.newsList li a:hover,.teaNews li:hover a{color:#ff5246}
.newsList .headline{margin-bottom:14px;font-size:22px;font-weight:bold}
.headline a{color:#ff5246}
.newsImage{position:relative;float:left;width:34.59%;height:360px;overflow:hidden}
.imgWrap{height:100%;transition:transform .5s ease}
.newsImage:hover .imgWrap{transform:scale(1.03,1.03)}
.newsImage img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ad{display:block;margin:50px auto}
.ad img{width:100%;height:auto}
.mainList .title{margin-bottom:38px}
.teaList,.liveMain li{float:left;width:23.73%;height:410px;border:1px solid #e6e6e6;margin-right:1.4%;margin-bottom:32px;background-color:#fff;box-shadow:0 0 1px #ddd;transition:transform .3s ease}
.teaList:last-child,.liveMain li:last-child{margin-right:0}
.teaTitle{border-left:3px solid #55cf97;padding-left:19px;margin:28px 0 22px -1px;font-size:20px;font-weight:bold}
.teaNews{margin:0 17px 0 20px}
.teaNews li{line-height:40px}
.teaNews li a{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px}
.teaMore{display:block;width:208px;height:38px;margin:26px auto 0 auto;line-height:38px;background-color:#eee;border-radius:40px;text-align:center;font-size:14px}
.teaMore:hover{background:#eee;color:#4ebd65}
.teaMore i{display:inline-block;width:13px;height:13px;vertical-align:middle}
.teaMore:hover i{background-position:center bottom}
.teaToggle{float:right;margin-top:35px;margin-right:21px;color:#666;font-size:14px}
.teaToggle a{color:#666}
.teaToggle a.on{padding-bottom:1px;border-bottom:1px solid #24cb85;color:#24cb85}
.teaHide{display:none}
.teaHide.on{display:block}
.toggle_l{float:left}
.toggleLive{float:left;padding-bottom:10px;margin-right:30px;margin-bottom:19px;font-size:20px;cursor:pointer}
.toggleLive.on{border-bottom:3px solid #00c77b}
.toggle_r{float:right;margin-top:7px;color:#999}
.toggle_r:hover{color:#24cb85}
.liveMain{display:none}
.liveMain.on{display:block}
.liveMain li{width:20.41%;height:390px;padding:0 1.66%}
.liveMain li:hover{border-top:1px solid #28b86c;box-shadow:0 0 10px #ddd;transform:translateY(-4px)}
.liveMain li:hover .btn{background-color:#00c07d;border-color:#00c07d;color:#fff}
.liveMain li h3{height:60px;margin:22px 0;font-size:18px;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.liveMain li h3 strong{display:inline-block;width:42px;height:22px;border:1px solid #ff7468;margin-right:5px;border-radius:3px;font-size:14px;line-height:21px;text-align:center;font-weight:normal;vertical-align:middle}
.tag_tj{color:#ff7468}
.liveMain li h3 .tag_fx{border-color:#00c77b;color:#00c77b}
.liveMain .tea-wrap{padding-bottom:16px}
.tea-item{float:left;width:64px;margin-right:15px;text-align:center}
.tea-item-more{float:left;font-size:30px;line-height:44px;color:#d6d6d6}
.tea-item img{width:64px;height:64px;border-radius:50%}
.tea-item p{margin-top:12px;font-size:14px;color:#666}
.liveInfo{margin-top:13px;font-size:12px;color:#666}
.priceWrap{border-top:1px solid #e6e6e6;padding-top:20px;margin-top:26px}
.price{float:left;margin-top:5px;color:#ff5246}
.price span{font-size:27px}
.btn{float:right;width:115px;height:42px;border:1px solid #55cf97;line-height:42px;text-align:center;color:#55cf97;border-radius:40px;transition:background-color .3s ease}
.mainList.active .title{margin-top:18px}
.mainList.active .liveMain li{height:380px}
.team{margin-top:10px;text-align:center}
.team .title{margin-bottom:50px;text-align:left}
.team h3{margin-bottom:18px;font-size:28px}
.txt{margin-bottom:25px;line-height:26px;color:#949494}
.more{display:block;width:170px;height:55px;margin:50px auto;line-height:55px;text-align:center;font-size:24px;border-radius:40px;background-color:#e4e4e4;transition:background-color .5s ease}
.more:hover{background-color:#00c07d;color:#fff}
.team .teaSlide{width:100%;max-width:2100px;height:715px;margin:0 auto;overflow:hidden;position:relative}
.team .teaSlide .bd{position:relative;height:100%}
.team .teaSlide ul{float:left;width:246% !important}
.team .teaSlide li{position:relative;float:left;width:9.7% !important;height:715px;overflow:hidden;-webkit-transition:width 0.5s ease-out;transition:width 0.5s ease-out}
.team .teaSlide .pic{position:absolute;left:50%;top:0;margin-left:-330px}
.team .teaSlide .pic a,.team .teaSlide .pic img{display:block;width:660px;height:715px}
.team .teaSlide .con{position:absolute;left:50%;top:720px;width:660px;height:345px;padding-top:370px;margin-left:-330px;text-align:center;-webkit-transition:top 0.8s ease-out;transition:top 0.8s ease-out}
.team .teaSlide .h4{color:#fff;font-size:46px;line-height:66px}
.team .teaSlide .h4 a{color:#fff}
.team .teaSlide .h4 a:hover{color:#fff;text-decoration:none}
.team .teaSlide .h5{margin-top:20px;margin-bottom:10px;color:#d1a94d;font-size:18px}
.team .teaSlide .h6{width:320px;height:50px;margin:0 auto;color:#fff;font-size:18px;line-height:50px;text-align:center}
.team .teaSlide .h6 span{margin-right:8px}
.team .teaSlide .h6 em{margin-right:15px;font-style:normal}
.team .teaSlide .con i{display:block;height:19px;margin:0 auto 20px auto;background-repeat:no-repeat}
.team .teaSlide .icon05{width:119px;background:url('../images/sprites.png') -98px -10px}
.team .teaSlide .icon04{width:92px;background:url('../images/sprites.png') -98px -49px}
.team .teaSlide .icon03{width:68px;background:url('../images/sprites.png') -10px -98px}
.team .teaSlide .icon02{width:44px;background:url('../images/sprites.png') -98px -98px}
.team .teaSlide .icon01{width:20px;background:url('../images/sprites.png') -162px -98px}
.team .teaSlide p{width:310px;height:33px;margin:0 auto;color:#fff;line-height:26px;font-size:14px;text-align:left}
.team .teaSlide li.on,.team .teaSlide li:hover{width:12.7% !important}
.team .teaSlide li.on .con,.team .teaSlide li:hover .con{top:0}
.team .teaSlide .teaprev,.team .teaSlide .teanext{position:absolute;left:5%;top:50%;display:block;width:50px;height:50px;margin-top:-25px;background-image:url(../images/icon.png);background-position:0 0;background-repeat:no-repeat;filter:alpha(opacity=0);opacity:0;z-index:1;-webkit-transform:opacity 0.5s;transition:opacity 0.5s}
.team .teaSlide .teanext{left:auto;right:5%;background-position:-50px 0}
.team .teaSlide:hover .teaprev,.team .teaSlide:hover .teanext{filter:alpha(opacity=100);opacity:1}
.line{width:100%;height:30px;background-color:#fff}
.bottom_nav .left{float:left;margin-top:35px;margin-left:40px}
.bottom_nav .left h2{margin-bottom:20px}
.bottom_nav .left h2 a{font-size:28px;line-height:40px;color:#666;font-weight:normal}
.left span,.left span a{font-size:14px;color:#888}
.right{float:right;width:66.66%;padding-top:30px}
.right dl,.dl{float:left;margin-right:10%;overflow:hidden}
.right dt,.dt{margin-bottom:20px;font-weight:bold}
.right dl dd,.dd{margin-bottom:12px;font-size:12px;color:#888}
.right dl dd a,.dd a{color:#888}
.dd span{display:inline-block;width:80px}
.about{text-align:center}
.complaint{margin-top:40px}
.complaint p{font-weight:bold;margin-bottom:8px}
.complaint span{font-size:12px;color:#888}
.copyright{height:42px;margin-top:20px;background-color:#333;line-height:42px;font-size:12px;color:#fff;text-align:center}
.footer a:hover{color:#ff5246}
.link_box{height:40px;margin-top:20px}
.link_box .link{width:922px;height:40px;line-height:40px;font-size:12px;padding-left:156px}
.link_box .link b{float:left;width:72px}
.link_box .link .link_add{float:left;width:840px;height:40px;overflow:hidden;position:relative}
.link_add ul{position:absolute;left:0;top:0}
.link_box .link a{padding-right:5px;float:left;display:block}
.index_zx_box{height:440px;padding:4px 10px 0px 30px;width: 63%;margin-top: 16px;}
.index_zx_box h2 a{font-size:20px;font-weight:normal}
.index_zx_first{line-height:66px;height:66px;overflow:hidden}
.index_zx_second{line-height:64px;height:64px;overflow:hidden}
.index_zx_second a,.index_zx_first a{color: #ff5246 !important;}
.index_zx_list li{line-height:50px;height:50px;width:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_zx_list span{height:30px;line-height:30px;border-radius:4px;display:inline-block;width:60px;font-size:16px;text-align:center;margin-right:10px}
.index_zx_list span.zx_notice{border:1px solid #ff6a5a;color:#ff6a5a}
.index_zx_list span.activity{border:1px solid #0190eb;color:#0190eb}
.index_zx_list span.hot_new{border:1px solid #00c07d;color:#00c07d}
.index_zx_list span.recommend{border:1px solid #ff9c00;color:#ff9c00}
.index_zx_list a{font-size:16px;color:#333}


.hotBox{display:flex}
.generalize_box{flex:1;}
.hotBox .live{width:30%}

.liveWrap{background:#fff;width:100%;padding-left:10px;padding-top:10px;height:436px}
.generalize{width:100%;padding-left:5%;box-sizing:border-box;margin:0;float:left}
.generalize a{display:block;width:100%;margin-right:0;height:118px}
.generalize a:hover{transform:translateY(0)}
.genTxt01{margin-top:28px;margin-bottom:14px;padding-top:30px}
.generalize i{top:40px;width:55px;background-size:100%}
.calendarTab span,.calendarTab a{font-size:16px}
.calendarTab ul{display:none;width:100%;margin-bottom:10px;background:url(../images/index_line.png) 74px 22px no-repeat}
.calendarTab ul.on{display:block}
.calendarTab ul li{padding-left:16px;margin-bottom:37px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position: relative;padding-left: 90px;}
.calendarTab li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:95%}
.calendarTab li p.calendarTitle{position: absolute;left: 0;top: 8px;width: 65px;}
.calendarTab li p.calendarTime{margin-bottom: 2px;}
.calendarTime span,.calendarTime a{color:#f14522;margin-right:10px}
.calendarTab li a:hover{color:#f14522}
.calendarTitle span{display:block;text-align:center;height:30px;line-height:30px;border-radius:18px;background:#f6f6f6;width:65px;margin-bottom:8px}
.calendarTitle span.red{color:#fff;background:#f45434}
.calendarTab{margin-top:25px}
.calendarBoxTitle{font-size:24px;margin-top:10px;margin-bottom:5px}
.calendarBtn span{display:block;width:31.8%;float:left;margin-right:0.8%;background:#f7f5f5;font:normal 16px/40px 'Microsoft Yahei';color:#444;text-align:center;letter-spacing:1px;cursor:pointer}
.calendarBtn span.on{background:#fff6f4;color:#f14522}
.slideNav{width:258px}
.calendarTab a{margin-right:10px}
.calendarTab a:last-child{margin-right:10px}


.hotWrap{background:#fff;box-shadow:0 0 2px #ddd;padding:25px 0 0}
.generalize_wrap{display:flex}
.rmks_title{padding-left:26px}
.banner_top{margin-bottom:10px;width:100%;min-width:1000px;height:auto}
.banner_top a{width:50%;float:left;display:block;height:100%}
.banner_top img{width:100%;display:block}
.banner_index{display:flex;margin-bottom:15px}
.banner_index a{flex:1;margin-right:15px;overflow:hidden}
.banner_index a img{width:100%;transition:transform 3s ease}
.banner_index a:hover img{transform:scale3d(1.05,1.05,1.05)}
.banner_index a:last-child{margin-right:0}
.region{margin-bottom:15px}
.gonggao{text-align:center;padding:16px 68px;border-bottom:12px solid #fff}
.gonggao a{color:#ff5246;font-weight:bold;font-size:20px;display:inline-block;line-height:35px}


.online_coure_css {margin-top: 25px !important;float: none !important;display: inline-block;}
.online_coure_css .slideHref {height: 30px;}
.online_coure_css .slideHref a {line-height: 30px;color: #333;}
.online_coure_css .slideHref a:hover {color: #00c77b !important;font-weight: normal !important;}
.copyright_wrap {
    width: 100%;
    height: 42px;
    background: #333
}

.copyright {
    height: 42px;
    width: 865px;
    line-height: 42px;
    padding-left: 30px;
    font-size: 12px;
    color: #fff;
    margin: 0 auto;
    text-align: center
}

.copyright span {
    padding-left: 10px
}

.link_footer .link {
    font-size: 12px;
    margin: 0 auto;
    display: flex;
    width: 80%;
}

.link_footer .link b {
    width: 85px;
    font-weight: bold;
}

.link_footer .link .link_add {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.link_add ul {
    position: relative;
    left: 0;
    top: 0;
}

.link_footer .link a {
    padding-right: 10px;
    float: left;
    display: block;
    margin-bottom: 10px;
    color: #888;
    font-size: 14px;
}

.link_footer .link a:hover {
    color: #f40;
}

/*底部导航*/
.bottom_nav_wrap {
    width: 100%;
    height: auto;
    background: #f6f6f6;
    padding-bottom: 15px;
    margin-top: 14px;
    border-top: 30px solid #fff
}

.bottom_wrap {
    display: flex;
    padding: 20px 40px;
    box-sizing: border-box
}

.bottom_wrap li {
    height: 160px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.bottom_wrap li p {
    width: 100%
}

.bottom_temp p {
    text-align: center
}

.bottom_ewm {
    display: flex
}

.bottom_wrap a,
.bottom_wrap p {
    font-size: 16px;
    color: #888
}

.bottom_url a {
    font-size: 22px
}

.bottom_wrap a:hover {
    color: #f40
}

.bottom_wrap .bottom_title,
.bottom_ewm p {
    font-size: 20px
}

.bottom_ewm div {
    text-align: center;
    width: 50%;
    margin: 0 auto
}

.bottom_ewm img {
    width: 100px;
    text-align: center;
    margin: 0 auto
}

.bottom_temp,
.bottom_ewm {
    border-right: 1px solid #dbdbdb
}

.bottom_url {
    width: 20%
}

.bottom_temp {
    width: 14%;
    padding: 6px 0;
    box-sizing: border-box
}

.bottom_ewm {
    width: 20%;
    padding: 6px 0;
    box-sizing: border-box
}

.bottom_tel {
    width: 18%;
    padding: 20px 0 30px 20px;
    box-sizing: border-box
}

.bottom_tel_top {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.icon_online_box {
    width: 52px;
    height: 52px;
    background: #ccc;
    border-radius: 4px
}

.zixun_box a {
    padding-left: 20px;
    color: #333;
    font-size: 20px
}

.zixun_box a:hover {
    color: #f40
}

.bottom_tel_bottom p {
    font-size: 12px;
    color: #999;
    line-height: 18px
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img, cite {
  margin: 0;
  padding: 0;
  color: #333;
  border: none;
  font-family: "MicroSoft YaHei", "Hiragino Sans GB", Arial, sans-serif;
}

html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  min-width: 1000px;
  font-size: 16px;
  background-color: #f6f6f6;
}

article, iframe {
  display: block;
  border: 0;
}


img {
  display: block;
  border: none;
}

ul, ol, li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
}

input::focus-inner {
  outline: 0;
  padding: 0;
  border: 0;
}

input[type="button"], input[type="submit"], input[type="reset"], button {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
}

:focus {
  outline: none;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

a, area {
  blr: expression(this.onFocus=this.blur())
}

a {
  color: #333;
  text-decoration: none;
}

.wrap {
  width: 90%;
  max-width: 1500px;
  min-width: 1000px;
  margin: 0 auto;
}
.index_newBox{margin-top:40px}
.clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  clear: both;
}

.hide {
  display: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

::selection {
  background: #D03333;
  color: white;
  text-shadow: none;
}

::-webkit-scrollbar-track-piece {
  width: 10px;
  background-color: #f2f2f2
}

::-webkit-scrollbar {
  width: 10px;
  height: 6px
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-thumb:hover {
  background: #707070;
}

/*适配1500以下*/
@media screen and (max-width: 2000px) {
  .regionList a {
    margin-right: 20px;
  }
  .mainNav{
    width: 25%;
  }
  .mainNav li.webnav {
    padding: 0 4%;
  }
  .mainNav li.wx {
    padding: 0 8%;
  }
  .search{
    width: 27%;
  }
}
@media screen and (max-width: 1700px) {
  .regionList a {
    margin-right: 20px;
  }
  .tel{
    width: 210px;
  }
  .mainNav{
    width: 26%;
  }
  .mainNav li.webnav {
    padding: 0 2%;
  }
  .mainNav li.wx {
    padding: 0 10%;
  }
  .search{
    width: 25%;
  }
}

@media screen and (max-width: 1550px) {
  .navList.active a {
    font-size: 18px;
  }

  .generalize i {
    top: 20px;
    right: 8px;
    width: 71px;
    height: 74px;
    background-size: 100%;
  }

  /* 华图精英 */
  .team .teaSlide {
    width: 90%;
    height: 493px;
  }

  .team .teaSlide li {
    height: 493px;
  }

  .team .teaSlide .pic {
    margin-left: -228px;
  }

  .team .teaSlide .pic a,
  .team .teaSlide .pic img {
    width: 456px;
    height: 493px;
  }

  .team .teaSlide .con {
    top: 493px;
    width: 456px;
    height: 325px;
    padding-top: 170px;
    margin-left: -228px;
    background: url(../images/bg_02b.png) repeat-x bottom;
  }

  .team .teaSlide .h4 {
    font-size: 36px;
    line-height: 66px;
  }

  .team .teaSlide .h5 {
    font-size: 16px;
    line-height: 36px;
  }

  .team .teaSlide .h6 {
    width: 300px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
  }

  .team .teaSlide .h6 i {
    margin-top: 10px;
  }

  .team .teaSlide p {
    width: 285px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
  }

  .team .teaSlide .teaprev {
    left: 1%;
  }

  .team .teaSlide .teanext {
    right: 1%;
  }

  .liveMsg img {
    width: 90px;
    height: 90px;
    margin: 22px 15px 0 20px;
  }

  .liveMsg p {
    width: calc(100% - 125px);
    margin-top: 20px;
    line-height: 28px;
  }

  /* 华图精英 end */
  .more {
    width: 140px;
    height: 45px;
    margin: 35px auto;
    line-height: 45px;
    font-size: 20px;
  }
}





@media screen and (min-width: 1400px) and (max-width: 1450px) {
  .right dl, .dl {
    margin-right: 8.5%;
  }

  .bottom_nav .left h2 a {
    font-size: 26px;
  }
}

@media screen and (max-width: 1500px) {
  .navList.on {
    margin-right: 2%;
  }

  .navList {
    width: 28%;
  }
}

@media screen and (max-width: 1470px) {
  .mainNav{
    width: 26%;
  }
  .mainNav li.webnav {
    padding: 0 2%;
  }
  .mainNav li.wx {
    padding: 0 5%;
  }
  .search{
    width: 25%;
  }
  .inpS i {
    right: 8px;
  }
  .tel{
    width: 210px;
  }


  .navList.active {
    width: 33%;
  }

  .navList {
    width: 28%;
  }

  .regionList a {
    margin-right: 18px;
  }

  .title {
    font-size: 26px;
  }

  .ad {
    margin: 40px auto;
  }

  .news .title {
    margin-bottom: 35px;
  }

  .mainList .title {
    margin-bottom: 30px;
  }

  .generalize i {
    top: 25px;
    width: 61px;
    height: 64px;
  }
}

@media screen and (max-width: 1400px) {
  .mainNav{
    width: 26%;
  }
  .mainNav li.webnav {
    padding: 0 2%;
  }
  .mainNav li.wx {
    padding: 0 5%;
  }
  .search{
    width: 25;
  }


  .right dl, .dl {
    margin-right: 8%;
  }
  .regionTips {
    margin-right: 20px;
  }

  .regionList a {
    margin-right: 15px;
  }

  .generalize i {
    top: 30px;
    right: 5px;
    width: 55px;
    height: 58px;
  }

  .genTxt01 {
    margin-top: 30px;
    font-size: 15px;
  }

  .genTxt02 {
    font-size: 17px;
  }

  .tea-item {
    margin-right: 7px;
  }
}
@media screen and (max-width: 2000px){
	.ad {margin: 40px auto;}}
@media screen and (max-width: 1300px) {
  .mainNav{
    width: 25%;
  }
  .mainNav li.webnav {
    padding: 0 2%;
  }
  .mainNav li.wx {
    padding: 0 5%;
  }
  .search{
    width: 25%;
  }
  .inpS i {
    right: 8px;
  }


  .right dl, .dl {
    margin-right: 7%;
  }
  body {
    font-size: 14px;
  }

  .swiper li.on {
    font-size: 16px;
  }

  .title {
    font-size: 24px;
  }

  .countdown {
    font-size: 16px;
  }

  .newsTips {
    width: 80px;
    height: 30px;
    line-height: 30px;
  }

  .genTxt02 {
    font-size: 15px;
  }

  .generalize a {
    background-size: auto;
  }

  .news .title {
    margin-bottom: 20px;
  }

  .newsList .headline {
    font-size: 20px;
  }

  .ad {
    margin: 35px auto;
  }

  .mainList .title {
    margin-bottom: 28px;
  }

  .teaTitle {
    font-size: 17px;
  }

  .teaNews li a {
    font-size: 14px;
  }

  .liveMain li h3 {
    font-size: 17px;
  }

  .price span {
    font-size: 22px;
  }

  .tea-item {
    width: 50px;
    margin-right: 5px;
  }

  .tea-item img {
    width: 50px;
    height: 50px;
  }

  .btn {
    width: 96px;
    height: 32px;
    margin-top: 5px;
    line-height: 32px;
  }

  .regionTips {
    margin-right: 20px;
  }

  .regionList a {
    margin-right: 14px;
  }

  .generalize i {
    display: none;
  }
}

@media screen and (max-width: 1250px) {
  .navhref {
    margin-right: 10px;
  }
}

@media screen and (max-width: 1200px) {

  .regionTips {
    width: 50px;
    margin-right: 15px;
  }

  .regionList a {
    margin-right: 12px;
  }

  .navList.active a {
    font-size: 17px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 1100px) {

  .region {
    margin-bottom: 35px;
  }

  .mainNav{
    width: 24%;
  }
  .mainNav li{
    font-size: 14px;
    padding: 0 1%;
  }
  .mainNav li.webnav {
    padding: 0 1%;
  }
  .mainNav li.wx {
    padding: 0 1%;
  }
  .search{
    width: 20%;
    margin-left: 1%;
  }
  .logo{
    margin-right: 1%;
  }
  .tel{
    margin-left: 1%;
  }
  .search_icon{
    right: 9px;
  }
  .inpS i {
    right: 8px;
    display: none;
  }
}

@media screen and (min-width: 1400px) and (max-width: 2000px) {
  body,html{
    font-size: 18px;
  }
  .index_zx_list a{
    font-size: 18px;
  }
  .index_zx_box h2 a{
    font-size: 22px;
  }
  .teaNews li a{
    font-size: 18px;
  }
  .teaToggle{
    font-size: 18px;
  }
  .team .teaSlide p{
    font-size: 18px;
  }

  .teaTitle {
    font-size: 22px;
  }
  .live_r li{
    font-size: 16px;
  }

  .priceWrap{
    margin-top: 11px;
  }

  .teaMore{
    font-size: 16px;
  }
  .liveMsg p{
    font-size: 16px;
  }

  .header{
    font-size: 16px;
  }
  .banner p{
    font-size: 16px;
  }
  .nav .navList a{
    font-size: 16px;
  }
  .toggle_r,.region a{
    font-size: 16px;
  }
  .navHover{
    font-size: 16px;
  }
  .nav .slideHref a{
    font-size: 14px;
  }
}
.horn-line{height:50px;line-height:50px;background:#ffffff;border:1px solid #f8e6b9;margin-top:16px;display:flex;justify-content:space-around;width: 100%}
.horn-line a{margin-left:1px;margin-right:2px;font-size:14px}
.theme-color{color:#dd3635}
.horn-line .icon-horn{margin-left:0;margin-right:0}