@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#fff; position:relative;}/* */
body,html{ padding-top:0px; overflow-x:hidden;}
* {font-size:14px; line-height:25px; color:#606060; 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;*/
a:visited {font-size: 14px;color: #858585;text-decoration: none;}/* transition:color 0.3s linear;*/
a:hover {font-size: 14px;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;}

#subarea { display:none; position:absolute; position:fixed; left:50%; right:0; top:25%; width:44%; margin-left:-22%; z-index:99999; background-color:#FFF; padding-bottom:3%; border-radius:2vw; border:3px solid #f5e69f;}
#subarea #closearea { margin:0 auto; width:95%; text-align:right; margin-top:2%;}
#subarea #closearea img { cursor:pointer; width:2.2%; height:auto;}
#subarea #title { margin:0 auto; width:95%; text-align:center; margin-top:2%; font-size:1.5vw; color:#294147;}
#subarea #writearea { margin:0 auto; width:90%; overflow:hidden; margin-top:5%;}
#subarea #writearea ul { width:103%;}
#subarea #writearea ul li { float:left; width:47%; margin-right:2.5%; margin-bottom:3%; border:1px solid #818181;}
#subarea #writearea ul li #lname1 { float:left; width:30%; text-align:left; font-size:1vw; color:#818181; line-height:2.5vw;}
#subarea #writearea ul li #lname1 img { width:18%; height:auto; margin-left:10%; margin-right:5%; margin-top:-5%;}
#subarea #writearea ul li #rinput1 { float:left; width:70%; text-align:left;}
#subarea #writearea ul li #rinput1 input { width:90%; line-height:2vw; font-size:1vw; border:0px; margin-top:0.2vw;}
#subarea #writearea ul li #lname2 { float:left; width:36%; text-align:left; font-size:1vw; color:#818181; line-height:2.5vw;}
#subarea #writearea ul li #lname2 img { width:15%; height:auto; margin-left:10%; margin-right:5%; margin-top:-5%;}
#subarea #writearea ul li #rinput2 { float:left; width:64%; text-align:left;}
#subarea #writearea ul li #rinput2 input { width:85%; margin-left:7%; line-height:2vw; font-size:1vw; border:0px; margin-top:0.2vw;}
#subarea #writearea ul li #rinput3 { float:left; width:64%; text-align:left; font-size:0.85vw; color:#818181; line-height:2.5vw;}
#subarea #writearea ul li #rinput3 input { width:0.7vw; height:0.7vw;}
#subarea #subbt { margin:0 auto; width:90%; left:0; right:0; overflow:hidden; text-align:center; position:absolute; bottom:-9%;}
#subarea #subbt input { margin:0 auto; width:38%; cursor:pointer; text-align:center; height:3.5vw; background-color:#ed7d31; transition:background-color 0.3s linear; font-size:1.2vw; color:#fff; border:2px solid #fff; border-radius:2vw;}
#subarea #subbt input:hover { background-color:#ec6910; transition:background-color 0.3s linear;}
@media screen and (max-width:750px){
	#subarea { display:none;width:80%; margin-left:-40%; top:15%; padding-bottom:8%;}
	#subarea #closearea { margin-top:3%;}
	#subarea #closearea img { width:4%;}
	#subarea #title { margin-top:5%; font-size:3.2vw; line-height:3.5vw;}
	#subarea #writearea { margin-top:7%;}
	#subarea #writearea ul { width:100%;}
	#subarea #writearea ul li { width:99.5%; margin-right:0%; overflow:hidden;}
	#subarea #writearea ul li #lname1 { width:25%; font-size:3vw; line-height:7vw;}
	#subarea #writearea ul li #lname1 img { width:18%; margin-top:-3%;}
	#subarea #writearea ul li #rinput1 { width:75%;}
	#subarea #writearea ul li #rinput1 input { width:95%; line-height:7vw; font-size:3vw;}
	#subarea #writearea ul li #lname2 { width:30%; font-size:3vw; line-height:7vw;}
	#subarea #writearea ul li #lname2 img { width:15%; margin-top:-3%;}
	#subarea #writearea ul li #rinput2 { width:70%;}
	#subarea #writearea ul li #rinput2 input { width:85%; line-height:7vw; font-size:3vw;}
	#subarea #writearea ul li #rinput3 { width:70%; font-size:3vw; line-height:7vw;}
	#subarea #writearea ul li #rinput3 input { width:3vw; height:3vw;}
	#subarea #subbt { bottom:-5%;}
	#subarea #subbt input {width:50%; height:8vw; font-size:3vw; border-radius:5vw;}
}
#top { margin:0 auto; width:100%; position:absolute; position:fixed; height:4.8vw; z-index:999; z-index:999; left:0%; right:0%; top:0%;}
#top #topmenu { margin:0 auto; width:65.5%; padding-top:1%; padding-bottom:1%; position:relative;}
#top #topmenu #logo { float:left; width:13%; height:auto; overflow:hidden; text-align:left; margin-top:0.4%;}
#top #topmenu #logo img { width:67%; height:auto;}
#top #topmenu #pmenu { float:left; display:block; width:65%; margin-top:0.4%; position:relative;}
#top #topmenu #pmenu ul { width:100%;display: flex;justify-content:space-between;padding-inline-start: 30px;}
#top #topmenu #pmenu ul li { display:flex; float:left; position:relative; text-align:center; margin-right:0%;}
#top #topmenu #pmenu ul li a { display:block; width:auto; overflow:hidden; color:#fff; font-size:1.0vw; line-height:2vw;}
/*
#top #topmenu #pmenu ul li.on p { display:block;}
#top #topmenu #pmenu ul li:hover p { display:block;}
5%  19.5% 34.5% 50% 65% 80%
*/
#top #topmenu #pmenu p { display:block; position:absolute; top:1.5vw; left:-100%; width:5%; height:0.3vw; border-radius:0.2vw; margin-top:1.2vw; background-color:#fff;}
#top #topmenu #pagetel { float:right; width:16%; text-align:right; overflow:hidden; font-size:1.1vw; line-height:2.5vw; color:#fff;}
#top #topmenu #pagetel img { width:10%; height:auto; margin-top:-2%; margin-right:8%;}
#top #topmenu #change { float:right; width:5%; text-align:right; font-size:1vw; color:#fff; line-height:2.5vw;}
#top #topmenu #change a { font-size:1vw; color:#fff; line-height:2.5vw;}
#top #topmenu #menu { display:none; width:10%; float:right; text-align:right;}
#top #topmenu #menu img { width:80%; height:auto;}
@media screen and (max-width:750px){
	#top { position:fixed; background-color:#1B215F; height:10vw; opacity:0.7;}
	#top #topmenu { width:100%;}
	#top #topmenu #logo { width:30%;}
	#top #topmenu #logo img { width:40%; height:auto; margin-left:12%; margin-top:4.5%;}
	#top #topmenu #pmenu { display:none; width:100%; position:absolute; left:0%; right:0%; top:9.5vw; padding-top:2vw; padding-bottom:2vw; z-index:999; background-color:#1B215F; opacity:0.8;}
	#top #topmenu #pmenu ul { width:100%; display:block;}
	#top #topmenu #pmenu ul li { width:100%; overflow:hidden;}
	#top #topmenu #pmenu ul li a { display:block; width:100%; font-size:3.5vw; line-height:10vw; text-align:left; text-indent:4%;}
	#top #topmenu #pmenu ul li a:hover { color:#1877f2;}
	#top #topmenu #pmenu p { display:none;}
	#top #topmenu #pagetel { display:none;}
	#top #topmenu #change { margin-right:2%; width:15%; text-align:right; margin-top:2.3%; font-size:3.5vw; line-height:3.5vw;}
	#top #topmenu #change a { font-size:3.5vw; line-height:3.5vw;}
	#top #topmenu #menu { display:block; margin-right:3%; cursor:pointer;}
	#top #topmenu #menu p { display:block; width:100%; font-size:8vw; line-height:8vw; text-align:right; color:#fff; overflow:hidden; margin-top:-1%;}
	#top #topmenu #menu img { width:50%; height:auto; margin-top:15%;}
}
#adarea { margin:0 auto; width:100%; height:49vw; display:block; overflow:hidden; margin-top:0px; z-index:0; position:relative;}
#adarea #ads { width:100%; height:49vw; z-index:990; overflow:hidden; position:relative;}
#adarea #ads #aditem { width:100%; height:49vw; 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; transform:scale;}
#adarea #ads #aditem #binfo1 { margin:0 auto; width:67%; overflow:hidden; position:relative; text-align:left; z-index:99; margin-top:-35vw;}
#adarea #ads #aditem #binfo1 #bigname { width:100%; overflow:hidden; text-align:left; font-size:2.8vw; line-height:3vw; color:#fff; font-weight:bold;}
#adarea #ads #aditem #binfo1 #notes { width:100%; overflow:hidden; height:12vw; margin-top:3%; text-align:left; font-size:1.3vw; color:#fff; line-height:2vw;} 
#adarea #ads #aditem #binfo1 #viewbt { width:100%; overflow:hidden; margin-top:2.5%;}
#adarea #ads #aditem #binfo1 #viewbt a { display:block; float:left; margin-right:3%; width:17%; height:3.3vw; overflow:hidden; text-align:center; color:#57a0e2; font-size:1.5vw; line-height:3.3vw; background-color:#fff; border-radius:1vw; transition:background-color 0.3s linear;}
#adarea #ads #aditem #binfo1 #viewbt a:hover { background-color:#57a0e2; color:#fff; transition:background-color 0.3s linear;}
#adarea #ads #aditem #binfo2 { margin:0 auto; width:67%; overflow:hidden; position:relative; text-align:right; z-index:99; margin-top:-35vw;}
#adarea #ads #aditem #binfo2 #bigname { width:100%; overflow:hidden; text-align:right; font-size:2.8vw; line-height:3vw; color:#fff; font-weight:bold;}
#adarea #ads #aditem #binfo2 #notes { width:100%; overflow:hidden; height:12vw; margin-top:3%; text-align:right; font-size:1.3vw; color:#fff; line-height:2vw;} 
#adarea #ads #aditem #binfo2 #viewbt { width:100%; overflow:hidden; margin-top:2.5%;}
#adarea #ads #aditem #binfo2 #viewbt a { display:block; float:right; margin-left:3%; width:17%; height:3.3vw; overflow:hidden; text-align:center; color:#57a0e2; font-size:1.5vw; line-height:3.3vw; background-color:#fff; border-radius:1vw; transition:background-color 0.3s linear;}
#adarea #ads #aditem #binfo2 #viewbt a:hover { background-color:#57a0e2; color:#fff; transition:background-color 0.3s linear;}
#adarea #bts { display:block; margin:0 auto; z-index:9999; width:40%; height:1.1vw; overflow:hidden; position:absolute; z-index:999; margin-top:-6.5%; 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:1.8vw; height:0.9vw; margin-left:0.2vw; margin-right:0.2vw; overflow:hidden; cursor:pointer;}
#adarea #bts ul li p { margin:0 auto; width:0.9vw; height:0.9vw; background-color:#fff; border-radius:50%; opacity:0.6; transition:width 0.1s linear;}
#adarea #bts ul li.current p { width:100%; height:0.9vw; border-radius:1vw; transition:width 0.1s linear;}
@media screen and (max-width:750px){
	#adarea { height:65vw;}
	#adarea #ads { height:65vw;}
	#adarea #ads #aditem { height:65vw;}
	#adarea #ads #aditem img { width:140%; margin-left:-20%;}
	#adarea #ads #aditem #binfo1 { width:90%; margin-top:-45vw;}
	#adarea #ads #aditem #binfo1 #bigname { font-size:5vw; line-height:5.5vw;}
	#adarea #ads #aditem #binfo1 #notes { font-size:2.5vw; line-height:3.5vw;}
	#adarea #ads #aditem #binfo1 #viewbt { margin-top:5%;}
	#adarea #ads #aditem #binfo1 #viewbt a { width:18%; height:6vw; font-size:3vw; line-height:6vw;}
	#adarea #ads #aditem #binfo2 { width:90%; margin-top:-45vw;}
	#adarea #ads #aditem #binfo2 #bigname { font-size:5vw; line-height:5.5vw;}
	#adarea #ads #aditem #binfo2 #notes { font-size:2.5vw; line-height:3.5vw;}
	#adarea #ads #aditem #binfo2 #viewbt { margin-top:5%;}
	#adarea #ads #aditem #binfo2 #viewbt a { width:18%; height:6vw; font-size:3vw; line-height:6vw;}
	#adarea #bts { width:50%; height:3vw; margin-top:-6vw;}
	#adarea #bts ul li { width:6vw; height:3vw; margin-left:0.4vw; margin-right:0.4vw;}
	#adarea #bts ul li p { width:3vw; height:3vw;}
	#adarea #bts ul li.current p { height:3vw; border-radius:2vw;}
}

#hots { margin:0 auto; width:55%; height:10vw; overflow:hidden; position:relative; z-index:1; background-color:#FFF; margin-top:-4.5vw; border-radius:0.5vw;}
#hots { --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);}
#hots ul { width:102%;}
#hots ul li { float:left; width:24.5%; height:6vw; overflow:hidden; border-right:1px solid #bbbebf; text-align:center; margin-top:2vw;}
#hots ul li #cnname { width:100%; overflow:hidden; text-align:center; font-size:1.7vw; color:#1877f2; line-height:2vw; font-weight:bold;}
#hots ul li #line { margin:0 auto; width:25%; margin-top:5%; background-color:#eb6213; height:0.25vw; color:#eb6213; overflow:hidden;}
#hots ul li #enname { width:100%; overflow:hidden; margin-top:3%; text-align:center; font-size:0.8vw; color:#8c9093; line-height:1.2vw; text-transform:uppercase;}
@media screen and (max-width:750px){
	#hots { width:90%; height:18vw; margin-top:8%; border:0px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius:1vw;}
	#hots ul li { height:12vw; border-right:1px solid #bbbebf; margin-top:3vw;}
	#hots ul li #cnname { font-size:2.7vw; line-height:4vw;}
	#hots ul li #line { height:0.5vw; margin-top:8%;}
	#hots ul li #enname {  margin-top:8%; font-size:1.5vw; line-height:2vw;}
}
#indexpro { margin:0 auto; width:65.5%; overflow:hidden; margin-top:8%;}
#indexpro #title { width:100%; text-align:center; overflow:hidden;}
#indexpro #title #bigname { width:100%; text-align:center; overflow:hidden; font-size:2.5vw; color:#294147; line-height:2.7vw; font-family:'黑体'; font-weight:bold;}
#indexpro #title #tips { width:100%; text-align:center; overflow:hidden; margin-top:2.5%; font-size:1.4vw; color:#595959; line-height:1.6vw;}
#indexpro #showarea { width:100%; padding-bottom:3%; padding-top:2%; overflow:hidden; margin-top:7%; height:25vw; position:relative;}
#indexpro #showarea #gleft { position:absolute; width:1.8vw; height:3.8vw; left:1%; top:40%; z-index:2; background:url(../images/gleft.png) no-repeat left top; background-size:100%; cursor:pointer;}
#indexpro #showarea #gright { position:absolute; width:1.8vw; height:3.8vw; right:1%; top:40%; z-index:2; background:url(../images/gright.png) no-repeat left top; background-size:100%; cursor:pointer;}
/*
#indexpro #showarea #gleft:hover { background-position:left bottom;}
#indexpro #showarea #gright:hover { background-position:left bottom;}
*/
#indexpro #showarea #prolist { margin:0 auto; width:90%; overflow:hidden; height:25vw;}
#indexpro #showarea #prolist ul { width:100%;}
#indexpro #showarea #prolist ul li { float:left; width:19vw; height:25vw; margin-right:0vw; background-color:#fff;}
#indexpro #showarea #prolist ul li #data { float:left; width:17.5vw; height:24vw; border-radius:1vw; border:2px solid #1877f2; background:url(../images/bgline.png) repeat-x left top;}
#indexpro #showarea #prolist ul li #data { --tw-bg-opacity: 1;--tw-shadow: 20px 0px 10px 10px rgba(195,220,253,0.2);--tw-shadow-colored: 20px 0px 10px 10px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #c3dcfd),var(--tw-ring-shadow,0 0 #c3dcfd),var(--tw-shadow);}
#indexpro #showarea #prolist ul li #data #titles { margin:0 auto; width:90%; overflow:hidden; margin-top:7%;}
#indexpro #showarea #prolist ul li #data #titles #limg { float:left; width:30%; text-align:left;}
#indexpro #showarea #prolist ul li #data #titles #limg img { width:95%; height:auto;}
#indexpro #showarea #prolist ul li #data #titles #rname { float:left; width:67%; margin-top:3.5%; margin-left:3%; text-align:left; color:#1877f2; font-size:1.4vw; line-height:1.8vw; font-weight:bold;}
#indexpro #showarea #prolist ul li #data #titles #rname  p{font-size:0.8vw;color:#1877f2; }
#indexpro #showarea #prolist ul li #data #tip { margin:0 auto; width:90%; overflow:hidden; margin-top:7%;}
#indexpro #showarea #prolist ul li #data #tip #lline { float:left; width:33%; height:1px; border-top:1px solid #eb6213; margin-top:0.7vw;}
#indexpro #showarea #prolist ul li #data #tip #rline { float:right; width:33%; height:1px; border-top:1px solid #eb6213; margin-top:0.7vw;}
#indexpro #showarea #prolist ul li #data #tip #name { float:left; width:34%; text-align:center; font-size:1vw; color:#eb6213; line-height:1.5vw;}
#indexpro #showarea #prolist ul li #data #notearea { margin:0 auto; width:75%; overflow:hidden; margin-top:7%;}
#indexpro #showarea #prolist ul li #data #notearea div { width:100%; overflow:hidden; margin-top:4%; margin-bottom:7%; font-size:1.2vw; line-height:1.5vw; color:#595959;}
#indexpro #showarea #prolist ul li #data #notearea div img { width:11%; height:auto; margin-right:3%; margin-bottom:-2%;}
@media screen and (max-width:750px){
	#indexpro { width:90%; margin-top:10%;}
	#indexpro #title #bigname {font-size:5vw; line-height:5.5vw;}
	#indexpro #title #tips { margin-top:3%; font-size:2.5vw; line-height:3.5vw;}
	#indexpro #showarea { width:100%; padding-bottom:2%; height:50vw; padding-top:1%; overflow:hidden; margin-top:7%; position:relative;}/* scrollbar-color:#86b5f3 #f4f4f4; scrollbar-width:auto;*/
	#indexpro #showarea #gleft { width:3.2vw; height:6vw; top:42%;}
	#indexpro #showarea #gright { width:3.2vw; height:6vw; top:42%;}
	#indexpro #showarea #prolist { width:80%; height:49vw;}
	#indexpro #showarea #prolist ul { width:100%;} 
	#indexpro #showarea #prolist ul li { width:36vw; height:49vw; margin-right:0vw;}
	#indexpro #showarea #prolist ul li #data { width:33vw; height:48vw; border-radius:2vw; background-size:auto 100%;}
	#indexpro #showarea #prolist ul li #data #titles { margin-top:7%;}
	#indexpro #showarea #prolist ul li #data #titles #rname { margin-top:2%; font-size:2.8vw; line-height:4vw;}
	#indexpro #showarea #prolist ul li #data #titles #rname  p{font-size:1.65vw;color:#1877f2; }
	#indexpro #showarea #prolist ul li #data #tip #lline { width:30%; margin-top:1.5vw;}
	#indexpro #showarea #prolist ul li #data #tip #rline { width:30%; margin-top:1.5vw;}
	#indexpro #showarea #prolist ul li #data #tip #name { width:40%; font-size:2.8vw; line-height:3.5vw;}
	#indexpro #showarea #prolist ul li #data #notearea { width:80%; margin-top:7%;}
	#indexpro #showarea #prolist ul li #data #notearea div { margin-top:4%; margin-bottom:7%; font-size:2.5vw; line-height:3.5vw;}
	#indexpro #showarea #prolist ul li #data #notearea div img { width:10%;}
}
#footer { margin:0 auto; width:100%; height:21vw; position:relative; overflow:hidden; margin-top:8%; background:url(../images/fbg.jpg) no-repeat center top; background-size:100%;}
#footer #bottom { margin:0 auto; width:65.5%; margin-top:9vw;}
#footer #bottom #fleft { float:left; width:70%; text-align:left; overflow:hidden;}
#footer #bottom #fleft ul { width:100%;}
#footer #bottom #fleft ul li { float:left; width:30%; overflow:hidden; margin-right:8%;}
#footer #bottom #fleft ul li #limg { float:left; width:20%; text-align:left;}
#footer #bottom #fleft ul li #limg img { width:65%; height:auto; margin-top:5%;}
#footer #bottom #fleft ul li #rinfo { float:left; width:80%; text-align:left; overflow:hidden;}
#footer #bottom #fleft ul li #rinfo #fname { width:100%; text-align:left; font-size:0.9vw; color:#fff;}
#footer #bottom #fleft ul li #rinfo #telname { width:100%; text-align:left; font-size:1.0vw; color:white !important; color:#ffffff !important; margin-top:1vw; font-weight:bold;}
#footer #bottom #fright { float:right; width:50%; text-align:right; overflow:hidden; margin-top:-2%;}
#footer #bottom #fright #wxarea { float:right; width:20%; text-align:center; margin-left:5%; font-size:0.9vw; color:#fff;}
#footer #bottom #fright #wxarea img { width:100%; height:auto; margin-bottom:8%;}
#footer #copyarea { margin:0 auto; width:100%; max-width:1920px; overflow:hidden; height:2vw; margin-top:8%; border-top:1px solid #384453; font-size:0.9vw; line-height:2vw; color:#fff; position:absolute; bottom:0; left:0; right:0; text-align:center;}
@media screen and (max-width:750px){
	#footer { height:70vw; margin-top:15%; background-size:300% 100%; margin-bottom:11.5vw;}
	#footer #bottom { width:90%; margin-top:14vw; margin-bottom:5vw;}
	#footer #bottom #fleft { float:inherit; width:100%;}
	#footer #bottom #fleft ul li { width:45%; margin-right:5%;}
	#footer #bottom #fleft ul li #limg { width:20%;}
	#footer #bottom #fleft ul li #limg img { width:60%; height:auto; margin-top:1%;}
	#footer #bottom #fleft ul li #rinfo { width:90%;}
	#footer #bottom #fleft ul li #rinfo #fname { font-size:3vw; line-height:4vw;}
	#footer #bottom #fleft ul li #rinfo #telname { font-size:3.3vw; margin-top:2vw; color:white !important; color:#ffffff !important; filter:brightness(0) invert(1); text-decoration:none;}
	#footer #bottom #fright { float:inherit; margin:0 auto; width:60%; margin-top:6vw; text-align:center;}
	#footer #bottom #fright #wxarea { float:right; width:40%; margin-left:6%; margin-right:4%; font-size:2.5vw; }
	#footer #copyarea { max-width:100%; height:5vw; line-height:5vw; font-size:2.5vw;}
}
#zxbg { position:absolute; position:fixed; width:9.8vw; height:28vw; z-index:9999; right:0px; top:20%; background:url(../images/zxbg.png) no-repeat center top; background-size:100% auto;}
#zxbg #btarea { width:7.5vw; height:17.8vw; margin-top:7.8vw; overflow:hidden;}
#zxbg #btarea a { display:block; margin:0 auto; width:75%; height:5.7vw; text-align:center; font-size:1vw; color:#000; border-bottom:2px solid #e1e1e1;}
#zxbg #btarea a img { display:inline-block; width:40%; height:auto; margin-top:1vw; margin-bottom:0.6vw;}
#zxbg #btarea a.noline { border-bottom:0px;}
@media screen and (max-width:750px){
	#zxbg { display:none;}
}

#pagead { margin:0 auto; width:100%; height:29.5vw; display:block; overflow:hidden; margin-top:0px; z-index:0; position:relative; background-color:#fff;}
#pagead #adarea { margin:0 auto; width:100%; overflow:hidden; height:29.5vw; position:relative; z-index:1;}
#pagead #adarea img { width:100%; height:auto;}
#pagead #adwords { margin:0 auto; width:65.5%; overflow:hidden; margin-top:-19vw; position:relative; z-index:2;}
#pagead #adwords #bigname { width:100%; overflow:hidden; text-align:center; font-size:2.8vw; line-height:3vw; color:#fff; font-weight:bold;}
#pagead #adwords #smalls { width:100%; overflow:hidden; height:12vw; margin-top:3%; text-align:center; font-size:1.3vw; color:#fff; line-height:2vw;} 
@media screen and (max-width:750px){
	#pagead { height:48vw;}
	#pagead #adarea { height:48vw;}
	#pagead #adarea img { width:160%; margin-left:-30%;}
	#pagead #adwords { width:90%; margin-top:-26vw;}
	#pagead #adwords #bigname {font-size:5vw; line-height:5.5vw;}
	#pagead #adwords #smalls {font-size:2.5vw; line-height:3.5vw;}
}

#product1 { margin:0 auto; width:80%; margin-top:-2vw; position:relative; z-index:1;}
#product1 #lmenu { position:absolute; left:0; top:2vw; width:23%; height:auto; overflow:hidden; z-index:10;}
#product1 #lmenu #gleft { display:none;}
#product1 #lmenu #gright { display:none;}
#product1 #lmenu #scroller { width:100%; position:relative; height:auto;}
#product1 #lmenu #scroller ul { width:100%;}
#product1 #lmenu #scroller ul li { float:inherit; width:100%; overflow:hidden; line-height:3vw;}
#product1 #lmenu #scroller ul li a { display:block; width:87%; margin-left:2%; margin-bottom:4%; line-height:3vw; border-radius:0.5vw; text-align:left; padding-left:8%; font-size:1.0vw; color:#1877f2; background-color:#d9eaff; border:1px solid #d9eaff;}
#product1 #lmenu #scroller ul li.on a { background-color:#fff; border:1px solid #eee;}
#product1 #lmenu #scroller ul li.on a { --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);}
#product1 #rdataarea { float:right; width:78.5%; padding-bottom:2vw; overflow:hidden; position:relative; border:1px solid #afafaf; border-radius:1vw; z-index:9;}
#product1 #rdataarea { --tw-bg-opacity: 1;--tw-shadow: 20px 0px 10px 10px rgba(195,220,253,0.15);--tw-shadow-colored: 20px 0px 10px 10px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #c3dcfd),var(--tw-ring-shadow,0 0 #c3dcfd),var(--tw-shadow);}
#product1 #rdataarea #titlearea { margin:0 auto; width:90%; overflow:hidden; margin-top:2.5vw;}
#product1 #rdataarea #titlearea #lename { float:left; width:50%; text-align:left; font-size:1.2vw; line-height:2.2vw; color:#eb6213;}
#product1 #rdataarea #titlearea #rview { float:right; width:50%; text-align:right; }
#product1 #rdataarea #titlearea #rview a { display:block; float:right; width:35%; text-align:center; color:#fff; font-size:1.1vw; line-height:2.2vw; background-color:#eb6213; transition:background-color 0.3s linear; border-radius:2vw;}
#product1 #rdataarea #titlearea #rview a:hover { background-color:#F60; transition:background-color 0.3s linear;}
#product1 #rdataarea #rcontents { margin:0 auto; width:90%; overflow:hidden; margin-top:1.8vw; font-size:0.8vw; line-height:1.5vw; color:#595959; text-align:justify;}
#product1 #rdataarea #rcontents * { font-size:0.8vw; line-height:1.5vw;}
#product1 #rdataarea #rcontents img { max-width:100%; height:auto; margin-top:1%; padding-bottom:1%;}
#linearea { margin:0 auto; width:65.5%; overflow:hidden; height:3vw;}
@media screen and (max-width:750px){
	#product1 { width:90%;margin-top:-5vw;}
	#product1 #lmenu { margin:0 auto; width:100%; height:9vw; padding-bottom:3vw; overflow:hidden; position:relative;}
	#product1 #lmenu #gleft { display:block; position:absolute; width:3.2vw; height:6vw; left:0%; top:13%; z-index:2; background:url(../images/gleft.png) no-repeat left top; background-size:100%; cursor:pointer;}
	#product1 #lmenu #gright { display:block; position:absolute; width:3.2vw; height:6vw; right:0%; top:13%; z-index:2; background:url(../images/gright.png) no-repeat left top; background-size:100%; cursor:pointer;}
	/*
	#product1 #lmenu #gleft:hover { background-position:left bottom;}
	#product1 #lmenu #gright:hover { background-position:left bottom;}
	*/
	#product1 #lmenu #scroller { margin:0 auto; position:relative; width:80%; height:8.5vw;overflow:hidden;}
	#product1 #lmenu #scroller ul { width:102%;}
	#product1 #lmenu #scroller ul li { float:left; width:37vw; height:9vw; overflow:hidden; margin-right:0vw !important;}
	#product1 #lmenu #scroller ul li a { color:#1877f2; width:32vw; font-size:2.8vw;  border:1px solid #d9eaff; background-color:#d9eaff; border-radius:1vw; text-align:center; display:block; height:8vw; display:flex; align-items:center;}
	#product1 #lmenu #scroller ul li.on a { color:#ffffff; height:8vw; box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1);border:1px solid #1877F2; background-color:#1877F2;}
	#product1 #rdataarea { float:inherit; width:100%; margin-top:8%; border-radius:2vw;}
	#product1 #rdataarea #titlearea { margin-top:5vw;}
	#product1 #rdataarea #titlearea #lename { font-size:3vw; line-height:6vw;}
	#product1 #rdataarea #titlearea #rview a { width:50%; font-size:2.5vw; line-height:6vw; border-radius:4vw;}
	#product1 #rdataarea #rcontents { margin-top:5vw; font-size:3vw; line-height:5vw;}
	#product1 #rdataarea #rcontents * { font-size:3vw; line-height:5vw;} 
	#product1 #rdataarea #rcontents img { max-width:100%; height:auto; margin-top:2%; padding-bottom:2%;}
	#linearea { margin:0 auto; width:90%; overflow:hidden; height:5vw;}
}
#product2 { margin:0 auto; width:100%; padding-bottom:10%; background:url(../images/bg1.png) no-repeat center bottom; background-size:80% auto; background-color:#f4f4f4; margin-top:5%; position:relative; z-index:1; padding-top:7%;}
#product2 #title { margin:0 auto; width:65.5%; text-align:center; overflow:hidden;}
#product2 #title #bigname { width:100%; text-align:center; overflow:hidden; font-size:2.5vw; color:#294147; line-height:2.7vw; font-family:'黑体'; font-weight:bold;}
#product2 #title #tips { width:100%; text-align:center; overflow:hidden; margin-top:2.5%; font-size:1.4vw; color:#595959; line-height:1.6vw;}
#product2 #showarea { margin:0 auto; width:42%; margin-top:7%; overflow:hidden;}
#product2 #showarea #logolist { width:100%; overflow:hidden;}
#product2 #showarea #logolist ul { width:103%;}
#product2 #showarea #logolist ul li { float:left; width:29.5%; margin-top:2%; text-align:center; border:1px solid #f5e69f; background-color:#fff; border-radius:2vw; margin-right:2.5%; margin-bottom:2%;}
#product2 #showarea #logolist ul li img { width:70%; height:auto; margin-top:5%; margin-bottom:5%;}
#product2 #showarea #logolist ul li { --tw-bg-opacity: 1;--tw-shadow: 15px 0px 10px 10px rgba(245,230,159,0.12);--tw-shadow-colored: 15px 0px 10px 10px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #f5e69f),var(--tw-ring-shadow,0 0 #f5e69f),var(--tw-shadow);}
#product2 #showarea #blogo { width:100%; overflow:hidden; margin-top:12%; text-align:center;}
#product2 #showarea #blogo img { width:35%; height:auto;}
@media screen and (max-width:750px){
	#product2 { background-size:90% auto; margin-top:8%; position:relative; z-index:1; padding-top:8%;}
	#product2 #title { width:90%;}
	#product2 #title #bigname { font-size:5vw; line-height:5.5vw;}
	#product2 #title #tips { margin-top:3%; font-size:2.5vw; line-height:3.5vw;}
	#product2 #showarea { width:80%; margin-top:7%;}
	#product2 #showarea #blogo { margin-top:12%;}
	#product2 #showarea #blogo img { width:30%;}
}
#solution1 { margin:0 auto; width:100%; overflow:hidden; position:relative; z-index:1; margin-top:-2vw;}
#solution1 #title { margin:0 auto; width:65.5%; text-align:center; overflow:hidden;}
#solution1 #title #bigname { width:100%; text-align:center; overflow:hidden; font-size:2.5vw; color:#294147; line-height:2.7vw; font-family:'黑体'; font-weight:bold;}
#solution1 #title #tips { width:100%; text-align:center; overflow:hidden; margin-top:2.5%; font-size:1.4vw; color:#595959; line-height:1.6vw;}
#solution1 #showarea { margin:0 auto; width:65.5%; height:47vw; position:relative; margin-top:7%; overflow:hidden; background:url(../images/bg2.png) no-repeat center bottom; background-size:100% auto;}
#solution1 #showarea #data1 { position:absolute; width:25%; text-align:center; overflow:hidden; top:0; left:37.5%;}
#solution1 #showarea #data1 #img { width:100%; text-align:center; overflow:hidden;}
#solution1 #showarea #data1 #img img { width:85%; height:auto;}
#solution1 #showarea #data1 #big { width:100%; text-align:center; overflow:hidden; margin-top:1.8vw; font-size:1.2vw; font-weight:bold; color:#294147;}
#solution1 #showarea #data1 #small { width:100%; text-align:center; overflow:hidden; margin-top:1vw; font-size:0.9vw; line-height:1.3vw; color:#595959;}
#solution1 #showarea #data2 { position:absolute; width:25%; text-align:center; overflow:hidden; top:19.5vw; left:0;}
#solution1 #showarea #data2 #img { width:100%; text-align:center; overflow:hidden;}
#solution1 #showarea #data2 #img img { width:85%; height:auto;}
#solution1 #showarea #data2 #big { width:100%; text-align:center; overflow:hidden; margin-top:1.8vw; font-size:1.2vw; font-weight:bold; color:#294147;}
#solution1 #showarea #data2 #small { width:100%; text-align:center; overflow:hidden; margin-top:1vw; font-size:0.9vw; line-height:1.3vw; color:#595959;}
#solution1 #showarea #data3 { position:absolute; width:25%; text-align:center; overflow:hidden; top:19.5vw; right:0;}
#solution1 #showarea #data3 #img { width:100%; text-align:center; overflow:hidden;}
#solution1 #showarea #data3 #img img { width:85%; height:auto;}
#solution1 #showarea #data3 #big { width:100%; text-align:center; overflow:hidden; margin-top:1.8vw; font-size:1.2vw; font-weight:bold; color:#294147;}
#solution1 #showarea #data3 #small { width:100%; text-align:center; overflow:hidden; margin-top:1vw; font-size:0.9vw; line-height:1.3vw; color:#595959;}
@media screen and (max-width:750px){
	#solution1 { margin-top:-2vw;}
	#solution1 #title { width:90%;}
	#solution1 #title #bigname { font-size:5vw; line-height:5.5vw;}
	#solution1 #title #tips { margin-top:3%; font-size:2.5vw; line-height:3.5vw;}
	#solution1 #showarea { width:90%; height:85vw; margin-top:10%; background-size:100% auto;}
	#solution1 #showarea #data1 { width:35%; left:30%;}
	#solution1 #showarea #data1 #img img { width:90%;} 
	#solution1 #showarea #data1 #big { margin-top:2vw; font-size:2.5vw;}
	#solution1 #showarea #data1 #small { margin-top:1vw; font-size:1.8vw; line-height:3vw;} 
 	#solution1 #showarea #data2 { width:35%; top:35vw;}
	#solution1 #showarea #data2 #img img { width:90%; height:auto;}
	#solution1 #showarea #data2 #big { margin-top:2vw; font-size:2.5vw;}
	#solution1 #showarea #data2 #small { margin-top:1vw; font-size:1.8vw; line-height:3vw;}
	#solution1 #showarea #data3 { width:35%; top:35vw;}
	#solution1 #showarea #data3 #img img { width:90%; height:auto;}
	#solution1 #showarea #data3 #big { margin-top:2vw; font-size:2.5vw;}
	#solution1 #showarea #data3 #small { margin-top:1vw; font-size:1.8vw; line-height:3vw;}
}
#solution2 { margin:0 auto; width:100%; background-color:#f4f4f4; margin-top:0%; position:relative; z-index:1; padding-top:7%; padding-bottom:7%;}
#solution2 #title { margin:0 auto; width:65.5%; text-align:center; overflow:hidden;}
#solution2 #title #bigname { width:100%; text-align:center; overflow:hidden; font-size:2.5vw; color:#294147; line-height:2.7vw; font-family:'黑体'; font-weight:bold;}
#solution2 #title #tips { width:100%; text-align:center; overflow:hidden; margin-top:2.5%; font-size:1.4vw; color:#595959; line-height:1.6vw;}
#solution2 #showarea { margin:0 auto; width:63.1%; margin-top:7%; overflow:hidden; text-align:center;}
#solution2 #showarea img { width:100%; height:auto;}
@media screen and (max-width:750px){
	#solution2 { padding-top:10%; padding-bottom:10%;}
	#solution2 #title { width:90%;}
	#solution2 #title #bigname { font-size:5vw; line-height:5.5vw;}
	#solution2 #title #tips { margin-top:3%; font-size:2.5vw; line-height:3.5vw;}
	#solution2 #showarea { width:90%; margin-top:7%;}
}
#solution3 { margin:0 auto; width:100%; margin-top:0%; position:relative; z-index:1; padding-top:7%; padding-bottom:3%;}
#solution3 #title { margin:0 auto; width:65.5%; text-align:center; overflow:hidden;}
#solution3 #title #bigname { width:100%; text-align:center; overflow:hidden; font-size:2.5vw; color:#294147; line-height:2.7vw; font-family:'黑体'; font-weight:bold;}
#solution3 #title #tips { width:100%; text-align:center; overflow:hidden; margin-top:2.5%; font-size:1.4vw; color:#595959; line-height:1.6vw;}
#solution3 #showarea { margin:0 auto; width:62.8%; margin-top:7%; overflow:hidden; text-align:center;}
#solution3 #showarea img { width:100%; height:auto;}
@media screen and (max-width:750px){
	#solution3 { padding-top:10%; padding-bottom:2%;}
	#solution3 #title { width:90%;}
	#solution3 #title #bigname { font-size:5vw; line-height:5.5vw;}
	#solution3 #title #tips { margin-top:3%; font-size:2.5vw; line-height:3.5vw;}
	#solution3 #showarea { width:90%; margin-top:7%;}
}

#case1 { margin:0 auto; width:80%; margin-top:-2vw; position:relative; z-index:1;}
#case1 #lmenu { position:absolute; left:0; top:2vw; width:23%; overflow:hidden; z-index:10;}
#case1 #lmenu #gleft { display:none;}
#case1 #lmenu #gright { display:none;}
#case1 #lmenu #scroller { width:100%; position:relative;}
#case1 #lmenu #scroller ul { width:100%;}
#case1 #lmenu #scroller ul li { width:100%; overflow:hidden; line-height:3vw;}
#case1 #lmenu #scroller ul li a { display:block; width:92%; margin-left:5%; margin-bottom:5%; height:4.5vw; border-radius:2.5vw 0.5vw 0.5vw 2.5vw; text-align:left; background-color:#fff; border:1px solid #eee;}
#case1 #lmenu #scroller ul li a { --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);}
#case1 #lmenu #scroller ul li.on a { background-color:#1877f2; border:1px solid #1877f2;}
#case1 #lmenu #scroller ul li a #img { float:left; width:4vw; height:4vw; margin-left:2%; text-align:center; margin-top:1.3%; border-radius:2vw; border:1px solid #fafafa;}
#case1 #lmenu #scroller ul li a #img img { width:85%; height:auto; border-radius:2vw; margin-top:6%;}
#case1 #lmenu #scroller ul li a #img { --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);}
#case1 #lmenu #scroller ul li a #name { float:left; margin-left:3%; width:50%; padding-top:1vw; text-align:left; font-size:1.15vw; line-height:1.3vw; color:#1877f2;}
#case1 #lmenu #scroller ul li.on a #name { color:#fff;}
#case1 #lmenu #scroller ul #blank { display:none;}
@media screen and (max-width:750px){
	#case1 { width:90%; margin-top:-5vw;}	
	#case1 #lmenu { margin:0 auto; width:100%; height:11vw; padding-bottom:3vw; overflow:hidden; position:relative;}
	#case1 #lmenu #gleft { display:block; position:absolute; width:3.2vw; height:6vw; left:0%; top:20%; z-index:2; background:url(../images/gleft.png) no-repeat left top; background-size:100%; cursor:pointer;}
	#case1 #lmenu #gright { display:block; position:absolute; width:3.2vw; height:6vw; right:0%; top:20%; z-index:2; background:url(../images/gright.png) no-repeat left top; background-size:100%; cursor:pointer;}
	/*
	#case1 #lmenu #gleft:hover { background-position:left bottom;}
	#case1 #lmenu #gright:hover { background-position:left bottom;}
	*/
	#case1 #lmenu #scroller { margin:0 auto; position:relative; width:80%; height:13vw;overflow:hidden;}
	#case1 #lmenu #scroller ul { width:102%;}
	#case1 #lmenu #scroller ul li { float:left; width:37vw; height:12vw; overflow:hidden; margin-right:0vw !important;}
	#case1 #lmenu #scroller ul li a { color:#1877f2; width:33vw; height:11vw; font-size:2.8vw; margin-left:0%; box-shadow:0px 0px 0px 0px rgba(0,0,0,0); border:1px solid #d9eaff; background-color:#d9eaff; border-radius:10vw 2vw 2vw 10svw; text-align:center; display:block; padding-left:1vw; padding-right:1.6vw; display:flex; align-items:center;}
	#case1 #lmenu #scroller ul li.on { background-color:#fff;}
	#case1 #lmenu #scroller ul li.on a { color:#1877f2; height:11vw; box-shadow:0px 0px 0px 0px rgba(0,0,0,0); border:1px solid #eee;}
	#case1 #lmenu #scroller ul li a #img { width:8vw; height:8vw; margin-left:0%; border-radius:4vw; margin-top:0%;}
	#case1 #lmenu #scroller ul li a #name { margin-left:8%; padding-top:0.5vw; font-size:2.3vw; line-height:3.5vw;}
	#case1 #lmenu #scroller ul #blank { display:none; width:7vw; background-color:#fff; border:0px;}
	#case1 #lmenu #scroller ul #blank a { display:none;}
}
#case1 #rdataarea { float:right; width:78.5%; padding-bottom:2vw; overflow:hidden; position:relative; border:1px solid #afafaf; border-radius:1vw; z-index:9; background:url(../images/img2.jpg) no-repeat right top; background-size:90% auto;}
#case1 #rdataarea { --tw-bg-opacity: 1;--tw-shadow: 20px 0px 10px 10px rgba(195,220,253,0.15);--tw-shadow-colored: 20px 0px 10px 10px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #c3dcfd),var(--tw-ring-shadow,0 0 #c3dcfd),var(--tw-shadow);}
#case1 #rdataarea #titlearea { margin:0 auto; width:90%; overflow:hidden; margin-top:4vw;}
#case1 #rdataarea #titlearea #lgarea { width:100%; text-align:left; overflow:hidden;}
#case1 #rdataarea #titlearea #lgarea img { width:10%; height:auto;}
#case1 #rdataarea #titlearea #bigname { margin:0 auto; width:98%; text-align:left; margin-top:1.5vw; font-size:1.6vw; line-height:2vw; font-weight:bold; color:#294147; overflow:hidden;}
#case1 #rdataarea #titlearea #smallname { margin:0 auto; width:98%; text-align:left; margin-top:1vw; font-size:1.2vw; color:#595959; overflow:hidden;}
#case1 #rdataarea #rcontents { margin-left:4%; width:96%; overflow:hidden; margin-top:1.8vw; font-size:0.8vw; line-height:1.5vw; color:#595959; text-align:justify;}
#case1 #rdataarea #rcontents * { font-size:0.8vw; line-height:1.5vw;}
#case1 #rdataarea #rcontents img { max-width:100%; height:auto; margin-top:1%; padding-bottom:1%;}
#linearea2 { margin:0 auto; width:65.5%; overflow:hidden; height:1vw;}
@media screen and (max-width:750px){
	#case1 #rdataarea { float:inherit; width:100%; padding-bottom:5vw; margin-top:8%; background-size:85% auto; border-radius:2vw;}
	#case1 #rdataarea #titlearea { width:90%; margin-top:5vw;}
	#case1 #rdataarea #titlearea #lgarea img { width:20%;}
	#case1 #rdataarea #titlearea #bigname { width:95%; margin-top:5vw; font-size:4vw; line-height:5vw;}
	#case1 #rdataarea #titlearea #smallname { width:95%; margin-top:3vw; font-size:3vw;}
	#case1 #rdataarea #rcontents { margin:0 auto; width:90%; margin-top:5vw; font-size:3vw; line-height:5vw;}
	#case1 #rdataarea #rcontents * { font-size:3vw; line-height:5vw}
	#case1 #rdataarea #rcontents img { max-width:100%; height:auto; margin-top:2%; padding-bottom:2%;}
	#linearea2 { width:90%; overflow:hidden; height:3vw;}
}

#about1 { margin:0 auto; width:100%; overflow:hidden; position:relative; z-index:1; margin-top:-2vw;}
#about1 #title { margin:0 auto; width:65.5%; text-align:center; overflow:hidden;}
#about1 #title #bigname { width:100%; text-align:center; overflow:hidden; font-size:2.5vw; color:#294147; line-height:2.7vw; font-family:'黑体'; font-weight:bold;}
#about1 #title #tips { width:100%; text-align:center; overflow:hidden; margin-top:2.5%; font-size:1.4vw; color:#595959; line-height:1.6vw;}
#about1 #showarea { margin:0 auto; width:63%; position:relative; margin-top:7%; overflow:hidden;}
#about1 #showarea #linfo { float:left; width:48%; text-align:left; text-align:justify; font-size:1.2vw; color:#847b7b; line-height:2vw;}
#about1 #showarea #linfo * { font-size:1vw; line-height:1.5vw;}
#about1 #showarea #linfo img { max-width:100%; height:auto;}
#about1 #showarea #rimg { float:right; width:45%; text-align:right;}
#about1 #showarea #rimg img { width:100%; height:auto;}
@media screen and (max-width:750px){
	#about1 { width:90%; margin-top:-3vw;}
	#about1 #title { width:100%;}
	#about1 #title #bigname { font-size:5vw; line-height:5.5vw;}
	#about1 #title #tips { margin-top:3%; font-size:2.5vw; line-height:3.5vw;}
	#about1 #showarea { width:100%;}
	#about1 #showarea #linfo { float:inherit; width:100%; font-size:3vw; line-height:5vw;}
	#about1 #showarea #linfo * { font-size:3vw; line-height:4vw;}
	#about1 #showarea #rimg { float:inherit; width:100%; margin-top:5%;}
}
#about2 { margin:0 auto; width:100%; margin-top:0%; position:relative; z-index:1; padding-top:10%; padding-bottom:0%;}
#about2 #title { margin:0 auto; width:65.5%; text-align:center; overflow:hidden;}
#about2 #title #bigname { width:100%; text-align:center; overflow:hidden; font-size:2.5vw; color:#294147; line-height:2.7vw; font-family:'黑体'; font-weight:bold;}
#about2 #title #tips { width:100%; text-align:center; overflow:hidden; margin-top:2.5%; font-size:1.4vw; color:#595959; line-height:1.6vw;}
#about2 #showarea { margin:0 auto; width:63.5%; margin-top:7%; overflow:hidden; text-align:center;}
#about2 #showarea img { width:100%; height:auto;}
@media screen and (max-width:750px){
	#about2 { width:90%;margin-top:0%; padding-top:12%; padding-bottom:0%;}
	#about2 #title { width:100%;}
	#about2 #title #bigname { font-size:5vw; line-height:5.5vw;}
	#about2 #title #tips { margin-top:3%; font-size:2.5vw; line-height:3.5vw;}
	#about2 #showarea { width:100%;}
}
#about3 { margin:0 auto; width:100%; margin-top:0%; position:relative; z-index:1; padding-top:10%; padding-bottom:4%;}
#about3 #title { margin:0 auto; width:65.5%; text-align:center; overflow:hidden;}
#about3 #title #bigname { width:100%; text-align:center; overflow:hidden; font-size:2.5vw; color:#294147; line-height:2.7vw; font-family:'黑体'; font-weight:bold;}
#about3 #title #tips { width:100%; text-align:center; overflow:hidden; margin-top:2.5%; font-size:1.4vw; color:#595959; line-height:1.6vw;}
#about3 #showarea { margin:0 auto; width:62.7%; margin-top:7%; overflow:hidden; text-align:center;}
#about3 #showarea img { width:100%; height:auto;}
@media screen and (max-width:750px){
	#about3 { width:90%;margin-top:0%; padding-top:12%; padding-bottom:2%;}
	#about3 #title { width:100%;}
	#about3 #title #bigname { font-size:5vw; line-height:5.5vw;}
	#about3 #title #tips { margin-top:3%; font-size:2.5vw; line-height:3.5vw;}
	#about3 #showarea { width:100%;}
}
#contact1 { margin:0 auto; width:65.5%; height:21vw; overflow:hidden; border:1px solid #afafaf; border-radius:1vw; position:relative; z-index:2; margin-top:-2vw; background:url(../images/img5.jpg) no-repeat left top; background-size:auto 100%;}
#contact1 { --tw-bg-opacity: 1;--tw-shadow: 20px 0px 10px 10px rgba(195,220,253,0.15);--tw-shadow-colored: 20px 0px 10px 10px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #c3dcfd),var(--tw-ring-shadow,0 0 #c3dcfd),var(--tw-shadow);}
#contact1 #showarea { float:right; width:55%; margin-right:3%; overflow:hidden; margin-top:5%;}
#contact1 #showarea #ltel { float:left; width:45%; text-align:left; overflow:hidden; margin-top:9%;}
#contact1 #showarea #ltel #name { width:100%; text-align:left; overflow:hidden; font-size:1vw; color:#000;}
#contact1 #showarea #ltel #telname { width:100%; text-align:left; margin-top:2%; overflow:hidden; font-size:1.2vw; font-weight:bold; line-height:2vw; color:#000;}
#contact1 #showarea #ltel #name.bigtop { margin-top:7%;}
#contact1 #showarea #rwx { float:left; width:55%; text-align:left; overflow:hidden; margin-top:10%;}
#contact1 #showarea #rwx #wxarea { float:left; width:30%; text-align:center; margin-right:10%; font-size:0.9vw; color:#000;}
#contact1 #showarea #rwx #wxarea img { width:100%; height:auto; margin-bottom:8%;}
@media screen and (max-width:750px){
	#contact1 { width:90%; height:95vw; margin-top:-4vw; background-size:100% auto; border-radius:2vw;}
	#contact1 #showarea { float:inherit; width:90%; margin-left:6.5%; margin-right:0%; margin-top:60%;}
	#contact1 #showarea #ltel #name { font-size:3vw;}
	#contact1 #showarea #ltel #telname { margin-top:3%; font-size:3.5vw; line-height:4vw;}
	#contact1 #showarea #ltel #name.bigtop { margin-top:10%;}
	#contact1 #showarea #rwx { margin-top:12%;}
	#contact1 #showarea #rwx #wxarea { width:40%; font-size:2.5vw;}
}
#aisatsu1 { margin:0 auto; width:75%; height:auto; overflow:hidden; border:1px solid #afafaf; border-radius:1vw; position:relative; z-index:2; margin-top:-2vw; background:url(../images/img6.jpg) no-repeat right center; background-size:auto 50% ;}
#aisatsu1 { --tw-bg-opacity: 1;--tw-shadow: 20px 0px 10px 10px rgba(195,220,253,0.15);--tw-shadow-colored: 20px 0px 10px 10px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #c3dcfd),var(--tw-ring-shadow,0 0 #c3dcfd),var(--tw-shadow);}
#aisatsu1 #showarea { float:left; width:60%; margin-left:3%; overflow:hidden; margin-top:5%;}
#aisatsu1 #showarea #ltel { float:left; width:45%; text-align:left; overflow:hidden; margin-top:9%;}
#aisatsu1 #showarea #ltel #name { width:100%; text-align:left; overflow:hidden; font-size:1vw; color:#000;}
#aisatsu1 #showarea #ltel #telname { width:100%; text-align:left; margin-top:2%; overflow:hidden; font-size:1.2vw; font-weight:bold; line-height:2vw; color:#000;}
#aisatsu1 #showarea #ltel #name.bigtop { margin-top:7%;}
#aisatsu1 #showarea #rwx { float:left; width:55%; text-align:left; overflow:hidden; margin-top:10%;}
#aisatsu1 #showarea #rwx #wxarea { float:left; width:30%; text-align:center; margin-right:10%; font-size:0.9vw; color:#000;}
#aisatsu1 #showarea #rwx #wxarea img { width:100%; height:auto; margin-bottom:8%;}
@media screen and (max-width:750px){
	#aisatsu1 { width:90%; height:auto; margin-top:-4vw; background:url(../images/img6.jpg) no-repeat left bottom;background-size:0% auto; border-radius:2vw;}
	#aisatsu1 #showarea { float:inherit; width:90%; margin-left:6.5%; margin-right:0%; margin-top:5%;}
	#aisatsu1 #showarea #ltel #name { font-size:3vw;}
	#aisatsu1 #showarea #ltel #telname { margin-top:3%; font-size:3.5vw; line-height:4vw;}
	#aisatsu1 #showarea #ltel #name.bigtop { margin-top:10%;}
	#aisatsu1 #showarea #rwx { margin-top:12%;}
	#aisatsu1 #showarea #rwx #wxarea { width:40%; font-size:2.5vw;}
}
#float { display:none;}
@media screen and (max-width:750px){
	#float { display:block; margin:0 auto; width:100%; position:absolute; z-index:9999; position:fixed; bottom:0px;} 
	#float #bshow { width:103%;}
	#float #bshow a { display:block; float:left; width:50%; padding-top:2.5vw; padding-bottom:2.5vw; text-align:center; color:#fff; font-size:4.5vw; border-top:0px;}
	#float #bshow a img { width:12%; vertical-align:middle; margin-top:-0.2vw; filter: brightness(0) invert(1);}
	#float #bshow #b1 { background-color:#1877f2;}
	#float #bshow #b2 { background-color:#F60;}
}