﻿*{
	margin:0;
	padding:0;
	font-family: "微软雅黑";
	box-sizing: border-box;
}
/*去除默认样式*/
ul,ol,li{list-style:none;}
/*清除浮动*/
.fl{float:left;}
.fr{float:right;}
.clear{zoom:1;}
.clear:after{content:"";display:table;clear:both;overflow:hidden;}
/*a链接*/
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
/*去除点击高亮效果*/
a,button,input,select,img,label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:medium none;}
input::-moz-focus-inner{border:none;padding:0;}
select, input{vertical-align:middle;}
/*去掉苹果的默认UI来渲染按钮*/
input[type="submit"],input[type="reset"],input[type="button"],button,select{-webkit-appearance:none;}
/*placeholder文本颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
color:#ccc;
}
input:-moz-placeholder,textarea:-moz-placeholder{
color:#ccc;
}
/*长英文字母 数字 换行*/
p{word-break:break-all;word-wrap:break-word;}
/*去除默认样式*/
h1,h2,h3,h4,h5,h6,strong,i,em,address, caption, cite, code, dfn, th, var{font-weight:normal;font-style:normal;}
fieldset, img{border:none;display:block;}
/*去除长按a链接弹框*/
html,body{-webkit-touch-callout:none;}
body{-webkit-overflow-scrolling: touch; /* ios5+ */}

body,html {
	width:100%;
}
.center {
	margin:0 auto;
	text-align: center;
}
.main_bg {
	width:100%;
	background: url(/skin/new_goldSwan/images/swan_m/main_bg.png) no-repeat;
	background-size: 100% 100%;
}
.my_header {
	padding:1.6rem 0 .5rem;
	background: url(/skin/new_goldSwan/images/swan_m/swan_bg.png) no-repeat center;
	background-size: 27.85rem 15rem ;
	background-position-x: -8rem;
}
.my_header .swan_logo {
	width:14.71rem;
	height:4.42rem;
	background: url(/skin/new_goldSwan/images/swan_m/x_swan_logo.png) no-repeat;
	background-size: contain;
}
.my_header .swan_title {
	width:21.25rem;
	height:1.17rem;
	background: url(/skin/new_goldSwan/images/swan_m/x_swan_title.png) no-repeat;
	background-size: cover;
	margin-top:.75rem;
}
.my_header .swan_time {
	width:3.21rem;
	height:1.07rem;
	background: url(/skin/new_goldSwan/images/swan_m/x_swan_time.png) no-repeat;
	background-size: contain;
	margin-top:0.56rem;
}
.video_box {
	width:21.85rem;
	height:12.64rem;
	/*border:1px solid #FCF2ED;*/
	box-shadow: 0px 0px 5px #9CAAFF;
	padding:0.53rem;
	margin-top:.85rem;
	border-radius: 5px;
	background-color: rgba(252,242,237,.5);
}
.video_slider {
	position: relative;
}
.video_slider video.my_video {
	/*width:21rem;
	height:11.78rem;*/
	width:20.79rem;
	height:11.58rem;
}
video::-webkit-media-controls {
  display:none !important;
}
.video_slider .swiper-container1 {
	overflow: hidden;
	position: relative;
}
.bofang {
	width:5.14rem;
	height:5.14rem;
	background: url(/skin/new_goldSwan/images/swan_m/x_swan_playBtn.png) no-repeat;
	background-size: contain;
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-2.57rem;
	margin-left:-2.57rem;
}
.video_slider .swiper-pagination {
	left:50%;
	transform: translateX(-50%);
	bottom:-1.7rem;
}
.video_slider .swiper-pagination-bullet {
	width:5px;
	height:5px;
	background: #FF7B6E;
	opacity: 1;
	margin-right:6px;
}
.video_slider .swiper-pagination-bullet:last-child {
	margin-right:0;
}
.video_slider .swiper-pagination-bullet-active{
	background: #FFFFFF;
	opacity: 1;
}

