@charset "utf-8";

*,*:before,*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
a {
  -webkit-appearance: none;
  blr:expression(this.onFocus=this.blur()); outline:none;
  text-decoration:none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
ol, ul, li {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }

/* CSS Document */

html { -webkit-text-size-adjust: none;}
body{margin:0; padding:0; font-size:14px; font-family:Arial,"Microsoft YaHei"; color:#333; background:#fff;}
.clear{clear:both;}
a {color:#333; cursor:pointer;}

.clear{clear:both;}
.hide{display:none;}
.full{width:100%; display:block;}
.fit{max-width:100%; display:block;}
.linear{transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.blank_big{height:170px;}
.blank_mid{height:120px;}
.blank_sml{height:80px;}
video.conheight{max-height:90vh;}

#header{height:100vh; width:240px; overflow-y:auto; position:fixed; left:0; top:0; z-index:9;}
#header .close{position:fixed; left:0px; top:0px; display:block; width:0; height:100vh; z-index:1; background:rgba(0,0,0,0.2);}
#header #mlogo{display: none;}
#header .header_nav{
	position:fixed; left:0px; top:0px; width:240px; height:100vh; z-index:9;
	border-right:1px solid #eee; background:#fff;
	padding:30px; overflow-y:auto;
}
#header .header_nav .logo{display: block; padding: 0 20px; text-align:center;}
#header .header_nav .logo img{width:100%;}
/* #header .header_nav p{line-height:30px; height:30px;}
#header .header_nav p a{color:#000; display:block; padding-left:20px;}
#header .header_nav p a.research{font-weight:600;}
#header .header_nav p a.curr,#header .header_nav p a.current{color:#4c78fb; background:url(../images/dot_nav.jpg) left no-repeat;}
#header .header_nav p a:hover{color:#4c78fb;} */

#header .header_nav div{padding:5px 0 0 0;line-height:30px;}
#header .header_nav div a{color:#000;font-weight: bold; display:block; padding-left:20px;}
#header .header_nav div a.research{font-weight:600;}
#header .header_nav div a.curr,#header .header_nav div a.current{color:#4c78fb; background:url(../images/dot_nav.jpg) left no-repeat;}
#header .header_nav div a:hover{color:#4c78fb;}

#header .header_nav .child{padding:0 0 0 10px; line-height:30px;}
#header .header_nav .child div {padding:0; line-height:30px;}
#header .header_nav .child a{font-weight:normal}
#header .header_nav .interval{height:30px;}

#header .header_snav{
	position:fixed; left:0px; top:0px; width:200px; height:100vh; z-index:8;
	border-right:1px solid #eee; background:#fff;
	padding:30px;
}
#header .header_snav .back{background:url(../images/nav_back.jpg) left top no-repeat; padding-bottom:130px; display:block;}
#header .header_snav p{line-height:30px; height:30px;}
#header .header_snav p a{color:#000; display:block; padding-left:20px;}
#header .header_snav p a.curr{color:#4c78fb; background:url(../images/dot_nav.jpg) left no-repeat;}
#header .header_snav p a:hover{color:#4c78fb;}

#header .header_ssnav{
	position:fixed; left:0px; top:0px; width:200px; height:100vh; z-index:7;
	border-right:1px solid #eee; background:#fff;
	padding:30px;
}
#header .header_ssnav .back{background:url(../images/nav_back.jpg) left top no-repeat; padding-bottom:130px; display:block;}
#header .header_ssnav p{line-height:30px; height:30px;}
#header .header_ssnav p a{color:#000; display:block; padding-left:20px;}
#header .header_ssnav p a.curr{color:#4c78fb; background:url(../images/dot_nav.jpg) left no-repeat;}
#header .header_ssnav p a:hover{color:#4c78fb;}

#wrap{margin-left:240px; position:relative; z-index:1;}


#footer{margin-left:200px; padding:20px 10% 30px 10%; position:relative; background:#f7f7f7;}
#footer .foot_code{text-align:center; padding:30px 0;}
#footer .foot_code .fot_title{font-size:16px; font-weight:600;}
#footer .foot_code .code{padding-top:20px;}
#footer .foot_code .code a{width:120px; display:inline-block; margin:10px; font-size:13px; font-weight:600;}
#footer .foot_code .code a img{ border:1px solid #555;}
#footer .links{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:30px 0; display:table; width:100%;}
#footer .links li{display:table-cell; width:25%; display:relative;}
#footer .links li a{line-height:200%; display:block; font-size:12px; color:#666;}
#footer .links li .select{background:url(../images/arr_up_03.jpg) right no-repeat; position:relative;}
#footer .links li .m_menu{
	display:none;
	position:absolute; left:0; bottom:30px; width:100%;
	box-shadow:0 0 5px #999; border:1px solid #999; background:#fff; padding:0 10px; 
}
#footer .links li .m_menu a:hover{background:#efefef;}
#footer .logos{padding-top:30px; display:table; width:100%;border-top: 1px solid #ccc;}
#footer .logos .pics{ float: left; width:50%; }
#footer .logos .pics img{width:100px;}
#footer .logos .tips{display:table-cell; width:50%; color:#999; font-size:10px; color:#999; text-align:right; vertical-align:middle; }

