a:active {

	outline: none;

	star: expression(this.onFocus=this.blur());

}



* {

	margin: 0;

	padding: 0;

	list-style: none;

	outline: none;

	word-wrap: break-word;

}



img {

	border: none;

}



table {

	table-layout: fixed;

	border-collapse: collapse;

}



a {

	text-decoration: none;

}



a,

button,

input {

	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);

}



.fb {

	font-weight: bold;

}



body {

	font-size: 12px;

	font-family: Helvetica, Arial, "微软雅黑";

	background: #f6f6f6;

	-webkit-text-size-adjust: none;

}



.cb:after {

	display: block;

	clear: both;

	content: "";

	visibility: hidden;

	height: 0;

}



.cb {

	zoom: 1;

}



.tc {

	text-align: center;

}



input,

textarea,

select {

	-webkit-appearance: none;

}



.body {

	padding: 88px 0 0 0;

}



.head {

	width: 100%;

	height: 88px;

	line-height: 88px;

	background: #fff;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 100;

}



.head .logo {

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}



.head .tmall {

	position: absolute;

	right: 44px;

	top: 30px;

}



.head .search {

	width: 208px;

	height: 38px;

	display: none;

	background: #f4f4f4;

	border-radius: 10px;

	position: absolute;

	right: 128px;

	top: 30px;

}



.head .search .ipt {

	width: 154px;

	height: 22px;

	position: absolute;

	left: 12px;

	top: 7px;

	border: 0;

	background: none;

}



.head .search .btn {

	width: 30px;

	height: 24px;

	position: absolute;

	right: 8px;

	top: 6px;

	border: 0;

	cursor: pointer;

	background: url(../image/icon-search.jpg) no-repeat center;

}



.nav-bg {

	width: 100%;

	height: 0;

	background: #f5f5f5;

	position: absolute;

	left: 0;

	top: 100%;

	z-index: 5;

	transition: .7s;

}



.nav {

	text-align: center;

}



.nav li {

	width: 125px;

	background: url(../image/nav-r.png) no-repeat right;

	display: inline-block;

	text-align: center;

	position: relative;

	margin: 0 0 0 -10px;

	transition: .3s;

}



.nav .last {

	background: none;

}



.nav li .a1 {

	width: 100%;

	display: block;

	font-size: 16px;

	color: #333333;

	transition: .2s;

}



.nav li:hover .a1 {

	color: #fff;

	background: #06478b;

}



.nav .sub-nav {

	width: 100%;

	padding: 0;

	overflow: hidden;

	height: 0;

	line-height: 34px;

	position: absolute;

	left: 0;

	top: 100%;

	z-index: 6;

	transition: .7s;

}



.nav li:hover .sub-nav {

	background: #e5e5e5;

}



.nav .sub-nav a {

	color: #646464;

	font-size: 14px;

	transition: .3s;

}



.nav .sub-nav a:hover {

	color: #06478b;

}



.nav-btn {

	display: none;

	width: 40px;

	height: 40px;

	position: absolute;

	right: 15px;

	top: 10px;

	z-index: 50;

	transition: .4s;

}



.nav-btn .line {

	width: 100%;

	height: 5px;

	background: #a1a1a1;

	position: absolute;

	left: 0;

	top: 50%;

	margin: -10px 0 0 0;

	transition: .4s;

	transform-origin: center;

}



.nav-btn .line2 {

	margin: 6px 0 0 0;

}



.foot {

	padding: 80px 0 70px 0;

	background: #313131;

	color: #999999;

}



.foot .box {

	width: 1580px;

	position: relative;

	overflow: hidden;

	margin: 0 auto;

}



.foot .foot-logo {

	float: left;

}



.foot .bottom {

	width: 500px;

	position: absolute;

	left: 180px;

	top: 0;

	line-height: 24px;

	color: #666666;

}



.foot .foot-nav {

	overflow: hidden;

}



.foot .foot-nav a {

	transition: .3s;

	color: #999999;

	float: left;

	margin: 0 12px 0 0;

}



.foot .foot-nav a:hover {

	color: #fff;

}



.foot .foot-nav a:after {

	content: '|';

	color: #424242;

	margin: 0 0 0 12px;

}



.foot .foot-nav .last:after {

	content: '';

	margin: 0;

}



.foot .copyright a {

	transition: .3s;

	color: #666666;

}



.foot .copyright a:hover {

	color: #fff;

}



