@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#fff; position:relative;}/* */
body,html{ padding-top:0px; overflow-x:hidden;}
* {font-size:15px; 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;}/* transition:color 0.3s linear;*/
a:hover {font-size: 14px;color:#0774F2;text-decoration:none; transition:color 0.3s linear;}/* 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;}
@font-face { font-family: "ALMM";src: url("AlimamaShuHeiTi-Bold.ttf") format("truetype");}

.thepage {PADDING-RIGHT: 3px; PADDING-LEFT: 3px;FONT-SIZE: 14px; MARGIN: 3px; COLOR: #fff; PADDING-TOP: 3px; FONT-FAMILY: Arial; TEXT-ALIGN: center}
.thepage A {MARGIN: 1px; COLOR: #666; BACKGROUND-COLOR: #fff;FONT-SIZE: 14px; TEXT-DECORATION: none; border:1px solid #cccccc; padding:8px; padding-left:12px; padding-right:12px;}
.thepage A:hover {COLOR: #fff; BACKGROUND-COLOR:#0774F2;border:1px solid #0774F2;FONT-SIZE: 14px;}
.thepage A:active {COLOR: #0774F2; BACKGROUND-COLOR: #fff;FONT-SIZE: 14px;}
.thepage SPAN.current {MARGIN: 1px; COLOR: #ffffff; BACKGROUND-COLOR: #0774F2; border:1px solid #0774F2; padding:8px; padding-left:12px; padding-right:12px;FONT-SIZE: 14px;}
.thepage SPAN.disabled {MARGIN: 1px; COLOR: #cccccc; BACKGROUND-COLOR: #fff;FONT-WEIGHT: bold; border:1px solid #cccccc; padding:8px; padding-left:12px; padding-right:12px;FONT-SIZE: 14px;}

.top { margin:0 auto; width:100%; position:fixed; top:0; z-index:9999; background-color:rgb(255,255,255,0.7);}
.top .topinfo { margin:0 auto; height:75px; width:91.67%; margin-top:25px; position:relative; display:flex; justify-content:space-between;}
.top .topinfo .logo { width:150px; height:50px; margin-top:0.2vw; overflow:hidden;}
.top .topinfo .topright { width:calc(100% - 150px); display:flex; justify-content:space-between;}
.top .topinfo .topright .nav { width:56%; margin-left:17%; display:flex; justify-content:space-between;}
.top .topinfo .topright .nav a { display:block; position:relative; width:16.67%; text-align:center; height:70px; font-size:17px; color:#191C51; line-height:50px;}
.top .topinfo .topright .nav a p { display:block; transition:.3s; margin:0 auto; width:0%; height:5px; margin-top:19px; background-color:#161E4C; position:relative;}
.top .topinfo .topright .nav a.on { font-weight:bold;}
.top .topinfo .topright .nav a.on p { width:22%;}
.top .topinfo .topright .nav a:hover { font-weight:bold;}
.top .topinfo .topright .nav a:hover p { width:22%;}
.top .topinfo .topright .logarea { width:24%;}
.top .topinfo .topright .logarea a { display:inline-block; width:auto; float:right;}
.top .topinfo .topright .logarea .userlog { line-height:50px; padding:0 25px; text-align:center; font-size:16px; color:#fff; background-color:#161E4C; border-radius:40px; transition:.3s;}
.top .topinfo .topright .logarea .userlog:hover { background-color:#2B3572;}
.top .topinfo .topright .logarea .yy { float:left; font-size:17px; line-height:50px; color:#191C51;}
.top .topinfo .topright .logarea .yy:hover { font-weight:bold;}
.top .topinfo .mmenu { display:none;}
.pagebg { position: fixed;z-index: 1000; width: 100%; height: 100%;background: rgba(0,0,0,.7);left: 0; top: 0;display: none;}
@media screen and (min-width:1900px){
	.top .topinfo .topright .logarea { width:14%;}
}
@media screen and (max-width:750px){
	.top .topinfo { margin:0 auto; padding-top:3vw; height:9vw; width:94%; margin-top:0vw; display:inherit;}
	.top .topinfo .logo { width:28%;}
	.top .topinfo .logo img { width:70%; height:auto;}
	.top .topinfo .topright { position: fixed; z-index:1001; display:inherit; width:40%; top:12vw; left:-40%; height:calc(100% - 12vw); background-color:#0D6FB8;}
	.top .topinfo .topright .nav { width:100%; margin-left:0%; margin-top:20px; display:inherit;}
	.top .topinfo .topright .nav a { display:block; width:100%; border-bottom:1px solid #2580C4; text-align:center; height:10vw; font-size:4vw; color:#fff; line-height:10vw;}
	.top .topinfo .topright .nav a p { display:none;}
	.top .topinfo .topright .logarea { width:100%; margin-top:7vw;}
	.top .topinfo .topright .logarea a { display:block; margin:0 auto; width:50%; float:inherit;}
	.top .topinfo .topright .logarea .userlog { margin-top:3vw; line-height:10vw; padding:0 5vw; font-size:4vw;}
	.top .topinfo .topright .logarea .yy { margin:0 auto; margin-top:3vw; text-align:center; float:inherit; display:block; color:#fff;}
	.top .topinfo .mmenu { display:block; position:absolute; right:0; top:3vw; cursor:pointer; border-radius:1vw; width:5.5vw; height:5.5vw; background:url(../images/d1.png) no-repeat center center; background-size:70% 70%; background-color:#0D6FB8;}
	.top .topinfo .mmenu.on { background:url(../images/d2.png) no-repeat center center; background-size:70% 70%; background-color:#0D6FB8;}
	.pagebg { display:none;}
}
@media screen and (max-width:650px){
	.top .topinfo { margin:0 auto; padding-top:3vw; height:11vw; width:94%; margin-top:0vw; display:inherit;}
	.top .topinfo .logo { width:28%;}
	.top .topinfo .logo img { width:90%; height:auto;}
	.top .topinfo .topright { position: fixed; z-index:1001; display:inherit; width:40%; top:14vw; left:-40%; height:calc(100% - 14vw); background-color:#0D6FB8;}
	.top .topinfo .topright .nav { width:100%; margin-left:0%; margin-top:20px; display:inherit;}
	.top .topinfo .topright .nav a { display:block; width:100%; border-bottom:1px solid #2580C4; text-align:center; height:10vw; font-size:4vw; color:#fff; line-height:10vw;}
	.top .topinfo .topright .nav a p { display:none;}
	.top .topinfo .topright .logarea { width:100%; margin-top:7vw;}
	.top .topinfo .topright .logarea a { display:block; margin:0 auto; width:50%; float:inherit;}
	.top .topinfo .topright .logarea .userlog { margin-top:3vw; line-height:10vw; padding:0 5vw; font-size:4vw;}
	.top .topinfo .topright .logarea .yy { margin:0 auto; margin-top:3vw; text-align:center; float:inherit; display:block; color:#fff;}
	.top .topinfo .mmenu { display:block; position:absolute; right:0; top:3.5vw; cursor:pointer; border-radius:1vw; width:7vw; height:7vw; background:url(../images/d1.png) no-repeat center center; background-size:70% 70%; background-color:#0D6FB8;}
	.top .topinfo .mmenu.on { background:url(../images/d2.png) no-repeat center center; background-size:70% 70%; background-color:#0D6FB8;}
	.pagebg { display:none;}
}
.banner { position:relative; z-index:900; overflow:hidden; width:100%; height:55.5vw; background:url(../images/banner.jpg) no-repeat center top; background-size:100% auto;}
.banner .bninfo { margin:0 auto; width:81.25%; margin-top:11vw; overflow:hidden;}
.banner .bninfo .infos { width:60%;}
.banner .bninfo .infos .new { width:100%;}
.banner .bninfo .infos .bigname { width:100%; margin-top:2vw; font-size:3.8vw; line-height:4.3vw; font-weight:bold; color:#161E4C; font-family:'ALMM' !important;}
.banner .bninfo .infos .bigname font { font-size:3.8vw; line-height:4.3vw; font-weight:bold; color:#161E4C; font-family:'ALMM' !important; background-image:linear-gradient(to right, #187DFF, #9735DA);-webkit-background-clip: text;color: transparent;}
.banner .bninfo .infos .smallname { width:100%; margin-top:1.5vw; font-size:1.8vw; line-height:2.2vw; color:#131E4C;}
.banner .bninfo .infos .notes { width:100%; margin-top:1.2vw; font-size:1vw; line-height:1.5vw; color:#131E4C;}
.banner .bninfo .infos .btarea { width:100%; margin-top:7vw;}
.banner .bninfo .infos .btarea a { display:block; float:left; width:12vw; height:3vw; line-height:3vw; border-radius:4vw; text-align:center; color:#fff; font-size:1.1vw; display:flex; align-items:center; justify-content:center;}
.banner .bninfo .infos .btarea a img { margin-left:10px;}
.banner .bninfo .infos .btarea .tiyan { background-color:#161E4C; border:1px solid #E4F0FC; transition:.3s;}
.banner .bninfo .infos .btarea .tiyan:hover { background-color:#2B3572;}
.banner .bninfo .infos .btarea .yanshi { transition:.3s; margin-left:2vw; border:1px solid #3B74B7; background-color:#E4F0FC;}
.banner .bninfo .infos .btarea .yanshi font { transition:.3s; font-size:1.1vw; background-image:linear-gradient(to right, #3B74B7, #8546AE);-webkit-background-clip: text;color: transparent;}
.banner .bninfo .infos .btarea .yanshi:hover { background-color:#C8E1FA;}
.banner .bninfo .infos .btarea .yanshi:hover font { background-image:linear-gradient(to left, #3B74B7, #8546AE);}
.banner .hotlist { margin:0 auto; width:81.25%; margin-top:5.5vw; overflow:hidden; display:flex; justify-content:space-between;}
.banner .hotlist .data { width:32%; border:1px solid #fff; padding:1.6vw 0px; border-radius:10px; background-color:rgb(255,255,255,0.6); display:flex; justify-content:space-between;}
.banner .hotlist .data .limg { width:40%; text-align:center;}
.banner .hotlist .data .limg img { width:auto; height:auto; max-width:60%;}
.banner .hotlist .data .rinfo { width:55%; margin-right:5%; text-align:left;}
.banner .hotlist .data .rinfo .bname { width:100%; font-size:2vw; line-height:2.2vw; font-weight:bold; color:#161E4C; font-family:'ALMM' !important; background-image:linear-gradient(to right, #187DFF, #9735DA);-webkit-background-clip: text;color: transparent;}
.banner .hotlist .data .rinfo .sname { width:100%; font-size:1vw; color:#1D1F46; margin-top:0.5vw;}
.banner .hotlist .data .rinfo .notes { width:100%; font-size:0.8vw; color:#47456C; margin-top:0.2vw;}

.pagebanner { position:relative; z-index:900; overflow:hidden; width:100%; height:41vw; background:url(../images/solution.jpg) no-repeat center top; background-size:100% auto;}
.pagebanner .bninfo { margin:0 auto; width:81.25%; margin-top:11vw; overflow:hidden;}
.pagebanner .bninfo .bigname { width:100%; text-align:center; font-size:4vw; line-height:4.3vw; font-weight:bold; font-family:'ALMM' !important; background-image:linear-gradient(to right, #1183FF, #A62DE0);-webkit-background-clip: text;color: transparent;}
.pagebanner .bninfo .smallname { width:100%; text-align:center; margin-top:1vw; font-size:3.4vw; line-height:4.3vw; font-weight:bold; color:#161E4C; font-family:'ALMM' !important; }
.pagebanner .bninfo .btarea a { display:block; margin:0 auto; margin-top:5vw; width:12vw; height:3vw; line-height:3vw; border-radius:4vw; text-align:center; color:#fff; font-size:1.1vw; display:flex; align-items:center; justify-content:center;}
.pagebanner .bninfo .btarea a img { margin-left:10px;}
.pagebanner .bninfo .btarea .tiyan { background-color:#161E4C; border:1px solid #E4F0FC; transition:.3s;}
.pagebanner .bninfo .btarea .tiyan:hover { background-color:#2B3572;}
@media screen and (max-width:750px){
	.banner { height:190vw; background-size:380% auto;}
	.banner .bninfo { margin:0 auto; width:90%; margin-top:20vw;}
	.banner .bninfo .infos { width:100%;}
	.banner .bninfo .infos .bigname { margin-top:5vw; font-size:6vw; line-height:7.5vw;}
	.banner .bninfo .infos .bigname font { font-size:6vw; line-height:7.5vw;}
	.banner .bninfo .infos .smallname { margin-top:3vw; font-size:4vw; line-height:5.5vw;}
	.banner .bninfo .infos .notes { width:100%; margin-top:4vw; font-size:3.5vw; line-height:7vw;}
	.banner .bninfo .infos .btarea { width:100%; margin-top:7.5vw;}
	.banner .bninfo .infos .btarea a { width:40%; height:8vw; line-height:8vw; border-radius:5vw; font-size:3.1vw;}
	.banner .bninfo .infos .btarea a img { margin-left:2vw; width:4vw; height:4vw;}
	.banner .bninfo .infos .btarea .yanshi { margin-left:4vw;}
	.banner .bninfo .infos .btarea .yanshi font { font-size:3.5vw;}
	.banner .hotlist { width:90%; margin-top:12vw; display:inherit;}
	.banner .hotlist .data { width:calc(100% - 2px); padding:5vw 0; border-radius:10px; margin-bottom:3vw;}
	.banner .hotlist .data .limg { width:35%; text-align:center;}
	.banner .hotlist .data .limg img { width:auto; height:auto; max-width:70%; margin-top:0vw;}
	.banner .hotlist .data .rinfo { width:55%; margin-right:5%;}
	.banner .hotlist .data .rinfo .bname { font-size:4.5vw; line-height:6vw;}
	.banner .hotlist .data .rinfo .sname { font-size:3.8vw; margin-top:1vw;}
	.banner .hotlist .data .rinfo .notes { font-size:3.1vw; margin-top:1.5vw;}
	
	.pagebanner { height:80vw; background-size:200% auto;}
	.pagebanner .bninfo { width:90%; margin-top:22vw;}
	.pagebanner .bninfo .bigname { font-size:6vw; line-height:6.5vw;}
	.pagebanner .bninfo .smallname { font-size:5vw; line-height:5.5vw; margin-top:3vw; }
	.pagebanner .bninfo .btarea { width:100%; margin-top:12vw;}
	.pagebanner .bninfo .btarea a { width:35%; height:8vw; line-height:8vw; border-radius:5vw; font-size:3.1vw;}
	.pagebanner .bninfo .btarea a img { margin-left:2vw; width:4vw; height:4vw;}
}
@media screen and (max-width:650px){
	.banner { height:213vw; background-size:380% auto;}
	.banner .bninfo { margin:0 auto; width:90%; margin-top:20vw;}
	.banner .bninfo .infos { width:100%;}
	.banner .bninfo .infos .bigname { margin-top:7vw; font-size:8vw; line-height:8.5vw;}
	.banner .bninfo .infos .bigname font { font-size:8vw; line-height:8.5vw;}
	.banner .bninfo .infos .smallname { margin-top:5vw; font-size:5vw; line-height:5.5vw;}
	.banner .bninfo .infos .notes { width:100%; margin-top:15px; font-size:3.8vw; line-height:6vw;}
	.banner .bninfo .infos .btarea { width:100%; margin-top:7.5vw;}
	.banner .bninfo .infos .btarea a { width:45%; height:10vw; line-height:10vw; border-radius:5vw; font-size:3.5vw;}
	.banner .bninfo .infos .btarea a img { margin-left:2vw; width:5vw; height:5vw;}
	.banner .bninfo .infos .btarea .yanshi { margin-left:4vw;}
	.banner .bninfo .infos .btarea .yanshi font { font-size:3.5vw;}
	.banner .hotlist { width:90%; margin-top:14vw; display:inherit;}
	.banner .hotlist .data { width:calc(100% - 2px); padding:5vw 0; border-radius:10px; margin-bottom:3vw;}
	.banner .hotlist .data .limg { width:35%; text-align:center;}
	.banner .hotlist .data .limg img { width:auto; height:auto; max-width:70%; margin-top:0vw;}
	.banner .hotlist .data .rinfo { width:55%; margin-right:5%;}
	.banner .hotlist .data .rinfo .bname { font-size:6vw; line-height:6.5vw;}
	.banner .hotlist .data .rinfo .sname { font-size:4.5vw; margin-top:6px;}
	.banner .hotlist .data .rinfo .notes { font-size:3.5vw; margin-top:0px;}
	
	.pagebanner { height:80vw; background-size:200% auto;}
	.pagebanner .bninfo { width:90%; margin-top:22vw;}
	.pagebanner .bninfo .bigname { font-size:8vw; line-height:8.5vw;}
	.pagebanner .bninfo .smallname { font-size:7vw; line-height:7.5vw; margin-top:3vw; }
	.pagebanner .bninfo .btarea { width:100%; margin-top:12vw;}
	.pagebanner .bninfo .btarea a { width:40%; height:10vw; line-height:10vw; border-radius:5vw; font-size:3.5vw;}
	.pagebanner .bninfo .btarea a img { margin-left:2vw; width:5vw; height:5vw;}
}
.index1 { margin:0 auto; width:81.25%; overflow:hidden; margin-top:4.5vw;}
.index1 .title { width:100%; overflow:hidden; text-align:center; font-size:2.2vw; line-height:3vw; color:#161E4C; font-family:'ALMM' !important;}
.index1 .showarea { margin:0 auto; margin-top:3.5vw;}
.index1 .showarea ul { width:102%;}
.index1 .showarea ul li { float:left; width:18%; text-align:center; overflow:hidden; margin-right:2%; margin-bottom:1.3vw;}
.index1 .showarea ul li img { width:100%; height:auto; border-radius:10px;}
@media screen and (max-width:750px){
	.index1 { width:90%; margin-top:8vw;}
	.index1 .title { font-size:4.8vw; line-height:6vw;}
	.index1 .showarea { margin-top:6vw;}
	.index1 .showarea ul { width:105%;}
	.index1 .showarea ul li { width:45%; margin-right:5%; margin-bottom:3vw;}
}
@media screen and (max-width:650px){
	.index1 { width:90%; margin-top:8vw;}
	.index1 .title { font-size:6vw; line-height:8vw;}
	.index1 .showarea { margin-top:5vw;}
	.index1 .showarea ul { width:105%;}
	.index1 .showarea ul li { width:45%; margin-right:5%; margin-bottom:3vw;}
}
.index2 { margin:0 auto; width:81.25%; overflow:hidden; margin-top:3.5vw;}
.index2 .title { width:100%; overflow:hidden; text-align:center; font-size:2.2vw; line-height:3vw; color:#161E4C; font-family:'ALMM' !important;}
.index2 .tips { width:100%; overflow:hidden; text-align:center; font-size:1.1vw; line-height:1.2vw; margin-top:1.2vw; color:#161E4C;}
.index2 .showarea { margin:0 auto; margin-top:3.5vw; display:flex; justify-content:space-between;}
.index2 .showarea .casedata { width:32%; height:auto; overflow:hidden;}
.index2 .showarea .casedata .cimg { width:100%; text-align:center;}
.index2 .showarea .casedata .cimg img { width:30%; height:auto; position:relative; z-index:2;}
.index2 .showarea .casedata .cinfos { width:100%; padding-top:4.8vw; padding-bottom:2.3vw; text-align:center; position:relative; z-index:1; margin-top:-3.5vw; background:url(../images/casebg.png) no-repeat center top; background-size:100% 100%;}
.index2 .showarea .casedata .cinfos .big { width:100%; text-align:center; font-size:1.5vw; line-height:1.8vw; color:#161E4C; font-family:'ALMM' !important;}
.index2 .showarea .casedata .cinfos .small { width:100%; text-align:center; margin-top:1.1vw; font-size:1.2vw; line-height:2.2vw; color:#161E4C;}
.index2 .showarea .casedata .cinfos .small font { font-size:1.2vw; line-height:2.2vw; color:#A248DE; }
@media screen and (max-width:750px){
	.index2 { width:90%; margin-top:6vw;}
	.index2 .title { font-size:4.8vw; line-height:6vw;}
	.index2 .tips { font-size:3.5vw; line-height:5vw; margin-top:3vw;}
	.index2 .showarea { margin-top:8vw; display:inherit;}
	.index2 .showarea .casedata { width:100%; margin-bottom:6vw;}
	.index2 .showarea .casedata .cimg img { width:30%; height:auto;}
	.index2 .showarea .casedata .cinfos { padding-top:16vw; padding-bottom:5vw; margin-top:-12vw;}
	.index2 .showarea .casedata .cinfos .big { font-size:4.2vw; line-height:6vw;}
	.index2 .showarea .casedata .cinfos .small { margin-top:1vw; font-size:4vw; line-height:8vw;}
	.index2 .showarea .casedata .cinfos .small font { font-size:4vw; line-height:8vw;}
}
@media screen and (max-width:650px){
	.index2 { width:90%; margin-top:6vw;}
	.index2 .title { font-size:6vw; line-height:8vw;}
	.index2 .tips { font-size:4vw; line-height:6vw; margin-top:3vw;}
	.index2 .showarea { margin-top:8vw; display:inherit;}
	.index2 .showarea .casedata { width:100%; margin-bottom:6vw;}
	.index2 .showarea .casedata .cimg img { width:35%; height:auto;}
	.index2 .showarea .casedata .cinfos { padding-top:80px; padding-bottom:30px; margin-top:-60px;}
	.index2 .showarea .casedata .cinfos .big { font-size:5.5vw; line-height:6vw;}
	.index2 .showarea .casedata .cinfos .small { margin-top:20px; font-size:4.5vw; line-height:8vw;}
	.index2 .showarea .casedata .cinfos .small font { font-size:4.5vw; line-height:8vw;}
}
.index3 { margin:0 auto; width:100%; overflow:hidden; padding:2.5vw 0; padding-bottom:3vw; overflow:hidden; margin-top:4vw; background:url(../images/selbg.png) no-repeat center top; background-size:100% 100%;}
.index3 .title { margin:0 auto; width:81.25%; overflow:hidden; text-align:center; font-size:2.2vw; line-height:3vw; color:#161E4C; font-family:'ALMM' !important;}
.index3 .tips {margin:0 auto; width:81.25%; overflow:hidden; text-align:center; font-size:1.1vw; line-height:1.2vw; margin-top:1.2vw; color:#161E4C;}
.index3 .showarea { margin:0 auto; overflow:hidden; width:81.25%; height:18.5vw; margin-top:2vw; display:flex; justify-content:space-between;}
.index3 .showarea .lsel { width:19%; background-color:#fff; border-radius:10px;}
.index3 .showarea .lsel .dsel { margin:0 auto; transition:.3s; border-radius:10px; cursor:pointer; width:80%; margin-top:1.3vw; text-align:center; font-size:1.2vw; color:#161E4C; line-height:4vw; font-family:'ALMM' !important; background-color:#fff;}
.index3 .showarea .lsel .dsel.on { background-color:#F2F5FE;}
.index3 .showarea .rshow { width:79.25%; background-color:#fff; border-radius:10px; overflow:hidden;}
.index3 .showarea .rshow .contshow { display:none; margin:0 auto; width:97%; margin-top:1vw;}
.index3 .showarea .rshow .contshow img { width:100%; height:auto; border-radius:10px;}
.index3 .showarea .rshow .contshow img.pc { display:block;}
.index3 .showarea .rshow .contshow img.mobi { display:none;}
.index3 .showarea .rshow .contshow.on { display:block;}
.index3 .showtip { margin:0 auto; width:81.25%; overflow:hidden; margin-top:1.5vw;}
.index3 .showtip .tipinfo { float:left; width:auto; background-color:#fff; padding:0.5vw 1vw; padding-right:2vw; border-radius:5px; display:flex; justify-content:center; align-items:center; font-size:17px; color:#161E4C;}
.index3 .showtip .tipinfo img { margin-right:20px;}
@media screen and (max-width:750px){
	.index3 { padding:8vw 0; overflow:hidden; margin-top:4vw; background-size:100% 100%;}
	.index3 .title { font-size:4.8vw; line-height:6vw;}
	.index3 .tips { font-size:3.3vw; line-height:5vw; margin-top:3vw;}
	.index3 .showarea { width:90%; height:auto; margin-top:6vw; display:inherit;}
	.index3 .showarea .lsel { width:100%; border-radius:10px; overflow:hidden; padding-top:4vw; padding-bottom:5vw;}
	.index3 .showarea .lsel .dsel { width:80%; margin-top:10px; font-size:4.2vw; line-height:13vw;}
	.index3 .showarea .rshow { width:100%; margin-top:25px;}
	.index3 .showarea .rshow .contshow { display:none; margin:0 auto; width:95%; margin-top:2vw; padding-bottom:2vw;}
	.index3 .showarea .rshow .contshow img.pc { display:none;}
	.index3 .showarea .rshow .contshow img.mobi { display:block;}
	.index3 .showtip { width:90%; margin-top:5vw;}
	.index3 .showtip .tipinfo { float:inherit; width:100%; background-color:#fff; padding:2vw 0; border-radius:10px; font-size:3vw; color:#161E4C;}
	.index3 .showtip .tipinfo img { margin-right:10px;}
}
@media screen and (max-width:650px){
	.index3 { padding:8vw 0; overflow:hidden; margin-top:4vw; background-size:100% 100%;}
	.index3 .title { font-size:6vw; line-height:8vw;}
	.index3 .tips { font-size:4vw; line-height:6vw; margin-top:3vw;}
	.index3 .showarea { width:90%; height:auto; margin-top:5vw; display:inherit;}
	.index3 .showarea .lsel { width:100%; border-radius:10px; overflow:hidden; padding-top:10px; padding-bottom:20px;}
	.index3 .showarea .lsel .dsel { width:80%; margin-top:10px; font-size:5vw; line-height:13vw;}
	.index3 .showarea .rshow { width:100%; margin-top:25px;}
	.index3 .showarea .rshow .contshow { display:none; margin:0 auto; width:95%; margin-top:2vw; padding-bottom:2vw;}
	.index3 .showarea .rshow .contshow img.pc { display:none;}
	.index3 .showarea .rshow .contshow img.mobi { display:block;}
	.index3 .showtip { width:90%; margin-top:5vw;}
	.index3 .showtip .tipinfo { float:inherit; width:100%; background-color:#fff; padding:2vw 0; border-radius:10px; font-size:3.5vw; color:#161E4C;}
	.index3 .showtip .tipinfo img { margin-right:10px;}
}
.index4 { margin:0 auto; width:100%; overflow:hidden; margin-top:4vw; background:url(../images/databg.jpg) no-repeat center top; background-size:100% 100%;}
.index4 .title { margin:0 auto; width:81.25%; margin-top:4vw; overflow:hidden; text-align:left; font-size:2.2vw; line-height:3vw; color:#fff; font-family:'ALMM' !important;}
.index4 .showarea { margin:0 auto; width:81.25%; overflow:hidden; margin-top:3vw; margin-bottom:6.2vw;}
.index4 .showarea .loginfo { float:left; width:20%; text-align:center;}
.index4 .showarea .before { float:left; width:20%; margin-left:5%;}
.index4 .showarea .after { float:left; width:36%; margin-left:6%;}
.index4 .showarea .loginfo .log { width:100%; text-align:center;}
.index4 .showarea .loginfo .log img { width:6.25vw; height:6.25vw; margin-bottom:1.7vw;}
.index4 .showarea .loginfo .log font { font-size:1.2vw; color:#fff; font-family:'ALMM' !important;}
.index4 .showarea .loginfo .tip { margin:0 auto; width:68%; margin-top:1.7vw; background-color:#D7E2FE; border-radius:2vw; text-align:center; box-shadow:0 0 5px rgb(0,0,0,0.2);}
.index4 .showarea .loginfo .tip font { font-size:0.9vw; line-height:1.8vw; background-image:linear-gradient(to right, #3B74B7, #8546AE);-webkit-background-clip: text;color: transparent;}
.index4 .showarea .loginfo .pingfen { margin:0 auto; width:68%; padding:0.5vw 0; margin-top:1.2vw; background-color:rgb(255,255,255,0.3); border-radius:0.6vw; text-align:center;}
.index4 .showarea .loginfo .pingfen .nums { text-align:center; color:#fff; font-size:1.9vw; line-height:2.5vw; font-family:'Arial';}
.index4 .showarea .loginfo .pingfen .stip { text-align:center; margin-top:0.2vw; color:#fff; font-size:0.6vw; line-height:1vw;}
.index4 .showarea .before .stitle { width:100%; text-align:left; font-size:1.6vw; color:#A5C7F7;}
.index4 .showarea .before .datas { width:100%; text-align:left; margin-top:1.5vw; font-size:1.6vw; color:#fff; line-height:4vw;} 
.index4 .showarea .after .stitle { width:100%; text-align:left; font-size:1.6vw; color:#A5C7F7;} 
.index4 .showarea .after .datas { width:100%; margin-top:1.5vw;}
.index4 .showarea .after .datas .d1 { float:left; width:45%; font-size:1.6vw; color:#fff; line-height:4vw;}
.index4 .showarea .after .datas .d2 { float:left; width:45%; font-size:1.8vw; color:#C5EFFF; line-height:4vw; font-weight:bold;}
.index4 .showarea .after .datas .d2 font { font-size:2vw; color:#C5EFFF; line-height:4vw; font-weight:bold;}
@media screen and (max-width:750px){
	.index4 { background-size:400% 100%;}
	.index4 .title { width:90%; font-size:4.8vw; line-height:5vw; margin-top:8vw; text-align:center;}
	.index4 .showarea { width:90%; margin-top:6vw; margin-bottom:8vw;}
	.index4 .showarea .loginfo { float:inherit; width:100%; text-align:center;}
	.index4 .showarea .before { float:inherit; width:100%; margin-left:auto; margin-top:8vw;}
	.index4 .showarea .after { float:inherit; width:100%; margin-left:auto; margin-top:7vw;}
	.index4 .showarea .loginfo .log img { width:18vw; height:18vw; margin-bottom:4vw;}
	.index4 .showarea .loginfo .log font { font-size:4vw;}
	.index4 .showarea .loginfo .tip { width:80%; margin-top:4vw; border-radius:4vw;}
	.index4 .showarea .loginfo .tip font { font-size:3.5vw; line-height:8vw;}
	.index4 .showarea .loginfo .pingfen { width:80%; padding:3vw 0; margin-top:4vw; border-radius:2vw;}
	.index4 .showarea .loginfo .pingfen .nums { font-size:6vw; line-height:6vw;}
	.index4 .showarea .loginfo .pingfen .stip { margin-top:2vw; font-size:2.5vw; line-height:4vw;}
	.index4 .showarea .before .stitle { text-align:center; font-size:4.5vw;}
	.index4 .showarea .before .datas { text-align:center; margin-top:4vw; font-size:4.5vw; line-height:8vw;} 
	.index4 .showarea .after .stitle { text-align:center; font-size:4.5vw;} 
	.index4 .showarea .after .datas { margin-top:4vw;}
	.index4 .showarea .after .datas .d1 { float:left; text-align:center; width:50%; font-size:4.5vw; line-height:8vw;}
	.index4 .showarea .after .datas .d2 { float:left; text-align:center; width:50%; font-size:4.5vw; line-height:8vw;}
	.index4 .showarea .after .datas .d2 font { font-size:5vw; line-height:8vw;}
}
@media screen and (max-width:650px){
	.index4 { background-size:400% 100%;}
	.index4 .title { width:90%; font-size:6vw; line-height:8vw; margin-top:7vw; text-align:center;}
	.index4 .showarea { width:90%; margin-top:5vw; margin-bottom:8vw;}
	.index4 .showarea .loginfo { float:inherit; width:100%; text-align:center;}
	.index4 .showarea .before { float:inherit; width:100%; margin-left:auto; margin-top:8vw;}
	.index4 .showarea .after { float:inherit; width:100%; margin-left:auto; margin-top:7vw;}
	.index4 .showarea .loginfo .log img { width:18vw; height:18vw; margin-bottom:4vw;}
	.index4 .showarea .loginfo .log font { font-size:5vw;}
	.index4 .showarea .loginfo .tip { width:80%; margin-top:4vw; border-radius:4vw;}
	.index4 .showarea .loginfo .tip font { font-size:3.8vw; line-height:8vw;}
	.index4 .showarea .loginfo .pingfen { width:80%; padding:3vw 0; margin-top:4vw; border-radius:2vw;}
	.index4 .showarea .loginfo .pingfen .nums { font-size:6vw; line-height:6vw;}
	.index4 .showarea .loginfo .pingfen .stip { margin-top:2vw; font-size:2.5vw; line-height:4vw;}
	.index4 .showarea .before .stitle { text-align:center; font-size:5vw;}
	.index4 .showarea .before .datas { text-align:center; margin-top:4vw; font-size:5vw; line-height:10vw;} 
	.index4 .showarea .after .stitle { text-align:center; font-size:5vw;} 
	.index4 .showarea .after .datas { margin-top:4vw;}
	.index4 .showarea .after .datas .d1 { float:left; text-align:center; width:50%; font-size:5vw; line-height:10vw;}
	.index4 .showarea .after .datas .d2 { float:left; text-align:center; width:50%; font-size:5vw; line-height:10vw;}
	.index4 .showarea .after .datas .d2 font { font-size:5.5vw; line-height:10vw;}
}
.leavemsg { margin:0 auto; width:100%; margin-top:0px; padding-bottom:5vw; background:url(../images/wbg.jpg) no-repeat center bottom; background-size:100% 100%;}
.leavemsg .title { margin:0 auto; width:81.25%; margin-top:4.5vw; overflow:hidden; text-align:center; font-size:2.2vw; line-height:3vw; color:#161E4C; font-family:'ALMM' !important;}
.leavemsg .wtitle { margin:0 auto; width:81.25%; overflow:hidden; text-align:center; font-size:1.1vw; line-height:1.2vw; margin-top:1.8vw; color:#161E4C;}
.leavemsg .warea { margin:0 auto; width:81.25%; overflow:hidden; margin-top:3vw;} 
.leavemsg .warea input.input1 { margin:0 auto; display:block; width:20%; text-indent:0.5vw; margin-bottom:1vw; border:1px solid #D9D9D9; border-radius:0.6vw; line-height:1.8vw; font-size:0.8vw; color:#000;}
.leavemsg .warea input.input1::placeholder { font-size:0.8vw; color:#C8C8C8;}
.leavemsg .warea input.subbt { margin:0 auto; display:block; width:20%; border:0px; cursor:pointer; text-align:center; margin-top:2vw; line-height:2vw; font-size:0.8vw; color:#fff; border-radius:0.6vw;}
.leavemsg .warea input.subbt { background-image:linear-gradient(to right, #187DFF, #9735DA);}
.leavemsg .warea .tip { margin:0 auto; width:30%; text-align:center; margin-top:1.5vw; font-size:0.7vw; color:#666;}
@media screen and (max-width:750px){
	.leavemsg { padding-bottom:8vw; background:url(../images/wbg.jpg) no-repeat center top; background-size:180% 100%;}
	.leavemsg .title { width:90%; font-size:4.6vw; line-height:5vw; margin-top:9vw;}
	.leavemsg .wtitle { width:90%; font-size:3.5vw; line-height:6vw; margin-top:3vw;}
	.leavemsg .warea { width:90%; margin-top:7vw;} 
	.leavemsg .warea input.input1 { width:98%; text-indent:2vw; margin-bottom:3vw; border-radius:2vw; line-height:8vw; font-size:3.5vw;}
	.leavemsg .warea input.input1::placeholder { font-size:3.5vw;}
	.leavemsg .warea input.subbt { width:100%; margin-top:7vw; line-height:10vw; font-size:3.5vw; border-radius:2vw;}
	.leavemsg .warea .tip { width:99%; margin-top:5vw; font-size:3vw;}
}
@media screen and (max-width:650px){
	.leavemsg { padding-bottom:8vw; background:url(../images/wbg.jpg) no-repeat center top; background-size:180% 100%;}
	.leavemsg .title { width:90%; font-size:6vw; line-height:8vw; margin-top:8vw;}
	.leavemsg .wtitle { width:90%; font-size:3.8vw; line-height:6vw; margin-top:3vw;}
	.leavemsg .warea { width:90%; margin-top:7vw;} 
	.leavemsg .warea input.input1 { width:98%; text-indent:2vw; margin-bottom:3vw; border-radius:2vw; line-height:8vw; font-size:3.8vw;}
	.leavemsg .warea input.input1::placeholder { font-size:3.8vw;}
	.leavemsg .warea input.subbt { width:100%; margin-top:7vw; line-height:10vw; font-size:3.5vw; border-radius:2vw;}
	.leavemsg .warea .tip { width:99%; margin-top:5vw; font-size:3vw;}
}
.footer { margin:0 auto; width:100%; padding:3vw 0; padding-top:2.5vw; background-color:#0F172A; margin-top:0px; overflow:hidden;}
.footer .bottom { margin:0 auto; width:81.25%; overflow:hidden; display:flex; justify-content:space-between;}
.footer .bottom .flogos { width:50%;}
.footer .bottom .flinks { width:50%;}
.footer .bottom .flogos .flogo { text-align:left;}
.footer .bottom .flogos .flogo img { width:8.35vw; height:auto;}
.footer .bottom .flogos .fnotes { margin-top:0.9vw; font-size:0.9vw; color:#fff; line-height:1.5vw;}
.footer .bottom .flogos .wcontact { margin-top:1.5vw; text-align:left; color:#fff; line-height:2vw; font-size:0.85vw;}
.footer .bottom .flogos .wcontact a { color:#fff; line-height:2vw; font-size:0.85vw;}
.footer .bottom .flogos .wcontact a:hover { text-decoration:underline;}
.footer .bottom .flogos .wcontact img { vertical-align:middle; margin-right:0.8vw; margin-top:-0.2vw;}
.footer .bottom .flinks .linkarea { float:right; width:68%; display:flex; justify-content:space-between;}
.footer .bottom .flinks .linkarea .link { width:20%;}
.footer .bottom .flinks .linkarea .link .linkname { font-size:1.2vw; color:#fff; font-family:'ALMM' !important;}
.footer .bottom .flinks .linkarea .link .linkname a { font-size:1.2vw; color:#fff; font-family:'ALMM' !important;}
.footer .bottom .flinks .linkarea .link .links { margin-top:1.5vw;}
.footer .bottom .flinks .linkarea .link .links a { display:block; text-align:left; font-size:0.85vw; line-height:2.5vw; color:#fff;}
.footer .bottom .flinks .linkarea .link .links a:hover { text-decoration:underline;}
.footer .copyarea { margin:0 auto; width:81.25%; margin-top:1.5vw; padding-top:2vw; border-top:2px solid #444A60; text-align:center; font-size:0.7vw; line-height:1.5vw; color:#6F758B; overflow:hidden;}
.footer .copyarea * { font-size:0.7vw; line-height:1.2vw; color:#6F758B;}
.footer .copyarea a:hover { text-decoration:underline;}
@media screen and (max-width:750px){
	.footer { padding:8vw 0; padding-top:auto;}
	.footer .bottom { width:90%; display:inherit;}
	.footer .bottom .flogos { width:100%;}
	.footer .bottom .flinks { width:100%; margin-top:7vw;}
	.footer .bottom .flogos .flogo { text-align:center;}
	.footer .bottom .flogos .flogo img { width:25%; height:auto;}
	.footer .bottom .flogos .fnotes { text-align:center; margin-top:5vw; font-size:3.1vw; line-height:6vw;}
	.footer .bottom .flogos .wcontact { margin-top:5vw; text-align:center; line-height:8vw; font-size:3.3vw;}
	.footer .bottom .flogos .wcontact a { line-height:8vw; font-size:3.3vw;}
	.footer .bottom .flogos .wcontact a:hover { text-decoration:underline;}
	.footer .bottom .flogos .wcontact img { width:3.2vw; height:3.2vw; vertical-align:middle; margin-right:2vw; margin-top:-0.5vw;}
	.footer .bottom .flinks .linkarea { float:inherit; width:100%; display:flex; justify-content:space-between;}
	.footer .bottom .flinks .linkarea .link { width:30%; text-align:center;}
	.footer .bottom .flinks .linkarea .link .linkname { font-size:4vw; text-align:center;}
	.footer .bottom .flinks .linkarea .link .linkname a { font-size:4vw;}
	.footer .bottom .flinks .linkarea .link .links { margin-top:4vw;}
	.footer .bottom .flinks .linkarea .link .links a { text-align:center; font-size:3.3vw; line-height:8vw;}
	.footer .copyarea { width:90%; margin-top:6vw; padding-top:8vw; font-size:3vw; line-height:6vw;}
	.footer .copyarea * { font-size:3vw; line-height:6vw;}
}
@media screen and (max-width:650px){
	.footer { padding:8vw 0; padding-top:auto;}
	.footer .bottom { width:90%; display:inherit;}
	.footer .bottom .flogos { width:100%;}
	.footer .bottom .flinks { width:100%; margin-top:7vw;}
	.footer .bottom .flogos .flogo { text-align:center;}
	.footer .bottom .flogos .flogo img { width:30%; height:auto;}
	.footer .bottom .flogos .fnotes { text-align:center; margin-top:5vw; font-size:3.3vw; line-height:6vw;}
	.footer .bottom .flogos .wcontact { margin-top:5vw; text-align:center; line-height:8vw; font-size:3.3vw;}
	.footer .bottom .flogos .wcontact a { line-height:8vw; font-size:3.3vw;}
	.footer .bottom .flogos .wcontact a:hover { text-decoration:underline;}
	.footer .bottom .flogos .wcontact img { width:3.2vw; height:3.2vw; vertical-align:middle; margin-right:2vw; margin-top:-0.5vw;}
	.footer .bottom .flinks .linkarea { float:inherit; width:100%; display:flex; justify-content:space-between;}
	.footer .bottom .flinks .linkarea .link { width:30%; text-align:center;}
	.footer .bottom .flinks .linkarea .link .linkname { font-size:4vw; text-align:center;}
	.footer .bottom .flinks .linkarea .link .linkname a { font-size:4vw;}
	.footer .bottom .flinks .linkarea .link .links { margin-top:4vw;}
	.footer .bottom .flinks .linkarea .link .links a { text-align:center; font-size:3.3vw; line-height:8vw;}
	.footer .copyarea { width:90%; margin-top:6vw; padding-top:8vw; font-size:3vw; line-height:6vw;}
	.footer .copyarea * { font-size:3vw; line-height:6vw;}
}
.solution { width:100%; margin-top:0px; overflow:hidden; padding:4vw 0; margin-top:-2px;}
.solution.bg1 { background:url(../images/items/bg1.png) no-repeat center top; background-size:100% 100%;}
.solution.bg2 { background:url(../images/items/bg2.png) no-repeat center top; background-size:100% 100%;}
.solution .showarea { margin:0 auto; width:81.25%; overflow:hidden;}
.solution .showarea .leftinfo { width:43%;}
.solution .showarea .rightitem { width:52%;}
.solution .showarea .leftinfo.left { float:left;}
.solution .showarea .rightitem.right { float:right;}
.solution .showarea .leftinfo.right { float:right;}
.solution .showarea .rightitem.left { float:left;}
.solution .showarea .leftinfo .img { width:100%; text-align:left;}
.solution .showarea .leftinfo .img.right { text-align:right;}
.solution .showarea .leftinfo .img img { width:7.8vw; height:auto;}
.solution .showarea .leftinfo .title { width:100%; margin-top:1.2vw; font-size:3vw; line-height:3.5vw; color:#161E4C; font-family:'ALMM' !important;}
.solution .showarea .leftinfo .stitle { width:100%; margin-top:1vw; font-size:1.1vw; line-height:1.5vw; color:#797A99;}
.solution .showarea .leftinfo .notes { width:100%; margin-top:1.3vw; text-align:left;}
.solution .showarea .leftinfo .notes p { display:block; width:100%; text-indent:1.5vw; line-height:3vw; overflow:hidden; color:#161E4C; font-size:1.3vw; background:url(../images/icon.png) no-repeat left center; background-size:1vw auto;}
.solution .showarea .leftinfo .notes p b { font-weight:bold; color:#161E4C; font-size:1.3vw; line-height:3vw;}
.solution .showarea .leftinfo .viewbt { width:100%; overflow:hidden; margin-top:2vw;}
.solution .showarea .leftinfo .viewbt a { display:block; margin-top:0vw; width:12vw; height:3vw; line-height:3vw; border-radius:4vw; text-align:center; color:#fff; font-size:1.1vw; display:flex; align-items:center; justify-content:center; background-image:linear-gradient(to right, #197CFB, #9B30E0);}
.solution .showarea .leftinfo .viewbt a img { margin-left:10px;}
.solution .showarea .rightitem .item { width:75%; padding:1.5vw 0; margin-bottom:2vw; display:flex; justify-content:space-between; background:url(../images/items/item.png) no-repeat center center; background-size:100% 100%;}
.solution .showarea .rightitem .item.left { float:left;} 
.solution .showarea .rightitem .item.right { float:right;} 
.solution .showarea .rightitem .item:last-child { margin-bottom:0;}
.solution .showarea .rightitem .item .img { width:45%; text-align:center;}
.solution .showarea .rightitem .item .img img { width:5.6vw; height:auto;}
.solution .showarea .rightitem .item .words { width:50%; margin-right:5%; display:flex; align-items:center; text-align:left; font-size:1.8vw; line-height:2.1vw; color:#7F96FF; font-family:'ALMM' !important;}
@media screen and (max-width:750px){
	.solution { padding:8vw 0; margin-top:-2px;}
	.solution.bg1 { background-size:200% 100%;}
	.solution.bg2 { background-size:200% 100%;}
	.solution .showarea { width:90%;}
	.solution .showarea .leftinfo { width:100%;}
	.solution .showarea .rightitem { width:100%; margin-top:6vw;}
	.solution .showarea .leftinfo.left { float:inherit;}
	.solution .showarea .rightitem.right { float:inherit;}
	.solution .showarea .leftinfo.right { float:inherit;}
	.solution .showarea .rightitem.left { float:inherit;}
	.solution .showarea .leftinfo .img { width:100%;}
	.solution .showarea .leftinfo .img.right { text-align:left;}
	.solution .showarea .leftinfo .img img { width:18vw; height:auto;}
	.solution .showarea .leftinfo .title { margin-top:4vw; font-size:6vw; line-height:6.5vw;}
	.solution .showarea .leftinfo .stitle { margin-top:3vw; font-size:3.5vw; line-height:4vw;}
	.solution .showarea .leftinfo .notes { margin-top:4vw;}
	.solution .showarea .leftinfo .notes p { text-indent:4.5vw; line-height:8vw; font-size:4vw; background-size:3vw auto;}
	.solution .showarea .leftinfo .notes p b { font-size:4vw; line-height:8vw;}
	.solution .showarea .leftinfo .viewbt { margin-top:4vw;}
	.solution .showarea .leftinfo .viewbt a { width:40%; height:10vw; line-height:10vw; border-radius:5vw; font-size:3.5vw;}
	.solution .showarea .leftinfo .viewbt a img { margin-left:2vw; width:5vw; height:5vw;}
	.solution .showarea .rightitem .item { width:100%; padding:5vw 0; margin-bottom:4vw;}
	.solution .showarea .rightitem .item.left { float:inherit;} 
	.solution .showarea .rightitem .item.right { float:inherit;} 
	.solution .showarea .rightitem .item:last-child { margin-bottom:0;}
	.solution .showarea .rightitem .item .img { width:45%; text-align:center;}
	.solution .showarea .rightitem .item .img img { width:12vw; height:auto;}
	.solution .showarea .rightitem .item .words { width:50%; margin-right:5%; font-size:5vw; line-height:6vw;}
}
.cases { width:100%; margin-top:0px; overflow:hidden; padding:4vw 0; margin-top:-2px;}
.cases.bg1 { background:url(../images/cases/bg1.png) no-repeat center top; background-size:100% 100%;}
.cases.bg2 { background:url(../images/cases/bg2.png) no-repeat center top; background-size:100% 100%;}
.cases .showarea { margin:0 auto; width:81.25%; overflow:hidden;}
.cases .showarea .leftinfo { width:50%;}
.cases .showarea .rightitem { width:50%; height:30vw;}
.cases .showarea .leftinfo.left { float:left;}
.cases .showarea .rightitem.right { float:right;}
.cases .showarea .leftinfo.right { float:right;}
.cases .showarea .rightitem.left { float:left;}
.cases .showarea .leftinfo .title { width:100%; font-size:2.2vw; line-height:3vw; color:#161E4C; font-family:'ALMM' !important;}
.cases .showarea .leftinfo .stitle { width:100%; margin-top:0.8vw; font-size:1.1vw; line-height:1.5vw; color:#797A99;}
.cases .showarea .leftinfo .infos { width:100%; margin-top:1vw; font-size:0.95vw; line-height:1.8vw; color:#1B204A;}
.cases .showarea .leftinfo .notes { width:100%; margin-top:1.3vw; text-align:left;}
.cases .showarea .leftinfo .notes p { display:block; width:100%; text-indent:1.5vw; line-height:3vw; overflow:hidden; color:#161E4C; font-size:1.2vw; background:url(../images/icon.png) no-repeat left center; background-size:1vw auto;}
.cases .showarea .leftinfo .notes p b { font-weight:bold; color:#161E4C; font-size:1.2vw; line-height:3vw;}
.cases .showarea .rightitem .img { width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center;}
.cases .showarea .rightitem .img img { width:auto; height:auto; max-width:90%;}
@media screen and (max-width:750px){
	.cases { padding:8vw 0; margin-top:-2px;}
	.cases.bg1 { background-size:200% 100%;}
	.cases.bg2 { background-size:200% 100%;}
	.cases .showarea { width:90%;}
	.cases .showarea .leftinfo { width:100%;}
	.cases .showarea .rightitem { width:100%; height:auto;}
	.cases .showarea .leftinfo.left { float:inherit;}
	.cases .showarea .rightitem.right { float:inherit;}
	.cases .showarea .leftinfo.right { float:inherit;}
	.cases .showarea .rightitem.left { float:inherit;}
	.cases .showarea .leftinfo .title { margin-top:4vw; font-size:6vw; line-height:6.5vw;}
	.cases .showarea .leftinfo .stitle { margin-top:3vw; font-size:3.5vw; line-height:4vw;}
	.cases .showarea .leftinfo .infos { margin-top:3vw; font-size:3.5vw; line-height:7vw;}
	.cases .showarea .leftinfo .notes { margin-top:4vw;}
	.cases .showarea .leftinfo .notes p { text-indent:4.5vw; line-height:8vw; font-size:4vw; background-size:3vw auto;}
	.cases .showarea .leftinfo .notes p b { font-size:4vw; line-height:8vw;}
	.cases .showarea .rightitem .img { display:inherit; margin-top:5vw;}
	.cases .showarea .rightitem .img img { width:auto; height:auto; max-width:70%; margin-top:5vw; margin-bottom:5vw;}
}
.aboutbanner { position:relative; z-index:900; overflow:hidden; width:100%; height:55.5vw; background:url(../images/about.png) no-repeat center top; background-size:100% auto;}
.aboutbanner .bninfo { margin:0 auto; width:81.25%; margin-top:9vw; overflow:hidden;}
.aboutbanner .bninfo .bigname { width:100%; text-align:left; font-size:3.7vw; line-height:4vw; font-family:'ALMM' !important; background-image:linear-gradient(to right, #237AE4, #412FE3); -webkit-background-clip: text;background-clip: text;color: transparent;}
.aboutbanner .bninfo .smallname { width:100%; margin-top:1vw; text-align:left; font-size:2.8vw; line-height:4vw; font-family:'ALMM' !important; color:#141E4F;}
.aboutbanner .bninfo .big1 { width:100%; text-align:left; margin-top:2.7vw; font-size:2vw; line-height:3vw; font-family:'ALMM' !important;  color:#12214C;}
.aboutbanner .bninfo .notes1 { width:60%; text-align:left; margin-top:1.6vw; font-weight:bold; font-size:1.2vw; line-height:2vw; color:#12214C;}
.aboutbanner .bninfo .big2 { width:100%; text-align:left; margin-top:1.5vw; font-size:1.5vw; line-height:3vw; font-weight:bold; color:#12214C;}
.aboutbanner .bninfo .notes2 { width:60%; text-align:left; margin-top:0.2vw; font-size:1.2vw; line-height:2vw; color:#12214C;}
.aboutbanner .bninfo .notes { width:100%; margin-top:0.2vw; text-align:left;}
.aboutbanner .bninfo .notes p { display:block; width:100%; text-indent:1.8vw; line-height:3vw; overflow:hidden; color:#161E4C; font-size:1.2vw; background:url(../images/icon.png) no-repeat left center; background-size:1vw auto;}
.aboutbanner .bninfo .notes p b { font-weight:bold; color:#161E4C; font-size:1.2vw; line-height:3vw;}
@media screen and (max-width:750px){
	.aboutbanner { width:100%; height:135vw; background-size:300% 100%;}
	.aboutbanner .bninfo { width:90%; margin-top:20vw;}
	.aboutbanner .bninfo .bigname { font-size:7vw; line-height:8vw;}
	.aboutbanner .bninfo .smallname { margin-top:3vw; font-size:5vw; line-height:6vw;}
	.aboutbanner .bninfo .big1 { margin-top:7vw; font-size:4.3vw; line-height:4.5vw;}
	.aboutbanner .bninfo .notes1 { width:100%; margin-top:2vw; font-size:3.8vw; line-height:6vw;}
	.aboutbanner .bninfo .big2 { margin-top:5vw; font-size:3.8vw; line-height:4vw;}
	.aboutbanner .bninfo .notes2 { width:100%; margin-top:2vw; font-size:3.5vw; line-height:6vw;}
	.aboutbanner .bninfo .notes { margin-top:2vw;}
	.aboutbanner .bninfo .notes p { text-indent:5vw; line-height:8vw; font-size:3.5vw; background-size:3vw auto;}
	.aboutbanner .bninfo .notes p b { font-size:3.5vw; line-height:8vw;}
}
.sourcebanner { position:relative; z-index:900; overflow:hidden; width:100%; height:22.5vw; background:url(../images/source.jpg) no-repeat center top; background-size:100% auto;}
.sourcebanner .bninfo { margin:0 auto; width:81.25%; margin-top:9vw; overflow:hidden;}
.sourcebanner .bninfo .bigname { width:100%; text-align:left; font-size:4.5vw; line-height:5vw; font-family:'ALMM'; background-image:linear-gradient(to right, #237AE4, #412FE3); -webkit-background-clip: text;background-clip: text;color: transparent;}
.sourcebanner .bninfo .smallname { width:100%; margin-top:1.5vw; text-align:left; font-size:3.5vw; line-height:4vw; font-family:'ALMM'; color:#141E4F;}
.sourcearea { margin:0 auto; width:81.25%; overflow:hidden; padding-bottom:4vw; margin-top:2vw;}
.sourcearea ul { width:101.5%; overflow:hidden;}
.sourcearea .data { float:left; display:block; width:23.5%; margin-right:1.5%; overflow:hidden; margin-bottom:2vw;}
.sourcearea .data .notes { width:calc(100% - 2px); height:10.5vw; overflow:hidden; display:flex; justify-content:center; align-items:center; border-radius:0.8vw; border:1px solid #CACBE7; text-align:center; overflow:hidden; background:url(../images/sbg.png) no-repeat center top; background-size:100% 100%; }
.sourcearea .data .notes p { width:85%; font-size:1.4vw; color:#001684; line-height:2.2vw;}
.sourcearea .data .name { width:100%; margin-top:0.8vw; text-align:center; font-size:0.9vw; height:1.2vw; line-height:1.5vw; overflow:hidden; color:#343458;}
.sourcearea .page_page { width:100%; text-align:center; overflow:hidden; margin-top:3vw; font-size:0.8vw; padding:0.5vw 0;}
@media screen and (max-width:750px){
	.sourcebanner { height:50vw; background-size:200% 100%;}
	.sourcebanner .bninfo { width:90%; margin-top:20vw;}
	.sourcebanner .bninfo .bigname { font-size:8vw; line-height:8.5vw;}
	.sourcebanner .bninfo .smallname { margin-top:3vw; font-size:6vw; line-height:7vw;}
	.sourcearea { width:90%; padding-bottom:5vw; margin-top:2vw; display:inherit;}
	.sourcearea ul { width:103%;}
	.sourcearea .data { width:47%; margin-right:3%; overflow:hidden; margin-bottom:6vw;}
	.sourcearea .data .notes { width:calc(100% - 2px); height:25vw; border-radius:3.5vw;}
	.sourcearea .data .notes p { width:90%; font-size:3.8vw; line-height:6vw;}
	.sourcearea .data .name { margin-top:2vw; font-size:3.5vw; height:4.5vw; line-height:5vw;}
	.sourcearea .page_page { padding:2vw 0;}
}
.sourceview { margin:0 auto; width:60%; overflow:hidden; margin-top:2vw;}
.sourceview .arttitle { width:100%; text-align:center; font-size:2vw; color:#000; line-height:2.5vw;}
.sourceview .arttitles { width:100%; margin-top:1.5vw; text-align:center; font-size:1vw; color:#666; line-height:1.5vw;}
.sourceview .pubinfo { width:100%; text-align:center; margin-top:1.5vw; padding-bottom:1vw; border-bottom:1px solid #eee; font-size:0.7vw; color:#666; line-height:1.5vw;}
.sourceview .artcontent { width:100%; margin-top:2vw; padding-bottom:4vw; font-size:0.9vw; color:#333; line-height:2vw; text-align:justify;}
.sourceview .artcontent * { font-size:0.9vw; color:#333; line-height:2vw;}
.sourceview .artcontent a { color:#03F;}
.sourceview .artcontent img { max-width:100%; height:auto; margin-top:0.6vw; margin-bottom:0.6vw;}
.sourceview .downarea { width:100%; margin-top:0vw; display:flex; align-items:center; font-size:0.9vw; color:#000; line-height:2vw;}
.sourceview .downarea img { width:auto; height:1.3vw; margin-right:0.5vw; margin-top:-0.2vw;}
.sourceview .downarea a { font-size:0.9vw; color:#000; line-height:2vw; text-decoration:underline;}
.sourceview .downarea a:hover { color:#03F}
.sourceview .others { width:100%; text-align:left; margin-top:1.5vw; padding-top:1vw; padding-bottom:2vw; border-top:1px solid #eee; font-size:0.85vw; color:#333; line-height:1.8vw;}
.sourceview .others a { font-size:0.85vw; color:#333; line-height:1.8vw;}
.sourceview .others a:hover { color:#03F; text-decoration:underline;}
@media screen and (max-width:750px){
	.sourceview { width:90%; margin-top:1vw;}
	.sourceview .arttitle { font-size:5vw; line-height:7vw;}
	.sourceview .arttitles { margin-top:3vw; font-size:3.5vw; line-height:5vw;}
	.sourceview .pubinfo { margin-top:5vw; padding-bottom:4vw; font-size:3vw; line-height:4vw;}
	.sourceview .artcontent { margin-top:6vw; padding-bottom:7vw; font-size:3.5vw; line-height:7vw;}
	.sourceview .artcontent * { font-size:3.5vw; line-height:7vw;}
	.sourceview .artcontent img { max-width:100%; height:auto; margin-top:2vw; margin-bottom:2vw;}
	.sourceview .downarea { margin-top:0vw; font-size:3.2vw; line-height:5vw;}
	.sourceview .downarea img { width:auto; height:5vw; margin-right:2vw; margin-top:-0.2vw;}
	.sourceview .downarea a { font-size:3.2vw; line-height:5vw;}
	.sourceview .others { margin-top:4vw; padding-top:3vw; padding-bottom:5vw; font-size:3.2vw; line-height:5vw;}
	.sourceview .others a { font-size:3.2vw; line-height:5vw;}
}
.contactbanner { position:relative; z-index:900; overflow:hidden; width:100%; height:55.5vw; background:url(../images/contact.jpg) no-repeat center top; background-size:100% auto;}
.contactbanner .bninfo { margin:0 auto; width:81.25%; margin-top:9vw; overflow:hidden;}
.contactbanner .bninfo .bigname { width:100%; text-align:center; font-size:3.7vw; line-height:4vw; font-family:'ALMM' !important; background-image:linear-gradient(to right, #237AE4, #412FE3); -webkit-background-clip: text;background-clip: text;color: transparent;}
.contactbanner .bninfo .smallname { width:100%; margin-top:1vw; text-align:center; font-size:2.8vw; line-height:4vw; font-family:'ALMM' !important; color:#141E4F;}
.contactbanner .bninfo .wtitle { margin:0 auto; width:81.25%; overflow:hidden; text-align:center; font-size:1.1vw; line-height:1.2vw; margin-top:3vw; color:#161E4C;}
.contactbanner .bninfo .warea { margin:0 auto; width:81.25%; overflow:hidden; margin-top:3vw;} 
.contactbanner .bninfo .warea input.input1 { margin:0 auto; display:block; width:25%; text-indent:0.5vw; margin-bottom:1vw; border:1px solid #D9D9D9; border-radius:0.6vw; line-height:1.8vw; font-size:0.8vw; color:#000;}
.contactbanner .bninfo .warea input.input1::placeholder { font-size:0.8vw; color:#C8C8C8;}
.contactbanner .bninfo .warea textarea.text1 { margin:0 auto; display:block; width:25%; height:4vw; text-indent:0.5vw; margin-bottom:1vw; border:1px solid #D9D9D9; border-radius:0.6vw; line-height:1.8vw; font-size:0.8vw; color:#000;}
.contactbanner .bninfo .warea textarea.text1::placeholder { font-size:0.8vw; color:#C8C8C8;}
.contactbanner .bninfo .warea input.subbt { margin:0 auto; display:block; width:25%; border:0px; cursor:pointer; text-align:center; margin-top:2vw; line-height:2vw; font-size:0.8vw; color:#fff; border-radius:0.6vw;}
.contactbanner .bninfo .warea input.subbt { background-image:linear-gradient(to right, #187DFF, #9735DA);}
.contactbanner .bninfo .warea .tip { margin:0 auto; width:30%; text-align:center; margin-top:1.5vw; font-size:0.7vw; color:#666;}
.contactbanner .bninfo .warea .ct { margin:0 auto; width:30%; text-align:center; margin-top:1.5vw;}
.contactbanner .bninfo .warea .ct a { font-size:0.9vw; color:#2D4399;}
.contactbanner .bninfo .warea .ct a img { margin-right:0.5vw; vertical-align:middle; margin-top:-0.2vw;}
@media screen and (max-width:750px){
	.contactbanner { width:100%; height:165vw; background-size:300% 100%;}
	.contactbanner .bninfo { width:90%; margin-top:20vw;}
	.contactbanner .bninfo .bigname { font-size:7vw; line-height:8vw;}
	.contactbanner .bninfo .smallname { margin-top:3vw; font-size:5vw; line-height:6vw;}
	.contactbanner .bninfo .wtitle { width:90%; font-size:3.8vw; line-height:6vw; margin-top:3vw;}
	.contactbanner .bninfo .warea { width:90%; margin-top:7vw;} 
	.contactbanner .bninfo .warea input.input1 { width:98%; text-indent:2vw; margin-bottom:3vw; border-radius:2vw; line-height:8vw; font-size:3.8vw;}
	.contactbanner .bninfo .warea input.input1::placeholder { font-size:3.8vw;}
	.contactbanner .bninfo .warea textarea.text1 { width:98%; height:20vw; text-indent:2vw; margin-bottom:3vw; border-radius:2vw; line-height:8vw; font-size:3.8vw;}
	.contactbanner .bninfo .warea textarea.text1::placeholder { font-size:3.8vw;}
	.contactbanner .bninfo .warea input.subbt { width:100%; margin-top:7vw; line-height:10vw; font-size:3.5vw; border-radius:2vw;}
	.contactbanner .bninfo .warea .tip { width:99%; margin-top:5vw; font-size:3vw;}
	.contactbanner .bninfo .warea .ct { width:99%; margin-top:5vw;}
	.contactbanner .bninfo .warea .ct a { font-size:4vw;}
	.contactbanner .bninfo .warea .ct a img { margin-right:2vw; margin-top:-1vw;}
}