#footer .footer-qr {
  float:right;
  padding:0 0 0 40px;
}
#footer .footer-qr li {
  float:left;
  padding:0 10px;
}
#footer .footer-qr li img {
  width:110px;
  height:auto;
}
#footer .footer-qr li h3 {
  font-size:14px;
  font-weight:normal;
  text-align:center;
}


#idx_banner{position:relative;}
#idx_banner .btns{position:absolute; left:8%; bottom:13%; width:180px;}
#idx_banner .btns a{
	margin-top:18px; display:block; text-align:center; border:2px solid #fff; border-radius:23px;
	color:#fff; font-weight:600; line-height:46px;
	transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
}
#idx_banner .btns a:hover{background:#fff; color:#000;}



.idx_list{padding:0px 0px 40px 0px;}
.idx_list .title{padding:40px; padding-bottom:20px; font-size:18px; font-weight:800;}
.idx_list .list{position:relative; padding:10px; margin:10px 20px; overflow:hidden;}
.idx_list .list .arr_left{
	background:url(../images/arr_l.jpg) center no-repeat #fff; 
	width:30px; height:30px; display:block; border-radius:50%; box-shadow:0 0 5px #ccc;
	position:absolute; left:5px; top:50%; margin-top:-40px;
	transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
}
.idx_list .list .arr_right{
	background:url(../images/arr_r.jpg) center no-repeat #fff; 
	width:30px; height:30px; display:block; border-radius:50%; box-shadow:0 0 5px #ccc;
	position:absolute; right:5px; top:50%; margin-top:-40px;
	transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
}
.idx_list .list ul{overflow:hidden;}
.idx_list .list ul li{float:left; padding:0 10px;}
.idx_list .list ul li .pro_title{font-size:16px; font-weight:600; text-align:center; line-height:200%; margin-top:6px;}
.idx_list .list ul li a:hover .pro_title{color: #4c78fb;}
.idx_list .list ul li .more_info{font-size:12px; text-align:center; line-height:140%;}
.idx_list .list ul li .pro_info{font-size:16px; font-weight:600; line-height:24px; height:48px; overflow:hidden; margin-top:8px;}

.pro_list{padding:60px 40px;}
.pro_list .tips{font-size:18px; margin:0 10px; padding-bottom:12px:}
.pro_list .list_title{margin:0 10px; border-bottom:2px solid #000; color:#000; font-size:32px; padding-bottom:12px;}
.pro_list .list_title span{color:#999; font-size:30px;}
.pro_list .list_title input{width:100%; font-size:32px; border:none;}

.pro_list .arti_title{margin:0 10px; text-align:center; color:#000; font-size:32px; padding-bottom:12px;}
.pro_list .arti_title img{ max-width:30%;}

/* .pro_list ul{position:relative; margin-top:40px;}
.pro_list ul li{float:left; padding:0 10px; width:25%; margin-bottom:30px;}
.pro_list ul li .pro_title{font-size:16px; font-weight:600; text-align:center; line-height:28px; margin-bottom:4px; overflow:hidden; margin-top:6px;}
.pro_list ul li .more_info{font-size:12px; text-align:center; line-height:140%;}
.pro_list ul li .pro_title.l{text-align:left;}
.pro_list ul li img {
    border: 1px solid #ccc;
}
.pro_list ul li a:hover img {
    border: 1px solid #999;
} */

.pro_list ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
}

.pro_list ul li {
    box-sizing: border-box;
    width: calc(25% - 20px);
    margin: 10px;
    text-align: center;
    position: relative;
}

.pro_list ul li a {
    display: block;
}

.pro_list ul li a div {
    border: 1px solid #ddd; 
	padding: 10px;
}

.pro_list ul li a div span {
	display: block;
    position: relative;
    width: 100%;
    padding-top: 100%; 
    overflow: hidden;
}

.pro_list ul li a div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	box-sizing: border-box;
    object-fit: contain;
	transition: transform 0.3s ease-in-out; /* 添加过渡效果 */
}
.pro_list ul li a:hover img {
    transform: scale(1.08); 
}

.pro_list ul li a h3 {
    margin: 10px 0;
	transition: color 0.3s ease-in-out; /* 添加颜色渐变效果 */
}
.pro_list ul li a:hover h3 {
    color: #4c78fb; 
}

.pro_list ul.two li{width:50%; padding:0 20px;}
.pro_list ul.three li{width:33.2%; padding:0 15px;}

.pro_list{padding:60px 40px;}


.page-content {
    margin: 20px 10px 0;
    font-size: 16px;
    line-height: 26px;
}

.page-content p
{
	margin: 0;
	padding: 0 0 20px 0;
}

.product {
    box-sizing: border-box;
    width: calc(25% - 20px); /* 25% width for each product with 20px margin */
    margin: 10px;
    text-align: center;
    position: relative;
}

.product a {
    display: block;
}

.image-container {
    position: relative;
    width: 100%;
    padding-top: 100%; /* 1:1 aspect ratio (square) */
    overflow: hidden;
    border: 1px solid #ddd; /* Optional: Add a border for aesthetics */
    border-radius: 8px; /* Optional: Add rounded corners for aesthetics */
}

.product img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product h3 {
    margin: 10px 0;
}


.pro_name{width:100%; display:table;}
.pro_name .cell{width:50%; display:table-cell; vertical-align:middle;}
.pro_name .title{font-size:28px; font-weight:bold; padding-left:10%;}
.pro_name .info{ padding-left:10%; margin-top:18px; line-height:180%;}


.warrper { width:100%; margin-bottom:60px; padding-bottom:10px; position:relative;}
.game_pic_tab{ padding:0px 0; position:relative; overflow:hidden;}
.game_pic{position:relative; padding:20px; position:absolute;}
.game_pic_icon{display:block; width:30px; height:30px; position:absolute; bottom:-30px; background:#f00;}
.game_pic_icon_l{ left:50%; margin-left:-60px; background:url(../images/arr_l.jpg) no-repeat center; z-index:4;}
.game_pic_icon_r{ left:50%; margin-left:30px; background:url(../images/arr_r.jpg) no-repeat center; z-index:4;}


#pro_block1{}
#pro_block1 .title{font-size:28px; padding-left:10%; padding-bottom:8px; font-weight:600;}
#pro_block1 .info{padding-left:10%; padding-bottom:8px;}

.pro_more{}
.pro_more .title{text-align:center; font-size:24px; line-height:140%; font-weight:600;}
.pro_more .info{line-height:140%; margin:30px 15% 0 15%;}
.pro_more .info.c{text-align:center;}
.pro_more .info table{margin:0 auto;}
.pro_more .info td{padding:8px 4px; border:1px solid #ddd; color:#555;}
.pro_more .info .tb{display:table; margin:0 auto; line-height:180%;}

.pro_tips{}
.pro_tips .info{font-size:11px; color:#999; line-height:180%; margin:30px 15% 0 15%;}


.online{padding:40px 10%;}
.online .title{padding-bottom:50px; text-align:center; font-size:24px; font-weight:600;}
.online ul{display:table; margin:0 auto; font-size:16px; line-height:250%;}
.online li{display:table-row;}
.online li a{display:table-cell;}
.online li:nth-child(2N+1){background:#f4f4f4;}
.online li a.name{padding-left:36px; width:40%;}
.online li a.blank{width:10%;}
.online li.info a.name{font-weight:600; background:url(../images/link.png) no-repeat left;}
.online_tips{ text-align:center; font-size:12px; font-weight:100;}

.shop_search{ background:#f7f7f7; padding:80px 15%;}
.shop_search .menu{width:240px; float:left; font-size:40px; line-height:50px;}
.shop_search .input{
	width:calc(100% - 500px); float:left; position:relative; margin-top:5px;
	line-height:40px; height:40px; font-size:18px; text-indent:20px;
	background:url(../images/arr_down.png) no-repeat right #fff;
}
.shop_search .input a{display:block;}
.shop_search .input .show_select{
	display:absolute; left:0; top:100%;
	background:#fff; box-shadow:0 0 5px #999;
}
.shop_search .input .show_select a:hover{background:#efefef;}

.shop_search .btn{width:200px; float:right; font-size:22px; line-height:50px;}
.shop_search .btn a{
	color:#fff; background:#000; text-align:center; display:block; border-radius:25px;
	transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
}
.shop_search .btn a:hover{background:#666;}

.shop_list{margin:40px 15%;}
.shop_list ul{display:table; width:100%; border-bottom:1px solid #cfcfcf;}
.shop_list ul li{display:table-cell; padding:60px 0; vertical-align:middle;}
.shop_list ul li.info{padding-left:4%; font-size:16px; line-height:180%; width:60%;}
.shop_list ul li .name{font-size:24px; font-weight:600; padding:10px 0;}
.shop_list ul li.btn{text-align:center;}
.shop_list ul li.btn a{
	background:#000; border-radius:50px; padding:12px 40px;
	white-space:nowrap; margin:10px 12px; display:inline-block;
	color:#fff; font-size:18px; font-weight:600;
	transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
}
.shop_list ul li.btn a:hover{background:#666;}




.history{background:url(../images/line.png) repeat-y center #fff; padding:60px 10%;}
.history ul{display:table; background:url(../images/circle.png) no-repeat center;}
.history ul li{display:table-cell; width:50%; padding:0 40px; vertical-align:middle; line-height:150%;}
.history ul li .title{font-size:26px; font-weight:600; line-height:130%; padding-bottom:3px;}
.history ul li span{font-size:26px; font-weight:600; line-height:150%;}
.history ul li .tips{font-size:11px; padding:4px 0;}



#pro_down{padding:60px 10%;}
#pro_down li{float:left; width:50%; padding:30px; margin-bottom:40px;}
#pro_down li img{box-shadow:10px 10px 0 #d6d6d6}
#pro_down li .title{ margin-top:30px; text-align:center;}
#pro_down li .title a{
	display:inline-block; line-height:40px; height:40px; overflow:hidden;
	border:2px solid #d6d6d6; border-radius:30px; font-size:16px;
	background:url(../images/down.jpg) no-repeat 20px; padding:0 20px 0 50px;
}

#about{padding:60px 10%;}
#about .infos{}
#about .infos ul{display:table; width:90%; margin:40px 5% 10px 5%;}
#about .infos li{display:table-cell; vertical-align:top; font-size:16px; line-height:180%;}
#about .infos li.title{font-size:28px; font-weight:600; padding-left:40px; width:35%;}
#about .infos span{font-weight:600;}
#about .logos{padding:30px 40px; border-bottom:1px solid #d7d7d7;}



#contact{padding:60px 10%;}
#contact .infos{padding-bottom:60px;}
#contact .infos .logo{width:300px; margin:0 auto 40px auto;}
#contact .infos .comname{text-align:center; padding:40px 0; font-size:38px; font-weight:600;}
#contact .infos .more{font-size:16px; line-height:200%; text-align:center;}
#contact .infos .code{max-width:30%;}
#contact .map{height:400px;}


#brand{position:relative;}
#brand .infos{position:absolute; left:43%; width:50%; top:27%;}
#brand .infos .title{font-size:60px; color:#fff; font-weight:600; margin-top:20px; line-height:normal}
#brand .infos .etitle{font-size:32px; color:#fff; font-weight:600; margin-top:20px; font-family:Sans-serif;}
#brand .infos .more{font-size:16px; color:#fff; margin-top:30px; line-height:180%;}


.team_class{padding:30px 0; text-align:center;}
.team_class a{display:inline-block; margin:0 4px; padding:4px 20px; font-size:20px; font-weight:600;}
.team_class a.curr{background:#000; color:#fff; border-radius:20px;}

.team_list{padding:60px 5%;}
.team_list ul{}
.team_list ul li{float:left; padding:0 20px; width:25%; margin-bottom:30px;}
.team_list ul li .pro_title{font-size:16px; font-weight:600; line-height:30px; height:30px; overflow:hidden; margin-top:6px;}


.event_order{background:#f7f7f7; padding:40px 10%;}
.event_order select{
	margin:0 10px; width:calc(100% - 20px); padding:0 20px;
	background:#fff; border:none; height:30px; line-height:30px; 
	border-radius:20px;
}
.event_order .moreselect{position:relative;}
.event_order .moreselect .toselect{
	width:100%; text-align:left; padding-left:10px;
	background:url(../images/arr_down.png) no-repeat calc(100% - 10px) #fff; background-size:16px;
}
.event_order .moreselect .show_select{
	position:absolute; left:20px; top:40px; width:calc(100% - 20px); z-index:9;
	background:#fff; box-shadow:0 0 5px #999;
}
.event_order .moreselect .show_select a{width:100%; text-align:left; padding-left:10px; background:none; border:none;}

.calendar{background:url(../images/event.jpg) no-repeat center; background-size:cover; padding:60px 10%;}
.calendar .month{margin-bottom:30px;}
.calendar .month a{background:#fff; color:#a0a0a0; padding:8px 40px; font-weight:600; font-size:18px; display:inline-block; border-radius:30px; margin-right:30px;}
.calendar .month a.curr{border:1px solid #000; color:#000;}

.calendar .event_list{background:#fff; padding:40px;}
.calendar .title{}
.calendar .title li{
	margin-bottom:12px; background:#000; color:#fff; font-size:16px; font-weight:600;
	float:left; display:block;
	height:30px; line-height:30px; border-radius:5px;
	text-align:center; margin:4px; width:calc(100%/7 - 9px);
}
.calendar .title li.red{background:#d90000;}
.calendar .list li{
	margin-bottom:12px; background:#fff; font-size:16px; font-weight:600;
	float:left; display:block; position:relative;
	line-height:30px; border-radius:3px;
	border:1px solid #ccc; box-shadow:5px 5px 0 #efefef;
	margin:6px; width:calc(100%/7 - 13px);
}
.calendar .list li a{
	position:absolute; width:100%; height:100%; display:block; 
	text-align:center; top:0; left:0; padding-top:20%; padding-right:15%; text-align:right; 
}



#security{ padding-bottom:20px; text-align:center;}
#security .title{text-align:center; font-size:1.8rem; padding:3rem 0; line-height:4rem;}
#security .title img{max-width:100%;}

#security .toppic{background:#f2f2f2; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
#security .toppic img{max-width:100%;}
#security .infos{padding-top:20px; padding-bottom:40px;}
#security .infos img{ vertical-align:top; max-width:90%}


.article{padding:60px 10%; 120px 10%}
.article .title{text-align:center; color:#000; font-size:38px; padding-bottom:12px;}
.article .date{text-align:center; color:#000; font-size:12px; padding-bottom:20px;}
.article .cont{font-size:14px; line-height:180%;}
.article .cont img{max-width:100%;}




.video{padding:60px 10%; 120px 10%; background:#000;}
.video .title{text-align:center; color:#fff; font-size:38px; padding-bottom:30px;}
.video .cont video{max-height:80vh;}



/*翻页*/

.page{padding:30px 0; text-align:center;}
.page a,.page strong{display:inline-block; margin:0 3px; padding:3px 8px; border:1px solid #999; color:#000;line-height: 1.2;}
.page a.current,.page strong {background:#000; color:#fff; border:1px solid #000;}


.page a:hover {
  background-color: rgba(0, 0, 0, .05);
}

.pagination {
  clear: both;
  text-align: center;
  padding-top: 35px;
  font-size: 14px;
  font-family: Arial;
}

.pagination a {
  display: inline-block;
  margin: 0 2px;
  padding: 5px 14px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  border: 1px solid #d1cbbf;
  color: #666;
}

.pagination a:hover {
  background-color: rgba(0, 0, 0, .05);
  position: relative;
}


.pagination strong {
  display: inline-block;
  position: relative;
  z-index: 2;
  margin: 0 2px;
  padding: 5px 14px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, .3);
  border-right-width: 0;
  color: #fff;
  background: #333;
}




/*弹出窗*/

#alert_info{
	position:fixed; left:0; top:0; width:100%; min-height:100%;
	padding:80px 0; background:rgba(0,0,0,0.8); z-index:98; 
	display:none;
}
#alert_info .showinfo{position:relative; margin-left:calc(50% - 400px); width:800px; background:#f7f7f7; z-index:99;}
#alert_info .showinfo .close{
	display:block; width:41px; height:41px;
	position:absolute; right:-60px; top:-40px; background:url(../images/close.png) no-repeat center;
}

/*弹出窗----地图*/
.showinfo .map_info{max-height:85vh; overflow-y:auto;}
.showinfo .map_info form{padding:0 80px 30px 80px;}
.showinfo .map_info .title{text-align:center; padding:30px 0; font-size:32px; font-weight:600;}
.showinfo .map_info ul{display:table; width:100%;}
.showinfo .map_info ul li{display:table-cell; padding:8px 10px; vertical-align:middle;}
.showinfo .map_info ul li.name{width:78px; line-height:30px;}
.showinfo .map_info ul li input{
	margin:0 10px; width:calc(100% - 20px); padding:0 20px;
	background:#fff; border:none; height:30px; line-height:30px; 
	border-radius:20px;
}
.showinfo .map_info ul li a{
	margin:0 10px; float:left; display:block; 
	width:calc(25% - 20px); text-align:center; background:#fff; color:#6d6d6d;
	height:28px; line-height:28px; border-radius:20px;
	border:1px solid #fff;
}
.showinfo .map_info ul li a.curr{border:1px solid #000; color:#000;}
.showinfo .map_info .btn{text-align:center;}
.showinfo .map_info .btn a{
	background:#000; border-radius:50px; padding:12px 40px;
	white-space:nowrap; margin:10px 12px; display:inline-block;
	color:#fff; font-size:18px; font-weight:600;
	transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
}
.showinfo .map_info .btn a:hover{background:#666;}

/*弹出窗----球员*/
.showinfo .team_info{padding:40px 30px; max-height:85vh; overflow-y:auto;}
.showinfo .team_info .name{font-size:28px; font-weight:600;}
.showinfo .team_info .blod{font-weight:bold;line-height:180%;}
.showinfo .team_info .info{line-height:180%;}
.showinfo .team_info .idx_list{padding-bottom:0px;}
.showinfo .team_info .idx_list .list{padding:10px 10px; margin:10px -20px;}

/*弹出窗----试打会*/
.showinfo .event_info{padding:50px 30px 10px 30px; max-height:70vh; overflow:auto;}
.showinfo .event_info .ev_date{text-align:center; font-size:42px; font-weight:100; padding-bottom:40px;}
.showinfo .event_info .info_title{text-align:center; border-bottom:1px solid #000; font-size:20px; padding-bottom:10px; font-weight:bold;}
.showinfo .event_info .info_more{padding-top:10px; font-size:20px; line-height:150%; text-align:center; padding-bottom:40px;}



/* ==========================================================================
   Component: Flex Slider Plugin
 ============================================================================ */
.am-slider a:hover,
.am-slider a:focus {
  outline: none;
}
.am-slides,
.am-control-nav,
.am-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.am-slider {
  margin: 0;
  padding: 0;
}
.am-slider .am-slides:before,
.am-slider .am-slides:after {
  content: " ";
  display: table;
}
.am-slider .am-slides:after {
  clear: both;
}
.am-slider .am-slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative;
}
.no-js .am-slider .am-slides > li:first-child {
  display: block;
}
.am-slider .am-slides img {
  width: 100%;
  display: block;
}
.am-slider {
  position: relative;
}
/**
  * Slider Theme: Default
  */
.am-slider-default {
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
.am-slider-default .am-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
          transition: all 1s ease;
}
.loading .am-slider-default .am-viewport {
  max-height: 300px;
}
.am-slider-default .carousel li {
  margin-right: 5px;
}
.am-slider-default .am-direction-nav a {
  position: absolute;
  bottom:-50px;
  z-index: 10;
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 1s ease;
          transition: all 1s ease;
}
.am-slider-default .am-direction-nav .am-prev {
  left:50%; margin-left:-60px; background:url(../images/arr_l.jpg) center no-repeat;
}
.am-slider-default .am-direction-nav .am-next {
  left:50%; margin-left:30px; background:url(../images/arr_r.jpg) center no-repeat;
}

.am-slider-default .am-direction-nav .am-disabled {
  opacity: 0!important;
  cursor: default;
}

.am-slider-default .am-slider-desc {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  padding: 10px;
  width: 100%;
  color: #ffffff;
}
.am-slider-default .am-control-nav {
  width: 100%;
  position: absolute;
  bottom:6%;
  text-align: center;
}
.am-slider-default .am-control-nav li {
  margin: 0 8px;
  display: inline-block;
}
.am-slider-default .am-control-nav li a {
  width: 14px;
  height: 14px;
  display: block;
  border:2px solid #fff;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
}
.am-slider-default .am-control-nav li a.am-active {
  background-color: #fff;
  cursor: default;
}

#main-page {
	font-size: 16px;
	line-height: 180%;
}

#photo_show
{
    padding: 20px 0 0 0;
}

#photo_title
{
    padding: 0 0 30px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

#photo_source
{
    text-align: center;
}

/* #photo_source img
{
    padding: 6px;
    border: 1px solid #ddd;
} */

#photo_about {
  padding: 20px 0 20px 0;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
  text-align: justify;
}

#photo_about p {
  padding: 0 0 20px 0;
}

#photo_near {
	width:100%;
	padding:20px 0 0 0;
	}
#photo_near .previous {
    padding:0 0 5px 0;
	}
#photo_near a:hover {
  color: #4c78fb;
	}