@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#EFEFF0; position:relative;}/* */
body,html{ padding-top:0px; overflow-x:hidden;}
body {
	  font-family:"Microsoft YaHei","Helvetica Neue", Helvetica, Arial, sans-serif;
	  font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
	  font-size: 14px;
	  line-height: 1.42857143;
	  color: #333333; #EFEFF0
	  background: #f1f1f1;
    }
/** {font-size:14px; line-height:25px; color:#606060; font-family:'微软雅黑';}*/
/** {font-size:14px;  font-family:'微软雅黑';}*/
*:focus {outline:none;}
img { border:0px;}
ul {margin:0px; *margin-left:0px; margin-left:-40px;}
li {list-style-type:none;}
a { outline:none; outline:0;text-decoration:none;outline-style:none;}
/*a:link {font-size: 14px;color: #858585;text-decoration: none;} transition:color 0.3s linear;*/
.global-header-nav-item a:visited {font-size: 16px;text-decoration: none;}/* transition:color 0.3s linear;*/
.global-header-nav-item a:hover {font-size: 16px;color:#225EAB;text-decoration:none;}/* transition:color 0.3s linear;*/
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
*{-webkit-tap-highlight-color: transparent;}

#top { margin:0 auto; width:100%; position:absolute; position:fixed; z-index:999; z-index:999; left:0%; right:0%; top:0%; padding-bottom:0.8%;}
#top #topmenu { margin:0 auto; width:74%; padding-top:1%; padding-bottom:1%; position:relative;}
#top #topmenu #logo { float:left; width:25%; height:auto; overflow:hidden; text-align:left; margin-top:0.7%;}
#top #topmenu #logo img { width:50%; height:auto;}
#top #topmenu #pmenu { float:left; display:block; width:50%; margin-top:0.4%;}
#top #topmenu #pmenu ul { width:100%;}
#top #topmenu #pmenu ul #mn { display:block; float:left; width:16.6%; position:relative; text-align:center; margin-right:0%;}
#top #topmenu #pmenu ul #mn #big { display:block; width:auto; overflow:hidden; color:#fff; font-size:0.9vw; line-height:2vw;}
#top #topmenu #pmenu ul #mn.short { width:12%;}
#top #topmenu #pmenu ul #mn p { display:none; width:40px; height:3px; margin:0 auto; background-color:#225EAB;}
#top #topmenu #pmenu ul #mn:hover #big { color:#225EAB;}
#top #topmenu #pmenu ul #mn.on #big { color:#225EAB;}
#top #topmenu #pmenu ul #mn:hover p { display:block;}
#top #topmenu #pmenu ul #mn.on p { display:block;}
#top #topmenu #pmenu ul #mn span { display:none;}
#top #topmenu #pmenu ul #mn #small { display:none; width:11vw; position:absolute; left:0; top:2.2vw; text-align:left; padding-top:1vw; padding-bottom:0.5vw; border-radius:0 0 10px 10px; background-color:#000; opacity:1;}
#top #topmenu #pmenu ul #mn #small a { display:block; width:100%; overflow:hidden;  line-height:2vw; text-indent:1.2vw; color:#858585;}
#top #topmenu #pmenu ul #mn #small a:hover { color:#225EAB;}
#top #topmenu #pagetel { float:right; width:25%; text-align:right; overflow:hidden; font-size:1.2vw; line-height:2.5vw; font-weight:bold; color:#fff; font-family:'黑体';}
#top #topmenu #pagetel img { width:8%; height:auto; margin-top:-2%;}
#top #topmenu #mmenu { display:none;}
#adarea { margin:0 auto; width:100%; height:41.5vw; display:block; overflow:hidden; margin-top:0px; z-index:0; position:relative;}
#adarea #ads { width:100%; height:41.5vw; z-index:990; overflow:hidden; position:relative;}
#adarea #ads #aditem { width:100%; height:41.5vw; left:0; text-align:center; overflow:hidden; position:absolute;}
#adarea #ads #aditem.mask { z-index:-1;}
#adarea #ads #aditem img { width:100%; height:auto; display:block;}
#adarea #ads #aditem #binfo { margin:0 auto; width:67%; overflow:hidden; position:relative; text-align:left; z-index:99; margin-top:-29vw;}
#adarea #ads #aditem #binfo #bigname { width:100%; overflow:hidden; text-align:left; font-size:2.8vw; line-height:3vw; color:#fff; font-weight:bold;}
#adarea #ads #aditem #binfo #notes { width:67%; overflow:hidden; margin-top:2.5%; text-align:left; color:#fff; line-height:1.2vw;} 
#adarea #ads #aditem #binfo #viewbt { width:100%; overflow:hidden; margin-top:2.5%;}
#adarea #ads #aditem #binfo #viewbt a { display:block; width:12%; overflow:hidden; text-align:center; color:#fff; font-size:0.9vw; line-height:2vw; background-color:#225EAB; border-radius:10px; transition:background-color 0.3s linear;}
#adarea #ads #aditem #binfo #viewbt a:hover { background-color:#387DD7; transition:background-color 0.3s linear;}
#adarea #bts { display:none; margin:0 auto; z-index:9999; width:40%; height:0.5vw; overflow:hidden; position:absolute; z-index:999; margin-top:-3%; left:0px; right:0px;}
#adarea #bts ul { display: table;margin:0 auto;text-align:center;padding:0;}
#adarea #bts ul li { float:left; display:block; width:2.3vw; height:0.5vw; margin-left:0.3vw; margin-right:0.3vw; border-radius:50vw; overflow:hidden; cursor:pointer; background-color:#9B9D9B;}
#adarea #bts ul li.current { background-color:#DFDFDF;}
@media screen and (max-width:1280px){
	#top { width:100%; padding-bottom:2%;}
	#top #topmenu { width:100%; padding-top:2.5%; padding-bottom:2%; z-index:900;}
	#top #topmenu #logo { width:50%;}
	#top #topmenu #logo img { width:40%; margin-left:5%;}
	#top #topmenu #pmenu { display:none; float:inherit; width:100%; margin-top:2.1%; position:absolute; z-index:9; left:0; top:5.9vw; right:0%; padding-top:1%; padding-bottom:1%; background-color:#fff; opacity:0.95;}
	#top #topmenu #pmenu ul #mn { float:inherit; width:97.5%; padding-left:2.5%; margin-right:0%; text-align:left; border-bottom:1px solid #eee;}
	#top #topmenu #pmenu ul #mn #big { font-size:3vw; line-height:8vw; color:#666;}
	#top #topmenu #pmenu ul #mn p { display:none;}
	#top #topmenu #pmenu ul #mn.short { width:97.5%; padding-left:2.5%;}
	#top #topmenu #pmenu ul #mn:hover #big { color:#225EAB;}
	#top #topmenu #pmenu ul #mn.on #big { color:#225EAB;}
	#top #topmenu #pmenu ul #mn:hover p { display:none;}
	#top #topmenu #pmenu ul #mn.on p { display:none;}
	#top #topmenu #pmenu ul #mn span { display:block; position:absolute; text-align:center; cursor:pointer; width:5%; top:2.5vw; right:2.5%; font-size:5vw; color:#666;}
	#top #topmenu #pmenu ul #mn #small { display:none; width:100%; position:relative; top:-1vw; text-align:left; padding-top:0vw; padding-bottom:0vw; border-radius:0 0 0 0; background-color:#fff; opacity:1;}
	#top #topmenu #pmenu ul #mn #small a { display:block; width:100%; overflow:hidden; font-size:2.3vw; line-height:5vw; text-indent:0vw; color:#666;}
	#top #topmenu #pagetel { display:none;}
	#top #topmenu #mmenu { display:block; cursor:pointer; float:right; width:47%; text-align:right; padding-right:3%;}
	#top #topmenu #mmenu img { width:9%; height:auto;}
	#top #topmenu #mmenu span { display:none; font-size:7vw; color:#fff; text-align:right; margin-right:-1.5%;}
	#adarea { height:57vw; background-color:#03C}
	#adarea #ads {height:57vw; }
	#adarea #ads #aditem { height:57vw;}
	#adarea #ads #aditem img { width:150%; height:auto; margin-left:-25%;}
	#adarea #ads #aditem #binfo { width:85%; margin-top:-40vw;}
	#adarea #ads #aditem #binfo #bigname { text-align:center; font-size:4.5vw; line-height:5vw;}
	#adarea #ads #aditem #binfo #notes { margin:0 auto; width:80%; margin-top:4%; text-align:center; font-size:2vw; line-height:3vw;} 
	#adarea #ads #aditem #binfo #viewbt { margin:0 auto; width:80%; margin-top:4%;}
	#adarea #ads #aditem #binfo #viewbt a { margin:0 auto; display:block; width:30%; font-size:2vw; line-height:5vw; border-radius:15px;}
	#adarea #bts { display:none; width:60%; height:2vw; margin-top:-3.5%;}
	#adarea #bts ul li { width:4.5vw; height:1vw; margin-left:0.5vw; margin-right:0.5vw;}
}
@media screen and (max-width:750px){
	#top { width:100%; padding-bottom:2%;}
	#top #topmenu { width:100%; padding-top:2.5%; padding-bottom:2%;}
	#top #topmenu #logo { width:50%;}
	#top #topmenu #logo img { width:45%; margin-left:5%;}
	#top #topmenu #pmenu { display:none; float:inherit; width:100%; margin-top:2.5%; position:absolute; z-index:9; left:0; top:5.9vw; right:0%; padding-top:1%; padding-bottom:1%; background-color:#fff; opacity:0.95;}
	#top #topmenu #pmenu ul #mn { float:inherit; width:97.5%; padding-left:2.5%; margin-right:0%; text-align:left; overflow:hidden; border-bottom:1px solid #eee;}
	#top #topmenu #pmenu ul #mn #big { font-size:3.5vw; line-height:10vw; color:#666;}
	#top #topmenu #pmenu ul #mn p { display:none;}
	#top #topmenu #pmenu ul #mn.short { width:97.5%; padding-left:2.5%;}
	#top #topmenu #pmenu ul #mn:hover #big { color:#225EAB;}
	#top #topmenu #pmenu ul #mn.on #big { color:#225EAB;}
	#top #topmenu #pmenu ul #mn:hover p { display:none;}
	#top #topmenu #pmenu ul #mn.on p { display:none;}
	#top #topmenu #pmenu ul #mn span { display:block; position:absolute; text-align:center; cursor:pointer; width:5%; top:3vw; right:2.5%; font-size:5vw; color:#666;}
	#top #topmenu #pmenu ul #mn #small { display:none; width:100%; position:relative; top:-1vw; text-align:left; padding-top:0vw; padding-bottom:0vw; border-radius:0 0 0 0; background-color:#fff; opacity:1;}
	#top #topmenu #pmenu ul #mn #small a { display:block; width:100%; overflow:hidden; font-size:3vw; line-height:6vw; text-indent:0vw; color:#666;}
	#top #topmenu #pagetel { display:none;}
	#top #topmenu #mmenu { display:block; float:right; width:47%; text-align:right; padding-right:3%;}
	#top #topmenu #mmenu img { width:9%; height:auto;}
	#top #topmenu #mmenu span { display:none; font-size:7vw; color:#fff; text-align:right; margin-right:-1.5%;}
	#adarea { height:57vw; background-color:#03C}
	#adarea #ads {height:57vw; }
	#adarea #ads #aditem { height:57vw;}
	#adarea #ads #aditem img { width:150%; height:auto; margin-left:-25%;}
	#adarea #ads #aditem #binfo { width:85%; margin-top:-40vw;}
	#adarea #ads #aditem #binfo #bigname { text-align:center; font-size:4.5vw; line-height:5vw;}
	#adarea #ads #aditem #binfo #notes { margin:0 auto; width:80%; margin-top:4%; text-align:center; font-size:2vw; line-height:3vw;} 
	#adarea #ads #aditem #binfo #viewbt { margin:0 auto; width:80%; margin-top:4%;}
	#adarea #ads #aditem #binfo #viewbt a { margin:0 auto; display:block; width:30%; font-size:2vw; line-height:5vw; border-radius:15px;}
	#adarea #bts { display:none; width:60%; height:2vw; margin-top:-6%;}
	#adarea #bts ul li { width:4.5vw; height:1vw; margin-left:0.5vw; margin-right:0.5vw;}
}
@media screen and (max-width:450px){
	#top #topmenu #pmenu { margin-top:4.5%;}
}
#hots { margin:0 auto; width:74%; height:8.5vw; overflow:hidden; position:relative; z-index:1; margin-top:-4.5vw;}
#hots ul { width:100.5%;}
#hots ul li { float:left; width:24.5%; overflow:hidden; height:6.5vw; padding-top:25px; margin-right:0.5%;}
#hots ul li.bg1 { background:url(../../images/home/bg1.png) no-repeat center top; background-size:100%;}
#hots ul li.bg2 { background:url(../../images/home/bg2.png) no-repeat center top; background-size:100%;}
#hots ul li.bg3 { background:url(../../images/home/bg3.png) no-repeat center top; background-size:100%;}
#hots ul li.bg4 { background:url(../../images/home/bg4.png) no-repeat center top; background-size:100%;}
#hots ul li #limg { float:left; width:30%; text-align:right;}
#hots ul li #limg img { width:60%; height:auto; margin-right:15%; margin-top:5%;}
#hots ul li #rinfo { float:left; width:60%; text-align:left;} 
#hots ul li #rinfo #name { width:100%; overflow:hidden; text-align:left; font-size:20px; line-height:1.2vw; color:#fff;}
#hots ul li #rinfo #notes { width:100%; overflow:hidden; margin-top:4%; text-align:left; font-size:12px; line-height:1.1vw; color:#fff; text-align:justify;}
@media screen and (max-width:1280px){
	#hots { width:90%; height:auto; margin-top:7%;}
	#hots ul { width:103%;}
	#hots ul li { width:47%; margin-right:3%; height:14.5vw; padding-top:5vw; margin-bottom:2%;}
	#hots ul li #limg { width:30%;}
	#hots ul li #limg img { width:63%; margin-top:6%;}
	#hots ul li #rinfo { width:60%;}
	#hots ul li #rinfo #name { font-size:2.8vw; line-height:3.5vw;}
	#hots ul li #rinfo #notes { margin-top:4%; font-size:1.8vw; line-height:2.5vw;}
}
@media screen and (max-width:750px){
	#hots { width:90%; height:auto; margin-top:7%;}
	#hots ul { width:102%;}
	#hots ul li { width:48%; margin-right:2%; height:14.5vw; padding-top:5vw; margin-bottom:2%;}
	#hots ul li #limg { width:30%;}
	#hots ul li #limg img { width:61%; margin-top:6%;}
	#hots ul li #rinfo { width:60%;}
	#hots ul li #rinfo #name { font-size:3.2vw; line-height:3.5vw;}
	#hots ul li #rinfo #notes { margin-top:4%; font-size:1.85vw; line-height:2.5vw;}
}
#index1 { margin:0 auto; width:100%; overflow:hidden; margin-top:0%; padding-bottom:6%; background:url(../../images/home/bg1.jpg) no-repeat center top; background-size:100%;}
#index1 #title { margin:0 auto; width:74%; text-align:center; overflow:hidden; margin-top:4.5%;}
#index1 #title #bigname { width:100%; text-align:center; overflow:hidden; font-size:2vw; line-height:3vw; font-weight:bold; color:#EFEFF0;}
#index1 #title #tips { width:100%; text-align:center; margin-top:0.3%; overflow:hidden; font-size:1vw; line-height:2vw; color:#6F99AB;}
#index1 #title #line { margin:0 auto; width:9%; height:4px; background-color:#fff; overflow:hidden; margin-top:0.5%;}
#index1 #showarea { margin:0 auto; width:74%; text-align:center; overflow:hidden; margin-top:2%;}
#index1 #showarea img { width:96.8%; height:auto; margin:0 auto;}
@media screen and (max-width:1280px){
	#index1 { margin-top:6%; padding-bottom:9%; background-size:140%;}
	#index1 #title { width:90%; margin-top:7%;}
	#index1 #title #bigname { font-size:3.5vw; line-height:4vw;}
	#index1 #title #tips { margin-top:0.8%; font-size:1.8vw; line-height:3vw;}
	#index1 #title #line { width:9%; height:4px; margin-top:1%;}
	#index1 #showarea { width:90%; margin-top:4%;}
	#index1 #showarea img { width:100%; height:auto;}
}
@media screen and (max-width:750px){
	#index1 { margin-top:6%; padding-bottom:9%; background-size:150%;}
	#index1 #title { width:90%; margin-top:7%;}
	#index1 #title #bigname { font-size:3.8vw; line-height:4.5vw;}
	#index1 #title #tips { margin-top:1.5%; font-size:2.5vw; line-height:3vw;}
	#index1 #title #line { width:9%; height:4px; margin-top:2%;}
	#index1 #showarea { width:90%; margin-top:4%;}
	#index1 #showarea img { width:100%; height:auto;}
}
#index2 { margin:0 auto; width:74%; overflow:hidden; margin-top:3%; padding-bottom:4%;}
#index2 #title { margin:0 auto; width:100%; text-align:center; overflow:hidden; margin-top:0%;}
#index2 #title #bigname { width:100%; text-align:center; overflow:hidden; font-size:1.8vw; line-height:2vw; font-weight:bold; color:#000;}
#index2 #title #tips { width:100%; text-align:center; margin-top:0.3%; overflow:hidden; font-size:1vw; line-height:2vw; color:#585858;}
#index2 #title #line { margin:0 auto; width:9%; height:4px; background-color:#225EAB; overflow:hidden; margin-top:0.5%;}
#index2 #showarea { margin:0 auto; width:100%; overflow:hidden; margin-top:2%;}
#index2 #showarea ul { width:103%;}
#index2 #showarea ul li { float:left; width:30%; margin-right:3.33%; height:26vw; overflow:hidden;}
#index2 #showarea ul li #datas { margin:0 auto; transition: transform 0.3s ease-in-out; width:96%; margin-top:1vw; overflow:hidden; background-color:#fff; padding-bottom:5%; margin-bottom:3%; border-radius:10px;}/*box-shadow: 5px 5px 5px rgba(187, 187, 187, 0.5);*/
#index2 #showarea ul li #datas { --tw-bg-opacity: 1;--tw-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);--tw-shadow-colored: 0px 5px 10px 0px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
#index2 #showarea ul li #datas:hover { transform: translateY(-1vw); }
#index2 #showarea ul li #datas:hover {--tw-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);}
#index2 #showarea ul li #datas #img { width:100%; overflow:hidden;}
#index2 #showarea ul li #datas #img img { width:100%; height:auto;}
#index2 #showarea ul li #datas #title { margin:0 auto; width:90%; overflow:hidden; margin-top:4%; text-align:left; padding-bottom:3%; border-bottom:1px solid #D9D9D9;}
#index2 #showarea ul li #datas #title a { font-size:1vw; color:#000; line-height:1.5vw; font-weight:bold;transition:color 0.3s linear;}
#index2 #showarea ul li #datas #title a:hover { color:#225EAB;transition:color 0.3s linear;}
#index2 #showarea ul li #datas #notes { margin:0 auto; width:90%; overflow:hidden; margin-top:2%; font-size:0.78vw; line-height:1.2vw; color:#3D3D3D; text-align:justify;}
#index2 #showarea ul li #datas #items { margin:0 auto; width:90%; overflow:hidden; margin-top:5%;}
#index2 #showarea ul li #datas #items a { display:block; float:left; width:auto; margin-right:10px; border:1px solid #225EAB; text-align:center; padding-left:10px; padding-right:10px; color:#225EAB; line-height:1.2vw; border-radius:10px;}
#index2 #showarea ul li #datas #items a.sel { background-color:#225EAB; color:#fff;}
@media screen and (max-width:1280px){
	#index2 { width:90%; margin-top:6%; padding-bottom:6%;}
	#index2 #title #bigname { font-size:3vw; line-height:3.5vw;}
	#index2 #title #tips { margin-top:1%; font-size:1.8vw; line-height:2.5vw;}
	#index2 #title #line { width:9%; height:4px; margin-top:1%;}
	#index2 #showarea { margin-top:5%; height:47vw; overflow:hidden;}
	#index2 #showarea ul { width:103%;}
	#index2 #showarea ul li { float:left; width:47%; margin-right:3%; height:47vw;}
	#index2 #showarea ul li #datas { height:43vw;}
	#index2 #showarea ul li #datas:hover { transform: translateY(0vw);--tw-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); }
	#index2 #showarea ul li #datas #title { margin-top:5%; text-align:left; padding-bottom:3%;}
	#index2 #showarea ul li #datas #title a { font-size:2vw; line-height:2.5vw;}
	#index2 #showarea ul li #datas #notes { margin-top:5%; font-size:1.45vw; line-height:2vw;}
	#index2 #showarea ul li #datas #items { margin-top:5%;}
	#index2 #showarea ul li #datas #items a { font-size:1.5vw; line-height:2.5vw;}
}
@media screen and (max-width:750px){
	#index2 { width:90%; margin-top:8%; padding-bottom:8%;}
	#index2 #title #bigname { font-size:3.6vw; line-height:4vw;}
	#index2 #title #tips { margin-top:2%; font-size:2.2vw; line-height:2.5vw;}
	#index2 #title #line { width:10%; height:4px; margin-top:2%;}
	#index2 #showarea { margin-top:5%; height:55vw; overflow:hidden;}
	#index2 #showarea ul { width:103%;}
	#index2 #showarea ul li { float:left; width:47%; margin-right:3%; height:55vw;}
	#index2 #showarea ul li #datas { height:50vw; padding-bottom:6.5%;}
	#index2 #showarea ul li #datas:hover { transform: translateY(0vw);--tw-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); }
	#index2 #showarea ul li #datas #title { margin-top:7%; height:3.5vw; overflow:hidden; text-align:left; padding-bottom:3%;}
	#index2 #showarea ul li #datas #title a { font-size:2.5vw; line-height:3.5vw;}
	#index2 #showarea ul li #datas #notes { margin-top:5%; font-size:2vw; line-height:2.5vw;}
	#index2 #showarea ul li #datas #items { margin-top:5%;}
	#index2 #showarea ul li #datas #items a { font-size:2vw; line-height:3vw;}
}
#index3 { margin:0 auto; width:100%; overflow:hidden; margin-top:0%; padding-bottom:3%; background-color:#fff;}
#index3 #title { margin:0 auto; width:74%; text-align:center; overflow:hidden; margin-top:4%;}
#index3 #title #bigname { width:100%; text-align:center; overflow:hidden; font-size:1.8vw; line-height:2vw; font-weight:bold; color:#000;}
#index3 #title #tips { width:100%; text-align:center; margin-top:0.3%; overflow:hidden; font-size:1vw; line-height:2vw; color:#585858;}
#index3 #title #line { margin:0 auto; width:9%; height:4px; background-color:#225EAB; overflow:hidden; margin-top:0.5%;}
#index3 #showarea { margin:0 auto; width:74%; margin-top:3%; overflow:hidden;}
#index3 #showarea ul { width:100%;}
#index3 #showarea ul li { float:left; width:20%; text-align:center; margin-bottom:3%; overflow:hidden;}
#index3 #showarea ul li img { width:67%; height:auto; margin-top:2%; border:1px solid #F5F5F5;}
#index3 #showarea ul li img:hover { border:1px solid #EAEAEA;}
@media screen and (max-width:1280px){
	#index3 { margin-top:2%; padding-bottom:4%;}
	#index3 #title { width:90%; margin-top:6%;}
	#index3 #title #bigname { font-size:3vw; line-height:3.5vw;}
	#index3 #title #tips { margin-top:1%; font-size:1.8vw; line-height:2.5vw;}
	#index3 #title #line { width:9%; height:4px; margin-top:1%;}
	#index3 #showarea { width:90%; margin-top:5%;}
	#index3 #showarea ul { width:100%;} 
	#index3 #showarea ul li { width:33%;}
}
@media screen and (max-width:750px){
	#index3 { margin-top:2%; padding-bottom:4%;}
	#index3 #title { width:90%; margin-top:7%;}
	#index3 #title #bigname { font-size:3.6vw; line-height:4vw;}
	#index3 #title #tips { margin-top:2%; font-size:2.2vw; line-height:2.5vw;}
	#index3 #title #line { width:10%; height:4px; margin-top:2%;}
	#index3 #showarea { width:90%; margin-top:6%;}
	#index3 #showarea ul { width:100%;} 
	#index3 #showarea ul li { width:33%;}
	#index3 #showarea ul li img { width:70%;}
}
#index4 { margin:0 auto; width:74%; overflow:hidden; margin-top:5%; padding-bottom:4%;}
#index4 #classes { width:100%; overflow:hidden; text-align:center;}
#index4 #classes a { display:block; width:auto; font-size: 18px;line-height: 40px; border-radius:10px; color:#000; padding-left:30px; padding-right:30px; margin-left:0px; margin-right:0px; text-align:center; display:inline-block;*display:inline;*zoom:1;}
#index4 #classes a.on { background-color:#225EAB; color:#fff;}
#index4 #showarea { width:100%; overflow:hidden; margin-top:4%;}
#index4 #showarea ul { width:101%;}
#index4 #showarea ul li { float:left; width:49%; height:7.5vw; overflow:hidden; margin-right:1%; margin-bottom:2%; background-color:#fff; border-radius:10px; transition:background-color 0.3s linear;}
#index4 #showarea ul li #leftdate { float:left; width:22%; height:5vw; margin-top:1vw; padding-top:0.5vw; text-align:center;  line-height:1.5vw; color:#474747; border-right:1px solid #CCCCCC;}
#index4 #showarea ul li #leftdate font { color:#474747; font-size:36px; line-height:2.5vw;}
#index4 #showarea ul li #rinfo { float:left; width:70%; margin-left:4%; overflow:hidden; margin-top:1.2vw;}
#index4 #showarea ul li #rinfo #title { width:100%; height:2vw; overflow:hidden; font-size:14px; line-height:2vw; color:#000;}
#index4 #showarea ul li #rinfo #title a { font-size:0.9vw; line-height:2vw; color:#000;}
#index4 #showarea ul li #rinfo #notes { width:100%; margin-top:1%; overflow:hidden; font-size:12px;line-height:1.2vw; color:#4F4F4F; text-align:justify;}
#index4 #showarea ul li:hover { background-color:#225EAB; transition:background-color 0.3s linear;}
#index4 #showarea ul li:hover #leftdate { color:#fff; border-right:1px solid #1B4B89;}
#index4 #showarea ul li:hover #leftdate font { color:#fff;}
#index4 #showarea ul li:hover #rinfo #title { color:#fff;}
#index4 #showarea ul li:hover #rinfo #title a { color:#fff;}
#index4 #showarea ul li:hover #rinfo #notes { color:#fff;}
@media screen and (max-width:1280px){
	#index4 { width:90%; margin-top:8%; padding-bottom:8%;}
	#index4 #classes { width:100%;}
	#index4 #classes a { font-size:2vw; line-height:4vw; margin-left:5px; margin-right:5px;}
	#index4 #showarea { margin-top:5%;}
	#index4 #showarea ul li { height:15vw;}
	#index4 #showarea ul li #leftdate {  height:9vw; padding-top:3vw; margin-top:1.5vw; font-size:1.5vw; line-height:2.5vw;}
	#index4 #showarea ul li #leftdate font { font-size:3vw; line-height:3.5vw;}
	#index4 #showarea ul li #rinfo { margin-top:1.5vw;}
	#index4 #showarea ul li #rinfo #title { height:4vw; font-size:1.9vw; line-height:4vw;}
	#index4 #showarea ul li #rinfo #title a { font-size:1.9vw; line-height:4vw;}
	#index4 #showarea ul li #rinfo #notes { margin-top:1.5%; font-size:1.4vw; line-height:2vw;}
}
@media screen and (max-width:750px){
	#index4 { width:90%; margin-top:10%; padding-bottom:10%;}
	#index4 #classes { width:100%;}
	#index4 #classes a { font-size:2.8vw; line-height:6vw; margin-left:1px; margin-right:1px; padding-left:18px; padding-right:18px;}
	#index4 #showarea { margin-top:8%;}
	#index4 #showarea ul li { float:inherit; width:99%; height:20vw; margin-right:0%; margin-bottom:3%;}
	#index4 #showarea ul li #leftdate { width:15%; height:13vw; padding-top:4vw; margin-top:1.5vw; font-size:2vw; line-height:3vw;}
	#index4 #showarea ul li #leftdate font { font-size:4vw; line-height:5vw;}
	#index4 #showarea ul li #rinfo { width:77%; margin-top:3vw;}
	#index4 #showarea ul li #rinfo #title { height:5vw; font-size:3vw; line-height:5vw;}
	#index4 #showarea ul li #rinfo #title a { font-size:3vw; line-height:5vw;}
	#index4 #showarea ul li #rinfo #notes { margin-top:2%; font-size:2.1vw; line-height:3.5vw;}
}
#footer { margin:0 auto; width:100%; overflow:hidden; background-color:#242424; padding-bottom:11px;}
#footer #bottom { margin:0 auto; width:74%; overflow:hidden; margin-top:3%;}
#footer #bottom #ftel { float:left; width:35%; text-align:left; overflow:hidden;}
#footer #bottom #flinks { float:left; width:50%; text-align:left; overflow:hidden;}
#footer #bottom #fwx { float:right; width:15%; text-align:center; overflow:hidden;}
#footer #bottom #ftel #ftitle { width:100%; overflow:hidden; text-align:left; font-size:0.9vw; color:#fff; line-height:1.5vw;}
#footer #bottom #ftel #telarea { width:100%; overflow:hidden; margin-top:2%; text-align:left; font-size:1.3vw; color:#fff; line-height:2vw;}
#footer #bottom #ftel #telarea img { width:6%; height:auto; margin-top:-2%;}
#footer #bottom #ftel #email { width:100%; overflow:hidden; margin-top:10%; text-align:left; font-size:0.9vw; color:#BEBEBE; line-height:1.5vw;}
#footer #bottom #ftel #email a { font-size:0.9vw; color:#BEBEBE; line-height:1.5vw;}
#footer #bottom #ftel #email a:hover { color:#fff;}
#footer #bottom #flinks ul { width:105%;}
#footer #bottom #flinks ul li { float:left; width:20%; margin-right:5%;}
#footer #bottom #flinks ul li #ftitle { width:100%; text-align:left; font-size:1vw; color:#fff; line-height:1.5vw;}
#footer #bottom #flinks ul li #linklist { width:100%; overflow:hidden; margin-top:5%;} 
#footer #bottom #flinks ul li #linklist a { display:block; width:100%; text-align:left;line-height:1.8vw; color:#ACACAC;}
#footer #bottom #flinks ul li #linklist a:hover { color:#fff;}
#footer #bottom #fwx #wxshow { float:right; width:73%; overflow:hidden;}
#footer #bottom #fwx #wxshow #ftitle { width:100%; text-align:center; font-size:0.9vw; color:#fff; line-height:1.5vw;}
#footer #bottom #fwx #wxshow #wxarea { width:100%; overflow:hidden; text-align:center; margin-top:5%;}
#footer #bottom #fwx #wxshow #wxarea img { width:100%; height:auto;}
#footer #copyarea { margin:0 auto; width:74%; overflow:hidden; margin-top:3%; text-align:center; padding-top:1%; border-top:1px solid #878787; color:#878787;line-height:1.5vw;}
#footer #copyarea * {line-height:1.5vw; color:#F4F4F4;}
#footer #copyarea a:hover { text-decoration:underline;}
#footer #beian {margin: 0 auto;text-align: center;color: #878787;line-height: 1.5vw;}
@media screen and (max-width:1280px){
	#footer { padding-bottom:5%;}
	#footer #bottom { width:90%; margin-top:6%;}
	#footer #bottom #ftel { float:inherit; width:100%; text-align:center;}
	#footer #bottom #flinks { float:inherit; width:100%; margin-top:5%;}
	#footer #bottom #fwx { float:inherit; width:100%; margin-top:5%; margin-bottom:5%;}
	#footer #bottom #ftel #ftitle {text-align:center; font-size:2vw; line-height:2.5vw;}
	#footer #bottom #ftel #telarea { margin-top:3%; text-align:center; font-size:3.5vw; line-height:3.5vw;}
	#footer #bottom #ftel #telarea img { width:4%; height:auto; margin-top:-1%;}
	#footer #bottom #ftel #email { margin-top:4%; text-align:center; font-size:2vw; line-height:3vw;}
	#footer #bottom #ftel #email a { font-size:2vw; line-height:3vw;}
	#footer #bottom #ftel #email a:hover { color:#fff;}
	#footer #bottom #flinks ul { width:100%;}
	#footer #bottom #flinks ul li { float:left; width:20%; margin-right:1%; margin-left:4%;}
	#footer #bottom #flinks ul li #ftitle { font-size:2vw; line-height:2.5vw;}
	#footer #bottom #flinks ul li #linklist { margin-top:8%;} 
	#footer #bottom #flinks ul li #linklist a { font-size:1.5vw; line-height:3vw;}
	#footer #bottom #fwx #wxshow { float:inherit; width:100%;}
	#footer #bottom #fwx #wxshow #ftitle { font-size:2vw; line-height:2.5vw;}
	#footer #bottom #fwx #wxshow #wxarea { margin-top:2%;}
	#footer #bottom #fwx #wxshow #wxarea img { width:30%; height:auto;}
	#footer #copyarea { width:90%; margin-top:3%; padding-top:3%; font-size:1.8vw; line-height:2.5vw;}
	#footer #copyarea * { font-size:1.8vw; line-height:2.5vw;}
}
@media screen and (max-width:750px){
	#footer { padding-bottom:5%;}
	#footer #bottom { width:90%; margin-top:8%;}
	#footer #bottom #ftel { float:inherit; width:100%; text-align:center;}
	#footer #bottom #flinks { float:inherit; width:100%; margin-top:8%;}
	#footer #bottom #fwx { float:inherit; width:100%; margin-top:6%; margin-bottom:7%;}
	#footer #bottom #ftel #ftitle {text-align:center; font-size:3vw; line-height:3.5vw;}
	#footer #bottom #ftel #telarea { margin-top:5%; text-align:center; font-size:4.5vw; line-height:4.5vw;}
	#footer #bottom #ftel #telarea img { width:5%; height:auto; margin-top:-1%;}
	#footer #bottom #ftel #email { margin-top:6%; text-align:center; font-size:2.5vw; line-height:3.5vw;}
	#footer #bottom #ftel #email a { font-size:2.5vw; line-height:3.5vw;}
	#footer #bottom #ftel #email a:hover { color:#fff;}
	#footer #bottom #flinks ul { width:100%;}
	#footer #bottom #flinks ul li { float:left; width:20%; margin-right:1%; margin-left:4%;}
	#footer #bottom #flinks ul li #ftitle { font-size:2.5vw; line-height:3.5vw;}
	#footer #bottom #flinks ul li #linklist { margin-top:10%;} 
	#footer #bottom #flinks ul li #linklist a { font-size:2.2vw; line-height:4.5vw;}
	#footer #bottom #fwx #wxshow { float:inherit; width:100%;}
	#footer #bottom #fwx #wxshow #ftitle { font-size:2.5vw; line-height:3.5vw;}
	#footer #bottom #fwx #wxshow #wxarea { margin-top:2%;}
	#footer #bottom #fwx #wxshow #wxarea img { width:30%; height:auto;}
	#footer #copyarea { width:90%; margin-top:3%; padding-top:3%; font-size:2vw; line-height:3.2vw;}
	#footer #copyarea * { font-size:2vw; line-height:3.2vw;}
}



.kefusidebar {
		position: fixed;
		right: 0px;
		top: 55%;
		display: flex;
		flex-direction: column;
	    z-index: 10000;
        margin: -150px 0 0;
   
	}

	.kefusidebar-item {
		width: 52px;
		background-color: #FF7E00;
		color: white;
		text-align: center;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		transition: background-color 0.3s, transform 0.1s;
		cursor: pointer;
		position: relative;
		border-bottom: 1px solid #ddd;
	}

	.kefusidebar-item a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 10px;
		text-decoration: none;
		color: white;
		font-size: 14px;
		line-height: 1.4;
	}

	.kefusidebar-item .margin {
		height: 10px;
	}


	.kefusidebar-item .tooltip {
		position: absolute;
		right: 100%;
		top: 50%;
		transform: translateY(-50%) scale(0);
		background-color: #fff;
		color: black;
		padding: 10px 15px;
		border-radius: 20px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
		white-space: nowrap;
		font-size: 14px;
		opacity: 0;
		transition: all 0.3s ease;
		transform-origin: right center;
	}

	.kefusidebar-item:hover .tooltip {
		transform: translateY(-50%) scale(1);
		opacity: 1;
	}

	.kefusidebar .wechat-item .tooltip .tooltip-img {
		width: 120px;
		height: 120px;
	}


	.kefusidebar .phone-item .tooltip,
	 .wechat-item .tooltip,
	 .after-sales-item .tooltip {
		position: absolute;
		right: 120%;
		top: 50%;
		transform: translateY(-50%) scale(0);
		background-color: #fff;
		color: #FF7E00;
		padding: 18px 22px;
		border-radius: 4px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		font-size: 16px;
		opacity: 0;
		border: 1px solid #ddd;
		transition: all 0.3s ease;
		transform-origin: right center;
	}

	.kefusidebar .phone-item .tooltip-arrow,
	.kefusidebar  .wechat-item .tooltip .tooltip-arrow,
	.kefusidebar  .after-sales-item .tooltip-arrow {
		position: absolute;
		top: 50%;
		right: -10px;
		transform: translateY(-50%);
		width: 0;
		height: 0;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent transparent #fff;
		box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
	}

	.kefusidebar .phone-item .tooltip-text {
		display: inline-block;
		font-weight: 500;
	}

	.kefusidebar .phone-item:hover .tooltip {
		transform: translateY(-50%) scale(1);
		opacity: 1;
	}

	.kefusidebar .wechat-item .tooltip,
	.kefusidebar  .after-sales-item .tooltip {
		padding: 8px 12px;
	}

	.kefusidebar-item:hover {
		background-color: #ffc107;
	}

	.kefusidebar .after-sales-item {
		border-bottom: none;
	}
	
	.kefusidebar .after-sales-item .tooltip-text {
		display: inline-block;
		font-weight: 500;
		width: 126px;
	}