.foot .copyright span {

	display: inline-block;

}



.foot .contact {

	width: 500px;

	position: absolute;

	right: 180px;

	top: 0;

}



.foot .phone {

	margin: 0 20px;

	line-height: 22px;

	float: right;

	font-size: 18px;

	background-image: url(../image/phone.png);

	background-repeat: no-repeat;

	padding-left: 50px;

	background-position-y: 5px;

}



.foot .phone .p1 {

	font-size: 12px;

}



.foot .email {

	width: 180px;

	height: 42px;

	line-height: 42px;

	text-align: center;

	background: #666666;

	font-size: 14px;

	color: #fff;

	font-weight: bold;

	border-radius: 25px;

	position: absolute;

	right: 0;

	top: 0;

}



.foot .email span {

	padding: 0 0 0 36px;

	background: url(../image/icon-email.png) no-repeat left;

}



.foot .QR img {

	float: right;

}



.page {

	text-align: center;

	overflow: hidden;

}



.page .page-num-current {

	position: relative;

}



.page a,

.page span {

	width: 30px;

	height: 30px;

	line-height: 30px;

	margin: 0 5px;

	text-align: center;

	font-size: 14px;

	color: #646464;

	background: url(../image/icon-page.png) no-repeat center;

	display: inline-block;

	position: relative;

	transition: .4s .2s;

}



.page a:before {

	content: '';

	width: 100%;

	height: 100%;

	background: url(../image/icon-page.png) no-repeat center;

	position: absolute;

	left: 0;

	top: 0;

	transition: .3s .2s;

}



.page a:after,

.page .page-num-current:after {

	content: '';

	width: 100%;

	height: 100%;

	background: url(../image/icon-page-cur.png) no-repeat center;

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	filter: alpha(opacity=0);

	transition: .3s;

}



.page a:hover:before,

.page .page-num-current:before {

	transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	transition: .3s;

}



.page a:hover:after,

.page .page-num-current:after {

	opacity: 1;

	filter: alpha(opacity=100);

	transition: .3s .2s;

}



#videocontainer_logo,

#videocontainer_menu,

#wrapvidepo_logo,

.jwclick {

	display: none !important;

}



#videocontainer {

	width: 100%;

	height: 100%;

	outline: none;

}



.theme-popover-mask {

	z-index: 10000;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: 0.7;

	filter: alpha(opacity=70);

	display: none;

}



.theme-popover {

	width: 660px;

	height: 400px;

	margin: -200px 0 0 -330px;

	outline: none;

	z-index: 10001;

	position: fixed;

	top: 50%;

	left: 50%;

	border-radius: 2px;

	background-color: #fff;

	display: none;

	box-shadow: 0 0 10px #666;

}



.theme-popover .close {

	position: absolute;

	right: 0;

	top: -32px;

	background: url(../image/close.jpg) no-repeat scroll left top;

	width: 32px;

	height: 32px;

	display: block;

}



.theme-popover .close:hover {

	background-position: left bottom;

}



.theme-popover .close img {

	display: none;

}



.jinxiaoshao {

	display: block;

	width: 106px;

	height: 34px;

	border: 1px solid #da1e2a;

	position: absolute;

	right: 180px;

	top: 27px;

	border-radius: 6px;

	text-align: center;

	line-height: 34px;

	font-weight: bold;

	font-size: 14px;

	color: #da1e2a;

}



.oa {

	display: block;

	width: 34px;

	height: 34px;

	border: 1px solid #da1e2a;

	position: absolute;

	right: 120px;

	top: 26px;

	border-radius: 50%;

	text-align: center;

	line-height: 34px;

	font-weight: bold;

	font-size: 14px;

	color: #da1e2a;

}



.flexmenu {

	position: fixed;

	right: 3px;

	top: 50%;

	z-index: 99;

	margin-top: -123px;

}



.menu-list li {

	margin-bottom: 2px;

	position: relative;

}



.menu-list li:last-child {

	margin-bottom: 0;

}



.menu-list li a {

	display: block;

	width: 65px;

	transition: 300ms;

	height: 60px;

	position: relative;

	background: #2e2e2e;

}



.menu-list li a:hover {

	background: #06478b;

}



.menu-list li a img {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	margin: auto;

}



