@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#fff; position:relative;}/* */
body,html{ padding-top:0px; overflow-x:hidden; width:100%;}
* {font-size:14px; line-height:25px; color:#606060; font-family:"思源黑体",'Arial';}
*: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:#0d9fc0;text-decoration:none;}/* transition:color 0.3s linear;*/
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
*{-webkit-tap-highlight-color: transparent;}

.top { margin:0 auto; width:100%; position:absolute; position:fixed; padding:0.7vw 0 0.8vw 0; z-index:999; z-index:999; left:0%; right:0%; top:0%;}
.top .topmenu { margin:0 auto; width:83.33%; margin-top:0.3vw; padding-bottom:0; position:relative;}
.top .topmenu .logo { float:left; width:9.55%; overflow:hidden; text-align:left; margin-top:0.2vw;}
.top .topmenu .logo img { width:100%; height:auto;}
.top .topmenu .pmenu { float:left; display:block; width:50%; margin-left:19.4%; margin-top:0%;}
.top .topmenu .pmenu ul { width:100%;}
.top .topmenu .pmenu ul .mn { display:block; float:left; width:14%; margin-right:2.6%; position:relative; text-align:center;}
.top .topmenu .pmenu ul .mn a { display:block; width:auto; overflow:hidden; color:#fff; font-size:0.9vw; line-height:3vw;}
.top .topmenu .pmenu ul .mn p { width:0; transition:.3s;}
.top .topmenu .pmenu ul .mn:hover a { color:#fff; font-weight:bold;}
.top .topmenu .pmenu ul .mn:hover p { margin:0 auto; width:3vw; height:0.15vw; overflow:hidden; background-color:#fff;}
.top .topmenu .pmenu ul .mn.on a { color:#fff; font-weight:bold;}
.top .topmenu .pmenu ul .mn.on p { margin:0 auto; width:3vw; height:0.15vw; overflow:hidden; background-color:#fff;}
.top .topmenu .search { float:left; width:12.5%; margin-left:1%; margin-top:0.6vw; cursor:pointer; position:relative; display:flex; justify-content:space-between;}
.top .topmenu .search .linput { width:80%; height:2vw; background-color:#fff; border-radius:1vw; overflow:hidden;}
.top .topmenu .search .linput input { width:85%; margin-left:7%; line-height:1.8vw; border:0px;}
.top .topmenu .search .btarea { width:20%; border-radius:50%; background-color:#fff; text-align:center; display:flex; justify-content:center; align-items:center;}
.top .topmenu .search .btarea input { width:40%; height:auto;}
.top .topmenu .changlng { float:right; width:6.25%; margin-top:0.6vw; background-color:#444444; border-radius:1vw; display:flex; justify-content:space-between;}
.top .topmenu .changlng a { display:block; width:50%; text-align:center; height:2vw; border-radius:1vw; font-size:0.9vw; line-height:2vw; color:#fff; background-color:#444;}
.top .topmenu .changlng a.on { background-color:#fff; color:#000;}
.top .topmenu .mmenu { display:none; float:right; width:5%; margin-top:1.7%; text-align:right;}
.top .topmenu .mmenu img { width:33%; height:auto; cursor:pointer;}
@media screen and (max-width:750px){
	.top { width:100%; padding:2vw 0; left:0%; right:0%; top:0%;}
	.top .topmenu { margin:0 auto; width:100%; margin-top:0.5vw; padding-bottom:0; position:relative;}
	.top .topmenu .logo { float:left; width:20%; overflow:hidden; text-align:left; margin-top:0vw; margin-left:5%;}
	.top .topmenu .logo img { width:100%; height:auto;}
	.top .topmenu .pmenu { display:none; position:absolute; padding:2vw 0 2vw 0; opacity:0.95; width:100%; margin-left:0; top:9vw; border-top:1px solid #eee; background-color:#fff}
	.top .topmenu .pmenu ul .mn { float:inherit; margin:0 auto; width:90%; margin-right:auto; text-align:left;}
	.top .topmenu .pmenu ul .mn a { font-size:4vw; line-height:12vw; border-bottom:1px solid #eee; color:#000;}
	.top .topmenu .pmenu ul .mn p { display:none;}
	.top .topmenu .pmenu ul .mn.on a { color:#000; font-weight:bold;}
	.top .topmenu .search { display:none;}
	.top .topmenu .changlng { float:right; width:15%; margin-top:0.2vw; border-radius:3vw;}
	.top .topmenu .changlng a { display:block; width:50%; height:6vw; border-radius:3vw; font-size:3vw; line-height:6vw;}
	.top .topmenu .mmenu { display:block; width:10%; margin-top:1vw; margin-right:5%; text-align:right;}
	.top .topmenu .mmenu img { width:50%; margin-left:50%;}
	.top .topmenu .mmenu .openmenu { display:block;}
	.top .topmenu .mmenu .closemenu { display:none;}
}
.banner { margin:0 auto; width:100%; position:relative; z-index:10; overflow:hidden; text-align:center; border-radius:0 0 1.5vw 1.5vw;}
.banner img { width:100%; height:auto; display:block;filter: brightness(0.9);}
.banner .pagename { position:absolute; top:43%; left:13.5%; width:72.92%; text-align:left; font-size:4vw; line-height:4.5vw; color:#fff; font-weight:bold;}
@media screen and (max-width:750px){
	.banner { border-radius:0 0 3vw 3vw; margin-top:0vw;}
	.banner img { width:100%; height:auto; display:block;}
	.banner .pagename { top:43%; left:5%; width:90%;font-size:6vw; line-height:6.5vw;}
}
.index1 { margin:0 auto; width:100%; position:relative; z-index:9; overflow:hidden; background-color:#a167ff; border-radius:0 0 1.5vw 1.5vw; margin-top:-1.5vw;}
.index1 .showarea { margin:0 auto; width:83.33%; overflow:hidden; margin-top:13vw; margin-bottom:11vw; display:flex; justify-content:space-between;}
.index1 .showarea .linfo { width:60%; overflow:hidden;}
.index1 .showarea .rbt { width:40%; overflow:hidden;}
.index1 .showarea .linfo .bigname { width:100%; font-size:6vw; line-height:6.5vw; color:#fff; overflow:hidden; font-weight:bold;}
.index1 .showarea .linfo .notes { width:100%; font-size:1.1vw; line-height:2.2vw; color:#fff; overflow:hidden; margin-top:3vw;}
.index1 .showarea .linfo .notes p{ width:100%; font-size:1.1vw; line-height:2.2vw; color:#fff; overflow:hidden;}
.index1 .showarea .rbt a { display:block; float:right; width:13vw; transition:.3s; background-color:#fff; border-radius:2vw; text-align:center; color:#a167ff; font-size:1.1vw; line-height:4vw;}
.index1 .showarea .rbt a img { width:6%; height:auto; margin-left:5%; transition:.3s;}
.index1 .showarea .rbt a:hover { background-color:#00d0ff; color:#fff;}
.index1 .showarea .rbt a:hover img { filter: brightness(0) invert(1);}
@media screen and (max-width:750px){
	.index1 { border-radius:0 0 3vw 3vw; margin-top:-3vw;}
	.index1 .showarea { width:90%; margin-top:13vw; margin-bottom:10vw; display:inherit;}
	.index1 .showarea .linfo { width:100%;}
	.index1 .showarea .linfo .bigname { font-size:7vw; line-height:7.5vw; text-align:center;}
	.index1 .showarea .linfo .notes {font-size:3.5vw; line-height:7vw; margin-top:3vw; text-align:justify;}
	.index1 .showarea .rbt { width:100%; overflow:hidden; margin-top:5vw;}
	.index1 .showarea .rbt a { width:40%;border-radius:4vw; font-size:3.5vw; line-height:8vw; margin:0 auto; float:none;}
}
.index2 { margin:0 auto; width:83.33%; overflow:hidden; margin-top:8vw; padding-bottom:5vw;}
.index2 .img { width:100%; text-align:center; position:relative; z-index:10;}
.index2 .img img { width:100%; height:auto; display:block;}
.index2 .img p { display:block; position:absolute; transform: rotate(0deg); transition: transform 0.5s ease-in-out; right:0; top:0vw; width:6.5vw; height:6.5vw; background:url(../images/lg.png) no-repeat center center; background-size:100% 100%;}
.index2 .img:hover p {transform: rotate(360deg);} 
.index2 .img:not(:hover) p { transform: rotate(-360deg);}
.index2 .nums { margin:0 auto; width:88%; overflow:hidden; margin-top:-6vw; position:relative; z-index:11; background-color:#fff; border-radius:2vw; box-shadow:0 0 50px rgb(0,0,0,0.1);}
.index2 .nums .numbers { margin:0 auto; width:80%; overflow:hidden; padding:2.5vw 0 3vw 0;}
.index2 .nums .numbers ul { width:100%;}
.index2 .nums .numbers ul li { float:left; width:25%; text-align:center; overflow:hidden; font-size:1.1vw; line-height:1.5vw; color:#000;}
.index2 .nums .numbers ul li div { width:100%; text-align:center; overflow:hidden; position: relative;}
.index2 .nums .numbers ul li div font { font-size:5vw; line-height:6vw; font-weight:bold;}
.index2 .nums .numbers ul li div sup { font-size:2vw; line-height:2vw; margin-left:0.5vw; position: absolute; top:0.5vw; right:1.5vw;}
.index2 .nums .numbers ul li div.n1 font { color:#a167ff;}
.index2 .nums .numbers ul li div.n2 font { color:#ff00d3;}
.index2 .nums .numbers ul li div.n3 font { color:#ffde00;}
.index2 .nums .numbers ul li div.n4 font { color:#00d0ff;}
.index2 .nums .numbers ul li div.n1 sup { color:#a167ff;}
.index2 .nums .numbers ul li div.n2 sup { color:#ff00d3;}
.index2 .nums .numbers ul li div.n3 sup { color:#ffde00;}
.index2 .nums .numbers ul li div.n4 sup { color:#00d0ff;}
.index2 .partners { margin:0 auto; width:100%; height:5vw !important; overflow:hidden; margin-top:4vw;}
.index2 .partners ul { width:100%; height:5vw !important;}
.index2 .partners ul li { float:left; width:16.666667%; height:5vw !important; text-align:center;}
.index2 .partners ul li img { max-width:100%; height:auto;}
@media screen and (max-width:750px){
	.index2 { width:90%; margin-top:6vw; padding-bottom:3vw;}
	.index2 .nums { width:95%; margin-top:-6vw; border-radius:2vw; box-shadow:0 0 15px rgb(0,0,0,0.1);}
	.index2 .nums .numbers { width:95%; padding:4vw 0 4vw 0;}
	.index2 .nums .numbers ul li { font-size:3vw; line-height:6vw;}
	.index2 .nums .numbers ul li div font { font-size:8vw; line-height:9vw;}
	.index2 .nums .numbers ul li div sup { font-size:3.5vw; line-height:3.5vw; margin-left:1.5vw; top:1vw; right:1.2vw;}
	.index2 .partners { margin-top:5vw; height:13vw !important;}
	.index2 .partners ul { width:100%; height:13vw !important;}
	.index2 .partners ul li { float:left; width:33.33333%; height:13vw !important;}
}
.index3 { margin:0 auto; width:83.33%; margin-top:3vw; padding-bottom:5vw;}
.index3 .showtop { width:100%; overflow:hidden; display:flex; justify-content:space-between;}
.index3 .showtop .title { width:45%; overflow:hidden;}
.index3 .showtop .rinfo { width:55%; overflow:hidden;}
.index3 .showtop .title p { font-size:3vw; font-weight:bold; color:#000; line-height:3.5vw; position:relative; z-index:10;}
.index3 .showtop .title span { display:block; width:7.5vw; height:1vw; margin-top:-1.2vw; margin-left:13%; background-color:#01d0ff; position:relative; z-index:9;}
.index3 .showtop .rinfo .notes { width:100%; font-size:1.1vw; line-height:2.2vw; color:#000; overflow:hidden; margin-top:0vw;} 
.index3 .showtop .rinfo .rbt { width:100%; overflow:hidden; margin-top:2vw;}
.index3 .showtop .rinfo .rbt a { display:block; float:left; width:13vw; transition:.3s; background-color:#000; border-radius:2vw; text-align:center; color:#fff; font-size:1.1vw; line-height:4vw;}
.index3 .showtop .rinfo .rbt a img { width:6%; height:auto; margin-left:5%; transition:.3s; filter: brightness(0) invert(1);}
.index3 .showtop .rinfo .rbt a:hover { background-color:#00d0ff;}
.index3 .showinfos { width:100%; margin-top:3vw; height:29vw; padding-top:3vw; /*background:url(../images/bg1.png) no-repeat right top; background-size:20% auto;*/}
.index3 .showinfos ul { width:102%;}
.index3 .showinfos ul li { float:left; width:23%; height:29vw; margin-right:2%; overflow:hidden; position:relative; display: flex; align-items: flex-end;}
.index3 .showinfos ul li img { width:100%; height:auto; transition:.3s;}
.index3 .showinfos ul li a { display:block; position:absolute; transition:.3s; width:100%; height:100%; border-radius:0 0 2.5vw 2.5vw; background:url(../images/sbg.png) repeat-x center bottom;}
.index3 .showinfos ul li a p { display:block; position:absolute; transition:.3s; width:70%; left:15%; bottom:4vw; text-align:left; color:#fff; font-size:1.3vw; font-weight:bold;}
.index3 .showinfos ul li:hover img { transform:scale(1.01);}
.index3 .showinfos ul li:hover a { transform:scale(1.01);}
.index3 .showinfos ul li:hover a p { bottom:4.5vw;}
.index3 .showinfos ul li span { display:block; position:absolute; transform: rotate(0deg); transition: transform 0.5s ease-in-out; left:0; top:0vw; width:5.8vw; height:5.8vw; background:url(../images/lg.png) no-repeat center center; background-size:100% 100%;}
.index3 .showinfos ul li:hover span { transform: rotate(360deg);}
.index3 .showinfos ul li:not(:hover) span { transform: rotate(-360deg);}
@media screen and (max-width:750px){
	.index3 { width:90%; margin-top:3vw; padding-bottom:5vw;}
	.index3 .showtop { display:inherit;}
	.index3 .showtop .title { width:100%; text-align:center;}
	.index3 .showtop .title p { font-size:5vw; line-height:5.5vw;}
	.index3 .showtop .title span { width:15vw; height:2vw; margin-top:-2vw; margin-left:45%;}
	.index3 .showtop .rinfo { width:100%; margin-top:4vw;}
	.index3 .showtop .rinfo .notes { font-size:3.5vw; line-height:7vw; text-align:justify;}
	.index3 .showtop .rinfo .rbt { margin-top:3vw; text-align:center;}
	.index3 .showtop .rinfo .rbt a { float:inherit; margin:0 auto; width:40%; border-radius:4vw; font-size:3.5vw; line-height:8vw;}
	.index3 .showinfos { margin-top:5vw; padding-top:3vw; background:none;}
	.index3 .showinfos ul { width:103%;}
	.index3 .showinfos ul li { width:47%; height:65vw; margin-bottom:3%; margin-right:3%;}
	.index3 .showinfos ul li a { border-radius:0 0 4vw 4vw; background:url(../images/sbg.png) repeat-x center bottom; background-size:100% 40%;}
	.index3 .showinfos ul li a p { left:15%; bottom:5vw; font-size:4vw;}
	.index3 .showinfos ul li:hover a p { bottom:5.5vw;}
	.index3 .showinfos ul li span { width:8vw; height:8vw;}
	.index3 .showinfos ul li:last-child { background:url(../images/bg1.png) no-repeat right top; background-size:70% auto;}
}
.index4 { margin:0 auto; width:83.33%; margin-top:3vw; padding-bottom:5vw; position:relative;}
.index4 .title { width:100%; overflow:hidden;}
.index4 .title p { font-size:3vw; font-weight:bold; color:#000; line-height:3.5vw; position:relative; z-index:10;}
.index4 .title2 { width:100%; overflow:hidden;text-align:center;}
.index4 .title2 p { font-size:2.5vw; font-weight:bold; color:#000; line-height:3.5vw; position:relative; z-index:10;}
.index4 .title span { display:block; width:7.5vw; height:1vw; margin-top:-1.2vw; margin-left:5.8%; background-color:#ffde00; position:relative; z-index:9;}
.index4 .showarea { width:100%; overflow:hidden; margin-top:4vw;}
.index4 .showarea ul { width:102%;}
.index4 .showarea ul li { float:left; width:31.3333%; margin-right:2%; overflow:hidden;margin-top:60px; }
.index4 .showarea ul li .a { display:block; width:100%; height:100%; position:relative; border-radius:2.5vw;}
.index4 .showarea ul li .a .img { width:100%; height:auto; transition:.3s;filter: brightness(0.6);}
.index4 .showarea ul li .a .img:hover{ transform:scale(1.01);}
.index4 .showarea ul li .a dd{ display:block; position:absolute;right:0px; bottom:-1px;margin:0px;padding:0px;border:0; width:7.2vw;}
.index4 .showarea ul li .a p { position:absolute; width:40%; text-align:center; top:40%; left:30%;}
.index4 .showarea ul li .a p .lg { max-width:100%; height:auto;}

.index4 .showarea ul li .a span { display:block; position:absolute; transform: rotate(0deg); transition: transform 0.5s ease-in-out; right:0.8vw; bottom:0.5vw; width:3vw; height:3vw; background:url(../images/row2.png) no-repeat center center; background-size:100% 100%;}
.index4 .showarea ul li:hover .a span { transform: rotate(345deg);}
.index4 .showarea ul li:not(:hover) .a span { transform: rotate(-5deg);}
.index4 .showarea ul li .titles { margin:0 auto; width:90%; overflow:hidden; margin-top:2vw;}
.index4 .showarea ul li .titles .big { width:100%; overflow:hidden;}
.index4 .showarea ul li .titles .big a { font-size:1.3vw; font-weight:bold; color:#000; line-height:1.5vw;}
.index4 .showarea ul li .titles .big a:hover { color:#0d9fc0;}
.index4 .showarea ul li .titles .notes { width:100%; overflow:hidden; margin-top:1vw; font-size:0.9vw; color:#3f3f3f; line-height:1.3vw;}
.index4 .rbt { width:13vw; overflow:hidden; margin-top:0vw; position:absolute; right:0; top:0; z-index:99;}
.index4 .rbt a { display:block; float:left; width:13vw; transition:.3s; background-color:#000; border-radius:2vw; text-align:center; color:#fff; font-size:1.1vw; line-height:4vw;}
.index4 .rbt a img { width:6%; height:auto; margin-left:5%; transition:.3s; filter: brightness(0) invert(1);}
.index4 .rbt a:hover { background-color:#00d0ff;}
@media screen and (max-width:750px){
	.index4 { width:90%; padding-top:0vw; padding-bottom:5vw; overflow:hidden;}
	.index4 .title { width:100%; text-align:center;}
	.index4 .title p { font-size:5vw; line-height:5.5vw;}
	.index4 .title2 p { font-size:5vw; line-height:5.5vw;}
	.index4 .title span { width:15vw; height:2vw; margin-top:-2vw; margin-left:45%;}
	.index4 .showarea { margin-top:6vw;}
	.index4 .showarea ul { width:100%;}
	.index4 .showarea ul li { float:inherit; width:100%; margin-right:0%; margin-bottom:5vw;margin-top:30px; }
	.index4 .showarea ul li .a { border-radius:3vw;}
	.index4 .showarea ul li .a dd{ display:block; position:absolute;right:0vw; bottom:-10px; width:21vw;}
	.index4 .showarea ul li .a span { right:1vw; bottom:0.5vw; width:10vw; height:10vw; }
	.index4 .showarea ul li .titles { width:90%; margin-top:5vw;}
	.index4 .showarea ul li .titles .big a { font-size:4vw; line-height:6vw;}
	.index4 .showarea ul li .titles .notes { margin-top:1vw; font-size:3.5vw; line-height:6vw;}
	.index4 .rbt { width:100%; margin-top:2vw; position:relative;}
	.index4 .rbt a { width:40%; float:inherit; margin:0 auto; line-height:8vw; font-size:3.5vw; border-radius:4vw;}
}
.index5 { margin:0 auto; width:100%; overflow:hidden; margin-top:2vw; padding-bottom:0vw; position:relative;}
.index5 .showarea { width:100%; overflow:hidden; position:relative; display:flex; justify-content:space-between;}
.index5 .showarea .title { width:17.67%; overflow:hidden; padding-left:8.33%; margin-top:5vw;}
.index5 .showarea .title p { font-size:3vw; font-weight:bold; color:#000; line-height:3.5vw; position:relative; z-index:10;}
.index5 .showarea .title span { display:block; width:7.5vw; height:1vw; margin-top:-1.2vw; margin-left:29%; background-color:#ff00d3; position:relative; z-index:9;}
.index5 .showarea .rinfo { width:74%; overflow:hidden;}
.index5 .showarea .rinfo ul { width:106%;}
.index5 .showarea .rinfo ul li { float:left; width:33.33%; overflow:hidden;}
.index5 .showarea .rinfo ul li img { width:94%; height:16vw; border-radius:2vw;}
.index5 .showarea .rinfo ul li .stitle { margin:0 auto; width:90%; overflow:hidden; margin-top:1.5vw; text-align:left;}
.index5 .showarea .rinfo ul li .stitle a { font-size:1.1vw; line-height:1.7vw; color:#000;}
.index5 .showarea .rinfo ul li .stitle a:hover { color:#0d9fc0;}
.index5 .showarea .rinfo ul li .ptime { margin:0 auto; width:90%; overflow:hidden; margin-top:1vw; font-size:1.2vw; line-height:1.3vw; color:#b1b1b1;}
.index5 .showarea .rinfo ul li.i1 { margin-top:5vw;}
.index5 .showarea .rinfo ul li.i2 { margin-top:8vw;}
.index5 .showarea .rinfo ul li.i3 { margin-top:3vw;}
.index5 .showarea .rinfo ul li.i4 { margin-top:5vw;}
.index5 .showarea .rinfo ul li.i5 { margin-top:8vw;}
.index5 .showarea .rinfo ul li.i6 { margin-top:3vw;}
.index5 .showarea .rinfo ul li.i7 { margin-top:5vw;}
.index5 .showarea .rinfo ul li.i8 { margin-top:8vw;}
.index5 .showarea .rinfo ul li.i9 { margin-top:3vw;}


.index5 .changebt { margin:0 auto; width:83.33%; overflow:hidden; margin-top:2vw;}
.index5 .changebt div { float:right; width:3.3vw; height:3.3vw; overflow:hidden; cursor:pointer; margin-left:1vw;}
.index5 .changebt .goleft { background:url(../images/goleft.png) no-repeat left top; background-size:100% 100%;}
.index5 .changebt .goright { background:url(../images/goright.png) no-repeat left top; background-size:100% 100%;}
.index5 .rbt { width:13vw; overflow:hidden; margin-top:0vw; position:absolute; left:8.33%; top:16.5vw; z-index:99;}
.index5 .rbt a { display:block; float:left; width:13vw; transition:.3s; background-color:#000; border-radius:2vw; text-align:center; color:#fff; font-size:1.1vw; line-height:4vw;}
.index5 .rbt a img { width:6%; height:auto; margin-left:5%; transition:.3s; filter: brightness(0) invert(1);}
.index5 .rbt a:hover { background-color:#00d0ff;}
@media screen and (max-width:750px){
	.index5 { width:95%; margin-top:1vw; padding-bottom:5vw;}
	.index5 .showarea { display:inherit;}
	.index5 .showarea .title { width:100%; text-align:center; padding-left:0;}
	.index5 .showarea .title p { font-size:5vw; line-height:5.5vw;}
	.index5 .showarea .title span { width:15vw; height:2vw; margin-top:-2vw; margin-left:45%;}
	.index5 .showarea .rinfo { width:100%; margin-top:3vw;}
	.index5 .showarea .rinfo ul { width:100%;}
	.index5 .showarea .rinfo ul li { width:50%; text-align:center;}
	.index5 .showarea .rinfo ul li img { width:90%; height:26vw;}
	.index5 .showarea .rinfo ul li .stitle { margin-top:3vw;}
	.index5 .showarea .rinfo ul li .stitle a { font-size:3.3vw; line-height:5vw;}
	.index5 .showarea .rinfo ul li .ptime { text-align:left; margin-top:1vw; font-size:3vw; line-height:5vw;}
	.index5 .changebt { position:relative; left:auto; top:auto; margin:0 auto; width:30%; margin-top:5vw; margin-bottom:5vw; display:flex; justify-content:space-between;}
	.index5 .changebt div { width:10vw; height:10vw;}
	.index5 .rbt { width:100%; margin-top:1vw; position:relative; left:auto; top:auto;}
	.index5 .rbt a { width:40%; float:inherit; margin:0 auto; line-height:8vw; font-size:3.5vw; border-radius:4vw;}

}
.index6 { margin:0 auto; width:100%; overflow:hidden; background-color:#dfdfdf; margin-top:5vw; padding:5vw 0; position:relative; z-index:10; border-radius:1.5vw;}
.index6 .showarea { margin:0 auto; width:67.7%; overflow:hidden;}
.index6 .showarea .title { margin:0 auto; width:22%; overflow:hidden; text-align:center;}
.index6 .showarea .title p { font-size:3vw; font-weight:bold; color:#000; line-height:3.5vw; position:relative; z-index:10;}
.index6 .showarea .title span { display:block; width:7.5vw; height:1vw; margin-top:-1.2vw; margin-left:41%; background-color:#a167ff; position:relative; z-index:9;}
.index6 .showarea .inputs { margin:0 auto; width:100%; overflow:hidden; margin-top:3vw;}
.index6 .showarea .inputs ul { width:108%;}
.index6 .showarea .inputs ul li { float:left; width:42%; margin-right:8%; margin-bottom:3vw; font-size:1.1vw; line-height:1.8vw; color:#000;}
.index6 .showarea .inputs ul li input.input1 { width:100%; border:0px; border-bottom:1px solid #000; color:#000; line-height:3vw; font-size:1vw; background:none;}
.index6 .showarea .inputs ul li input.input1::placeholder { color:#000;}
.index6 .showarea .inputs ul li input.sub { width:100%; border:1px solid #000; transition:.3s; line-height:3vw; text-align:center; background:none; color:#000; font-size:1.1vw; border-radius:2vw; cursor:pointer;}
.index6 .showarea .inputs ul li input.sub:hover { background-color:#00d0ff; border:1px solid #00d0ff;}
@media screen and (max-width:750px){
	.index6 {margin-top:5vw; padding:7vw 0; border-radius:3vw;}
	.index6 .showarea { width:90%;}
	.index6 .showarea .title { width:100%; text-align:center; padding-left:0;}
	.index6 .showarea .title p { font-size:5vw; line-height:5.5vw;}
	.index6 .showarea .title span { width:15vw; height:2vw; margin-top:-2vw; margin-left:45%;}
	.index6 .showarea .inputs { margin-top:5vw;}
	.index6 .showarea .inputs ul { width:100%;}
	.index6 .showarea .inputs ul li { float:inherit; width:100%; margin-right:0%; margin-bottom:5vw; font-size:3.5vw; line-height:6vw;}
	.index6 .showarea .inputs ul li input.input1 { line-height:7vw; font-size:3.5vw;}
	.index6 .showarea .inputs ul li input.sub {line-height:8vw;font-size:3.5vw; border-radius:4vw;}
}
.footer { margin:0 auto; width:100%; overflow:hidden; position:relative; z-index:9; margin-top:-1.5vw; padding-bottom:1vw; background:url(../images/fbg.jpg) no-repeat center top; background-size:100% 120%;}
.footer .bottom { margin:0 auto; width:83.33%; margin-top:5vw; padding-bottom:0vw; display:flex; justify-content:space-between;}
.footer .bottom .fleft { width:55%; overflow:hidden;}
.footer .bottom .fright { width:40%; overflow:hidden;display:flex; justify-content:space-between;}
.footer .bottom .fleft .flogo { width:100%; text-align:left; overflow:hidden;}
.footer .bottom .fleft .flogo img { width:21.7%; height:auto;}
.footer .bottom .fleft .flinks { width:100%; text-align:left; overflow:hidden; margin-top:4vw;}
.footer .bottom .fleft .flinks a { color:#fff; font-size:0.8vw; line-height:1.2vw; margin-right:2vw;}
.footer .bottom .fleft .flinks a:hover { text-decoration:underline;}
.footer .bottom .fright .linfo { width:65%; padding-bottom:5%; overflow:hidden;}
.footer .bottom .fright .rcode { width:22%; overflow:hidden;}
.footer .bottom .fright .linfo .infoitem { width:100%; overflow:hidden; margin-bottom:0.5vw;display:flex; justify-content:space-between;}
.footer .bottom .fright .linfo .infoitem .lname { width:30%; text-align:left; font-size:0.9vw; color:#a1a1a1; line-height:1.5vw;}
.footer .bottom .fright .linfo .infoitem .lname img { width:12%; height:auto; vertical-align:middle; margin-right:0.5vw;}
.footer .bottom .fright .linfo .infoitem .rinfo { width:70%; text-align:left; font-size:0.9vw; line-height:1.5vw; color:#fff;} 
.footer .bottom .fright .linfo .infoitem .rinfo.big { font-size:1.1vw;}
.footer .bottom .fright .linfo .infoitem .rinfo a {font-size:0.9vw; line-height:1.5vw; color:#fff;}
.footer .bottom .fright .linfo .infoitem .rinfo a:hover { text-decoration:underline;}
.footer .bottom .fright .rcode .codeinfo { width:100%; overflow:hidden; text-align:center; border-radius:0.6vw; padding-bottom:0.6vw; background-color:#fff; line-height:1.2vw; font-size:0.8vw; color:#000;}
.footer .bottom .fright .rcode .codeinfo img { margin:0 auto; width:90%; height:auto; margin-top:0.3vw; margin-bottom:0.2vw;}
.footer .copyarea { margin:0 auto; width:83.33%; margin-top:2vw; border-top:1px solid #444444; padding:1vw 0; text-align:center; font-size:0.8vw; color:#838282; line-height:1.2vw;}
.footer .copyarea * { font-size:0.8vw; color:#838282; line-height:1.2vw;}
.footer .copyarea a:hover { text-decoration:underline; color:#fff;}
@media screen and (max-width:750px){
	.footer { margin-top:-3vw; padding-bottom:5vw; background-size:100% 300%; }
	.footer .bottom { width:90%; margin-top:10vw; display:inherit;}
	.footer .bottom .fleft { width:100%; }
	.footer .bottom .fright { width:100%; display:inherit;}
	.footer .bottom .fleft .flogo { text-align:center;}
	.footer .bottom .fleft .flogo img { width:35%;}
	.footer .bottom .fleft .flinks { margin-top:5vw; text-align:center;}
	.footer .bottom .fleft .flinks a { font-size:3vw; line-height:5vw; margin-left:1vw; margin-right:1vw;}
	.footer .bottom .fright .linfo { width:100%; overflow:hidden; margin-top:5vw; padding-bottom:0%;}
	.footer .bottom .fright .rcode { width:100%; overflow:hidden; margin-top:3vw;}
	.footer .bottom .fright .linfo .infoitem { margin-bottom:2vw;}
	.footer .bottom .fright .linfo .infoitem .lname { width:27%; font-size:3.5vw; line-height:5vw;}
	.footer .bottom .fright .linfo .infoitem .lname img { width:12%; margin-right:1vw;}
	.footer .bottom .fright .linfo .infoitem .rinfo { width:73%; font-size:3.5vw; line-height:5vw;}
	.footer .bottom .fright .linfo .infoitem .rinfo.big { font-size:4vw;}
	.footer .bottom .fright .linfo .infoitem .rinfo a { font-size:3.5vw; line-height:5vw;}
	.footer .bottom .fright .rcode .codeinfo { margin:0 auto; width:30%; border-radius:2vw; padding-bottom:2vw; line-height:4vw; font-size:3.2vw;}
	.footer .bottom .fright .rcode .codeinfo img { margin-top:2vw; margin-bottom:1vw;}
	.footer .copyarea { width:90%; margin-top:5vw; padding:3vw 0; font-size:3vw; line-height:5vw;}
	.footer .copyarea * {font-size:3vw; line-height:5vw; }
}
.cookietip { display:none; width:100%; text-align:center; position:fixed; bottom:0; z-index:999; background-color:#a167ff; font-size:0.9vw; line-height:1.2vw; color:#fff; padding:1vw 0;}
.cookietip a { color:#fff; font-size:0.9vw; line-height:1.2vw;}
.cookietip a:hover { text-decoration:underline;}
.cookietip .ckbt { display:inline-block; width:8vw; margin-left:2vw; background-color:#fff; border-radius:2vw; text-align:center; line-height:2.5vw; color:#151515; font-size:1vw; font-weight:bold;}
.cookietip .ckbt:hover { text-decoration:none;}
@media screen and (max-width:750px){
	.cookietip { width:90%; font-size:3.3vw; line-height:6vw; padding:2vw 5%;}
	.cookietip a { font-size:3.3vw; line-height:6vw; }
	.cookietip .ckbt { width:15vw; margin-left:2vw; border-radius:4vw; line-height:6vw; font-size:3.5vw;}
}
.float { position:absolute; width:3vw; height:14vw; position:fixed; right:0.6vw; margin-top:-7vw; top:50%; z-index:9999;}
.float a { display:block; width:3vw; height:3vw; transition:.3s; margin-bottom:0.6vw; text-align:center; border-radius:50%; display:flex; justify-content:center; align-items:center;}
.float .f1 { background:url(../images/c1.png) no-repeat center center; background-size:40% auto; background-color:#000;}
.float .f2 { background:url(../images/c2.png) no-repeat center center; background-size:40% auto; background-color:#000; position:relative;}
.float .f3 { background:url(../images/c3.png) no-repeat center center; background-size:40% auto; background-color:#000;}
.float a:hover { background-color:#00d0ff;}
.float p { display:block; width:3vw; height:3vw; cursor:pointer; background:url(../images/gtop.png) no-repeat center 0.5vw; background-size:30% auto;}
.float .f2 .wx { opacity:0; transition:.5s; position:absolute; width:7vw; height:7vw; left:-7.5vw; border:1px solid #eee; text-align:center; overflow:hidden; background-color:#fff; border-radius:1vw;}
.float .f2 .wx img { width:93%; height:auto; margin-top:0.3vw;}
.float .f2:hover .wx { opacity:1;}

.float .f3 .dh { opacity:0; transition:.5s; position:absolute;  height:2.8vw; left:-9.5vw; border:1px solid #eee; text-align:center;line-height:2.8vw;font-size:20px; overflow:hidden; background-color:#fff; border-radius:1vw;}

.float .f3:hover .dh { opacity:1;}

@media screen and (max-width:750px){
	.float { width:8vw; height:35vw; right:1vw; margin-top:-17.5vw; top:75%;}
	.float a { width:8vw; height:8vw; margin-bottom:1vw;}
	.float p { width:8vw; height:8vw;}
	.float .f2 .wx { width:20vw; height:20vw; left:-22vw; border-radius:1vw;}
	.float .f2 .wx img { width:93%; height:auto; margin-top:1vw;}
	.float .f2:hover .wx { opacity:1;}
}

.solution { margin:0 auto; width:83.33%; overflow:hidden; margin-top:8vw;}
.solution .title { margin:0 auto; width:100%; overflow:hidden; text-align:left;}
.solution .title p { font-size:3vw; font-weight:bold; color:#000; line-height:3.5vw; position:relative; z-index:10;}
.solution .title span { display:block; width:12.5vw; height:1vw; margin-top:-1.2vw; margin-left:14.5%; background-color:#a167ff; position:relative; z-index:9;}
.solution .selarea { margin:0 auto; width:100%; overflow:hidden; margin-top:4vw;}
.solution .selarea a { display:inline-block; padding:0.6vw 2vw; margin-right:2vw; font-size:1.2vw; line-height:1.5vw; border-radius:2vw; border:2px solid #fff; text-align:center; color:#515151;}
.solution .selarea a.on { border:2px solid #a167ff; font-weight:bold; color:#000;}
.solution .changearea { margin:0 auto; width:100%; overflow:hidden; margin-top:3vw;}
.solution .changearea .change { width:100%; overflow:hidden;}
.solution .changearea .change ul { width:102%;}
.solution .changearea .change ul li { float:left; transition:.3s; padding:2vw 0; height:6.5vw; width:23%; margin-right:2%; margin-bottom:2vw; border-radius:2vw; text-align:center; background-color:#f7f5ff;}
.solution .changearea .change ul li img { max-width:20%; height:auto; transition:.3s;}
.solution .changearea .change ul li .bf { margin:0 auto; width:83%; margin-top:1.5vw; text-align:center; font-size:0.9vw; line-height:1.7vw; color:#000;}
/*.solution .changearea .change ul li:hover img { transform:scale(1.1);}
.solution .changearea .change ul li:hover { background-color:#a167ff;} 
.solution .changearea .change ul li:hover .bf { color:#fff;}*/
.solution .changearea .change.more ul li { padding:3vw 0 4vw 0; height:12vw;}
.solution .changearea .change.more ul li .bf { width:100%; margin-top:1vw; font-size:1.2vw; line-height:1.5vw;}
.solution .changearea .change.more ul li .notes p{ margin:0 auto; width:70%; text-align:left; overflow:hidden; margin-top:1vw; font-size:1vw; line-height:1.5vw; color:#000;}
.solution .changearea .change.more ul li:hover .notes { color:#fff;}
@media screen and (max-width:750px){
	.solution { width:90%; margin-top:10vw;}
	.solution .title { width:100%; text-align:center; padding-left:0;}
	.solution .title p { font-size:5vw; line-height:5.5vw;}
	.solution .title span { width:25vw; height:2vw; margin-top:-2vw; margin-left:45%;}
	.solution .selarea { margin-top:6vw; text-align:center;}
	.solution .selarea a { padding:1.5vw 3vw; margin-left:1.5vw; margin-right:1.5vw; font-size:3.5vw; line-height:4vw; border-radius:4vw; margin-bottom:3vw;}
	.solution .changearea { margin-top:4vw;}
	.solution .changearea .change ul { width:103%;}
	.solution .changearea .change ul li { padding:8vw 0 12vw 0; height:22vw; width:47%; margin-right:3%; margin-bottom:3vw; border-radius:4vw;}
	.solution .changearea .change ul li img { max-width:35%;}
	.solution .changearea .change ul li .bf { width:60%; margin-top:2vw; font-size:3.5vw; line-height:5vw; }
	.solution .changearea .change.more ul li { padding:5vw 0 11vw 0; height:26vw;}
	.solution .changearea .change.more ul li .bf { margin-top:2vw; font-size:2.6vw; line-height:5vw;}
	.solution .changearea .change.more ul li .notes p{ text-align:center; width:80%; margin-top:2vw; font-size:2.4vw; line-height:4vw;}
}
.solution2 { margin:0 auto; width:83.33%; overflow:hidden; margin-top:3vw;}
.solution2 .infos { width:100%; overflow:hidden; margin-bottom:10vw;}
.solution2 .infos .linfo { float:left; width:40%;}
.solution2 .infos .linfo .title { width:100%; overflow:hidden; margin-top:5vw;}
.solution2 .infos .linfo .title .img { width:100%; text-align:left;}
.solution2 .infos .linfo .title .img img { max-width:45%; height:auto; margin-left:8%;}
.solution2 .infos .linfo .title .name { width:100%; text-indent:32%; text-align:left; font-size:3vw; line-height:4vw; font-weight:bold; color:#000;}
.solution2 .infos .linfo .title.left { margin-top:3vw;}
.solution2 .infos .linfo .title.left .img img { margin-left:25%;}
.solution2 .infos .linfo .title.left .name { text-indent:3%;}
.solution2 .infos .linfo .items { width:85%; padding-left:15%; overflow:hidden; margin-top:2vw;}
.solution2 .infos .linfo .items .data { width:100%; overflow:hidden; margin-bottom:2vw; display:flex; justify-content:space-between;}
.solution2 .infos .linfo .items .data .li { width:8%; text-align:left;}
.solution2 .infos .linfo .items .data .li img { max-width:70%; height:auto; margin-top:0.1vw;}
.solution2 .infos .linfo .items .data .rdata { width:92%; text-align:left; overflow:hidden;}
.solution2 .infos .linfo .items .data .rdata .bname { width:100%; text-align:left; font-size:1.4vw; color:#000; line-height:1.5vw;}
.solution2 .infos .linfo .items .data .rdata .notes p{ width:100%; margin-top:0.6vw; text-align:left; font-size:0.9vw; color:#000; line-height:1.5vw;}
.solution2 .infos .linfo .items.left { width:89%; padding-left:11%; margin-top:4vw;}
.solution2 .infos .rinfo { float:right; width:55%; text-align:right;}
.solution2 .infos .rinfo img { max-width:100%; height:auto;} 
@media screen and (max-width:750px){
	.solution2 { width:90%; margin-top:10vw;}
	.solution2 .infos { margin-bottom:10vw;}
	.solution2 .infos .linfo { float:inherit; width:100%;}
	.solution2 .infos .linfo .title { margin-top:0vw;}
	.solution2 .infos .linfo .title .img { text-align:center;}
	.solution2 .infos .linfo .title .img img { margin:0 auto; width:40%; margin-left:auto;}
	.solution2 .infos .linfo .title .name { text-indent:50%; font-size:6vw; line-height:8vw; }
	.solution2 .infos .linfo .title.left { margin-top:0vw;}
	.solution2 .infos .linfo .title.left .img img { margin-left:auto;}
	.solution2 .infos .linfo .title.left .name { text-indent:50%;}
	.solution2 .infos .linfo .items { margin:0 auto; width:90%; padding-left:0%; margin-top:6vw;}
	.solution2 .infos .linfo .items .data { margin-bottom:4vw;}
	.solution2 .infos .linfo .items .data .rdata .bname { font-size:4vw; line-height:6vw; font-weight:bold;}
	.solution2 .infos .linfo .items .data .rdata .notes p{ margin-top:2vw; font-size:3.3vw; line-height:6vw;}
	.solution2 .infos .linfo .items .data:last-child { margin-bottom:0vw;}
	.solution2 .infos .linfo .items.left { margin:0 auto; width:90%; padding-left:0%; margin-top:6vw;}
	.solution2 .infos .rinfo { float:inherit; width:100%; text-align:center; margin-top:6vw;}
}
.solution2 .infos2 { width:100%; overflow:hidden; margin-bottom:10vw;}
.solution2 .infos2 .linfo { float:right; width:40%;}
.solution2 .infos2 .linfo .title { width:100%; overflow:hidden; margin-top:5vw;}
.solution2 .infos2 .linfo .title .img { width:100%; text-align:right;}
.solution2 .infos2 .linfo .title .img img { max-width:45%; height:auto; margin-left:8%;}
.solution2 .infos2 .linfo .title .name { width:100%; text-indent:32%; text-align:left; font-size:3vw; line-height:4vw; font-weight:bold; color:#000;}
.solution2 .infos2 .linfo .title.left .img { text-align:left;} 
.solution2 .infos2 .linfo .title.left .img img { margin-left:0%;}
.solution2 .infos2 .linfo .items { width:100%; padding-left:0%; overflow:hidden; margin-top:2vw;}
.solution2 .infos2 .linfo .items .data { width:100%; overflow:hidden; margin-bottom:2vw; display:flex; justify-content:space-between;}
.solution2 .infos2 .linfo .items .data .li { width:7%; text-align:left;}
.solution2 .infos2 .linfo .items .data .li img { max-width:70%; height:auto; margin-top:0.15vw;}
.solution2 .infos2 .linfo .items .data .rdata { width:93%; text-align:left; overflow:hidden;}
.solution2 .infos2 .linfo .items .data .rdata .bname { width:100%; text-align:left; font-size:1.4vw; color:#000; line-height:1.5vw;}
.solution2 .infos2 .linfo .items .data .rdata .notes { width:100%; margin-top:0.6vw; text-align:left; font-size:0.9vw; color:#000; line-height:1.5vw;}
.solution2 .infos2 .rinfo { float:left; width:55%; text-align:left;}
.solution2 .infos2 .rinfo img { max-width:100%; height:auto;} 
.solution2 .infos2:last-child { margin-bottom:3vw;}
@media screen and (max-width:750px){
	.solution2 .infos2 { margin-bottom:10vw;}
	.solution2 .infos2 .linfo { float:inherit; width:100%;}
	.solution2 .infos2 .linfo .title { margin-top:0vw;}
	.solution2 .infos2 .linfo .title .img { width:100%; text-align:center;}
	.solution2 .infos2 .linfo .title .img img { margin:0 auto; width:40%; margin-left:auto;}
	.solution2 .infos2 .linfo .title .name { text-indent:50%; font-size:6vw; line-height:8vw; }
	.solution2 .infos2 .linfo .title.left .img { text-align:center;} 
	.solution2 .infos2 .linfo .title.left .img img { margin-left:auto;}
	.solution2 .infos2 .linfo .items { margin:0 auto; width:90%; padding-left:0%; margin-top:6vw;}
	.solution2 .infos2 .linfo .items .data { margin-bottom:4vw;}
	.solution2 .infos2 .linfo .items .data .li { width:8%;}
	.solution2 .infos2 .linfo .items .data .li img { margin-top:0.3vw;}
	.solution2 .infos2 .linfo .items .data .rdata { width:92%;}
	.solution2 .infos2 .linfo .items .data .rdata .bname { font-size:4vw; line-height:6vw; font-weight:bold;}
	.solution2 .infos2 .linfo .items .data .rdata .notes { margin-top:2vw; font-size:3.3vw; line-height:6vw;}
	.solution2 .infos2 .linfo .items .data:last-child { margin-bottom:0vw;}
	.solution2 .infos2 .rinfo { float:inherit; width:100%; text-align:center; margin-top:6vw;}
}

.about1 { margin:0 auto; width:83.33%; margin-top:7vw;}
.about1 .abouttitle { width:100%; text-align:left; overflow:hidden; font-size:1.6vw; line-height:2vw; color:#000; font-weight:bold;}
.about1 .title { margin:0 auto; width:100%; margin-top:2vw; overflow:hidden; text-align:left;}
.about1 .title p { font-size:6vw; font-weight:bold; color:#000; line-height:6.5vw; position:relative; z-index:10;}
.about1 .title span { display:block; width:25vw; height:1.2vw; margin-top:-1.3vw; margin-left:14.5%; background-color:#a167ff; position:relative; z-index:9;}
.about1 .showarea { margin:0 auto; width:100%; margin-top:3.5vw; overflow:hidden; text-align:left;}
.about1 .showarea .linfos { float:left; width:57%; overflow:hidden; margin-top:1vw; font-size:0.9vw; line-height:2.2vw; color:#151515; text-align:justify;}
.about1 .showarea .linfos * { font-size:0.9vw; line-height:2.2vw; color:#151515;}
.about1 .showarea .rimg { float:right; width:37%; overflow:hidden; text-align:right; position:relative;}
.about1 .showarea .rimg img { float:right; width:96%; height:auto; margin-top:1vw;}
.about1 .showarea .rimg span { display:block; position:absolute; transform: rotate(0deg); transition: transform 0.5s ease-in-out; left:0.5vw; top:0vw; width:4.8vw; height:4.8vw; background:url(../images/lg.png) no-repeat center center; background-size:100% 100%;}
.about1 .showarea:hover .rimg span {transform: rotate(360deg);} 
.about1 .showarea:not(:hover) .rimg span { transform: rotate(-360deg);}
.about1 .nums { width:75%; overflow:hidden; margin-top:-6vw; position:relative; z-index:11; background-color:#fff; border-radius:2vw; box-shadow:0 0 50px rgb(0,0,0,0.1);}
.about1 .nums .numbers { margin:0 auto; width:85%; overflow:hidden; padding:2vw 0 2.5vw 0;}
.about1 .nums .numbers ul { width:100%;}
.about1 .nums .numbers ul li { float:left; width:25%; text-align:center; overflow:hidden; font-size:1.1vw; line-height:1.5vw; color:#000;}
.about1 .nums .numbers ul li div { width:100%; text-align:center; overflow:hidden; position: relative;}
.about1 .nums .numbers ul li div font { font-size:5vw; line-height:6vw; font-weight:bold;}
.about1 .nums .numbers ul li div sup { font-size:2vw; line-height:2vw; margin-left:0.5vw; position: absolute; top:0.5vw; right:.5vw;}
.about1 .nums .numbers ul li div.n1 font { color:#a167ff;}
.about1 .nums .numbers ul li div.n2 font { color:#ff00d3;}
.about1 .nums .numbers ul li div.n3 font { color:#ffde00;}
.about1 .nums .numbers ul li div.n4 font { color:#00d0ff;}
.about1 .nums .numbers ul li div.n1 sup { color:#a167ff;}
.about1 .nums .numbers ul li div.n2 sup { color:#ff00d3;}
.about1 .nums .numbers ul li div.n3 sup { color:#ffde00;}
.about1 .nums .numbers ul li div.n4 sup { color:#00d0ff;}
@media screen and (max-width:750px){
	.about1 { width:90%; overflow:hidden; margin-top:8vw; padding-bottom:5vw;}
	.about1 .abouttitle { font-size:4vw; line-height:5vw;}
	.about1 .title { width:100%; margin-top:5vw; text-align:left; padding-left:0;}
	.about1 .title p { font-size:8vw; line-height:8.5vw;}
	.about1 .title span { width:32vw; height:2vw; margin-top:-2vw; margin-left:18%;}
	.about1 .showarea { margin-top:5vw;}
	.about1 .showarea .linfos { float:inherit; width:100%; margin-top:0vw; font-size:3.5vw; line-height:7vw;}
	.about1 .showarea .linfos * { font-size:3.5vw; line-height:7vw;}
	.about1 .showarea .rimg { float:inherit; width:100%; margin-top:7vw;}
	.about1 .showarea .rimg img { float:inherit; width:100%; margin-top:0vw;}
	.about1 .showarea .rimg span { width:10vw; height:10vw; left:0vw; top:0vw;}
	.about1 .nums { margin:0 auto; width:95%; margin-top:-6vw; border-radius:2vw; box-shadow:0 0 15px rgb(0,0,0,0.1);}
	.about1 .nums .numbers { width:95%; padding:4vw 0 4vw 0;}
	.about1 .nums .numbers ul li { font-size:3vw; line-height:6vw;}
	.about1 .nums .numbers ul li div font { font-size:8vw; line-height:9vw;}
	.about1 .nums .numbers ul li div sup { font-size:3.5vw; line-height:3.5vw; margin-left:1.5vw; top:1vw; right:1.2vw;}
}
.about2 { margin:0 auto; width:83.33%; margin-top:7vw;}
.about2 .title { margin:0 auto; width:100%; margin-top:2vw; overflow:hidden; text-align:right;}
.about2 .title p { font-size:3vw; font-weight:bold; color:#000; line-height:3.5vw; position:relative; z-index:10; margin-right:0.5vw;}
.about2 .title span { float:right; display:block; width:7vw; height:1vw; margin-top:-1.2vw; margin-right:0%; background-color:#ff00d3; position:relative; z-index:9;}
.about2 .notesarea { width:100%; overflow:hidden; margin-top:2vw;}
.about2 .notesarea .p { float:right; display:block; width:65%; text-align:left; font-size:1.1vw; line-height:1.8vw; color:#000;}
.about2 .showarea { margin:0 auto; width:100%; overflow:hidden; margin-top:2vw;}
.about2 .showarea ul { width:102%;}
.about2 .showarea ul li { float:left; width:31.333%; margin-right:2%; overflow:hidden;}
.about2 .showarea ul li .img { width:100%; overflow:hidden;}
.about2 .showarea ul li .img img { width:100%; height:auto; transition:.5s;}
.about2 .showarea ul li .img:hover img { transform:scale(1.02);}
.about2 .showarea ul li .number { margin:0 auto; width:90%; overflow:hidden; margin-top:2vw; font-size:3.5vw; line-height:4vw; font-weight:bold; color:#000;}
.about2 .showarea ul li .bigname { margin:0 auto; width:90%; overflow:hidden; margin-top:1vw; font-size:1.7vw; line-height:2vw; font-weight:bold; color:#000;}
.about2 .showarea ul li .notes p{ margin:0 auto; width:90%; overflow:hidden; margin-top:1vw; font-size:0.9vw; line-height:1.8vw; color:#141414;}
.about2 .showarea ul li.i1 { margin-top:0;}
.about2 .showarea ul li.i2 { margin-top:8vw;}
.about2 .showarea ul li.i3 { margin-top:4vw;}
@media screen and (max-width:750px){
	.about2 { width:90%; margin-top:7vw;}
	.about2 .title { width:100%; margin-top:5vw; text-align:left; padding-left:0;}
	.about2 .title p { font-size:5vw; line-height:5.5vw;}
	.about2 .title span { width:17vw; height:2vw; margin-top:-2vw; margin-left:10%; float:left;}
	.about2 .notesarea { margin-top:5vw;}
	.about2 .notesarea .p { float:inherit; width:100%; font-size:3.5vw; line-height:7vw;}
	.about2 .showarea { margin-top:5vw;}
	.about2 .showarea ul { width:100%;}
	.about2 .showarea ul li { float:inherit; width:100%; margin-right:0%; margin-bottom:2vw;}
	.about2 .showarea ul li .number { width:95%; margin-top:3vw; font-size:8vw; line-height:8.5vw;}
	.about2 .showarea ul li .bigname { width:95%; margin-top:2vw; font-size:5vw; line-height:5.5vw;}
	.about2 .showarea ul li .notes { width:95%; margin-top:2vw; font-size:3.5vw; line-height:6vw;}
}
.about3 { margin:0 auto; width:83.33%; overflow:hidden; margin-top:8vw;}
.about3 .title { margin:0 auto; width:100%; overflow:hidden; text-align:left;}
.about3 .title p { font-size:3vw; font-weight:bold; color:#000; line-height:3.5vw; position:relative; z-index:10;}
.about3 .title span { display:block; width:12.5vw; height:1vw; margin-top:-1.2vw; margin-left:7.5%; background-color:#00d0ff; position:relative; z-index:9;}
.about3 .showarea { margin:0 auto; width:100%; margin-top:4vw; overflow:hidden;}
.about3 .showarea ul { width:103%;}
.about3 .showarea ul li { float:left; width:47%; margin-right:3%; padding:2vw 0 5vw 0; overflow:hidden; display:flex; justify-content:space-between;}
.about3 .showarea ul li .limg { width:19%; text-align:center;}
.about3 .showarea ul li .limg img { max-width:60%; height:auto;}
.about3 .showarea ul li .rinfos { width:81%; overflow:hidden;}
.about3 .showarea ul li .rinfos .bigname { width:100%; overflow:hidden; font-size:1.8vw; line-height:2vw; font-weight:bold; color:#000;}
.about3 .showarea ul li .rinfos .note1 { width:100%; overflow:hidden; margin-top:1vw; font-size:0.9vw; line-height:1.6vw; color:#000;}
.about3 .showarea ul li .rinfos .smallname { width:100%; overflow:hidden; margin-top:1.5vw; font-size:1.2vw; line-height:2vw; font-weight:bold; color:#000;}
.about3 .showarea ul li .rinfos .note2 { width:100%; overflow:hidden; margin-top:0.6vw; font-size:0.9vw; line-height:1.6vw; color:#000;}
.about3 .showarea ul li.v1 { border-top:0.5vw solid #a167ff;}
.about3 .showarea ul li.v2 { border-top:0.5vw solid #ff00d3;}
.about3 .showarea ul li.v3 { border-top:0.5vw solid #00d0ff;}
.about3 .showarea ul li.v4 { border-top:0.5vw solid #ffde00;}
@media screen and (max-width:750px){
	.about3 { width:90%; margin-top:7vw;}
	.about3 .title { width:100%; margin-top:5vw; text-align:left; padding-left:0;}
	.about3 .title p { font-size:5vw; line-height:5.5vw;}
	.about3 .title span { width:22vw; height:2vw; margin-top:-2vw; margin-left:10%; float:left;}
	.about3 .showarea { margin-top:6vw;}
	.about3 .showarea ul { width:100%;}
	.about3 .showarea ul li { float:inherit; width:100%; margin-right:0; padding:5vw 0 8vw 0;}
	.about3 .showarea ul li .rinfos .bigname { font-size:5vw; line-height:5.5vw; margin-top:2vw;}
	.about3 .showarea ul li .rinfos .note1 { margin-top:3vw; font-size:3.5vw; line-height:6vw;}
	.about3 .showarea ul li .rinfos .smallname { font-size:4vw; line-height:4.5vw; margin-top:5vw;}
	.about3 .showarea ul li .rinfos .note2 { margin-top:3vw; font-size:3.5vw; line-height:6vw;}
	.about3 .showarea ul li.v1 { border-top:1vw solid #a167ff;}
	.about3 .showarea ul li.v2 { border-top:1vw solid #ff00d3;}
	.about3 .showarea ul li.v3 { border-top:1vw solid #00d0ff;}
	.about3 .showarea ul li.v4 { border-top:1vw solid #ffde00;}
}
.about4 { margin:0 auto; width:83.33%; overflow:hidden; margin-top:8vw; margin-bottom:10vw; position:relative;}
.about4 .title { margin:0 auto; width:100%; overflow:hidden; text-align:left;}
.about4 .title p { font-size:3vw; font-weight:bold; color:#000; line-height:3.5vw; position:relative; z-index:10;}
.about4 .title span { display:block; width:8vw; height:1vw; margin-top:-1.2vw; margin-left:5%; background-color:#ffde00; position:relative; z-index:9;}
.about4 .showarea { float:right; width:83%; height:27vw !important; overflow:hidden; margin-top:1.5vw;}
.about4 .showarea ul { width:100%; height:27vw !important;}
.about4 .showarea ul li { float:left; width:25%; height:27vw !important; text-align:center;}
.about4 .showarea ul li img { width:91%; height:auto;}
.about4 .showarea ul li.h1 { margin-top:6vw;}
.about4 .showarea ul li.h2 { margin-top:0vw;}
.about4 .showarea ul li.h3 { margin-top:6vw;}
.about4 .showarea ul li.h4 { margin-top:3vw;}
.about4 .showarea ul li.h5 { margin-top:6vw;}
.about4 .showarea ul li.h6 { margin-top:0vw;}
.about4 .showarea ul li.h7 { margin-top:6vw;}
.about4 .showarea ul li.h8 { margin-top:3vw;}
.about4 .showarea ul li.h9 { margin-top:6vw;}
.about4 .showarea ul li.h10 { margin-top:0vw;}


.about4 .changebt { position:absolute; left:0; top:28vw; width:17%; overflow:hidden;}
.about4 .changebt div { float:left; width:3.3vw; height:3.3vw; overflow:hidden; cursor:pointer; margin-right:1vw;}
.about4 .changebt .goleft { background:url(../images/goleft.png) no-repeat left top; background-size:100% 100%;}
.about4 .changebt .goright { background:url(../images/goright.png) no-repeat left top; background-size:100% 100%;}
@media screen and (max-width:750px){
	.about4 { width:90%; margin-top:5vw; margin-bottom:15vw;}
	.about4 .title { width:100%; margin-top:5vw; text-align:left; padding-left:0;}
	.about4 .title p { font-size:5vw; line-height:5.5vw;}
	.about4 .title span { width:12vw; height:2vw; margin-top:-2vw; margin-left:10%; float:left;}
	.about4 .showarea { float:inherit; width:100%; margin-top:5vw; height:60vw !important;}
	.about4 .showarea ul { height:60vw !important;}
	.about4 .showarea ul li { width:50%; height:60vw !important;}
	.about4 .changebt { position:relative; left:auto; top:auto; margin:0 auto; width:30%; margin-top:5vw; display:flex; justify-content:space-between;}
	.about4 .changebt div { width:10vw; height:10vw;}
}

.pagelist {margin:0px auto 60px;height:60px;width:100%;text-align:center;overflow:hidden;}
.pagelist ul {display:inline-block; *display:inline; zoom:1;margin:0 auto;position:relative;}
.pagelist ul li {list-style:none;float:left;height:40px; line-height:40px;border-radius:25px; margin:0 3px;font-size:16px;background:#e5e5e5}
.pagelist ul li a,.pagelist ul li span{color:#333;display:block;padding:0px 17px;line-height:40px;font-size:16px;border-radius:25px;font-family:"宋体",'Arial';}
.pagelist ul li a:hover{padding:0px 17px;background:#151515;color:#fff;}
.pagelist ul li.active{background:#151515;display:block;color:#fff;}
.pagelist ul li.active a{color:#fff;display:block;}
@media (max-width: 767px){ 
.pagelist {height:65px;}
.pagelist ul li {height:30px; line-height:30px;margin-bottom:5px;border-radius:25px; }
.pagelist ul li a,.pagelist ul li span{padding:0px 11px;line-height:30px;}
.pagelist ul li a:hover{padding:0px 11px;}
.pagelist ul li .current{background:#151515;display:block;color:#fff;}
}


.newlist { margin:0 auto; width:83.33%; margin-top:3vw; padding-bottom:5vw; position:relative;}
.newlist .showarea { width:100%; overflow:hidden; margin-top:4vw;}
.newlist .showarea ul { width:102%;}
.newlist .showarea ul li { float:left; width:23%;height: auto; margin-right:2%; overflow:hidden;margin-top:60px; }
.newlist .showarea ul li .a { display:block; width:100%; position:relative; border-radius:2.5vw;}
.newlist .showarea ul li .a .img { width:100%; height:auto; transition:.3s;border-radius:25px;}
.newlist .showarea ul li .a .img:hover{ transform:scale(1.01);}
.newlist .showarea ul li .a p { position:absolute; width:40%; text-align:center; top:40%; left:30%;z-index:1000;}
.newlist .showarea ul li .a p .lg { max-width:100%; height:auto;}
.newlist .showarea ul li .a span { display:block; position:absolute; transform: rotate(0deg); transition: transform 0.5s ease-in-out; right:0.8vw; bottom:0.5vw; width:3vw; height:3vw; background:url(../images/row2.png) no-repeat center center; background-size:100% 100%;}
.newlist .showarea ul li:hover .a span { transform: rotate(345deg);}
.newlist .showarea ul li:not(:hover) .a span { transform: rotate(-5deg);}
.newlist .showarea ul li .titles { margin:0 auto; width:90%; overflow:hidden; margin-top:1.5vw;}
.newlist .showarea ul li .titles .short { display:inline-block; font-size:0.85vw; color:#a167ff; margin-bottom:1.2vw;padding:1px 20px;border-radius:25px;line-height:1.3vw;border:1px solid #a167ff}
.newlist .showarea ul li .titles .big { width:100%; overflow:hidden;}
.newlist .showarea ul li .titles .big a { font-size:1.1vw; font-weight:bold; color:#000; line-height:1.5vw;height:3vw;display:block;overflow:hidden; text-overflow:ellipsis;}
.newlist .showarea ul li .titles .big a:hover { color:#0d9fc0;}
.newlist .showarea ul li .titles .notes { width:100%; overflow:hidden; margin-top:0.7vw; font-size:0.8vw; color:#818181; line-height:1.3vw;height:2.6vw;}
.newlist .showarea ul li .titles .date {  margin-top:0.2vw; font-size:0.8vw; color:#818181; line-height:1.3vw;}

.newlist .showarea ul li.tou{width:48%;position:relative;}
.newlist .showarea ul li.tou .a .img { width:100%;display:inline-block; height:auto; transition:.3s;border-radius:25px; filter: brightness(0.6);}
.newlist .showarea ul li.tou .titles2 {position:absolute;left:0.8vw; bottom:0.5vw; width:100%; height:3vw; color:#fff; font-size:1.1vw; font-weight:bold;}
.newlist .showarea ul li.tou .titles2 a{height:3vw; line-height:3vw;color:#fff; font-size:1.1vw; font-weight:bold;}

@media screen and (max-width:750px){
	.newlist { width:90%; padding-top:0vw; padding-bottom:5vw; overflow:hidden;}
	.newlist .title { width:100%; text-align:center;}
	.newlist .title p { font-size:5vw; line-height:5.5vw;}
	.newlist .title span { width:15vw; height:2vw; margin-top:-2vw; margin-left:45%;}
	.newlist .showarea { margin-top:6vw;}
	.newlist .showarea ul { width:100%;}
	.newlist .showarea ul li { float:inherit; width:100%; margin-right:0%; margin-bottom:2vw;margin-top:30px; }
	.newlist .showarea ul li .a { border-radius:3vw;}
	.newlist .showarea ul li .a dd{ display:block; position:absolute;right:0vw; bottom:-10px; width:21vw;}
	.newlist .showarea ul li .a span { right:1vw; bottom:0.5vw; width:10vw; height:10vw; }
	.newlist .showarea ul li .titles { width:90%; margin-top:5vw;}
	.newlist .showarea ul li .titles .short { font-size:3vw; line-height:5vw;margin-bottom:3vw;}
	.newlist .showarea ul li .titles .big a { font-size:4vw; line-height:6vw;}
	.newlist .showarea ul li .titles .notes { margin-top:1vw; font-size:3.5vw; line-height:6vw;}
	.newlist .showarea ul li .titles .date { margin-top:1vw; font-size:3.5vw; line-height:6vw;}
	.newlist .showarea ul li.tou{width:100%;position:relative;}
	.newlist .showarea ul li.tou .a span{right:1vw; bottom:0.5vw; width:7vw; height:7vw; }
	.newlist .showarea ul li.tou .titles2 {position:absolute;left:3.8vw; bottom:3.5vw; width:80%; height:8vw; color:#fff; font-size:3.1vw; font-weight:bold;}
	.newlist .showarea ul li.tou .titles2 a{height:8vw;line-height:4vw; color:#fff; font-size:3.1vw; font-weight:bold;}
}

.lianxi { margin:0 auto; width:100%; overflow:hidden;  margin-top:2vw; padding:3vw 0; position:relative; z-index:10; border-radius:1.5vw;}
.lianxi .showarea { margin:0 auto; width:83.33%; overflow:hidden;}
.lianxi .showarea .title { margin:0 auto; width:100%; overflow:hidden; text-align:left;}
.lianxi .showarea .title p { font-size:3vw; font-weight:bold; color:#000; line-height:3.5vw; position:relative; z-index:10;}
.lianxi .showarea .title span { display:block; width:10.5vw; height:1vw; margin-top:-0.6vw; margin-left:10%; background-color:#a167ff; position:relative; z-index:9;}
.lianxi .showarea .pp { font-size:1.1vw; color:#000; line-height:5.5vw; position:relative; z-index:10;}

.lianxi .showarea .lianxizuo{width:60%;float:left;padding-right:7%;border-right:1px solid #eaeaea;}

.lianxi .showarea .lianxiyou{width:30%;float:left;}

.lianxi .showarea .inputs { margin:0 auto; width:100%; overflow:hidden; margin-top:3vw;}
.lianxi .showarea .inputs ul { width:108%;}
.lianxi .showarea .inputs ul li { float:left; width:42%; margin-right:8%; margin-bottom:2vw; font-size:1.1vw; line-height:1.8vw; color:#000;}
.lianxi .showarea .inputs ul li input.input1 { width:100%; border:0px; border-bottom:1px solid #000; color:#000; line-height:3vw; font-size:1vw; background:none;}
.lianxi .showarea .inputs ul li input.input1::placeholder { color:#000;}
.lianxi .showarea .inputs ul li.in2{width:100%;}
.lianxi .showarea .inputs ul li input.input2 {width:100%; border:0px; border-bottom:1px solid #000; color:#000;padding-bottom:4vw; line-height:3vw; font-size:1vw; background:none;}
.lianxi .showarea .inputs ul li input.input2::placeholder { color:#000;}

.lianxi .showarea .inputs ul li input.sub {float:right;width:250px;margin-right:8%; border:1px solid #000; transition:.3s; line-height:3vw; text-align:center; background:#000; color:#fff; font-size:1.1vw; border-radius:2vw; cursor:pointer;}
.lianxi .showarea .inputs ul li input.sub:hover { background-color:#00d0ff; border:1px solid #00d0ff;}
@media screen and (max-width:750px){
	.lianxi .showarea .lianxizuo{width:100%;float:left;padding-bottom:30px;border-bottom:1px solid #eaeaea;}
	.lianxi .showarea .lianxiyou{width:100%;float:left;}
	.lianxi {margin-top:1vw; padding:5vw 0; border-radius:3vw;}
	.lianxi .showarea { width:90%;}
	.lianxi .showarea .title { width:100%; text-align:left; padding-left:0;}
	.lianxi .showarea .title p { font-size:5vw; line-height:7.5vw;}
	.lianxi .showarea .title span { width:15vw; height:2vw; margin-top:-2vw; margin-left:18%;}
	.lianxi .showarea .pp { font-size:4.1vw; color:#000; line-height:7.5vw; position:relative;}

	.lianxi .showarea .inputs { margin-top:5vw;}
	.lianxi .showarea .inputs ul { width:100%;}
	.lianxi .showarea .inputs ul li { float:inherit; width:100%; margin-right:0%; margin-bottom:5vw; font-size:3.5vw; line-height:6vw;}
	.lianxi .showarea .inputs ul li input.input1,.lianxi .showarea .inputs ul li input.input2 { line-height:7vw; font-size:3.5vw;}
	.lianxi .showarea .inputs ul li input.sub {line-height:8vw;font-size:3.5vw; border-radius:4vw;}
}
.lianxiyou .linfo{padding-left:20%;}
.lianxiyou .linfo .infoitem { width:100%; overflow:hidden; margin-bottom:3.5vw;}
.lianxiyou .linfo .infoitem .lname { width:100%; text-align:left; font-size:1.1vw; color:#333; line-height:1.8vw;}
.lianxiyou .linfo .infoitem .lname img { height:auto; vertical-align:middle; margin-right:30px;}
.lianxiyou .linfo .infoitem .rinfo { text-align:left; font-size:1vw; margin-left:60px;line-height:1.5vw; color:#333;} 
.lianxiyou .linfo .infoitem .rinfo.big { font-size:1.3vw;line-height:1.8vw;}
.lianxiyou .linfo .infoitem .rinfo a {font-size:1.05vw; line-height:1.5vw; color:#333;}
.lianxiyou .linfo .infoitem .rinfo a:hover { text-decoration:underline;}
.lxnr{width:100%;line-height:30px;}
.lxnr img{max-width:100%;}
@media screen and (max-width:750px){
	.lianxiyou .linfo{padding-left:0%;}
	.lianxiyou .linfo { width:100%; overflow:hidden; margin-top:5vw; padding-bottom:0%;}
	.lianxiyou .rcode { width:100%; overflow:hidden; margin-top:3vw;}
	.lianxiyou .linfo .infoitem { margin-bottom:8vw;}
	.lianxiyou .linfo .infoitem .lname { width:100%; font-size:5vw; line-height:10vw;}
	.lianxiyou .linfo .infoitem .lname img {margin-right:6vw;}
	.lianxiyou .linfo .infoitem .rinfo { width:100%; font-size:4.5vw; line-height:6vw;}
	.lianxiyou .linfo .infoitem .rinfo.big { font-size:6vw;line-height:9vw;}
	.lianxiyou .linfo .infoitem .rinfo a { font-size:4.5vw; line-height:5vw;}

}


.single { margin:0 auto; width:100%; overflow:hidden; background-color:#fff; margin-top:0vw; padding:5vw 0; position:relative; z-index:10; border-radius:1.5vw;}
.single .showarea { margin:0 auto; width:83%; overflow:hidden;}
.single .con,.single .con *{font-size:16px;color:#151515;line-height:32px;max-width:100%}
.single .con p{margin-top:15px;}
.single .shownews{text-align:center;margin-bottom:50px;}
.single .shownews h1{font-size:40px;font-weight:normal;color:#000;line-height:50px;}
.single .shownews .info span{font-size:18px;}

@media screen and (max-width:750px){
.single .showarea { margin:0 auto; width:95%; overflow:hidden;}
.single .shownews{margin-bottom:20px;}
.single .shownews h1{font-size:23px;line-height:35px;}
.single .shownews .info span{font-size:16px;}
}

.showimg{width:100%;overflow:hidden;padding-bottom:100px;}
.showimgz{width:50%;float:left;}
.showimgz .img{width:209px;height:53px}
.showimgz .img img{width:100%}
.showimgz .title{font-size:53px;font-weight:bold;color:#000;line-height:50px;margin:50px 0}
.showimgz .jianjie{font-size:20px;color:#666;line-height:40px;}
.showimgy{width:45%;float:right;}.showimgy img{width:100%;border-radius:1.5vw;}
.single .con2,.single .con3{border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;padding:80px 0}
.single .con2,.single .con2 *{font-size:18px;color:#151515;line-height:32px;max-width:100%}
.showimgz .contenttitle{font-size: 30px;font-weight:bold;color:#000;line-height:50px;margin: 0 0 20px 0;}

.single .con2 strong{font-size:25px;}
.single .con2 p{margin-top:15px;}

@media screen and (max-width:750px){
.showimgz,.showimgy{width:100%;}
.showimgz img{max-width:90%;}
.showimgz .title{font-size:35px;fline-height:50px;margin:10px 0}
.showimgz .jianjie{font-size:17px;line-height:30px;margin-bottom:40px;}
.showimg{padding-bottom:50px;}
.single .con2,.single .con3{padding:50px 0}
}