@charset "utf-8";
/* CSS Document */

@import url("font-awesome.min.css");
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
html {
	font-size: 62.5%;
}
body, ul, li, p, input, form, h1, h2, h3, h4, h5, h6, img {
	padding: 0px;
	margin: 0px;
}
li {
	list-style: none;
}
img {
	border: none;
	vertical-align: middle;
	max-width: 100%;
}
a {
	text-decoration: none;
	color: #666;
}
i, em {
	font-style: normal;
}
body {
	font-size: 1.2rem;
	-webkit-text-size-adjust: none;
	color: #666;
	line-height: 1.2;
	background: #fff;
	padding-top: 3.6em;
	padding-bottom: 4.2em;
}
input, button, textarea {
	outline: none;
	font-size: 100%;
	color: #fff;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both
}
.cf {
 *zoom:1;
}
.mt-1 {
	margin-top: -1em;
}
.bline {
	border-bottom: 1px solid #c6cbbc;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background: rgb(68, 145, 236);
	height: 3.6em;
	box-shadow: 0 0 6px rgba(0,0,0,0.3)
}
.logo {
	position: absolute;
	top: 0.6em;
	height: 2.4em;
	display: block;
	left: 1em;
}
.logo img {
	height: 100%;
}
.htcr {
	position: absolute;
	width: 10em;
    top: 0.6em;
    right: 0em;
}
.htcr img {
	width: 100%;
}
.tctr {
	position: absolute;
    width: 1.6em;
    top: 1em;
    right: 1em;
}
.tctr img {
	width: 100%;
}
.back {
	position: absolute;
	top: 1em;
	width: 1.6em;
	left: 1em;
}
.back img {
	width: 100%;
}
.title {
	text-align: center;
	padding: 0.8em 0;
	line-height: 2.4em;
}
.title p {
	font-size: 120%;
	color: #fff;
}
.item {
	padding-top: 1.2em;
}
.item li {
	float: left;
	width: 20%;
}
.item li a {
	display: block;
	margin: 0.5em;
	text-align: center;
	line-height: 2em;
}
.item li a img {
	width: 75%;
}
.item li p {
	font-size: 0.9em;
	line-height: 3;
}
.pem {
	padding: 0em 1em 1.2em;
}
.ptem {
	padding-top: 1em;
}
.mtem {
	margin-top: 3em;
}
.hti {
	font-size: 125%;
	color: #c20001;
	padding-top: 0.5em;
	height:45px;
}
.hti a {
	display: block;
	float: right;
	background: url(ico1.png) no-repeat right;
	background-size: 1em 1em;
	padding-right: 1.3em;
	font-size: 80%;
	text-transform: uppercase;
	font-family: " sans-serif";
	color: #a5a59e;
	margin-top: 0.2em;
}
.hti span {
	color: #999;
	margin-left: 0.5em;
}
.srhbox {
	padding: 0.5em 0;
	height: 2.8em;
}
.srhbox .l {
	float: left;
	width: 80%;
	margin-top: 0.3em;
}
.srhbox .r {
	float: right;
	width: 20%;
	margin-top: 0.3em;
}
.formbox {
	padding: 0.3em 0;
}
.formin {
	box-sizing: border-box;
	padding: 0 0.5em;
	width: 99%;
	color: #666;
	background: #ecf0f4;
	border-radius: 0.3em;
	border: none;
	height: 2.6em;
	float: left;
}
.idate {
	display: block;
	background: url(idate.png) no-repeat;
	background-size: cover;
	width: 1.2em;
	height: 1.2em;
	position: absolute;
	top: 50%;
	right: 0.5em;
	margin-top: -0.6em;
}
.iarr {
	display: block;
	background: url(iarr.png) no-repeat;
	background-size: cover;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	right: 0.6em;
	margin-top: -0.5em;
}
.formbtn {
	background: #fabd00;
	height: 2.1em;
	line-height: 2.1em;
	padding: 0.1em 1em;
	border: none;
	border-radius: 0.3em;
	font-size: 120%;
	float: right;
}
.formbtn2 {
	background: #666;
	height: 2.4em;
	line-height: 2.4em;
	width: 100%;
	border: none;
	border-radius: 0.3em;
	color: #fff;
	font-size: 120%;
}
.bgc {
	background: #ecf0f4;
}
.pimg {
	margin: 1.2em 0 1em;
	overflow: hidden;
	border-radius: 0.5em;
}
.offers {
	padding: 0 0.5em 0.5em 0.5em;
	margin-top: -0.5em;
}
.offers li {
	float: left;
	width: 50%;
}
.offers li a {
	display: block;
	margin: 0.5em;
}
.offers li a p:first-child img {
	width: 100%;
	height: 100%;
	border: 1px solid #eee;
}
.offers li a p:nth-child(2n) {
	font-size: 100%;
	text-align: center;
	height: 1.2em;
	line-height: 1.2em;
	overflow: hidden;
	margin: 0.6em 0;
}
.offers li a p:last-child {
	font-size: 90%;
	color: #a5a59e;
	height: 1.2em;
	line-height: 1.2em;
	overflow: hidden;
}
.offers li .cntit {
	background: #666;
	color: #fff;
	text-align: center;
	border-radius: 0.3em;
	height: 1.8em;
	padding-top: 0.1em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.offers li .cntit span {
	font-size: 150%;
}

.imglist {
    padding-bottom: 1.1em;
	margin-top: -1em;
}
.imglist ul {
	margin: 0 auto;
}
.imglist ul li {
	margin: 0.5em;
	float: left;
	width: 48%;
	margin: 0 3.5% 4% 0;
	list-style-type: none;
	display: inline;
}
.imglist ul li:nth-child(2n) {
	margin-right: 0;
}
.imglist ul li a {
	display: block;
	text-decoration: none;
}
.imglist ul li a img {
	width: 100%;
	height: 141px;
	
}
.imglist ul li a span {
	display: block;
	height: 30px;
    line-height: 32px;
	margin-top: -30px;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	z-index: 9;
}
.imglist ul li a:hover span {
	color: #f1f1f1;
}

.caselayer {
	width: 100%;
	height: 30px;
	background: #000;
	filter: Alpha(Opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	margin-top: -30px;
	position: relative;
}

.promotes {
	padding: 0 0.5em 0.5em 0.5em;
}
.promotes li {
	float: left;
	width: 50%;
}
.promotes li a {
	display: block;
	margin: 0.5em;
	position: relative;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.promotes li a img {
	width: 100%;
	height: 134px;
}
/*
.promotes li:nth-child(2) a img,
.promotes li:nth-child(3) a img,
.promotes li:nth-child(4) a img,
.promotes li:nth-child(5) a img {
	width: 100%;
	height: 100%;
}

.promotes li:first-child {
	width: 100%;
}
.promotes li:first-child a {
	margin: 0.5em;
}
*/
.stabox {
	position: relative;
	height: 2em;
}
.stab {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 2em;
	background: #ecf0f4;
	z-index: 10;
	width: 100%;
	display: flex;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.stab a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	color: #999;
	font-size: 115%;
	height: 100%;
}
.stab a i {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 0.3em;
	opacity: 0.6;
}
.stab a i img {
	width: 100%;
	vertical-align: top;
}
.stab .active {
	color: #666;
}
.stab_list {
	position: absolute;
	top: 2em;
	left: 0;
	width: 100%;
	text-align: center;
	background: #ecf0f4;
	z-index: 5;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.stab_list span {
	display: block;
	font-size: 115%;
	padding: 0.2em 0;
	font-weight: lighter;
}
.promotes1 {
	padding: 1em 0.5em 0.5em 0.5em;
	margin-top: -0.5em;
}
.promotes1 li {
	float: left;
	width: 50%;
}
.promotes1 li a {
	display: block;
	margin: 0.5em;
	position: relative;
}
.promotes1 li a img {
	width: 100%;
}
.promotestit {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 92%;
	height: 2em;
	line-height: 2em;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-align: center;
	overflow: hidden;
	padding: 0 0.5em;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.np_news {
	padding-bottom: 0.5em;
}
.np_news a {
	display: block;
	height: 4.4em;
	overflow: hidden;
	position: relative;
	margin-top: 1em;
}
.np_news li {
	margin-top: 0.9em;
	border-top: 1px dotted #ccc;
}
.np_news li:first-child {
	margin-top: 0.7em;
	border-top: none;
}
.np_pro_title {
	text-align: center;
	padding-top: 0.8em;
}

.strategy {
	padding-bottom: 1.5em;
	border-bottom: 1px dotted #ddd;
}
.strategy a {
	display: block;
	height: 4.4em;
	overflow: hidden;
	position: relative;
	margin-top: 1em;
}
.strategy li {
	margin-top: 0.9em;
	border-top: 1px dotted #eee;
}
.strategy li:first-child {
	margin-top: 0.7em;
	border-top: none;
}
.strategyImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 6.6em;
	height: 4.4em;
}
.strategyImg img {
	width: 100%;
	height: 100%;
}
.strategyInfo {
	
	height: 4.4em;
	overflow: hidden;
	color: #a5a59e;
}
.strategyInfo p:first-child {
	font-size: 110%;
	color: #666;
	height: 1.2em;
	overflow: hidden;
	margin-bottom: 0.4em;
}
.strategyInfo p:last-child {
	font-weight: 300;
	height: 2.6em;
	line-height: 1.4em;
	overflow: hidden;
}
.strategy2 a {
	display: block;
	position: relative;
	margin-bottom: 1em;
}
.strategy2 li:last-child a {
	margin-bottom: 0;
}

.strategyImg_m {
	position: absolute;
	top: 0;
	left: 0;
	width: 6em;
	height: 6em;
	border: 1px #ddd solid;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
}
.strategyImg2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 9em;
	height: 6em;
}
.strategy2 li {
	padding-bottom: 0.1em;
	margin-bottom: 1em;
	border-bottom: #ccc dotted 1px;
}
.strategy2 li:first-child {
}
.strategy2 li:last-child {
	border-bottom: none;
	margin-bottom: 0.3em;
}
.strategyImg2 img {
	width: 100%;
	height: 100%;
}
.strategyImg2 span {
	position: absolute;
	left: 1em;
	top: 1em;
	display: block;
	text-align: center;
	width: 2em;
	height: 2em;
	font-weight: normal;
	font-size: 0.8em;
	padding-top: 2px;
	background: #fabd00;
	color: #fff;
}
.strategyInfo2 {
	
	height: 6em;
	overflow: hidden;
	color: #a5a59e;
}
.strategyInfo2 p:first-child {
	font-size: 115%;
	color: #666;
	height: 1.2em;
	overflow: hidden;
	margin-bottom: 0.4em;
}
.strategyInfo2 p:nth-child(2n) {
	height: 1.8em;
	line-height: 1.3em;
	overflow: hidden;
}
.strategyInfo2 p:last-child {
	font-size: 95%;
	
	background-size: 1em 1em;
	
	margin-top: 0.6em;
}
.strategyInfo2 span {
	background: url(navicon.png) no-repeat;
	background-size: 18%;
	margin-left: 1em;
	padding-left: 1.3em;
}
.strategy_m {
	padding-left: 7em;
	height: 6em;
	overflow: hidden;
	color: #a5a59e;
}
.strategy_m p:first-child {
	font-size: 115%;
	color: #666;
	height: 1.2em;
	overflow: hidden;
	margin-bottom: 0.4em;
}
.strategy_m p:nth-child(2n) {
	height: 2.6em;
	line-height: 1.3em;
	overflow: hidden;
}
.strategy_m p:last-child {
	font-size: 95%;
	background: url(time.png) no-repeat 1px -1px;
	background-size: 1em 1em;
	padding-left: 1.4em;
	margin-top: 0.6em;
}
.strategy_m span {
	background: url(navicon.png) no-repeat;
	background-size: 18%;
	margin-left: 1em;
	padding-left: 1.3em;
}
.apply {
	text-align: center;
	display: block;
	width: 6em;
	height: 2em;
	line-height: 1.9em;
	background: #c00;
	color: #fff;
	margin: 1em auto;
}
.apply a {
	color: #fff;
}

nav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: rgb(68, 145, 236);
	box-shadow: 0 0 6px rgba(0,0,0,0.3)
}
nav li {
	float: left;
	width: 25%;
	text-align: center;
}
nav li a {
	display: block;
	font-size: 100%;
	padding: 0.5em 0;
}
nav li p:first-child {
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	padding-bottom: 0.2em
}
nav li p:first-child img {
	width: 100%;
	height: 100%;
	
}
nav li p:last-child {
	font-size: 110%;
}
nav li .active {
	background: #2220b7;
	color: #333
}
nav li .active p:first-child img {
	opacity: 1;
}
.foot_font li a{color: #fff}
.title-tab {
	background: #f4f4f4;
	height: 2.8em;
	border-top: 4px solid #c20001;
	line-height: 3em;
	margin: 0.3em 0;
}
.title-tab .tabs {
}
.title-tab .tabs a {
	display: block;
	font-size: 0.86em;
	color: #333;
	width: 22%;
	text-align: center;
	float: left;
}
.title-tab .tabs a.aon {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #c20001;
	font-weight: bold;
}
.title-tab .tabs a:hover {
	text-decoration: none;
}

.title-tab2 {
	background: #fadd0e;
	height: 2.8em;
	line-height: 3em;
	margin: 0;
}
.title-tab2 .tabs {
}
.title-tab2 .tabs a {
	display: block;
	font-size: 0.86em;
	color: #000;
	width: 19.8%;
	text-align: center;
	float: left;
}
.title-tab2 .tabs a.aon {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #fabd00;
	font-weight: bold;
}
.title-tab2 .tabs a:hover {
	text-decoration: none;
}

.tab {
	top: 3.6em;
	left: 0;
	background: #ecf0f4;
	/* box-shadow: 0 3px 3px rgba(0,0,0,0.1); */
	height: 3em;
	width: 100%;
	display: flex;
	margin: 0 auto;
	border-bottom: 1px dotted #ccc;
	z-index: 10;
}
.title a {
	color: #fff;
	display: inline-block;
}
.title a i {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 0.3em;
	opacity: 0.6;
}
.title a i img {
	width: 100%;
}
.title .active {
	color: #666;
}
.title .active i {
	opacity: 1;
}
.discount {
	display: block;
	margin-bottom: 1em;
	position: relative;
}
.discount img {
	width: 100%;
	background: #fef7f7;
	    height: 134px;
}
.discount .price {
	background: #666;
	color: #fff;
	text-align: center;
	border-radius: 0.3em;
	padding: 0 1em;
	margin-top: 0.3em;
	height: 2.2em;
	line-height: 2.2em;
	position: absolute;
	top: 1em;
	left: 1em;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}
.discount .price span {
	font-size: 150%;
	display: inline-block;
	vertical-align: middle;
}
.discountTit {
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	padding: 1em;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.discountTit p:first-child {
	font-size: 130%;
	padding-bottom: 0.2em;
}
.ctit {
	font-size: 130%;
	color: #666;
	padding-bottom: 0.3em;
	line-height: 1.4em;
}
.ctctr {
	display: flex;
	padding-top: 0.5em;
}
.ctctr div {
	flex: 1;
	text-align: center;
}
.ctctr div:first-child {
	margin-right: 0.5em;
	background: #666;
	color: #fff;
	text-align: center;
	border-radius: 0.3em;
	padding: 0 1em;
	height: 2.2em;
	line-height: 2.2em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ctctr div:first-child span {
	font-size: 150%;
	display: inline-block;
	vertical-align: bottom;
}
.ctctr div:last-child {
	margin-left: 0.5em;
	background: #ffe40f;
	color: #333;
	text-align: center;
	border-radius: 0.3em;
	padding: 0.5em 1em;
	height: 1.2em;
	line-height: 1.2em;
	overflow: hidden;
}
.shaixuan {
	margin-bottom: 15px;
}
.shaixuan ul li {
	line-height: 24px;
	overflow: hidden;
	margin-top: 10px;
}
.shaixuan ul li b {
	display: block;
	float: left;
	text-align: center;
	font-weight: normal;
	width: 20%;
	padding-right: 5px;
	line-height: 2.5em;
	font-size: 1em;
}
.shaixuan ul li span {
	display: block;
	float: right;
	width: 78%;
}
.shaixuan ul li span a {
	display: inline;
	color: #555;
	float: left;
	line-height: 20px;
	padding: 2px 15px;
}
.shaixuan ul li span a.cur {
	background-color: #2daca9;
	color: #fff;
}
.pro_list {
	display: inline-block;
}
.prolist .btline {
	border-bottom: 1px dotted #ccc;
	line-height: 0;
	margin-bottom: 1.5em;
}
.pro_list ul li {
	width: 48%;
	margin: 0 4% 4% 0;
	float: left;
}
.pro_list ul li:nth-child(2n) {
	margin: 0 0 4% 0;
}
.pro_list .pro_title {
	display: block;
	height: 30px;
	line-height: 30px;
	margin-top: -30px;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
.pro_list .pro_title a {
	color: #fff;
	font-size: 1.3rem;
}
.pro_list .clayer {
	width: 100%;
	height: 30px;
	margin-top: -45px;
	background: #000;
	filter: Alpha(Opacity=60);
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	position: relative;
}
.infotable {
	padding: 0.5em 0.2em;
}
.infotable td {
	padding: 0.5em 0.8em;
	line-height: 2em !important;
}
.infotable td p:first-child {
	color: #999;
}
.infotable td p:first-child i {
	display: inline-block;
	width: 1.4em;
	margin-right: 5px;
	vertical-align: middle;
}
.infotable td p:first-child i img {
	width: 100%;
}
.infotable td p:last-child {
	font-size: 120%;
	color: #333;
}
/******************
 Pagination-box
 ******************/

.pagination-box {
	clear: both;
	height: 3em;
}
.pagination-box ul {
	text-align: center;
}
.pagination-box ul li {
	display: block;
	position: relative;
	width: 50px;
	height: 37px;
	float: left;
	margin-right: 7px;
	border-radius: 1px;
}
.pagination-box ul li:before {
	position: absolute;
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	left: -1px;
	bottom: -1px;
	border-radius: 0 0 1px 1px;
}
.pagination-box ul li a {
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
}
.pagination-box ul li span {
	display: block;
	width: 100%;
	background: none;
	line-height: 36px;
	text-align: center;
}
.pagination-box li {
	border: 1px solid #ddd;
	background: #fff;
}
.pagination-box li:before {
	background: #eee;
	border: 1px solid #ddd;
}
.pagination-box li span {
	color: #444;
}
.pagination-box li.active, .pagination-box li:hover {
	background: #d90b0b;
	border-color: #d90b0b;
	color: #fff;
}
.pagination-box li.active span, .pagination-box li:hover span {
	color: #fff;
}
.pagination-box li.active:before, .pagination-box li:hover:before {
	background: #ddd;
}
.carr {
	display: block;
	background: url(iarr.png) no-repeat;
	width: 1.4em;
	height: 1.4em;
	background-size: cover;
	margin: 0.5em auto 0 auto;
}
.carrUp {
	display: block;
	background: url(iarr.png) no-repeat;
	width: 1.4em;
	height: 1.4em;
	background-size: cover;
	margin: 0.5em auto 0 auto;
	transform: rotate(180deg)
}
.ctit2 {
	font-size: 120%;
	color: #666;
	padding-top: 0.8em;
	padding-bottom: 0.5em;
}
.ctit2 span {
	float: right;
	font-size: 80%;
	color: #a5a59e;
	letter-spacing: -1px;
}
.ctit2 span a {
	color: #a5a59e;
}
.ctit2 span .active {
	color: #666;
	;
}
.ctxt2 {
	line-height: 1.6em;
	word-break: break-all;
	margin: 0.6em 0;
}
.ctxt2 .add {
	float: left;
	width: 33.3%;
	line-height: 1.8em;
}
.ctxt2 table {
	width: 98% !important;
	margin: 0 auto !important;
	border: 1px solid #ccc !important;
}
.ctxt2 td {
	padding: 3px 5px;
	width: auto !important;
	border: 1px solid #ccc !important;
}

.slides img, #proimg {
	width: 80%;
	height: auto;
	overflow: hidden;
	background: #fff;
	margin: 1% auto 0;
	display: block;
	padding: 10%;
	border-radius: 2px 2px 2px 2px;
	-webkit-box-shadow: 0 1px 4px  rgba(0, 0, 0, 0.3), 0 0 40px  rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px  rgba(0, 0, 0, 0.3), 0 0 40px  rgba(0, 0, 0, 0.1) inset;
}
.ctxt2 .detail img {
	height: auto !important;
}
.tbi {
	width: 12px;
	margin-left: 5px;
}
.ctrbox {
	width: 100%;
	padding: 1em 0;
	border-top: 1px dotted #ddd;
	margin: 0 auto;
	text-align: center;
}
.ctrbox a {
	display: inline-block;
	background: #ecf0f4;
	color: #666;
	height: 2em;
	line-height: 2em;
	padding: 0.1em 1.2em 0;
	font-size: 100%;
}
.infotb {
	padding: 0.5em 0.2em;
}
.infotb td {
	padding: 0.5em 0.8em;
}
.infotb td p:first-child {
	color: #999;
	margin-bottom: 0.5em;
}
.infotb td p:first-child i {
	display: inline-block;
	width: 1.4em;
	margin-right: 5px;
	vertical-align: middle;
}
.infotb td p:first-child i img {
	width: 100%;
}
.infotb td p:last-child {
	font-size: 120%;
	color: #333;
}
#newdigg a {
	display: inline-block;
	background: #ecf0f4;
	color: #900;
	height: 2em;
	line-height: 2em;
	padding: 0.1em 1.2em 0;
	font-size: 100%;
}
.ydbox {
	position: relative;
}
.ydnum {
	position: absolute;
	top: 0.2em;
	left: 0;
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	background: #666;
	color: #fff;
	text-align: center;
	line-height: 1.4em;
}
.tdinfo {
	padding: 0 0 0 2em;
}
.ydtit {
	font-size: 115%;
	padding-bottom: 0.5em;
	color: #666;
}
.ydtit i {
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	vertical-align: bottom;
	margin-right: .3em;
}
.tdtxt {
	line-height: 1.6em;
	padding-bottom: 1em;
	margin-bottom: 1em;
	word-break: normal;
	word-wrap: break-word;
}
.sbtn {
	display: block;
	border: 1px solid #ccc;
	border-radius: 0.3em;
	padding: 0.6em;
	text-align: center;
	font-size: 120%;
}
.resultlist {
	padding: 1em;
}
.resultlist p:first-child {
	font-size: 120%;
	color: #666;
	margin-bottom: 0.3em;
}
.resultlist p:first-child span {
	color: #999;
}
.resultlist p:last-child {
	margin-top: 0.8em;
	height: 2em;
	line-height: 2em;
}
.resultlist p:last-child span {
	display: inline-block;
	background: #f2f2f2;
	color: #666;
	padding: 0 0.5em;
	border-radius: 0.3em;
}
.resultlist .price {
	float: right;
	color: #666;
}
.resultlist .price b {
	font-size: 130%;
}
.byd {
	display: block;
	float: right;
	font-size: 120%;
	background: #ffe40f;
	color: #333;
	padding: 0.4em 1em;
	line-height: 1em;
	border-radius: 0.3em;
}
.mdtitle {
	margin-bottom: 0.3em;
	display: block;
}
.mdtitle a {
	font-size: 140%;
	color: #666;
	margin-right: 0.5em;
}
.mdtitle span {
	color: #999;
}
.tool {
	display: block;
	width: 2.4em;
	font-size: 120%;
	text-align: center;
	height: 2.4em;
	line-height: 1.2em;
	padding: 0.8em;
	border-radius: 50%;
	background: #ffe40f;
	color: #333;
	position: fixed;
	bottom: 13%;
	right: 10px;
	z-index: 1000;
}
.tab_r {
	height: 36px;
	text-align: center;
}
.tab_r li {
	float: left;
	padding-right: 6px;
}
.tab_r li:last-child {
	padding-right: 0;
}
.tab_r a {
	display: block;
	float: left;
	padding: 0 1.2em;
	background: #ecf0f4;
	height: 36px;
	line-height: 36px;
	color: #606569;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.tab_r a:hover, .tab_r .tabCur {
	background: #000;
	color: #fff;
}
.ranks a {
	display: block;
	position: relative;
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
	border-bottom: #ccc dotted 1px;
	box-sizing: border-box;
}
.ranksImg {
	position: absolute;
	width: 10em;
	height: 6em;
	top: 0;
	left: 0;
}
.ranksImg img {
	width: 100%;
	height: 100%;
}
.ranksImg p {
	position: absolute;
	top: 0.5em;
	left: 0;
	z-index: 1;
	background: url(topnum.png) no-repeat;
	width: 2em;
	padding-right: 0.5em;
	height: 1.5em;
	line-height: 1.7em;
	text-align: center;
	color: #fff;
	background-size: cover;
}
.ranksTit {
	padding-left: 11em;
	height: 6em;
	display: table-cell;
	color: #a5a59e;
}
.ranksTit p:first-child {
	font-size: 130%;
	padding-bottom: 0.1em;
	color: #333;
}
.ranksTit p:nth-child(2) {
	color: #bba9bb;
}
.ranksTit p:last-child {
	padding-top: 0.8em;
	line-height: 1.3;
}
.tastePho {
	position: relative;
	z-index: 0;
}
.tastePho img {
	width: 100%;
}
.tasteTxt {
	background: #ecf0f4;
	padding: 1em;
	margin: -3.6em 1em 0 1em;
	position: relative;
	z-index: 2;
}
.tasteTxt p:first-child {
	font-size: 120%;
	color: #666;
	font-weight: bold;
	padding-bottom: 0.3em;
}
.tasteTxt p:last-child {
	height: 1.2em;
}
.tasteTxt p:last-child span:first-child {
	float: left;
}
.tasteTxt p:last-child span:last-child {
	float: right;
}
.view {
	display: inline-block;
	background: url(view.png) no-repeat left;
	background-size: 1em 1em;
	padding-left: 1.2em;
}
.bdsharebuttonbox {
	margin-top: -23px;
	float: right;
}
.time {
	display: inline-block;
	
	background-size: 1em 1em;
	
}
.click {
	display: inline-block;
	background: url(click.png) no-repeat left;
	background-size: 1.2em 1.3em;
    padding-left: 1.6em;
    margin-left: 1em;
}
.details {
	line-height: 1.6em;
	color: #666;
}
.mdbox {
	position: relative;
	height: 7.8em;
	padding: 1em;
	overflow: hidden;
}
.mdbox:nth-child(0), .mdbox:nth-child(2), .mdbox:nth-child(4), .mdbox:nth-child(6), .mdbox:nth-child(8), .mdbox:nth-child(10) {
	background: #ecf0f4;
}
.mdbox:nth-child(2) .mdimg, .mdbox:nth-child(4) .mdimg, .mdbox:nth-child(6) .mdimg, .mdbox:nth-child(8) .mdimg, .mdbox:nth-child(10) .mdimg, .mdbox:nth-child(12) .mdimg {
	display: block;
	width: 10.5em;
	height: 7.8em;
	position: absolute;
	top: 1em;
	left: 1em;
}
.mdbox:nth-child(1) .mdimg, .mdbox:nth-child(3) .mdimg, .mdbox:nth-child(5) .mdimg, .mdbox:nth-child(7) .mdimg, .mdbox:nth-child(9) .mdimg, .mdbox:nth-child(11) .mdimg {
	display: block;
	width: 10.5em;
	height: 7.8em;
	position: absolute;
	top: 1em;
	right: 1em;
}
.mdbox .mdimg img {
	width: 100%;
	height: 100%;
}
.mdbox:nth-child(2) .mdinfo, .mdbox:nth-child(4) .mdinfo, .mdbox:nth-child(6) .mdinfo, .mdbox:nth-child(8) .mdinfo, .mdbox:nth-child(10) .mdinfo, .mdbox:nth-child(12) .mdinfo {
	padding: 0 0 0 11.5em;
	height: 7.8em;
}
.mdbox:nth-child(1) .mdinfo, .mdbox:nth-child(3) .mdinfo, .mdbox:nth-child(5) .mdinfo, .mdbox:nth-child(7) .mdinfo, .mdbox:nth-child(9) .mdinfo, .mdbox:nth-child(11) .mdinfo {
	padding: 0 11.5em 0 0;
	height: 7.8em;
}
.mdinfo p:first-child {
	font-size: 120%;
	color: #666;
}
.mdinfo p:nth-child(2n) {
	height: 3.6em;
	overflow: hidden;
	margin: 0.4em 0 0.5em;
}
.mdinfo p:last-child a {
	display: block;
	background: #666;
	color: #fff;
	text-align: center;
	padding: 0.4em 0 0.3em;
	font-size: 100%;
	border-radius: 0.5em;
}
.mdtit {
	font-size: 130%;
	color: #666;
	padding-bottom: 0.5em;
}
.mdtitle {
	font-size: 130%;
	color: #666;
	text-align: center;
	border-bottom: #ddd dotted 1px;
	padding: 0.3em 0 0.7em;
}
.subtitle {
	color: #888;
	text-align: center;
	padding-top: 0.8em;
	    padding-bottom: 0.8em;
}
.m_l_em {
	margin-left: 1em;
}
/* HR-box */
#hrForm {
	margin: 1.5em 2em 0;
}
#hrForm .contact-box-2 .wrapper {
	padding-top: 74px;
	padding-bottom: 83px;
}
#hrForm .contact-box-2 h3 {
	margin-bottom: 19px;
}
#hrForm .contact-box-2 h4 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-bottom: 15px;
}
#hrForm .contact-box-2 .form-desc {
	margin-bottom: 25px;
}
#hrForm .contact-box-2 .contact-text-info {
	margin-bottom: 36px;
}
#hrForm .contact-box-2 .block-contact-info {
	margin-bottom: 26px;
	padding-bottom: 18px;
	background: url("../img/dash.png") repeat-x 0 100%;
}
#hrForm .contact-box-2 .block-contact-info:last-child {
	background: none;
}
#hrForm .contact-box-2 .row-c {
	margin-bottom: 10px;
}
#hrForm .contact-box-2 .row-c .block-1 {
	width: 30%;
	float: left;
	font-weight: normal;
	font-size: 13px;
	color: #000;
	padding-right: 10px;
}
#hrForm .contact-box-2 .row-c .block-2 {
	width: 69%;
	float: right;
	color: #888;
}
#hrForm .contact-box-2 .contact-form-box .input-box textarea {
	height: 190px;
}
/* forms */
#hrForm input[type="text"], textarea {
	width: 90%;
	border: 1px solid;
	border-radius: 2px;
	padding: 10px 15px;
	font-size: 14px;
	color: #666;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 15px;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
}
#hrForm a:focus, #hrForm textarea:focus, #hrForm select:focus, #hrForm input:focus {
	outline: none;
}
#hrForm input[type="text"], #hrForm textarea {
	background: #f1f1f1;
	border-color: #eee;
}
#hrForm .button-border .text-btn {
	background: #fabd00;
}
#hrForm .button-border:hover .text-btn {
	background: #f26522;
}
#hrForm .button-border {
	position: relative;
	overflow: hidden;
	border: none;
	border-radius: 2px;
	display: inline-block;
	margin-bottom: 25px;
}
#hrForm .button-border .text-btn {
	height: 36px;
	line-height: 36px;
	padding: 0 30px;
	color: #fff;
	display: inline-block;
	font-weight: normal;
	font-size: 16px;
}
#hrForm .button-border .borfer-btn {
	height: 3px;
	display: block;
	background: #ddd;
}
#hrForm .button-border.sml-btn {
	position: relative;
}
#hrForm .button-border.sml-btn .text-btn {
	height: 33px;
	font-size: 11px;
	line-height: 33px;
	padding: 0 17px;
}
#hrForm .button-border.sml-btn .borfer-btn {
	height: 3px;
}
.content {
	line-height: 1.9;
	padding: 0;
}
.content ul {
	margin-top: 1em;
}
.content ul li {
	padding-bottom:  1.2em;
	margin-bottom: 1.2em;
	border-bottom: 1px dotted #ddd;
}
.content ul li:last-child {
	padding-bottom: 10px;
}
.content ul li h2 {
	font-size: 1.1em;
	font-style: normal;
	margin-bottom: 0.2em;
}
.content img {
	height: auto !important;
	padding-bottom: 1em;
}
.clh {
	line-height: 1.6em;
}
.nlh {
	line-height: 1.6em;
}