.my_content {
	padding:1.42rem 0.75rem;
}
.lately_news .news_tit {
	width:100%;
	height:1.42rem;
	background: url(/skin/new_goldSwan/images/swan_m/x_swan_tit2.png) no-repeat;
	background-size: cover;
}
.lately_news .news_media {
	width:100%;
	padding:5px;
	border:1px solid #FCF2ED;
	box-shadow: 0px 0px 4px #CD5A3A;
	margin-top:10px;
	overflow: hidden;
	background-color: rgba(252,242,237,.5);
	border-radius:4px;
}
.lately_news .media_left {
	position: relative;
	float: left;
	width:7.14rem;
	height:5rem;
	padding:5px;
	background-color: #FCF2ED;
}
.lately_news .media_left img {
	width:100%;
}
.lately_news .media_right {
	position: relative;
	margin-left:7.5rem;
}
.lately_news .media_right h3 {
	font-size: 0.85rem;
	color:#000;
}
.media_right .txt_detail {
	margin-top:4px;
	overflow: hidden;
}
.txt_detail p {
	display: inline-block;
	font-size: 0.78rem;
	color:#595757;
	width:86%;
}
.txt_detail .more {
	display: inline-block;
	font-size: 0.78rem;
	color:#152C8D;
	border-bottom: 1px solid #152C8D;
}
.form {
	padding:2rem 0 1.1rem;
}
input {
	outline: none;
	border: none;
}
.form input[type=text]{
	height:2.57rem;
	width:100%;
	line-height: 2.57rem;
	padding-left:0.71rem;
	border:1px solid #999999;
	font-size: 0.57rem;
	color:#FFFFFF;
	background-color: transparent;
	margin-bottom: 0.71rem;
}
.form input[type=submit]{
	width:100%;
	background: #3764F4;
	color: #fff;
	height:2.57rem;
	line-height: 2.57rem;
	border:none;
	font-size: 1.07rem;
	cursor: pointer;
	text-align: center;
}

.news_tab {
	margin-top:1.42rem;
	/*overflow: hidden;*/
}
.tab_head {
	height:2.14rem;
	width:100%;
}
.tab_head li {
	float: left;
	margin-right:1.404%;
	background-repeat: no-repeat;
	background-position: center center;
	height:2.14rem;
	width:32.4%;
	border-radius:3px 3px 0 0;
	background-color: rgba(252,242,237,.8);
	box-shadow: 0px 1px 3px #9CAAFF inset;
}
.tab_head li.active {
	background-color: rgba(252,242,237,1);
}
.tab_head li:last-child {
	margin-right:0;
}
.tab_head .li01 {
	background-image: url(/skin/new_goldSwan/images/swan_m/x_img_02.png);
	background-size: 3.71rem 1rem;
}
.tab_head .li02 {
	background-image: url(/skin/new_goldSwan/images/swan_m/x_img_03.png);
	background-size: 4.64rem 1rem;
}
.tab_head .li03 {
	background-image: url(/skin/new_goldSwan/images/swan_m/x_img_04.png);
	background-size: 3.71rem 1rem;
}
.tab_content {
	width:100%;
	padding-top:1.42rem;
	padding-bottom:0.71rem;
	background-color: #FCF2ED;
	box-shadow: 0px 3px 3px rgba(215,47,0,.5);
}
.tab_content ul {
	width:100%;
	overflow-y: scroll;
}
.dn {
	display: none;
}
.tab_content ul:last-child {
	/*height:497px;*/
}
.tab_content ul.tab01 {
	height:15.2rem;
	padding:0 1.07rem;
	padding-bottom: 0;
	position: relative;
}
.tab01 li {
	margin-bottom: 1.42rem;
}
.tab01 li h3 {
	font-size: 1rem;
	font-weight: bold;
	color:#000000;
	line-height: 1.42rem;
	margin-bottom: 0.71rem;
}
.tab01 li img {
	width:100%;
}
.tab_content ul.tab02 {
	height:15.98rem;
	padding:0 0.3rem 0.71rem;
} 

.tab02 .news_media {
	width:100%;
	padding:1.07rem 0;
	overflow: hidden;
	border-bottom:1px solid #9FA0A0;
}
.tab02 .news_media:first-child  {
	padding-top:0;
}
.tab02 .news_media a {
	display: block;
}
.tab02 .media_left {
	position: relative;
	float: left;
	width:7.14rem;
	height:5rem;
	padding:5px;
	background-color: #FCF2ED;
}
.tab02 .media_left img {
	width:100%;
	height:100%;
}
.tab02 .media_right {
	position: relative;
	margin-left:7.5rem;
}
.tab02 .media_right h3 {
	font-size: 0.85rem;
	color:#000;
}
.media_right .txt_detail {
	margin-top:4px;
	overflow: hidden;
}
.news_tab .txt_detail p {
	display: inline-block;
	font-size: 0.78rem;
	color:#595757;
	width:100%;
}
.tab03 {
	padding:0 0.71rem;
	height:auto;
} 
.tab03 .person_item {
	float: left;
	width:32%;
	margin-right:2%;
	margin-bottom:1.42rem;
}
.tab03 .person_item:nth-child(3n){
	margin-right:0;
}
.tab03 .person_item img {
	width:6.42rem;
	height:6.42rem;
	margin: 0 auto;
}
.tab03 .person_item h3{
	font-size: 1rem;
	color:#152C8D;
	font-weight: bold;
	text-align: center;
}
.tab03 .person_item p {
	font-size: 0.57rem;
	color:#152C8D;
	text-align: center;
}
.my_footer {
	/*height:28.57rem;*/
	width:100%;
	padding:0.71rem 10px;
}
.my_footer .time_clock {
	width:100%;
	height:4.64rem;
	box-shadow: 0px 0px 5px #152C8D inset;
	line-height: 4.64rem;
	text-align: center;
	font-size: 0.75rem;
	color:#E83828;
	background-color: #FCF2ED;
	padding: 0.71rem 2px;
	position: relative;
	border-radius: 6px;
}
.time_clock #new_year {
	display: inline-block;
	width:auto;
	margin:0;
}
.time_clock .txt_show_left {
	display: inline-block;
	/*float: left;*/
	position: absolute;
	left:0.71rem;
	line-height: 3.21rem;
}
.time_clock .txt_show_right {
	display: inline-block;
	/*float: right;*/
	position: absolute;
	right:.65rem;
	line-height: 3.21rem;
}
@media screen and (max-width: 354px){
.my_footer .time_clock{
  font-size: 0.75rem;}
}

