@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#F9F9F9; 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;}

.top { width:100%; overflow:hidden; text-align:center; position:fixed; z-index:30; background-color:#fff; padding:12px 0px; top:0; border-bottom:1px solid #eee;}
.top .topinfo { margin:0 auto; width:62.5%; overflow:hidden; display:flex; justify-content:space-between;}
.top .topinfo .logo { width:30%; text-align:left;}
.top .topinfo .logo img { width:55%; height:auto;}
.top .topinfo .sellang { width:30%; text-align:right;}
.top .topinfo .sellang a { display:inline-block; margin-top:9px; border-radius:5px; font-size:18px; line-height:25px; padding:10px 10px; color:#fff; text-decoration:none; background-color:#c8a7fd;}

.banner { margin:0 auto; width:62.5%; margin-top:110px; overflow: hidden; position: relative; text-align:center;}
.banner .swiper { margin:0 auto;}
.banner img {width: 100%;}
.banner .swiper-slide img { width:100%; height:auto; min-height:100%; transition:1s linear 2s; transform:scale(1,1); border-radius:0.6vw;}
.banner .swiper-slide-active{z-index: 10;}
.banner .swiper-slide-active img,.swiper-slide-duplicate-active img { transition:6s linear; transform:scale(1,1);}
.swiper-slide:not(.swiper-slide-active) {
  opacity: 0.7;
}

.pagemain { display:none; margin:0 auto; width:62.5%; margin-top:30px; margin-bottom:100px;}
.pagemain .datas { width:100%; background-color:#fff; position:relative; overflow:hidden; margin-bottom:25px; box-shadow:0 0 6px rgb(0,0,0,0.2);}
.pagemain .datas .stitle { width:100%; background-color:#000; padding:10px 0;}
.pagemain .datas .stitle span { display:inline-block; margin-left:12px; width:auto; padding:5px 10px; background-color:#c8a7fd; border-radius:10px; color:#fff; font-size:16px; font-weight:bold; text-align:center;}
.pagemain .datas .showinfo { margin:0 auto; width:98%; padding:20px 0; display:flex; justify-content:space-between;}
.pagemain .datas .showinfo .limg { width:380px; text-align:center;}
.pagemain .datas .showinfo .limg a { display:block; width:365px; height:250px; background-color:#fff; text-align:center; display:flex; align-items:center; padding:8px; box-shadow:0 0 8px rgb(0,0,0,0.2);}
.pagemain .datas .showinfo .limg a img { width:365px; height:250px;}
.pagemain .datas .showinfo .minfo { width:55%; overflow:hidden;}
.pagemain .datas .showinfo .rinfo { width:15%; overflow:hidden; padding-top:35px; display:flex; flex-direction:column; align-items:center;}
.pagemain .datas .showinfo .minfo .thetitle { width:100%; text-align:left; font-size:19px; font-weight:bold; color:#000; line-height:30px;}
.pagemain .datas .showinfo .minfo .nums { width:100%; margin-top:10px; text-align:left; font-size:15px; color:#666; line-height:25px;}
.pagemain .datas .showinfo .minfo .stars { width:100%; margin-top:10px; text-align:left; font-size:25px; color:#FFD700; line-height:25px;}
.pagemain .datas .showinfo .minfo .stars b { font-size:16px; font-weight:bold; color:#000;}
.pagemain .datas .showinfo .minfo .profile { width:100%; margin-top:10px; text-align:left; font-size:16px; color:#000; line-height:30px;}
.pagemain .datas .showinfo .minfo .profile b { font-size:16px; font-weight:bold; color:#000;}
.pagemain .datas .showinfo .rinfo a { display:block; width:90%; transition:.3s; text-align:center; line-height:55px; margin-bottom:20px; border-radius:10px; color:#fff; font-size:16px; font-weight:bold;}
.pagemain .datas .showinfo .rinfo .bt1 { background-color:#E2B100;}
.pagemain .datas .showinfo .rinfo .bt2 { background-color:#DB0202;}
.pagemain .datas .showinfo .rinfo .bt1:hover { background-color:#222;}
.pagemain .datas .showinfo .rinfo .bt2:hover { background-color:#222;}
.footer { width:100%; padding:20px 0px; overflow:hidden; text-align:center; background-color:#000; color:#fff; font-size:15px; line-height:25px;}

@media screen and (max-width:750px){
	.top { padding:8px 0px; top:0; background-color:#fff;}
	.top .topinfo { width:95%;}
	.top .topinfo .logo { width:50%;}
	.top .topinfo .logo img { width:80%;}
	.top .topinfo .sellang { width:50%;}
	.top .topinfo .sellang a { margin-top:8px; font-size:15px; padding:5px 10px;}
	
	.banner { margin:0 auto; width:100%; margin-top:80px; overflow: hidden; position: relative;}
	.banner img {width: 100%;}
	.banner .swiper-slide img { width:100%; height:auto; min-height:100%; transition:1s linear 2s; transform:scale(1,1); border-radius:2vw;}
	.banner .swiper-slide-active{z-index: 10;}
	.banner .swiper-slide-active img,.swiper-slide-duplicate-active img { transition:6s linear; transform:scale(1,1);}
	
	.pagemain { width:95%; margin-top:20px; margin-bottom:40px;}
	.pagemain .datas .showinfo { width:93%; display:inherit;}
	.pagemain .datas .showinfo .limg { margin:0 auto;}
	.pagemain .datas .showinfo .minfo { width:100%; margin-top:20px;}
	.pagemain .datas .showinfo .rinfo { width:100%; padding-top:35px; display:inherit; text-align:center;}
	.pagemain .datas .showinfo .rinfo a { display:inline-block; width:42%; margin-left:2%; margin-right:2%;}
	.footer { padding:20px 0px; font-size:15px; line-height:25px;}
}