.qrcode {
	margin-bottom: 10em;
}
.qrcode ul {
	padding: 0;
}
.qrcode ul li:first-child {
	margin-left: 0;
}
.qrcode ul li {
	width: 32%;
	float: left;
	margin-left: 2%;
	font-size: 13px;
	line-height: 3;
    text-align: center;
}
.qrcode li img {
	box-shadow: 0 1px 5px -1px rgba(102,102,102,.8)
}

.aboutImg {
	position: relative;
}
.aboutImg img {
	width: 100%;
}
.aboutTxt {
	position: absolute;
	top: 15%;
	left: 5%;
	width: 90%;
	height: 70%;
	background: rgba(0,0,0,0.5);
	box-sizing: border-box;
	padding: 1em;
	color: #fff;
	line-height: 1.4em;
	overflow: hidden;
	border-radius: 0.5em;
}
.abtit {
	font-size: 130%;
	color: #666;
	padding: 0.6em 0 0.8em;
}
.abtit span {
	color: #999;
}
.phone-info {
	line-height: 1.5;
}
.phone-info .phone_number {
	display: inline-block;
}
.phone-info .phone_number:nth-child(1) {
}
.phone-info .phone_number:nth-child(2) {
	padding-left: 1.5em;
}
.phone_remark {
	font-size: 100%;
	color: #4a4747;
    float: left;
    padding-top: 5px;
}
.phone_letter {
	font-size: 140%;
	color: #6d6d6d;
    float: left;
	padding-left: 10px;
}
.service_time {
	font-size: 100%;
	margin-top: 10px;
	padding-left: 6em;
}
.weddingInfo {
	padding: 0 1em 1em 1em;
}
.weddingInfo td {
	padding: 0.3em 0;
}
.weddingInfo tr td:first-child {
	vertical-align: top;
	width: 3.5em;
}
.weddingInfo tr td:last-child {
	color: #666;
}
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	width: 100%;
	padding: 0 2em 0 0.5em;
	border-radius: 0.3em;
	border: none;
	height: 2.4em;
	line-height: 2.4em;
	font-size: 100%;
	background: #ecf0f4 url(iarr2.png) no-repeat right;
	background-size: 1.8em 0.9em;
	color: #666;
}
select::-ms-expand {
 display: none;
}
.tablist {
	top: 0;
	left: 0;
	width: 100%;
	height: 3.5em;
	background: #ecf0f4;
	box-sizing: border-box;
	padding: 0.5em 1em 0;
	/* box-shadow: 0 3px 3px rgba(0,0,0,0.1); */
	z-index: 999;
	border-bottom: 1px dotted #ddd;
	display: none;
}
.tablist a {
	display: block;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	padding: 0.5em 0 0.3em;
	width: 33.3333%;
	border-radius: 0.3em;
	float: left;
}
.tablist a:hover, .tablist a.cur {
	background: #fabd00;
	color: #fff;
}
.infolist {
	top: 0;
	left: 0;
	width: 100%;
	background: #ecf0f4;
	box-sizing: border-box;
	padding: 0.8em 1em 5.5em;
	/* box-shadow: 0 3px 3px rgba(0,0,0,0.1); */
	z-index: 999;
	border-bottom: 1px dotted #ddd;
	display: none;
}
.infolist a {
	display: block;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	padding: 0.5em 0 0.3em;
	width: 50%;
	border-radius: 0.3em;
	float: left;
}
.infolist a:hover, .infolist a.cur {
	background: #fabd00;
	color: #fff;
}
.typelist {
	top: 0;
	left: 0;
	width: 100%;
	background: #ecf0f4;
	box-sizing: border-box;
	padding: 0.5em 1em 4.7em;
	/* box-shadow: 0 3px 3px rgba(0,0,0,0.1); */
	z-index: 999;
	border-bottom: 1px dotted #ddd;
	display: none;
}
.typelist a {
	display: block;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.4em 0 0.3em;
	width: 33%;
	border-radius: 0.3em;
	float: left;
}
.typelist a:hover, .typelist a.cur {
	background: #fabd00;
	color: #fff;
}
.input-box .fa {
	position: absolute;
    margin-left: 23em;
    margin-top: .8em;
	color: #ccc;
}
.fo_info {
	position: absolute;
	top: 50%;
	color: #FFF;
	left: 10%;
	text-shadow: 2px 2px 6px #000;
	width: 80%;
	margin-top: -2em;
	text-align: center;
}
.fo_info p:first-child {
	font-size: 150%;
	font-weight: lighter;
	margin-bottom: 0.5em
}
.fo_info p:last-child {
	border-bottom: 1px solid #fff;
	display: inline-block
}
.fo_info p:last-child strong {
	font-size: 130%;
}
.fo_info p:last-child span {
	color: #FFF;
	font-size: 110%;
	margin-left: 0.5em;
}
.fxtit {
	position: absolute;
	top: 1em;
	left: 1em;
	z-index: 50;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 120%;
	padding: 0.5em 1em;
	border-radius: 0.3em;
}
.code {
	background: rgba(0,0,0,.8);
	display: inline-block;
	width: 50%;
	border-radius: 8px;
	padding: 4%;
	position: absolute;
	top: 120px;
	left: 21%;
	z-index: 200;
}
.type_menu {
	z-index: 9999;
	width: 140px;
	position: absolute;
	top: 52px;
	right: 2px;
	background: rgba(0,0,0,.8);
	border-radius: 6px;
	overflow: hidden;
}
.type_menu li {
	line-height: 44px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #333;
	padding: 0 10px;
	font-size: 16px;
	text-align: left;
}
.type_menu a {
	color: #fff;
}
.type_menu li i {
	width: 40px;
	height: 44px;
	display: inline-block;
	float: left;
}
.ico_home {
	background: url("ico_home.png") no-repeat center;
	background-size: 44px;
	margin-right: 5px;
}
.ico_product {
	background: url("ico_product.png") no-repeat center;
	background-size: 28px;
	margin-right: 5px;
}
.ico_news {
	background: url("ico_news.png") no-repeat center;
	background-size: 40px;
	margin-right: 5px;
}
.ico_hr {
	background: url("ico_hr.png") no-repeat center;
	background-size: 40px;
	margin-right: 5px;
}
.ico_fw {
	background: url("service.png") no-repeat center;
	background-size: 40px;
	margin-right: 5px;
}
.ico_call {
	background: url("ico_call.png") no-repeat center;
	background-size: 24px;
	margin-right: 5px;
}
.ico_code {
	background: url("ico_code.png") no-repeat center;
	background-size: 22px;
	margin-right: 5px;
}
.mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 700px;
	background: rgba(0,0,0,.2);
	z-index: 199;
}
 @media only screen and (min-width:320px) {
body {
	font-size: 1.2rem !important
}
}
@media only screen and (min-width:360px) {
body {
	font-size: 1.4rem !important
}
}
@media only screen and (min-width:480px) {
body {
	font-size: 1.6rem !important
}
}
@media only screen and (min-width:720px) {
body {
	font-size: 2rem !important
}
}
@media only screen and (min-width:1000px) {
body {
	font-size: 3.2rem !important
}
}
.copyright {
	text-align: center;
	color: #888;
	line-height: 1.8em;
	margin: -0.6em auto 0.2em;
}