@media screen and (max-width:1600px) {

	.foot .box {

		width: auto;

		margin: 0 20px;

	}

	.foot .QR {

		display: none;

	}

	.body {

		padding: 70px 0 0 0;

	}

	.head {

		height: 70px;

		line-height: 70px;

	}

	.head .tmall {

		top: 18px;

		right: 15px;

	}

	.head .search {

		width: 208px;

		height: 38px;

		right: 88px;

		top: 18px;

	}

	.nav {

		margin: 0 0 0 -80px;

	}

	.nav li {

		width: 110px;

	}

	.oa {

		right: 86px;

		top: 17px;

	}

	.jinxiaoshao {

		right: 138px;

		top: 18px;

	}

}



@media screen and (max-width:1350px) {

	.head .tmall {

		width: 80px;

		top: 22px;

		right: 15px;

	}

	.head .search {

		width: 160px;

		height: 38px;

		right: 70px;

		top: 18px;

	}

	.head .search .ipt {

		width: 110px;

	}

	.nav li {

		width: 100px;

	}

}



@media screen and (max-width:1200px) {

	.nav li {

		width: 80px;

	}

	.nav li .a1 {

		font-size: 13px;

	}

	.foot .bottom {

		left: 150px;

	}

	.foot .phone {

		margin: 0 10px;

	}

}



@media screen and (max-width:1024px) {

	.body {

		padding: 60px 0 0 0;

	}

	.head {

		height: 60px;

		transition: .4s;

		overflow: hidden;

	}

	.head .logo {

		height: 60px;

	}

	.head .tmall {

		top: 18px;

		right: 75px;

	}

	.head .search {

		display: none;

	}

	.oa {

		right: 128px;

		width: 30px;

		height: 30px;

		line-height: 30px;

		top: 15px;

	}

	.nav {

		width: 100%;

		background: #fff;

		position: absolute;

		left: 0;

		top: 60px;

		z-index: 5;

		margin: 0;

		overflow-y: scroll;

		transition: .4s;

		/*opacity:0; 

		filter:alpha(opacity=0);*/

	}

	.nav ul {

		width: 100%;

	}

	.nav li {

		width: 100%;

		display: block;

		background: none;

		height: 55px;

		line-height: 55px;

		border-top: 1px solid #dedede;

		margin: 0;

	}

	.nav .sub-nav {

		display: none;

	}

	.nav-bg {

		display: none;

	}

	.nav li .a1 {

		display: block;

	}

	.nav-btn {

		display: block;

	}

	.nav-show.head {

		height: 100%;

	}

	.nav-show.head .nav {

		/*opacity:1; 

		filter:alpha(opacity=100);*/

	}

	.nav-show.head .nav-btn {

		transform: rotate(90deg);

		-webkit-transform: rotate(90deg);

	}

	.nav-show.head .nav-btn .line1 {

		margin: 0;

		transform: rotate(45deg);

		-webkit-transform: rotate(45deg);

	}

	.nav-show.head .nav-btn .line2 {

		margin: 0;

		transform: rotate(-45deg);

		-webkit-transform: rotate(-45deg);

	}

	.foot {

		padding: 0;

	}

	.foot .box {

		height: auto;

		padding: 140px 0 40px 0;

	}

	.foot .foot-logo {

		position: absolute;

		left: 0;

		top: 60px;

	}

	.foot .email {

		position: absolute;

		right: 0;

		top: 64px;

	}

	.foot .contact {

		width: auto;

		padding: 0 0 10px 0;

		overflow: hidden;

		position: static;

	}

	.foot .phone {

		float: left;

		margin: 0 50px 10px 0;

	}

	.foot .bottom {

		width: auto;

		position: static;

	}

	.theme-popover .close {

		display: none;

	}

	.fancybox-close {

		display: none;

	}

	.jinxiaoshao {

		right: 172px;

		top: 14px;

	}

}



@media screen and (max-width:640px) {

	.body {

		padding: 45px 0 0 0;

	}

	.head {

		height: 45px;

	}

	.head .logo {

		height: 45px;

	}

	.nav {

		top: 45px;

	}

	.head .tmall {

		top: 10px;

		right: 65px;

	}

	.nav-btn {

		right: 5px;

		top: 2px;

	}

	.foot .email {

		width: 120px;

		height: 36px;

		line-height: 36px;

	}

	.oa {

		top: 7px;

		right: 120px;

		display: none;

	}

	.jinxiaoshao {

		right: 122px;

		top: 8px;

		height: 28px;

		line-height: 28px;

		width: 74px;

		font-size: 12px;

	}

}