.my_footer .company_logo {
	width:100%;
	height:2.85rem;
	background: url(/skin/new_goldSwan/images/swan_m/x_company_logo.png) no-repeat center;
	background-size: 3.21rem 2.85rem;
	margin-top:0.71rem;
}

/*倒计时*/
.flip-clock-wrapper ul{
	background: transparent;
	height:3.21rem;
	width:.9rem;
	font-weight: normal;
	line-height: 3.21rem;
	margin:0;
	margin-right:1px;
	border-radius: 3px;
}
/*.flip-clock-wrapper ul:nth-of-type(2n){
	margin-right:5px;
}*/
.flip-clock-label {display: none;}
.flip-clock-wrapper ul li {
	line-height: 3.21rem;
}
.flip-clock-wrapper a {
	color:#E60012;
}
.flip-clock-wrapper ul li a div {
	font-size: 1.57rem;
}
.flip-clock-wrapper ul li a div div.inn {font-family: "agency fb";font-size: 1.57rem;color:#E60012;background-color: #FCF2ED;text-shadow:0 1px 2px #fff;}
.flip-clock-wrapper .flip {/*box-shadow: 0px 0px 2px #CD5A3A;*/box-shadow: none;}
.flip-clock-divider {width:0.71rem;height:3.21rem;}
.flip-clock-dot {width:4px;height:4px;background: #E60012;box-shadow: none;left:0;margin:0 2px;}
.flip-clock-dot.bottom {bottom:1.3rem;}
.flip-clock-dot.top{top:1rem;}


/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, #ff6657 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, #ff6657));
  background: linear, top, rgba(255, 255, 255, 0.1) 0%, #ff6657 100%;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, #ff6657 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, #ff6657 100%);
  background: linear, to bottom, rgba(255, 255, 255, 0.1) 0%, #ff6657 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, #ff6657 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, #ff6657));
  background: linear, top, rgba(255, 255, 255, 0.1) 0%, #ff6657 100%;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, #ff6657 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, #ff6657 100%);
  background: linear, to bottom, rgba(255, 255, 255, 0.1) 0%, #ff6657 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, #ff6657 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6657), color-stop(100%, rgba(255, 255, 255, 0.1)));
  background: linear, top, #ff6657 0%, rgba(255, 255, 255, 0.1) 100%;
  background: -o-linear-gradient(top, #ff6657 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -ms-linear-gradient(top, #ff6657 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear, to bottom, #ff6657 0%, rgba(255, 255, 255, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, #ff6657 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6657), color-stop(100%, rgba(255, 255, 255, 0.1)));
  background: linear, top, #ff6657 0%, rgba(255, 255, 255, 0.1) 100%;
  background: -o-linear-gradient(top, #ff6657 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -ms-linear-gradient(top, #ff6657 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear, to bottom, #ff6657 0%, rgba(255, 255, 255, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }
    
    
.swiper-button-next2,.swiper-button-prev2{
	width:1.78rem;
	height:3.57rem;
	background-size: 0.53rem 1.75rem;
	background-position: center;
}
.swiper-button-prev2{
	background-image: url(/skin/new_goldSwan/images/swan_m/prev_arr.png);
	margin-top:-1.78rem;
	left:0;
}
.swiper-button-next2 {
	background-image: url(/skin/new_goldSwan/images/swan_m/next_arr.png);
	margin-top:-1.78rem;
	right:0;
}
 .swiper-pagination2{
	bottom:0.35rem;
	width:100%;
	left:0;
}
 .swiper-pagination2 .swiper-pagination-bullet{
	width:5px;
	height:5px;
	background: #A3A3A3;
	opacity: 1;
	margin:0 4px;
}
 .swiper-pagination2 .swiper-pagination-bullet-active {
	background: #FF7B6E;
	opacity: 1;
}