.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
	white-space: nowrap !important;
}
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	overflow-x: auto;
	min-height: .01%;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
}
.table-responsive>.table {
	margin-bottom: 0;
}
.table-responsive {
	border: none;
}
.table {
	margin: 5px 0 0 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	white-space: nowrap;
	border: 1px solid #ccc;
}
.table > tbody > tr:nth-of-type(even) {
	background-color: #f1f1f1
}
.table > tbody > tr:nth-of-type(odd) {
	background-color: #fff
}
.table-hover > tbody > tr:hover, .table>tbody > tr:nth-of-type(odd):hover {
	background-color: #eee
}
.table > tbody > tr > td {
	vertical-align: middle;
	padding: 3px 6px;
	border: 1px solid #ccc;
}
.table > tbody > tr > td strong {
	color: red
}
.table > tbody > tr > td > img {
	width: 100%
}
.table > tbody > tr > td:first-child {
	white-space: nowrap
}

.table > tbody > tr:first-child {
	font-weight: bold;
}

.page {
	clear: both;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
}
.page .pageList {
	text-align: center;
}
.page .pageList a {
	padding: 2px 13px 0;
	border: #DDD solid 1px;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	line-height: 26px;
	background: #f8f8f8;
	color: #666;
	margin: 0 1px;
}
.page .pageList .fuiOmit {
	font-size: 28px;
}
.page .searPage {
	float: right;
	width: 350px;
	text-align: left;
	padding-top: 5px;
	line-height: 30px;
}
.page .searPage input[type="text"] {
	width: 40px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.page .searPage input[type="submit"] {
	width: 50px;
	height: 30px;
	line-height: 30px;
}
.page .pageList a:hover {
	background: #fdeaa6;
	border: #f7bf4f solid 1px;
	color: #f60;
	text-decoration: none;
}
.page .pageList .nowPage {
	background: #fdeaa6;
	border: #f7bf4f solid 1px;
	color: #f60;
	margin-right: 1px;
}
.gygs{text-align:center;width:100%}
.gygs img{width:92%;margin:0 auto;}
.gy_gs{float:left;margin-left:14%;margin-top:-2%;color:#fff;background-color:#1274e7;font-size:18px}
.gynr p{border:1px solid #4491ec;margin:4%;padding:3%;text-indent:2em}
.gynr a{color:#2220b7}
.content li{width:100%;height:80px;background-color:#4491ec;border-bottom:1px solid #fff;}
.content li a{width:100%;height:80px;line-height:70px;font-size:18px;color:#fff;margin-left:20px}
.erwcode{width:100%;text-align:center;color:#9a5d5d;font-size:18px;margin-top:20px;}
.erwcode .b{margin-top:15px}