@import url(animate.min.css);
@import url(swiper.min.css);
a {
	padding: 0
}
a {
	margin: 0
}
body, body div, html, img, li, ul {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: 400;
	vertical-align: baseline;
	background: 0 0
}
html {
	box-sizing: border-box;
	overflow-y: scroll
}
*, :after, :before {
	box-sizing: inherit
}
img {
	max-width: 100%
}
ul {
	list-style: none
}
a {
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}
.clearfix:after, .clearfix:before {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
a {
	text-decoration: none;
	border: none;
	color: inherit
}
html, body, div {
	-webkit-text-size-adjust: 100%
}@font-face {
	font-family: 'futura_md_btmedium';
	src: url('../futura/futura_md_bt.eot');
	src: url('../fonts/futura_md_bt.eot') format('embedded-opentype'), url('../fonts/futura_md_bt.woff2') format('woff2'), url('../fonts/futura_md_bt.woff') format('woff'), url('../fonts/futura_md_bt.ttf') format('truetype'), url('../fonts/futura_md_bt.svg#futura_md_btmedium') format('svg');
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: 'iconfont';
	src: url('../fonts/font_6bgbbbqclczhncdi.eot');
	src: url('../fonts/font_6bgbbbqclczhncdi.eot') format('embedded-opentype'), url('../fonts/font_6bgbbbqclczhncdi.woff') format('woff'), url('../fonts/font_6bgbbbqclczhncdi.ttf') format('truetype'), url('../fonts/font_6bgbbbqclczhncdi.svg#iconfont') format('svg')
}
body {
	font-family: "Segoe UI", "Lucida Grande", "STHeiti Light", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif;
	color: #3b3b3b;
	font-size: 14px;
	min-width: 1200px;
	position: relative
}
 @media (min-width:790px){
}
.theme-menu {
	display: inline-block
}
.theme-menu li {
	float: left;
	width: 180px;
	height: 40px;


	line-height: 40px;
	background: #fff ;  border:1px solid #c0101f;
 
	cursor: pointer;
	 
	position: relative; color: #c0101f ;  border-radius: 20px ; margin:0 10px;
}

.theme-menu li::after {
	content: "";
	 
 
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.theme-menu li:hover:after {
	display: none
}
.theme-menu .curr {color:#fff;
	background: #c0101f ;  border:1px solid #c0101f;
}
 
.theme-menu .curr:after {
	display: none
}
.joint-list-box{ padding:20px 0 50px 0; }
.joint-list {    border-left: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;

 
}

.joint-list li {
	float: left;
	width: 20%;
	height: 70px
}

.joint-list li a {
	display: block;
	width: 100%;
	height: 100%;
	color: black;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	line-height: 22px;
	padding: 0px 20px;
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	/* color: #fff; */
	/* background: #b00c1a; */
	/* background-image: linear-gradient(to right,#3fd30d,#36a711,#32A50B); */
}
.joint-list li a:hover{
	/* background: url(../images/xy_bg.png)  no-repeat left center ; */
	background-size: 100% 100%;
}
.joint-list li a::before {
	content: "";
	border-left: 1px solid #c0101f;
	border-right: 1px solid #c0101f;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
	position: absolute;
	top: 0;
	left: 0;
	right: -1px;
	bottom: -1px
}
.joint-list li a::after {
	content: "";
	border-top: 1px solid #c0101f;
	border-bottom: 1px solid #c0101f;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	position: absolute;
	top: 0;
	left: 0;
	right: -1px;
	bottom: -1px
}

 @media (min-width:790px){

.joint-list li a:hover::after, .joint-list li a:hover::before {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

}


@media (max-width:789px){


body {
max-width: 12.8rem;
	margin: 0 auto;
	font-size: 12px;
	overflow: hidden;
min-width: auto;
position:inherit
}
.in-page-body {
	padding-top: 70px
}

.joint-list li {

	width: 33.3333%;
	height: 60px
}
.joint-list li a {

	line-height: 60px;

}




}
.hexzuomeiti{ color:#fff;}
@media (max-width:789px){
	.joint-list-box{ padding:0 10px;}
	}.bg{width: 1170px; margin: 0 auto;text-align: left;}

.titbar {
    height: 64px;
    border-top: 1px solid #c0cde5;
    padding: 15px 0;
    margin-bottom: 10px;
}.titbar .r {
    float: right;
    text-align: right;
}


.theme-menu,.theme-type-box{ text-align:center;}

.hidex{ position:absolute; top:-10000px; left:-10000px; }

@media screen and (max-device-width:780px){
.titbar .r{ display:none;}
.titbar{ clear:both; display: block;  height:50px; padding-left:15px;}	
.bg{width:100%;}
.theme-menu li{ width:150px;}
.joint-list-box{ padding:10px 15px}
 }


.bg{ width:1200px; margin: 0 auto;}
	@media (max-width: 789px){
	.bg{ width:100%;}

	}