.content {
	margin:0 auto
}
.content .rec_con ul li {
	float:left;
	width:290px;
	padding:5px;
	margin:0 8px;
	height:200px;
	background:#E8E8E8;
	border-radius:3px;
	position:relative;
	-webkit-transition:all .45s ease-in-out;
	-moz-transition:all .45s ease-in-out;
	-ms-transition:all .45s ease-in-out;
	-o-transition:all .45s ease-in-out;
	transition:all .45s ease-in-out
}
.content .rec_con ul li.bd-1 {
	border:solid 1px #98D3E8
}
.content .rec_con ul li.bd-1:hover {
	background:#98D3E8
}
.content .rec_con ul li.bd-2 {
	border:solid 1px #FFCB76
}
.content .rec_con ul li.bd-2:hover {
	background:#FFCB76
}
.content .rec_con ul li.bd-3 {
	border:solid 1px #FF525A
}
.content .rec_con ul li.bd-3:hover {
	background:#FF525A
}
.content .rec_con ul li.bd-4 {
	border:solid 1px #71C46F
}
.content .rec_con ul li.bd-4:hover {
	background:#71C46F
}
.content .rec_con ul li img {
	width:290px;
	height:200px;
	display:block
}
.content .rec_con ul li .a-index {
	position:absolute;
	width:290px;
	height:200px;
	top:5px;
	left:5px;
	line-height:20px;
	text-align:center;
	background:rgba(0,0,0,0.5);
	color:#fff
}
.content .rec_con ul li .a-index h2 {
	position:absolute;
	z-index:20;
	top:0;
	left:0;
	font-size:2em;
	line-height:28px;
	text-align:center;
	text-shadow:0 0 2px rgba(255,255,255,0.7);
	text-align:center;
	margin-top:0;
	width:98%;
	height:200px;
	margin-bottom:0;
	display:table;
	padding:0 1%;
	letter-spacing:2px
}
.content .rec_con ul li .a-index h2.fc-1 {
	color:#98D3E8
}
.content .rec_con ul li .a-index h2.fc-2 {
	color:#FFCB76
}
.content .rec_con ul li .a-index h2.fc-3 {
	color:#FF525A
}
.content .rec_con ul li .a-index h2.fc-4 {
	color:#71C46F
}
.content .rec_con ul li .a-index h2 span {
	display:table-cell;
	vertical-align:middle
}
@media screen and (max-width:1024px) {
	.content {
	width:97%;
	margin:0 auto
}
.content .rec_con ul li {
	width:225px;
	padding:2px;
	margin:0 6px;
	height:150px
}
.content .rec_con ul li img {
	width:225px;
	height:150px
}
.content .rec_con ul li .a-index {
	width:225px;
	height:150px;
	top:2px;
	left:2px;
	line-height:20px
}
.content .rec_con ul li .a-index h2 {
	top:0;
	left:0;
	font-size:1.7em;
	line-height:24px;
	width:98%;
	height:150px
}
}@media screen and (max-width:980px) {
	.content {
	width:95%;
	margin:0 auto
}
.content .rec_con ul li {
	width:160px;
	padding:2px;
	margin:0 6px;
	height:140px
}
.content .rec_con ul li img {
	width:160px;
	height:140px
}
.content .rec_con ul li .a-index {
	width:160px;
	height:140px;
	top:2px;
	left:2px;
	line-height:20px
}
.content .rec_con ul li .a-index h2 {
	top:0;
	left:0;
	font-size:1.6em;
	line-height:24px;
	width:98%;
	height:140px
}
}@media screen and (max-width:720px) {
	.content {
	width:94%;
	margin:0 auto
}
.content .rec_con ul li {
	width:255px;
	height:180px;
	margin-top:10px
}
.content .rec_con ul li img {
	width:255px;
	height:180px
}
.content .rec_con ul li .a-index {
	width:255px;
	height:180px;
	line-height:20px
}
.content .rec_con ul li .a-index h2 {
	top:0;
	left:0;
	font-size:1.8em;
	line-height:28px;
	width:98%;
	height:180px
}
}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.0) and (orientation:landscape) {
	.content .rec_con ul li {
	width:240px;
	height:180px;
	margin-top:10px
}
.content .rec_con ul li img {
	width:240px;
	height:180px
}
.content .rec_con ul li .a-index {
	width:240px;
	height:180px;
	line-height:20px
}
.content .rec_con ul li .a-index h2 {
	top:0;
	left:0;
	font-size:1.8em;
	line-height:28px;
	width:98%;
	height:180px
}
}@media screen and (max-width:480px) {
	.content {
	width:100%
}
.content .rec_con ul li {
	width:45%;
	height:150px;
	padding:1%;
	margin:10px 1% 5px
}
.content .rec_con ul li img {
	width:100%;
	height:150px
}
.content .rec_con ul li .a-index {
	width:98%;
	left:1%;
	top:2%;
	height:150px;
	line-height:20px
}
.content .rec_con ul li .a-index h2 {
	top:0;
	left:0;
	font-size:1.8em;
	line-height:28px;
	width:98%;
	height:150px
}
}@media screen and (max-width:380px) {
	.content .rec_con ul li {
	width:98%;
	height:160px;
	padding:1%;
	margin-top:10px
}
.content .rec_con ul li img {
	width:100%;
	height:160px
}
.content .rec_con ul li .a-index {
	width:98%;
	height:160px;
	line-height:20px;
	top:1.5%;
	left:1.5%
}
.content .rec_con ul li .a-index h2 {
	top:0;
	left:0;
	font-size:1.8em;
	line-height:28px;
	width:98%;
	height:160px
}
}.progress_bar {
	width:98%;
	border-radius:4px;
	background-color:#C6CBCB;
	box-shadow:inset 0 1px 1px #c9c9c9,inset -1px 0 2px #b8b8b8;
	display:block;
	position:relative;
	height:5px;
	padding:0;
	margin:10px auto
}
.progress_bar .progress_bar_x {
	display:block;
	width:100%;
	position:absolute;
	z-index:99;
	top:0;
	bottom:1px;
	opacity:.9;
	background-color:#5AB4F7;
	border-radius:8px 4px 4px 8px
}
.waterfull {
	margin:0
}
.waterfull ul li {
	float:left;
	margin-bottom:20px;
	background:#fff;
	border-radius:3px;
	position:relative
}
.waterfull ul li .a-img {
	display:block;
	position:relative
}
.waterfull ul li .a-img img {
	width:250px;
	display:block;
	border-radius:10px;
	border:1px solid #ccc
}
.waterfull ul li .li-title {
	padding:5px 0;
	max-height:48px;
	overflow:hidden;
	line-height:24px;
	color:#898686;
	background:#fff;
	border-bottom:solid 1px #DBDBDB
}
.waterfull ul li .li-title:before {
	border-color:rgba(0,0,0,0) rgba(0,0,0,0) #EEE;
	border-style:solid;
	border-width:10px;
	content:"";
	display:block;
	position:absolute;
	margin:-24px 0 0 10px;
	width:0
}
.waterfull ul li .description {
	padding:5px 0;
	max-height:66px;
	overflow:hidden;
	line-height:22px;
	color:#898686;
	font-size:1.3em;
	text-indent:10px;
	background:#fff;
	border-bottom:solid 1px #DBDBDB
}
.waterfull ul li .qianm {
	background:#fff
}
.waterfull ul li .qianm .sp1 {
	float:left;
	height:30px;
	line-height:36px;
	color:#898686
}
.waterfull ul li .qianm .sp1 b {
	color:#5DAA21;
	font-weight:700;
	padding:0 5px;
	font-size:1.3em
}
.waterfull ul li .qianm .sp2 {
	float:right;
	height:30px;
	padding:0 5px;
	line-height:36px;
	color:#898686
}
.waterfull ul li .qianm .sp3 {
	float:right;
	height:30px;
	line-height:36px;
	color:#898686
}
.pro_box {
	opacity:.9;
	padding:10px 0;
	font-size:21px;
	text-align:center;
	color:#fff;
	background-color:#b4995a
}
.content.upto.mb-header-element {
	margin-bottom:50px
}
.img-container {
	border-radius:0
}
.img-container img {
	width:100%;
	height:100%
}
.imgbox {
	width:100%;
	display:inline-block;
	text-align:center;
	margin:0;
	cursor:pointer;
	overflow:hidden;
	position:relative
}
.imgbox img {
	width:100%;
}
.col-1-4 {
	border:1px solid #bba36a;
	width:19%;
	margin:0;
	margin-right:15px
}
.col-1-4_last {
	margin-right:0
}
section.bannerSection .carousel-control .nextBtn {
	display:none
}
section.bannerSection .carousel-control .prevBtn {
	display:none
}
.content3 .title3 h2:before {
	background-image:none;
	background:#b99f4d;
	width:86%;
	height:5px;
	margin-top:9%;
	left:16px
}
.content3 .title3 h2:after {
	background-image:none
}
.content3 .title3.underline h2:before {
	background-image:none;
	background:#b99f4d;
	width:78%;
	height:5px;
	margin-top:12%;
	left:16px
}
.content3 .title3.underline h2:after {
	background-image:none
}
.content2 .title2 h2:before {
	background-image:url(../images/bg-next_test.png);
	height:58px;
	top:0;
	right:115%;
	background-repeat:no-repeat;
	width:187%;
	margin-top:-20px;
	position:absolute;
	content:"";
	transform:rotate(180deg);
	background-size:15%
}
.content2 .title2 h2:after {
	background-image:url(../images/bg-next_test.png);
	height:58px;
	content:"";
	position:absolute;
	top:56%;
	background-repeat:no-repeat;
	left:115%;
	margin-top:-20px;
	width:187%;
	background-size:15%
}
.pro_box_test {
	position:absolute;
	padding:10px;
	font-size:20px;
	text-align:left;
	color:#000;
	bottom:10px;
	font-weight:300
}
.test_box1_title {
	text-align:left;
	font-size:20px;
	border:1px solid #d4d4d4;
	padding:25px;
	margin-top:20px;
	height:237px;
	border-radius: 10px;	
}
.test_section_box2 {
	background:#000
}
.pro_box_test2 {
	color:#fff
}
section.test_section_box3 {
	background:#fff
}
.test_box3_title {
	padding:87px 10px
}
.test_box5 {
	width:100%;
	display:inline-block
}
.test_box5_left {
	color:#fff;
	padding:0 15px 15px;
	width:30%;
	display:inline-block;
	text-align:justify;
	float:left;
	position:relative;
	margin-top:-5px
}
.test_box5_left_btn {
	background:#b99f4d;
	border:1px solid #b99f4d;
	color:#fff;
	text-align:center;
	position:absolute;
	bottom:-75px;
	left:15px;
	padding:10px;
	transition:width .3s
}
.test_box5_left_btn:before,.test_box5_left_btn:before {
	width:100%;
	background-color:#B4995A;
	z-index:-2
}
.test_box5_left_btn:after,.test_box5_left_btn:after {
	width:0;
	background-color:#fff;
	z-index:-1
}
.test_box5_left_btn:hover {
	color:#b99f4d;
	background:#fff;
	width:87.67px
}
.test_box5_right {
	width:100%;
	height:494px
}
.test_box5_right img {
	width:100%;
	height:100%   ;
	border-radius: 10px;
}
section.newsSection .newsBox.newsBox2 {
	width:calc((100% - 32px) / 3);
	min-height:auto;
	padding:10px 0
}
.carousel-caption {
	display:none
}
section.paddindContent.test_section_box2 .title2 {
	margin:-50px auto 0
}
.title_txt_size {
	font-weight:400;
	font-size:24px;
	text-decoration:none;
	cursor:pointer;
	text-align:left
}
.title_txt_size2 {
	font-size:16px;
	text-decoration:none;
	cursor:pointer;
	text-align:left
}
.title_txt_size a:hover {
	color:#168cf5
}
.title3 h2 {
	padding:0;
	font-weight:400;
	font-size:30px;
	border-bottom:5px solid #b78f1d
}
.index_padding {
	margin-bottom:100px
}
section.imageSection.paddindContent {
	padding:79px 0
}
section.productSection.paddindContent.box1_padding .title3 {
	margin-bottom:0
}
section.productSection.paddindContent .title3 {
	margin-bottom:0
}
section.paddindContent.test_section_box2 .title2 {
	margin:-110px auto 0
}
section.newsSection.paddindContent.news .title2 {
	margin-bottom:0
}
.contan_box {
	margin:25px auto -25px
}
.text_ti {
	color:#FFF
}
.shin2 {
	margin:0 auto;
	margin-bottom:16px
}
.shine2 {
	background:#222 -webkit-gradient(linear,left top,right top,from(#222),to(#222),color-stop(0.5,#fff)) 0 0 no-repeat;
	-webkit-background-size:150px;
	color:rgba(255,255,255,0.3);
	-webkit-background-clip:text;
	-webkit-animation-name:shine;
	-webkit-animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	text-shadow:0 0 0 rgba(255,255,255,0.5)
}
.line_left {
	background:#b99f4d;
	width:37%;
	height:1px;
	position:absolute;
	left:0;
	top:17px
}
.line_right {
	background:#b99f4d;
	width:37%;
	height:1px;
	position:absolute;
	right:0;
	top:17px
}
.line_left.product,.line_right.product {
	top:45px
}
@-webkit-keyframes shine2 {
	0%,10% {
	background-position:-1000px
}
20% {
	background-position:top left
}
90% {
	background-position:top right
}
100% {
	background-position:1000px
}
}.animation_big img {
	transition:all 1s ease-in-out
}
.animation_big:hover img {
	transform:scale(1.1)
}
.content3.upto.mb-header-element {
	padding-left:15px;
	padding-right:15px
}
.test_box1_title1 {
	margin-top:15px
}
span.indexmore {
	color:#baa04f;
	font-size:16px
}
@media screen and (max-width:1440px) {
	.line_left {
	width:38%
}
.line_right {
	width:38%
}
}@media screen and (max-width:1280px) {
	.col-1-4 {
	margin-right:14.6px
}
.col-1-4_last {
	margin-right:0
}
.line_left {
	width:38%
}
.line_right {
	width:38%
}
}@media screen and (max-width:786px) {
	.carousel-caption {
	display:block
}
}@media screen and (max-width:480px) {
	.col-1-4 {
	width:100%;
	margin-right:0
}
}ul.masonry {
	width:1390px!important;
	margin:0
}
@media (max-width:1366px) {
	ul.masonry {
	width:1220px!important
}
.waterfull ul li .a-img img {
	width:310px
}
}@media (max-width:1280px) {
	.waterfull ul li .a-img img {
	width:290px
}
}@media (max-width:768px) {
	.waterfull ul li .a-img img {
	width:210px
}
}@media (max-width:415px) {
	ul.masonry {
	width:360px!important
}
div#waterfull {
	width:360px!important
}
.waterfull ul li .a-img img {
	width:107px;
	min-height:50px
}
}@media (max-width:375px) {
	ul.masonry {
	width:330px!important
}
div#waterfull {
	width:330px!important
}
.waterfull ul li .a-img img {
	width:98px;
	min-height:10px
}
}@media (max-width:360px) {
	ul.masonry {
	width:320px!important
}
div#waterfull {
	width:320px!important
}
.waterfull ul li .a-img img {
	width:95px;
	min-height:1px
}
.waterfull ul li {
	margin-bottom:10px
}
}@media (max-width:320px) {
	ul.masonry {
	width:300px!important
}
div#waterfull {
	width:270px!important
}
.waterfull ul li .a-img img {
	width:80px;
	min-height:1px
}
.waterfull ul li {
	margin-bottom:10px
}
}