@charset "utf-8";
/* CSS Document */
body {
	font-family: 'BenchNine', sans-serif, tw-cen-mt, Arial;
	font-size: 14px;
	line-height: 1.42857143;
	color: #000;
	background-color: #fff
}
.probgst {
	background: #f1f1f1;
	float: left;
	width: 100%;
}
.clear {
	clear: both;
}
#sform {
	width: 255px;
	height: 40px;
	float: left;
}
#sform input {
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	vertical-align: top;
	overflow: hidden;
	float: left;
}
#stext {
	float: left;
	width: 205px;
	border: #032e5c 1px solid;
	font-size: 13px;
	text-indent: 10px;
	height: 38px;
}
#sbut {
	float: left;
	width: 50px;
	padding: 0;
	line-height: normal;
	background: #284da6 ;
	color: #fff;
	border: 0;
	cursor: pointer;
	font-size: 13px;
}
@media (min-width: 768px) {
	/*头部*/
	#fh5co-header-section {
		padding: 0;
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	.mobile-meunu {
		display: none;
	}
	.scroll #fh5co-header-section {
		padding: 0;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
		position: fixed;
		background: #fff;
	}
	.scroll #fh5co-header-section .toplogo {
		-webkit-transition: 1s;
		transition: 1s;
	}
	.scroll #fh5co-header-section .nav {
		-webkit-transition: 1s;
		transition: 1s;
		float: left;
	}
	.scroll #fh5co-header-section div.hidden-box {
		top: 49px;
	}
}
@media (max-width: 767px) {
	#bframe {
		margin-top: 74px;
	}
	.probgs {
		background-image: url("../images/p1.jpg");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		margin-top: 74px;
		width: 100%;
		background-size: 100% 100%;
	}
	/*头部*/
	#fh5co-header-section {
		padding: 0;
		padding-top: 10px;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
		position: absolute;
		background: #fff;
		display: none;
	}
	.mobile-meunu {
		height: 74px;
		position: fixed;
		z-index: 999;
		width: 100%;
		-webkit-transition: 1s;
		transition: 1s;
		top: 0px;
		left: 0px;
	}
	.mobilebg {
		background: #fff;
		height: 74px;
		float: left;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}
	.mobile-logo {
		float: left;
		padding-top: 15px;
		padding-left: 1em;
	}
	.mobile-logo img {
		height: 45px;
		float: left;
	}
	.mobile-logo a p {
		float: left;
		color: #fff;
		line-height: 75px;
		padding-left: 5px;
		font-size: 18px;
		font-weight: bold;
	}
}
.mtop35 {
	margin-top: 35px;
}
@media (min-width: 1024px) {
	.clearlg {
		clear: both;
	}
}
@media (max-width: 1023px) {
	.clearsm {
		clear: both;
	}
}
@media (min-width: 1350px) {
	.scroll #fh5co-header-section {
		padding: 0;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
		position: fixed;
		background: #fff;
		height: 112px;
	}
	.scroll #fh5co-header-section .toplogo {
		-webkit-transition: 1s;
		transition: 1s;
	}
	.scroll #fh5co-header-section .nav {
		-webkit-transition: 1s;
		transition: 1s;
		float: left;
	}
	.scroll #fh5co-header-section div.hidden-box {
		top: 49px;
	}
	.probgs {
		background-image: url("../images/p1.jpg");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		margin-top: 112px;
		width: 100%;
		background-size: 100% 100%;
	}
	.nbframe {
		float: left;
		width: 100%;
		margin-top: 112px;
	}
	.nbframe img {
		max-width: 100%;
	}
	#bframe {
		float: left;
		width: 100%;
		margin-top: 112px;
	}
	.topbar {
		background: url(../images/1_05.png);
		float: left;
		width: 100%;
		height: 98px;
		border-radius: 0px 0px 50px 50px;
	}
	.dSears {
		position: absolute;
		top: 70px;
		z-index: 21;
		float: left;
		display: none;
		right: 0px;
	}
	.topright {
		float: left;
		margin-left: 40px;
		margin-top: 30px;
	}
	.toplogo {
		float: left;
		padding-top: 25px;
		padding-left: 16px;
	}
	.toplogo a {
		display: block;
		background: url(../images/logo/logo.png) no-repeat;
		width: 210px;
		height: 60px;
	}
	.topsear {
		float: right;
		margin-top: 42px;
		position: relative;
	}
	.topsear img {
		float: left;
		padding-left: 5px;
		padding-right: 5px;
	}
	.topsear i {
		font-size:30px;
		color:#284da6;
	}
	.tri {
		float: right;
	}
	div.nav {
		text-align: center;
		position: relative;
		float: left;
	}
	ul.nav-main > li {
		height: 100%;
		display: block;
		float: left;
		cursor: pointer;
		padding-left: 24px;
		padding-right: 24px;
		text-transform: capitalize;
		height: 80px;
	}
	ul.nav-main > li a {
		color: #3e3e3e;
		display: block;
		line-height: 50px;
		font-size: 16px;
		border-bottom: 2px solid #fff;
	}
	ul.nav-main > li a:hover {
		border-bottom: 2px solid #fa855e;
	}
	ul.nav-main > li a.hover {
		border-bottom: 2px solid #fa855e;
	}
	.aboutli {
		float: left;
		width: 100%;
		margin-top: 50px;
		position: relative;
	}
	.about_mores {
		position: absolute;
		bottom: -8px;
		left: 45%;
	}
	.about_mores a {
		background: #284da6 ;
		border-radius: 5px;
		color: #fff;
		padding: 8px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 20px;
		text-transform: uppercase;
		box-shadow: 8px 8px 8px #dddbdc;
	}
	.about_mores a.hover {
		background: #fa855e ;
	} 
	.aboutleft {
		float: left;
		width: 50%;
	}
	.aboutright {
		float: left;
		width: 50%;
	}
	.aboutritop {
		float: left;
		margin-left: 20px;
		margin-top: 30px;
	}
	.aboutritop h2 {
		text-transform: uppercase;
		font-size: 50px;
		position: relative;
	}
	.aboutritop h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 0%;
		bottom: -10px;
	}
	.aboutritop p {
		font-size: 26px;
		color: #ee2323;
		text-transform: uppercase;
		margin-top: 35px;
	}
	.aboutritop span {
		color: #6c6c6c;
		line-height: 28px;
	}
	.aboutrili {
		float: left;
		margin-left: 20px;
		margin-top: 20px;
		
	}
	.aboutrili a {
		float: left;
		width: 33%;
		padding: 5px;
	}
	.aboutrili img {
		border-radius:15px 0;
	}
	.cerlibg {
		float: left;
		background: #f5faff;
		padding-top: 80px;
		padding-bottom: 50px;
		width: 100%;
		margin-top: 70px;
	}
	.cerli {
		float: left;
		width: 100%;
		border: 1px solid #d2d2d2;
	}
	.mtop50 {
		margin-top: 110px;
	}
	.cerimg {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: -60px;
	}



.cerimg img {
  border-radius: 100%;
  border: 10px solid rgba(225, 225, 225, 0.7);
  display: block;
  margin: 0 auto;
  border-radius: 100%;
  width:120px;
}
	
	
	.certop {
		float: left;
		width: 100%;
		text-align: center;
	}
	.certop h2 {
		color: #2d2d2d;
		position: relative;
		font-size: 20px;
		margin-top: 35px;
	}
	.certop h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 1px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 50%;
		bottom: -10px;
		margin-left: -20px;
	}
	.certop p {
		color: #6c6c6c;
		width: 76%;
		margin-left: 12%;
		margin-top: 30px;
		margin-bottom: 25px;
		line-height: 22px;
		height: 66px;
		overflow: hidden;
	}
	.produbg {
		background: url(../images/1_12.jpg) no-repeat top;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center;
		min-height: 870px;
		width: 100%;
		float: left;
		background-attachment: fixed;
	}
	.prod_head {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 60px;
	}
	.prod_head h2 {
		position: relative;
		font-size: 50px;
		text-transform: uppercase;
	}
	.prod_head h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -20px;
	}
	.prod_head p {
		width: 70%;
		margin-left: 15%;
		line-height: 25px;
		margin-top: 40px;
		color: #383838;
	}
	.prod_lis {
		float: left;
		width: 100%;
		margin-top: 50px;
	}
	.prod_firs {
		float: left;
		width: 33%;
		padding: 25px;
		position: relative;
		z-index: 2;
	}
	.prod_firs img {
		border: 4px solid #fff;
	}
	.prod_more {
		position: absolute;
		bottom: 80px;
	}
	.prod_more a {
		background: #d52a21;
		border-radius: 5px;
		color: #fff;
		padding: 8px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 20px;
		text-transform: uppercase;
	}
	.catebgs {
		float: left;
		width: 100%;
		background: url(../images/1_26.jpg) repeat-x #061c40;
		height: 232px;
	}
	.cateh2 {
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.cateh2 h2 {
		position: relative;
		font-size: 50px;
		text-transform: uppercase;
		color: #fff;
	}
	.cateh2 h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 1px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 0;
		bottom: -10px;
	}
	.catelis {
		float: left;
		width: 100%;
		margin-top: 50px;
	}
	.catelis ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		float: left;
		width: 100%;
	}
	.catelis ul li {
		float: left;
		width: 20%;
	}
	.catelis ul li a {
		color: #fff;
		border-radius: 5px;
		padding: 10px;
		font-size: 20px;
		text-transform: uppercase;
	}
	.catelis ul li a:hover {
		color: #fff;
		border: 1px solid #fff;
		border-radius: 5px;
		padding: 10px;
		font-size: 20px;
		text-transform: uppercase;
	}
	.catelis ul li a.hover {
		color: #fff;
		border: 1px solid #fff;
		border-radius: 5px;
		padding: 10px;
		font-size: 20px;
		text-transform: uppercase;
	}
	.sliderbox {
		background: #f1f1f1;
		width: 100%;
		overflow: hidden;
		margin-top: 70px;
		position: relative;
		margin-bottom: 60px;
	}
	.arrow-btn {
		display: inline;
		width: 97px;
		height: 97px;
		overflow: hidden;
		cursor: pointer;
		margin-top: 285px;
	}
	#btn-left {
		float: left;
		background: url(../images/left.jpg) no-repeat;
		width: 97px;
		height: 97px;
		position: absolute;
		top: 0px;
		z-index: 11;
		left: 0px;
	}
	#btn-left.dasabled {
		background: url(../images/left.jpg) no-repeat;
		width: 97px;
		height: 97px;
	}
	#btn-right {
		float: right;
		margin-right: 0px;
		cursor: pointer;
		background: url(../images/right.jpg) no-repeat;
		width: 97px;
		height: 97px;
		position: absolute;
		top: 0px;
		z-index: 11;
		right: 0px;
	}
	#btn-right.dasabled {
		background: url(../images/right.jpg) no-repeat;
		width: 97px;
		height: 97px;
	}
	.slider {
		width: 1170px;
		overflow: hidden;
		float: left;
		margin-top: 8px;
		height: 700px;
		margin-left: 35px;
		margin-right: 35px;
		border: 1px solid #eeeeee;
	}
	.slider ul {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 1800px;
		height: 700px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.slider li {
		float: left;
		height: 600px;
		width: 1170px;
		text-align: center;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.slider a {
		display: block;
		text-decoration: none;
		color: #000;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	.slider img {
		display: inline-block!important;
		width: 800px;
		height: 600px;
		margin-left: 110px;
	}
	.pro_lis {}
	.pro_li_bot {
		float: left;
		width: 100%;
		padding: 15px;
	}
	.pro_li_bot a {
		color: #3f3f3e;
		font-size: 1.2em;
		height: 20px;
		overflow: hidden;
		float: left;
		line-height: 20px;
	}
	.newsbgs {
		float: left;
		width: 100%;
		background: #f5faff;
		padding-top: 80px;
		padding-bottom: 50px;
	}
	.news_title {
		float: left;
		width: 100%;
		text-align: center;
	}
	.news_title h2 {
		position: relative;
		font-size: 50px;
		text-transform: uppercase;
	}
	.news_title h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -30px;
	}
	.news_list {
		float: left;
		width: 100%;
		margin-top: 40px;
	}
	.news_lifir {
		float: left;
		width: 50%;
		padding: 30px;
		padding-bottom: 0px;
	}
	.news_littl {
		float: left;
		width: 100%;
		background: #fff;
		box-shadow: 5px 5px 5px #eef2f7;
		padding: 8px;
	}
	.news_lilef {
		float: left;
		width: 25%;
	}
	.nwes_lirig {
		float: right;
		width: 72%;
	}
	.nwes_lirig h3 {
		color: #161515;
		font-size: 20px;
		margin: 0px;
		font-weight: bold;
		margin-top: 6px;
	}
	.nwes_lirig h3 a {
		color: #161515
	}
	.nwes_lirig p {
		margin-top: 12px;
	}
	#footer {
		float: left;
		width: 100%;
		background: url(../images/banner/1_21.jpg) no-repeat;
		min-height: 405px;
	}
	.fnt {
		float: left;
		width: 100%;
		padding-top: 45px;
	}
	.fnt1 {
		float: left;
		width: 350px;
	}
	.fnt1 a {
		float: left;
		width: 100%;
		color: #ebebeb;
		font-size: 20px;
		line-height: 34px;
	}
	.fnt2 {
		float: left;
		width: 450px;
		margin-left: 25px;
	}
	.fnt2 h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid #a0a0a0;
		float: left;
		width: 100%;
		font-size: 20px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt2 h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 0%;
		bottom: -1px;
	}
	.fnt2 ul {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
		margin-top: 10px;
	}
	.fnt2 ul li {
		float: left;
		width: 33%;
		margin-bottom: 6px;
	}
	.fnt2 ul li a {
		color: #e0e0e0;
		font-size: 16px;
	}
	.fnt3 {
		float: right;
		width: 350px;
	}
	.fnt3 h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid #a0a0a0;
		float: left;
		width: 370px;
		font-size: 20px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt3 h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 0%;
		bottom: -1px;
	}
	.fnt3cont {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
	.fnt3cont p {
		color: #fff;
		font-size: 16px;
	}
	.fntcer {
		float: left;
		width: 100%;
		margin-top: 35px;
	}
	.fntleft {
		float: left;
		margin-left: 5px;
	}
	.fntright {
		float: right;
		margin-right: 285px;
	}
	.fntright a {
		float: left;
		margin-right: 8px;		
	}
	.fcopy {
		float: left;
		width: 100%;
		background: #284da6;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		font-size: 16px;
	}
	.fcople {
		float: left;
	}
	.fcople a {
	color:#fff;
	}
	.fcopri {
		float: right;
	}
	.abouttop {
		font-size: 16px;
		margin-top: 20px;
	}
	.abouttop h2 {
		font-size: 25px;
		font-weight: bold;
		margin: 0px;		
	}	

	.abouttoplis p {
		color: #9c9fa4;
		line-height: 1.75em;
		width: 60%;
		float: left;
	}
	.abouttoplis .abouttxt{
	width: 60%; 
	float: left;
	margin-bottom: 30px;
	}
	.abouttoplis .abouttxt div{	
      color: #9c9fa4;
      width: 100%;    	  
	}
	.abouttoplis .aboutimg img {
		float: right;
		width: 38%;
	}
	.aboutsbg {
		float: left;
		width: 100%;
		background: #e8e8e8;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 20px;
	}
	.aboutmidd {
		font-size: 16px;
	}
	.aboutmidd h2 {
		margin-bottom: 25px;
	}
	.aboutmidd p {
		color: #9c9fa4;
		line-height: 1.75em;
		width: 60%;
		float: right;
	}
	.aboutmidd img {
		float: left;
		width: 38%;
	}
	.aboutbot {
		margin-top: 35px;
		font-size: 16px;
		margin-bottom: 40px;
	}
	.aboutbot p {
		color: #9c9fa4;
		line-height: 1.75em;
		width: 75%;
	}
}
@media (min-width: 1200px) and (max-width: 1349px) {
	.scroll #fh5co-header-section {
		padding: 0;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
		position: fixed;
		background: #fff;
		height: 112px;
	}
	.scroll #fh5co-header-section .toplogo {
		-webkit-transition: 1s;
		transition: 1s;
	}
	.scroll #fh5co-header-section .nav {
		-webkit-transition: 1s;
		transition: 1s;
		float: left;
	}
	.scroll #fh5co-header-section div.hidden-box {
		top: 49px;
	}
	#bframe {
		float: left;
		width: 100%;
		margin-top: 112px;
	}
	.probgs {
		background-image: url("../images/p1.jpg");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		margin-top: 112px;
		width: 100%;
		background-size: 100% 100%;
	}
	.nbframe {
		float: left;
		width: 100%;
		margin-top: 112px;
	}
	.nbframe img {
		max-width: 100%;
	}
	.topbar {
		background: url(../images/1_05.png);
		float: left;
		width: 100%;
		height: 98px;
		border-radius: 0px 0px 50px 50px;
	}
	.dSears {
		position: absolute;
		top: 70px;
		z-index: 21;
		float: left;
		display: none;
		right: 0px;
	}
	.topright {
		float: left;
		margin-left: 30px;
		margin-top: 30px;
	}
	.toplogo {
		float: left;
		padding-top: 25px;
		padding-left: 16px;
	}
	.toplogo a {
		display: block;
		background: url(../images/logo.jpg) no-repeat;
		width: 210px;
		height: 60px;
	}
	.topsear {
		float: right;
		margin-top: 42px;
		position: relative;
	}
	.topsear img {
		float: left;
		padding-left: 5px;
		padding-right: 5px;
	}
	.tri {
		float: right;
	}
	div.nav {
		text-align: center;
		position: relative;
		float: left;
	}
	ul.nav-main > li {
		height: 100%;
		display: block;
		float: left;
		cursor: pointer;
		padding-left: 22px;
		padding-right: 22px;
		text-transform: capitalize;
		height: 80px;
	}
	ul.nav-main > li a {
		color: #3e3e3e;
		display: block;
		line-height: 50px;
		font-size: 20px;
		border-bottom: 2px solid #fff;
	}
	ul.nav-main > li a:hover {
		border-bottom: 2px solid #fa855e;
	}
	ul.nav-main > li a.hover {
		border-bottom: 2px solid #fa855e;
	}
	.aboutli {
		float: left;
		width: 100%;
		margin-top: 50px;
		position: relative;
	}
	.about_mores {
		position: absolute;
		bottom: -8px;
		left: 45%;
	}
	.about_mores a {
		background: #d52a21;
		border-radius: 5px;
		color: #fff;
		padding: 8px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 20px;
		text-transform: uppercase;
		box-shadow: 8px 8px 8px #dddbdc;
	}
	.aboutleft {
		float: left;
		width: 50%;
	}
	.aboutright {
		float: left;
		width: 50%;
	}
	.aboutritop {
		float: left;
		margin-left: 20px;
		margin-top: 15px;
	}
	.aboutritop h2 {
		text-transform: uppercase;
		font-size: 50px;
		position: relative;
	}
	.aboutritop h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 0%;
		bottom: -10px;
	}
	.aboutritop p {
		font-size: 26px;
		color: #ee2323;
		text-transform: uppercase;
		margin-top: 28px;
	}
	.aboutritop span {
		color: #6c6c6c;
		line-height: 28px;
		height: 140px;
		overflow: hidden;
		display: block;
	}
	.aboutrili {
		float: left;
		margin-left: 20px;
		margin-top: 20px;
	}
	.aboutrili a {
		float: left;
		width: 33%;
		padding: 5px;
	}
	.cerlibg {
		float: left;
		background: #f5faff;
		padding-top: 80px;
		padding-bottom: 30px;
		width: 100%;
		margin-top: 70px;
	}
	.cerli {
		float: left;
		width: 100%;
		border: 1px solid #d2d2d2;
	}
	.mtop50 {
		margin-top: 110px;
	}
	.cerimg {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: -52px;
	}
	.certop {
		float: left;
		width: 100%;
		text-align: center;
	}
	.certop h2 {
		color: #2d2d2d;
		position: relative;
		font-size: 20px;
		margin-top: 35px;
	}
	.certop h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 1px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 50%;
		bottom: -10px;
		margin-left: -20px;
	}
	.certop p {
		color: #6c6c6c;
		width: 76%;
		margin-left: 12%;
		margin-top: 30px;
		margin-bottom: 25px;
		line-height: 22px;
		height: 66px;
		overflow: hidden;
	}
	.produbg {
		background: url(../images/1_12.jpg) no-repeat top;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center;
		min-height: 850px;
		width: 100%;
		float: left;
		background-attachment: fixed;
	}
	.prod_head {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 60px;
	}
	.prod_head h2 {
		position: relative;
		font-size: 50px;
		text-transform: uppercase;
	}
	.prod_head h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -20px;
	}
	.prod_head p {
		width: 70%;
		margin-left: 15%;
		line-height: 25px;
		margin-top: 40px;
		color: #383838;
	}
	.prod_lis {
		float: left;
		width: 100%;
		margin-top: 50px;
	}
	.prod_firs {
		float: left;
		width: 33%;
		padding: 25px;
		position: relative;
		z-index: 2;
	}
	.prod_firs img {
		border: 4px solid #fff;
	}
	.prod_more {
		position: absolute;
		bottom: 80px;
	}
	.prod_more a {
		background: #d52a21;
		border-radius: 5px;
		color: #fff;
		padding: 8px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 20px;
		text-transform: uppercase;
	}
	.catebgs {
		float: left;
		width: 100%;
		background: url(../images/1_26.jpg) repeat-x #061c40;
		height: 232px;
	}
	.cateh2 {
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.cateh2 h2 {
		position: relative;
		font-size: 50px;
		text-transform: uppercase;
		color: #fff;
	}
	.cateh2 h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 1px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 0;
		bottom: -10px;
	}
	.catelis {
		float: left;
		width: 100%;
		margin-top: 50px;
	}
	.catelis ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		float: left;
		width: 100%;
	}
	.catelis ul li {
		float: left;
		width: 20%;
	}
	.catelis ul li a {
		color: #fff;
		border-radius: 5px;
		padding: 10px;
		font-size: 20px;
		text-transform: uppercase;
	}
	.catelis ul li a:hover {
		color: #fff;
		border: 1px solid #fff;
		border-radius: 5px;
		padding: 10px;
		font-size: 20px;
		text-transform: uppercase;
	}
	.catelis ul li a.hover {
		color: #fff;
		border: 1px solid #fff;
		border-radius: 5px;
		padding: 10px;
		font-size: 20px;
		text-transform: uppercase;
	}
	.sliderbox {
		background: #f1f1f1;
		width: 100%;
		overflow: hidden;
		margin-top: 70px;
		position: relative;
		margin-bottom: 60px;
	}
	.arrow-btn {
		display: inline;
		width: 97px;
		height: 97px;
		overflow: hidden;
		cursor: pointer;
		margin-top: 270px;
	}
	#btn-left {
		float: left;
		background: url(../images/left.jpg) no-repeat;
		width: 97px;
		height: 97px;
		position: absolute;
		top: 0px;
		z-index: 11;
		left: 0px;
	}
	#btn-left.dasabled {
		background: url(../images/left.jpg) no-repeat;
		width: 97px;
		height: 97px;
	}
	#btn-right {
		float: right;
		margin-right: 0px;
		cursor: pointer;
		background: url(../images/right.jpg) no-repeat;
		width: 97px;
		height: 97px;
		position: absolute;
		top: 0px;
		z-index: 11;
		right: 0px;
	}
	#btn-right.dasabled {
		background: url(../images/right.jpg) no-repeat;
		width: 97px;
		height: 97px;
	}
	.slider {
		width: 1070px;
		overflow: hidden;
		float: left;
		margin-top: 8px;
		height: 660px;
		margin-left: 35px;
		margin-right: 35px;
		border: 1px solid #eeeeee;
	}
	.slider ul {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 1800px;
		height: 660px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.slider li {
		float: left;
		height: 560px;
		width: 1070px;
		text-align: center;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.slider a {
		display: block;
		text-decoration: none;
		color: #000;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	.slider img {
		display: inline-block!important;
		width: 750px;
		height: 556px;
		margin-left: 80px;
	}
	.pro_lis {}
	.pro_li_bot {
		float: left;
		width: 100%;
		padding: 15px;
	}
	.pro_li_bot a {
		color: #3f3f3e;
		font-size: 1.2em;
		height: 20px;
		overflow: hidden;
		float: left;
		line-height: 20px;
	}
	.newsbgs {
		float: left;
		width: 100%;
		background: #f5faff;
		padding-top: 80px;
		padding-bottom: 50px;
	}
	.news_title {
		float: left;
		width: 100%;
		text-align: center;
	}
	.news_title h2 {
		position: relative;
		font-size: 50px;
		text-transform: uppercase;
	}
	.news_title h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -30px;
	}
	.news_list {
		float: left;
		width: 100%;
		margin-top: 40px;
	}
	.news_lifir {
		float: left;
		width: 50%;
		padding: 30px;
		padding-bottom: 0px;
	}
	.news_littl {
		float: left;
		width: 100%;
		background: #fff;
		box-shadow: 5px 5px 5px #eef2f7;
		padding: 8px;
	}
	.news_lilef {
		float: left;
		width: 25%;
	}
	.nwes_lirig {
		float: right;
		width: 70%;
	}
	.nwes_lirig h3 {
		color: #161515;
		font-size: 20px;
		margin: 0px;
		font-weight: bold;
		margin-top: 6px;
	}
	.nwes_lirig h3 a {
		color: #161515
	}
	.nwes_lirig p {
		margin-top: 12px;
	}
	#footer {
		float: left;
		width: 100%;
		background: url(../images/1_20.jpg) no-repeat;
		min-height: 405px;
	}
	.fnt {
		float: left;
		width: 100%;
		padding-top: 45px;
	}
	.fnt1 {
		float: left;
		width: 315px;
		margin-left: 35px;
	}
	.fnt1 a {
		float: left;
		width: 100%;
		color: #ebebeb;
		font-size: 20px;
		line-height: 34px;
	}
	.fnt2 {
		float: left;
		width: 202px;
		margin-left: 25px;
	}
	.fnt2 h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid #a0a0a0;
		float: left;
		width: 100%;
		font-size: 20px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt2 h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 0%;
		bottom: -1px;
	}
	.fnt2 ul {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
		margin-top: 10px;
	}
	.fnt2 ul li {
		float: left;
		width: 100%;
		margin-bottom: 6px;
	}
	.fnt2 ul li a {
		color: #6f6f6f;
		font-size: 16px;
	}
	.fnt3 {
		float: right;
		width: 450px;
	}
	.fnt3 h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid #a0a0a0;
		float: left;
		width: 370px;
		font-size: 20px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt3 h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 0%;
		bottom: -1px;
	}
	.fnt3cont {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
	.fnt3cont p {
		color: #6f6f6f;
		font-size: 16px;
	}
	.fntcer {
		float: left;
		width: 100%;
		margin-top: 35px;
	}
	.fntleft {
		float: left;
		margin-left: 35px;
	}
	.fntright {
		float: right;
		margin-right: 285px;
	}
	.fntright a {
		float: left;
		margin-right: 8px;
	}
	.fcopy {
		float: left;
		width: 100%;
		background: #242424;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #6f6f6f;
		font-size: 16px;
	}
	.fcople {
		float: left;
	}
	.fcopri {
		float: right;
	}
	.abouttop {
		font-size: 16px;
		margin-top: 20px;
	}
	.abouttop h2 {
		font-size: 25px;
		font-weight: bold;
		margin: 0px;
	}
	.abouttoplis p {
		color: #9c9fa4;
		line-height: 1.75em;
		width: 60%;
		float: left;
	}
	.abouttoplis img {
		float: right;
		width: 38%;
	}
	.aboutsbg {
		float: left;
		width: 100%;
		background: #e8e8e8;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 20px;
	}
	.aboutmidd {
		font-size: 16px;
	}
	.aboutmidd h2 {
		margin-bottom: 25px;
	}
	.aboutmidd p {
		color: #9c9fa4;
		line-height: 1.75em;
		width: 60%;
		float: right;
	}
	.aboutmidd img {
		float: left;
		width: 38%;
	}
	.aboutbot {
		margin-top: 35px;
		font-size: 16px;
		margin-bottom: 40px;
	}
	.aboutbot p {
		color: #9c9fa4;
		line-height: 1.75em;
		width: 75%;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.scroll #fh5co-header-section {
		padding: 0;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
		position: fixed;
		background: #fff;
		height: 100px;
	}
	.scroll #fh5co-header-section .toplogo {
		-webkit-transition: 1s;
		transition: 1s;
	}
	.scroll #fh5co-header-section .nav {
		-webkit-transition: 1s;
		transition: 1s;
		float: left;
	}
	.scroll #fh5co-header-section div.hidden-box {
		top: 49px;
	}
	.probgs {
		background-image: url("../images/p1.jpg");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		margin-top: 100px;
		width: 100%;
		background-size: 100% 100%;
	}
	#bframe {
		float: left;
		width: 100%;
		margin-top: 100px;
	}
	.nbframe {
		float: left;
		width: 100%;
		margin-top: 100px;
	}
	.nbframe img {
		max-width: 100%;
	}
	.dSears {
		position: absolute;
		top: 60px;
		z-index: 21;
		float: left;
		display: none;
		right: 0px;
	}
	.topright {
		float: left;
		margin-left: 10px;
		margin-top: 25px;
	}
	.toplogo {
		float: left;
		padding-top: 25px;
	}
	.toplogo a {
		display: block;
		background: url(../images/logo.jpg) no-repeat;
		width: 175px;
		height: 50px;
		background-position: 50% 50%;
		background-size: 175px 50px;
	}
	.topsear {
		float: right;
		margin-top: 34px;
		position: relative;
	}
	.topsear img {
		float: left;
		padding-left: 5px;
		padding-right: 5px;
	}
	.tri {
		float: right;
	}
	div.nav {
		text-align: center;
		position: relative;
		float: left;
	}
	ul.nav-main > li {
		height: 100%;
		display: block;
		float: left;
		cursor: pointer;
		padding-left: 18px;
		padding-right: 18px;
		text-transform: capitalize;
		height: 80px;
	}
	ul.nav-main > li a {
		color: #3e3e3e;
		display: block;
		line-height: 50px;
		font-size: 18px;
		border-bottom: 2px solid #fff;
	}
	ul.nav-main > li a:hover {
		border-bottom: 2px solid #fa855e;
	}
	ul.nav-main > li a.hover {
		border-bottom: 2px solid #fa855e;
	}
	.aboutli {
		float: left;
		width: 100%;
		margin-top: 50px;
		position: relative;
	}
	.about_mores {
		position: absolute;
		bottom: -8px;
		left: 45%;
	}
	.about_mores a {
		background: #d52a21;
		border-radius: 5px;
		color: #fff;
		padding: 8px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 18px;
		text-transform: uppercase;
		box-shadow: 8px 8px 8px #dddbdc;
	}
	.aboutleft {
		float: left;
		width: 50%;
	}
	.aboutright {
		float: left;
		width: 50%;
	}
	.aboutritop {
		float: left;
		margin-left: 20px;
		margin-top: 5px;
	}
	.aboutritop h2 {
		text-transform: uppercase;
		font-size: 40px;
		position: relative;
		margin: 0px;
	}
	.aboutritop h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 0%;
		bottom: -10px;
	}
	.aboutritop p {
		font-size: 26px;
		color: #ee2323;
		text-transform: uppercase;
		margin-top: 24px;
	}
	.aboutritop span {
		color: #6c6c6c;
		line-height: 25px;
		height: 125px;
		overflow: hidden;
		display: block;
	}
	.aboutrili {
		float: left;
		margin-left: 20px;
		margin-top: 20px;
	}
	.aboutrili a {
		float: left;
		width: 33%;
		padding: 5px;
	}
	.cerlibg {
		float: left;
		background: #f5faff;
		padding-top: 80px;
		padding-bottom: 30px;
		width: 100%;
		margin-top: 70px;
	}
	.cerli {
		float: left;
		width: 100%;
		border: 1px solid #d2d2d2;
	}
	.mtop50 {
		margin-top: 110px;
	}
	.cerimg {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: -52px;
	}
	.certop {
		float: left;
		width: 100%;
		text-align: center;
	}
	.certop h2 {
		color: #2d2d2d;
		position: relative;
		font-size: 20px;
		margin-top: 35px;
	}
	.certop h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 1px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 50%;
		bottom: -10px;
		margin-left: -20px;
	}
	.certop p {
		color: #6c6c6c;
		width: 76%;
		margin-left: 12%;
		margin-top: 30px;
		margin-bottom: 25px;
		line-height: 22px;
		height: 66px;
		overflow: hidden;
	}
	.produbg {
		background: url(../images/1_12.jpg) no-repeat top;
		min-height: 750px;
		width: 100%;
		float: left;
	}
	.prod_head {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 60px;
	}
	.prod_head h2 {
		position: relative;
		font-size: 50px;
		text-transform: uppercase;
	}
	.prod_head h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -20px;
	}
	.prod_head p {
		width: 70%;
		margin-left: 15%;
		line-height: 25px;
		margin-top: 40px;
		color: #383838;
	}
	.prod_lis {
		float: left;
		width: 100%;
		margin-top: 30px;
	}
	.prod_firs {
		float: left;
		width: 33%;
		padding: 25px;
		position: relative;
		z-index: 2;
	}
	.prod_firs img {
		border: 4px solid #fff;
	}
	.prod_more {
		position: absolute;
		bottom: 80px;
	}
	.prod_more a {
		background: #d52a21;
		border-radius: 5px;
		color: #fff;
		padding: 8px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 20px;
		text-transform: uppercase;
	}
	.catebgs {
		float: left;
		width: 100%;
		background: url(../images/1_26.jpg) repeat-x #061c40;
		height: 180px;
	}
	.cateh2 {
		float: left;
		width: 100%;
		margin-top: 10px;
	}
	.cateh2 h2 {
		position: relative;
		font-size: 40px;
		text-transform: uppercase;
		color: #fff;
	}
	.cateh2 h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 1px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 0;
		bottom: -10px;
	}
	.catelis {
		float: left;
		width: 100%;
		margin-top: 40px;
	}
	.catelis ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		float: left;
		width: 100%;
	}
	.catelis ul li {
		float: left;
		width: 20%;
	}
	.catelis ul li a {
		color: #fff;
		border-radius: 5px;
		padding: 10px;
		font-size: 16px;
		text-transform: uppercase;
	}
	.catelis ul li a:hover {
		color: #fff;
		border: 1px solid #fff;
		border-radius: 5px;
		padding: 10px;
		text-transform: uppercase;
	}
	.catelis ul li a.hover {
		color: #fff;
		border: 1px solid #fff;
		border-radius: 5px;
		padding: 10px;
		text-transform: uppercase;
	}
	.sliderbox {
		background: #f1f1f1;
		width: 100%;
		overflow: hidden;
		margin-top: 70px;
		position: relative;
		margin-bottom: 60px;
	}
	.arrow-btn {
		display: inline;
		width: 65px;
		height: 65px;
		overflow: hidden;
		cursor: pointer;
		margin-top: 205px;
	}
	#btn-left {
		float: left;
		background: url(../images/left.jpg) no-repeat;
		width: 65px;
		height: 65px;
		position: absolute;
		top: 0px;
		z-index: 11;
		left: 0px;
		background-position: 50% 50%;
		background-size: 65px 65px;
	}
	#btn-left.dasabled {
		background: url(../images/left.jpg) no-repeat;
		width: 65px;
		height: 65px;
		background-position: 50% 50%;
		background-size: 65px 65px;
	}
	#btn-right {
		float: right;
		margin-right: 0px;
		cursor: pointer;
		background: url(../images/right.jpg) no-repeat;
		width: 65px;
		height: 65px;
		position: absolute;
		top: 0px;
		z-index: 11;
		right: 0px;
		background-position: 50% 50%;
		background-size: 65px 65px;
	}
	#btn-right.dasabled {
		background: url(../images/right.jpg) no-repeat;
		width: 65px;
		height: 65px;
		background-position: 50% 50%;
		background-size: 65px 65px;
	}
	.slider {
		width: 870px;
		overflow: hidden;
		float: left;
		margin-top: 8px;
		height: 510px;
		margin-left: 35px;
		margin-right: 35px;
		border: 1px solid #eeeeee;
	}
	.slider ul {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 1800px;
		height: 510px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.slider li {
		float: left;
		height: 410px;
		width: 870px;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.slider a {
		display: block;
		text-decoration: none;
		color: #000;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	.slider img {
		display: inline-block!important;
		width: 550px;
		height: 408px;
		margin-left: 80px;
	}
	.pro_lis {}
	.pro_li_bot {
		float: left;
		width: 100%;
		padding: 15px;
	}
	.pro_li_bot a {
		color: #3f3f3e;
		font-size: 1.2em;
		height: 20px;
		overflow: hidden;
		float: left;
		line-height: 20px;
	}
	.newsbgs {
		float: left;
		width: 100%;
		background: #f5faff;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.news_title {
		float: left;
		width: 100%;
		text-align: center;
	}
	.news_title h2 {
		position: relative;
		font-size: 40px;
		text-transform: uppercase;
	}
	.news_title h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -30px;
	}
	.news_list {
		float: left;
		width: 100%;
		margin-top: 40px;
	}
	.news_lifir {
		float: left;
		width: 50%;
		padding: 30px;
		padding-bottom: 0px;
	}
	.news_littl {
		float: left;
		width: 100%;
		background: #fff;
		box-shadow: 5px 5px 5px #eef2f7;
		padding: 8px;
	}
	.news_lilef {
		float: left;
		width: 25%;
	}
	.nwes_lirig {
		float: right;
		width: 70%;
	}
	.nwes_lirig h3 {
		color: #161515;
		font-size: 16px;
		padding: 0px;
		margin: 0px;
		font-weight: bold;
	}
	.nwes_lirig h3 a {
		color: #161515
	}
	.nwes_lirig p {
		margin-top: 8px;
	}
	#footer {
		float: left;
		width: 100%;
		background: url(../images/1_20.jpg) no-repeat;
		padding-bottom: 25px;
	}
	.fnt {
		float: left;
		width: 100%;
		padding-top: 45px;
	}
	.fnt1 {
		float: left;
		width: 250px;
	}
	.fnt1 a {
		float: left;
		width: 100%;
		color: #ebebeb;
		font-size: 20px;
		line-height: 34px;
	}
	.fnt2 {
		float: left;
		width: 202px;
		margin-left: 25px;
	}
	.fnt2 h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid #a0a0a0;
		float: left;
		width: 100%;
		font-size: 20px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt2 h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 0%;
		bottom: -1px;
	}
	.fnt2 ul {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
		margin-top: 10px;
	}
	.fnt2 ul li {
		float: left;
		width: 100%;
		margin-bottom: 6px;
	}
	.fnt2 ul li a {
		color: #6f6f6f;
		font-size: 16px;
	}
	.fnt3 {
		float: right;
		width: 360px;
	}
	.fnt3 h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid #a0a0a0;
		float: left;
		width: 280px;
		font-size: 20px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt3 h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 0%;
		bottom: -1px;
	}
	.fnt3cont {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
	.fnt3cont p {
		color: #6f6f6f;
		font-size: 16px;
	}
	.fntcer {
		float: left;
		width: 100%;
		margin-top: 35px;
	}
	.fntleft {
		float: left;
		margin-left: 5px;
	}
	.fntright {
		float: right;
		margin-right: 192px;
	}
	.fntright a {
		float: left;
		margin-right: 8px;
	}
	.fcopy {
		float: left;
		width: 100%;
		background: #242424;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #6f6f6f;
		font-size: 16px;
	}
	.fcople {
		float: left;
	}
	.fcopri {
		float: right;
	}
	.abouttop {
		font-size: 16px;
		margin-top: 20px;
	}
	.abouttop h2 {
		font-size: 25px;
		font-weight: bold;
		margin: 0px;
	}
	.abouttoplis p {
		color: #9c9fa4;
		line-height: 1.75em;
	}
	.abouttoplis img {}
	.aboutsbg {
		float: left;
		width: 100%;
		background: #e8e8e8;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 40px;
	}
	.aboutmidd {
		font-size: 16px;
	}
	.aboutmidd h2 {
		margin-bottom: 25px;
	}
	.aboutmidd p {
		color: #9c9fa4;
		line-height: 1.75em;
		margin-top: 12px;
	}
	.aboutmidd img {}
	.aboutbot {
		margin-top: 35px;
		font-size: 16px;
		margin-bottom: 40px;
	}
	.aboutbot p {
		color: #9c9fa4;
		line-height: 1.75em;
		width: 75%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.scroll #fh5co-header-section {
		padding: 0;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
		position: fixed;
		background: #fff;
		height: 90px;
	}
	.scroll #fh5co-header-section .toplogo {
		-webkit-transition: 1s;
		transition: 1s;
	}
	.scroll #fh5co-header-section .nav {
		-webkit-transition: 1s;
		transition: 1s;
		float: left;
	}
	.scroll #fh5co-header-section div.hidden-box {
		top: 95px;
	}
	.nbframe {
		float: left;
		width: 100%;
		margin-top: 90px;
	}
	.nbframe img {
		max-width: 100%;
	}
	#bframe {
		float: left;
		width: 100%;
		margin-top: 90px;
	}
	.probgs {
		background-image: url("../images/p1.jpg");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		margin-top: 90px;
		width: 100%;
		background-size: 100% 100%;
	}
	.dSears {
		position: absolute;
		top: 60px;
		z-index: 21;
		float: left;
		display: none;
		right: 0px;
	}
	.topright {
		float: left;
		margin-left: 15px;
		margin-top: 22px;
	}
	.toplogo {
		float: left;
		padding-top: 25px;
	}
	.toplogo a {
		display: block;
		background: url(../images/logo.jpg) no-repeat;
		width: 150px;
		height: 43px;
		background-position: 50% 50%;
		background-size: 150px 43px;
	}
	.topsear {
		float: right;
		margin-top: 32px;
		position: relative;
	}
	.topsear img {
		float: left;
		padding-left: 5px;
		padding-right: 5px;
	}
	.tri {
		float: right;
	}
	div.nav {
		text-align: center;
		position: relative;
		float: left;
	}
	.nav-main {
		margin: 0px;
		float: left;
		padding: 0px;
	}
	ul.nav-main > li {
		height: 100%;
		display: block;
		float: left;
		cursor: pointer;
		padding-left: 10px;
		padding-right: 10px;
		text-transform: capitalize;
	}
	ul.nav-main > li a {
		color: #3e3e3e;
		display: block;
		line-height: 50px;
		font-size: 16px;
		border-bottom: 2px solid #fff;
	}
	ul.nav-main > li a:hover {
		border-bottom: 2px solid #fa855e;
	}
	ul.nav-main > li a.hover {
		border-bottom: 2px solid #fa855e;
	}
	.aboutli {
		float: left;
		width: 100%;
		margin-top: 30px;
	}
	.about_mores {
		float: left;
		width: 100%;
		margin-top: 30px;
		margin-left: 20px;
	}
	.about_mores a {
		background: #d52a21;
		border-radius: 5px;
		color: #fff;
		padding: 8px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 18px;
		text-transform: uppercase;
		box-shadow: 8px 8px 8px #dddbdc;
	}
	.aboutleft {
		float: left;
		width: 50%;
		display: none;
	}
	.aboutright {
		float: left;
		width: 100%;
	}
	.aboutritop {
		float: left;
		margin-left: 20px;
		margin-top: 30px;
	}
	.aboutritop h2 {
		text-transform: uppercase;
		font-size: 40px;
		position: relative;
	}
	.aboutritop h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 0%;
		bottom: -10px;
	}
	.aboutritop p {
		font-size: 26px;
		color: #ee2323;
		text-transform: uppercase;
		margin-top: 28px;
	}
	.aboutritop span {
		color: #6c6c6c;
		line-height: 28px;
	}
	.aboutrili {
		float: left;
		margin-left: 20px;
		margin-top: 20px;
	}
	.aboutrili a {
		float: left;
		width: 33%;
		padding: 5px;
	}
	.cerlibg {
		float: left;
		background: #f5faff;
		padding-top: 80px;
		padding-bottom: 30px;
		width: 100%;
		margin-top: 70px;
	}
	.cerli {
		float: left;
		width: 100%;
		border: 1px solid #d2d2d2;
	}
	.mtop50 {
		margin-top: 110px;
	}
	.cerimg {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: -52px;
	}
	.certop {
		float: left;
		width: 100%;
		text-align: center;
	}
	.certop h2 {
		color: #2d2d2d;
		position: relative;
		font-size: 20px;
		margin-top: 35px;
	}
	.certop h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 1px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 50%;
		bottom: -10px;
		margin-left: -20px;
	}
	.certop p {
		color: #6c6c6c;
		width: 76%;
		margin-left: 12%;
		margin-top: 30px;
		margin-bottom: 25px;
		line-height: 22px;
		height: 66px;
		overflow: hidden;
	}
	.produbg {
		float: left;
		width: 100%;
		min-height: 650px;
		background: url(../images/1_12.jpg)no-repeat;
	}
	.prod_head {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 60px;
	}
	.prod_head h2 {
		position: relative;
		font-size: 50px;
		text-transform: uppercase;
	}
	.prod_head h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -20px;
	}
	.prod_head p {
		width: 70%;
		margin-left: 15%;
		line-height: 25px;
		margin-top: 40px;
		color: #383838;
	}
	.prod_lis {
		float: left;
		width: 100%;
		margin-top: 30px;
	}
	.prod_firs {
		float: left;
		width: 33%;
		padding: 15px;
		position: relative;
		z-index: 2;
	}
	.prod_firs img {
		border: 4px solid #fff;
	}
	.prod_more {
		position: absolute;
		bottom: 80px;
	}
	.prod_more a {
		background: #d52a21;
		border-radius: 5px;
		color: #fff;
		padding: 8px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 20px;
		text-transform: uppercase;
	}
	.catebgs {
		float: left;
		width: 100%;
		background: url(../images/1_26.jpg) repeat-x #061c40;
		height: 180px;
	}
	.cateh2 {
		float: left;
		width: 100%;
		margin-top: 10px;
	}
	.cateh2 h2 {
		position: relative;
		font-size: 40px;
		text-transform: uppercase;
		color: #fff;
	}
	.cateh2 h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 1px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 0;
		bottom: -10px;
	}
	.catelis {
		float: left;
		width: 100%;
		margin-top: 40px;
	}
	.catelis ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		float: left;
		width: 100%;
	}
	.catelis ul li {
		float: left;
		width: 20%;
	}
	.catelis ul li a {
		color: #fff;
		border-radius: 5px;
		padding: 10px;
		font-size: 16px;
		text-transform: uppercase;
	}
	.catelis ul li a:hover {
		color: #fff;
		border: 1px solid #fff;
		border-radius: 5px;
		padding: 10px;
		text-transform: uppercase;
	}
	.catelis ul li a.hover {
		color: #fff;
		border: 1px solid #fff;
		border-radius: 5px;
		padding: 10px;
		text-transform: uppercase;
	}
	.sliderbox {
		background: #f1f1f1;
		width: 100%;
		overflow: hidden;
		margin-top: 40px;
		position: relative;
		margin-bottom: 30px;
	}
	.arrow-btn {
		display: inline;
		width: 55px;
		height: 55px;
		overflow: hidden;
		cursor: pointer;
		margin-top: 185px;
	}
	#btn-left {
		float: left;
		background: url(../images/left.jpg) no-repeat;
		width: 55px;
		height: 55px;
		position: absolute;
		top: 0px;
		z-index: 11;
		left: 0px;
		background-position: 50% 50%;
		background-size: 55px 55px;
	}
	#btn-left.dasabled {
		background: url(../images/left.jpg) no-repeat;
		width: 55px;
		height: 55px;
		background-position: 50% 50%;
		background-size: 55px 55px;
	}
	#btn-right {
		float: right;
		margin-right: 0px;
		cursor: pointer;
		background: url(../images/right.jpg) no-repeat;
		width: 55px;
		height: 55px;
		position: absolute;
		top: 0px;
		z-index: 11;
		right: 0px;
		background-position: 50% 50%;
		background-size: 55px 55px;
	}
	#btn-right.dasabled {
		background: url(../images/right.jpg) no-repeat;
		width: 55px;
		height: 55px;
		background-position: 50% 50%;
		background-size: 55px 55px;
	}
	.slider {
		width: 650px;
		overflow: hidden;
		float: left;
		margin-top: 8px;
		height: 440px;
		margin-left: 35px;
		margin-right: 35px;
		border: 1px solid #eeeeee;
	}
	.slider ul {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 1800px;
		height: 440px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.slider li {
		float: left;
		height: 410px;
		width: 650px;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.slider a {
		display: block;
		text-decoration: none;
		color: #000;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	.slider img {
		display: inline-block!important;
		width: 450px;
		height: 334px;
		margin-left: 85px;
	}
	.pro_lis {}
	.pro_li_bot {
		float: left;
		width: 100%;
		padding: 15px;
	}
	.pro_li_bot a {
		color: #3f3f3e;
		font-size: 1.2em;
		height: 20px;
		overflow: hidden;
		float: left;
		line-height: 20px;
	}
	.newsbgs {
		float: left;
		width: 100%;
		background: #f5faff;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.news_title {
		float: left;
		width: 100%;
		text-align: center;
	}
	.news_title h2 {
		position: relative;
		font-size: 40px;
		text-transform: uppercase;
	}
	.news_title h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -30px;
	}
	.news_list {
		float: left;
		width: 100%;
		margin-top: 40px;
	}
	.news_lifir {
		float: left;
		width: 50%;
		padding: 20px;
		padding-bottom: 0px;
	}
	.news_littl {
		float: left;
		width: 100%;
		background: #fff;
		box-shadow: 5px 5px 5px #eef2f7;
		padding: 8px;
	}
	.news_lilef {
		float: left;
		width: 100%;
	}
	.news_lilef img {
		width: 100%;
	}
	.nwes_lirig {
		float: right;
		width: 100%;
	}
	.nwes_lirig h3 {
		color: #161515;
		font-size: 16px;
		margin: 0px;
		font-weight: bold;
		margin-top: 10px;
	}
	.nwes_lirig h3 a {
		color: #161515
	}
	.nwes_lirig p {
		margin-top: 6px;
	}
	#footer {
		float: left;
		width: 100%;
		background: url(../images/1_20.jpg);
		padding-bottom: 20px;
	}
	.fnt {
		float: left;
		width: 100%;
		padding-top: 35px;
	}
	.fnt1 {
		float: left;
		width: 180px;
	}
	.fnt1 a {
		float: left;
		width: 100%;
		color: #ebebeb;
		font-size: 18px;
		line-height: 34px;
	}
	.fnt2 {
		float: left;
		width: 180px;
	}
	.fnt2 h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid #a0a0a0;
		float: left;
		width: 100%;
		font-size: 18px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt2 h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 0%;
		bottom: -1px;
	}
	.fnt2 ul {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
		margin-top: 10px;
	}
	.fnt2 ul li {
		float: left;
		width: 100%;
		margin-bottom: 6px;
	}
	.fnt2 ul li a {
		color: #6f6f6f;
		font-size: 14px;
	}
	.fnt3 {
		float: right;
		width: 300px;
	}
	.fnt3 h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid #a0a0a0;
		float: left;
		width: 260px;
		font-size: 18px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt3 h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 0%;
		bottom: -1px;
	}
	.fnt3cont {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
	.fnt3cont p {
		color: #6f6f6f;
		font-size: 14px;
	}
	.fntcer {
		float: left;
		width: 100%;
		margin-top: 35px;
	}
	.fntleft {
		float: left;
		margin-left: 5px;
	}
	.fntright {
		float: right;
	}
	.fntright a {
		float: left;
		margin-right: 8px;
	}
	.fcopy {
		float: left;
		width: 100%;
		background: #242424;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #6f6f6f;
		font-size: 16px;
	}
	.fcople {
		float: left;
	}
	.fcopri {
		float: right;
	}
	.abouttop {
		font-size: 16px;
		margin-top: 20px;
	}
	.abouttop h2 {
		font-size: 25px;
		font-weight: bold;
		margin: 0px;
	}
	.abouttoplis p {
		color: #9c9fa4;
		line-height: 1.75em;
	}
	.abouttoplis img {}
	.aboutsbg {
		float: left;
		width: 100%;
		background: #e8e8e8;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 40px;
	}
	.aboutmidd {
		font-size: 16px;
	}
	.aboutmidd h2 {
		margin-bottom: 25px;
	}
	.aboutmidd p {
		color: #9c9fa4;
		line-height: 1.75em;
		margin-top: 12px;
	}
	.aboutmidd img {}
	.aboutbot {
		margin-top: 35px;
		font-size: 16px;
		margin-bottom: 40px;
	}
	.aboutbot p {
		color: #9c9fa4;
		line-height: 1.75em;
		width: 100%;
	}
}
@media (max-width: 767px) {
	.nbframe {
		float: left;
		width: 100%;
		margin-top: 75px;
	}
	.nbframe img {
		max-width: 100%;
	}
	.aboutli {
		float: left;
		width: 100%;
		margin-top: 30px;
	}
	.about_mores {
		float: left;
		width: 65%;
		margin-top: 30px;
		margin-left: 20px;
	}
	.about_mores a {
		background: #d52a21;
		border-radius: 5px;
		color: #fff;
		padding: 8px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 18px;
		text-transform: uppercase;
		box-shadow: 8px 8px 8px #dddbdc;
	}
	.aboutleft {
		float: left;
		width: 50%;
		display: none;
	}
	.aboutright {
		float: left;
		width: 100%;
	}
	.aboutritop {
		float: left;
		margin-left: 20px;
		margin-top: 20px;
	}
	.aboutritop h2 {
		text-transform: uppercase;
		font-size: 35px;
		position: relative;
	}
	.aboutritop h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 0%;
		bottom: -10px;
	}
	.aboutritop p {
		font-size: 22px;
		color: #ee2323;
		text-transform: uppercase;
		margin-top: 28px;
	}
	.aboutritop span {
		color: #6c6c6c;
		line-height: 28px;
	}
	.aboutrili {
		float: left;
		margin-left: 20px;
		margin-top: 20px;
	}
	.aboutrili a {
		float: left;
		width: 100%;
		padding: 5px;
	}
	.cerlibg {
		float: left;
		background: #f5faff;
		padding-top: 80px;
		padding-bottom: 30px;
		width: 100%;
		margin-top: 70px;
	}
	.cerli {
		float: left;
		width: 100%;
		border: 1px solid #d2d2d2;
		margin-bottom: 110px;
	}
	.mtop50 {}
	.mbo2 {
		margin-bottom: 0px;
	}
	.cerimg {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: -52px;
	}
	.certop {
		float: left;
		width: 100%;
		text-align: center;
	}
	.certop h2 {
		color: #2d2d2d;
		position: relative;
		font-size: 20px;
		margin-top: 35px;
	}
	.certop h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 1px solid #fa855e;
		width: 40px;
		position: absolute;
		left: 50%;
		bottom: -10px;
		margin-left: -20px;
	}
	.certop p {
		color: #6c6c6c;
		width: 76%;
		margin-left: 12%;
		margin-top: 30px;
		margin-bottom: 25px;
		line-height: 22px;
		height: 66px;
		overflow: hidden;
	}
	.catebgs {
		float: left;
		width: 100%;
		background: url(../images/1_26.jpg) repeat-x #061c40;
		padding-bottom: 5px;
	}
	.cateh2 {
		float: left;
		width: 100%;
		margin-top: 10px;
	}
	.cateh2 h2 {
		position: relative;
		font-size: 35px;
		text-transform: uppercase;
		color: #fff;
	}
	.cateh2 h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 1px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 0;
		bottom: -10px;
	}
	.catelis {
		float: left;
		width: 100%;
		margin-top: 40px;
	}
	.catelis ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		float: left;
		width: 100%;
	}
	.catelis ul li {
		float: left;
		padding-right: 15px;
		padding-bottom: 25px;
	}
	.catelis ul li a {
		color: #fff;
		border-radius: 5px;
		padding: 6px;
		font-size: 16px;
		text-transform: uppercase;
	}
	.catelis ul li a:hover {
		color: #fff;
		border: 1px solid #fff;
		border-radius: 5px;
		padding: 6px;
		text-transform: uppercase;
	}
	.catelis ul li a.hover {
		color: #fff;
		border: 1px solid #fff;
		border-radius: 5px;
		padding: 6px;
		text-transform: uppercase;
	}
	.sliderbox {
		background: #f1f1f1;
		width: 100%;
		overflow: hidden;
		margin-top: 20px;
		position: relative;
		margin-bottom: 30px;
	}
	.arrow-btn {
		display: inline;
		width: 55px;
		height: 55px;
		overflow: hidden;
		cursor: pointer;
		margin-top: 185px;
		display: none;
	}
	#btn-left {
		float: left;
		background: url(../images/left.jpg) no-repeat;
		width: 55px;
		height: 55px;
		position: absolute;
		top: 0px;
		z-index: 11;
		left: 0px;
		background-position: 50% 50%;
		background-size: 55px 55px;
	}
	#btn-left.dasabled {
		background: url(../images/left.jpg) no-repeat;
		width: 55px;
		height: 55px;
		background-position: 50% 50%;
		background-size: 55px 55px;
	}
	#btn-right {
		float: right;
		margin-right: 0px;
		cursor: pointer;
		background: url(../images/right.jpg) no-repeat;
		width: 55px;
		height: 55px;
		position: absolute;
		top: 0px;
		z-index: 11;
		right: 0px;
		background-position: 50% 50%;
		background-size: 55px 55px;
	}
	#btn-right.dasabled {
		background: url(../images/right.jpg) no-repeat;
		width: 55px;
		height: 55px;
		background-position: 50% 50%;
		background-size: 55px 55px;
	}
	.slider {
		width: 100%;
		overflow: hidden;
		float: left;
		margin-top: 8px;
	}
	.slider ul {
		width: 100%;
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.slider li {
		float: left;
		width: 100%;
		padding: 10px;
		text-align: center;
		border: 1px solid #ddd;
		margin-bottom: 15px;
	}
	.slider a {
		display: block;
		text-decoration: none;
		color: #000;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	.slider img {
		display: inline-block!important;
		width: 100%;
		height: auto;
	}
	.pro_lis {}
	.pro_li_bot {
		float: left;
		width: 100%;
		padding: 15px;
	}
	.pro_li_bot a {
		color: #3f3f3e;
		font-size: 1.2em;
		height: 20px;
		overflow: hidden;
		float: left;
		line-height: 20px;
	}
	.abouttop {
		font-size: 16px;
		margin-top: 20px;
	}
	.abouttop h2 {
		font-size: 25px;
		font-weight: bold;
		margin: 0px;
	}
	.abouttoplis p {
		color: #9c9fa4;
		line-height: 1.75em;
	}
	.abouttoplis img {
		max-width: 100%;
	}
	.aboutsbg {
		float: left;
		width: 100%;
		background: #e8e8e8;
		padding-top: 30px;
		padding-bottom: 110px;
		margin-top: 40px;
	}
	.aboutmidd {
		font-size: 16px;
	}
	.aboutmidd h2 {
		margin-bottom: 25px;
	}
	.aboutmidd p {
		color: #9c9fa4;
		line-height: 1.75em;
		margin-top: 12px;
	}
	.aboutmidd img {
		max-width: 100%;
	}
	.aboutbot {
		margin-top: 35px;
		font-size: 16px;
		margin-bottom: 40px;
	}
	.aboutbot p {
		color: #9c9fa4;
		line-height: 1.75em;
		width: 100%;
	}
}
@media (min-width:500px) and (max-width:767px) {
	#footer {
		float: left;
		width: 100%;
		background: #2d2b2a;
		padding-bottom: 30px;
	}
	.fnt {
		float: left;
		width: 100%;
		padding-top: 45px;
	}
	.fnt1 {
		float: left;
		width: 50%;
	}
	.fnt1 a {
		float: left;
		width: 100%;
		color: #6f6f6f;
		font-size: 16px;
		margin-bottom: 4px;
	}
	.fnt1li {}
	.fnt1lis {
		float: left;
		width: 100%;
		padding-bottom: 5px;
	}
	.fnt1lis h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		float: left;
		width: 80%;
		font-size: 20px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt1lis h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		position: absolute;
		left: 0%;
		bottom: -1px;
		border: 2px solid #fa855e;
		width: 60px;
	}
	.fnt2 {
		float: left;
		width: 50%;
		padding-bottom: 15px;
	}
	.fnt2 h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		float: left;
		width: 80%;
		font-size: 20px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt2 h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		position: absolute;
		left: 0%;
		bottom: -1px;
		border: 2px solid #fa855e;
		width: 60px;
	}
	.fnt2 ul {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
		margin-top: 10px;
	}
	.fnt2 ul li {
		float: left;
		width: 100%;
		margin-bottom: 6px;
	}
	.fnt2 ul li a {
		color: #6f6f6f;
		font-size: 16px;
	}
	.fnt3 {
		float: left;
		width: 100%;
		margin-top: 25px;
	}
	.fnt3 h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		float: left;
		width: 100%;
		font-size: 20px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt3 h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		position: absolute;
		left: 0%;
		bottom: -1px;
		border: 2px solid #fa855e;
		width: 40px;
	}
	.fnt3cont {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
	.fnt3cont p {
		color: #6f6f6f;
		font-size: 16px;
	}
	.fntcer {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
	.fntleft {
		float: left;
		width: 100%;
	}
	.fntright {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
	.fntright a {
		float: left;
		margin-right: 8px;
	}
	.fcopy {
		float: left;
		width: 100%;
		background: #242424;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #6f6f6f;
		font-size: 16px;
	}
	.fcople {
		float: left;
	}
	.fcopri {
		float: right;
	}
}
@media (max-width:499px) {
	#footer {
		float: left;
		width: 100%;
		background: #2d2b2a;
		padding-bottom: 30px;
	}
	.fnt {
		float: left;
		width: 100%;
		padding-top: 45px;
	}
	.fnt1 {
		float: left;
		width: 100%;
	}
	.fnt1 a {
		float: left;
		width: 100%;
		color: #6f6f6f;
		font-size: 16px;
		margin-bottom: 4px;
	}
	.fnt1li {}
	.fnt1lis {
		float: left;
		width: 100%;
		padding-bottom: 8px;
	}
	.fnt1lis h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		float: left;
		width: 80%;
		font-size: 20px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt1lis h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		position: absolute;
		left: 0%;
		bottom: -1px;
		border: 2px solid #fa855e;
		width: 60px;
	}
	.fnt2 {
		float: left;
		width: 100%;
		margin-top: 25px;
	}
	.fnt2 h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		float: left;
		width: 80%;
		font-size: 20px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt2 h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		position: absolute;
		left: 0%;
		bottom: -1px;
		border: 2px solid #fa855e;
		width: 60px;
	}
	.fnt2 ul {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
		margin-top: 10px;
	}
	.fnt2 ul li {
		float: left;
		width: 100%;
		margin-bottom: 6px;
	}
	.fnt2 ul li a {
		color: #6f6f6f;
		font-size: 16px;
	}
	.fnt3 {
		float: left;
		width: 100%;
		margin-top: 25px;
	}
	.fnt3 h3 {
		margin: 0px;
		color: #ebebeb;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		float: left;
		width: 100%;
		font-size: 20px;
		position: relative;
		padding-bottom: 15px;
	}
	.fnt3 h3 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		position: absolute;
		left: 0%;
		bottom: -1px;
		border: 2px solid #fa855e;
		width: 40px;
	}
	.fnt3cont {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
	.fnt3cont p {
		color: #6f6f6f;
		font-size: 16px;
	}
	.fntcer {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
	.fntleft {
		float: left;
		width: 100%;
	}
	.fntleft img {
		max-width: 100%;
	}
	.fntright {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
	.fntright a {
		float: left;
		margin-right: 8px;
	}
	.fcopy {
		float: left;
		width: 100%;
		background: #242424;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #6f6f6f;
		font-size: 16px;
		text-align: center;
	}
	.fcople {
		float: left;
		width: 100%;
	}
	.fcopri {
		float: left;
		width: 100%;
	}
}
@media (min-width: 610px) and (max-width: 767px) {
	.produbg {
		float: left;
		width: 100%;
		min-height: 630px;
		background: url(../images/1_12.jpg)no-repeat;
	}
	.prod_head {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	.prod_head h2 {
		position: relative;
		font-size: 35px;
		text-transform: uppercase;
	}
	.prod_head h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -20px;
	}
	.prod_head p {
		width: 100%;
		line-height: 25px;
		margin-top: 40px;
		color: #383838;
		text-align: left;
	}
	.prod_lis {
		float: left;
		width: 100%;
		margin-top: 30px;
	}
	.prod_firs {
		float: left;
		width: 33%;
		padding: 10px;
		position: relative;
		z-index: 2;
	}
	.prod_firs img {
		border: 4px solid #fff;
	}
	.prod_more {
		position: absolute;
		bottom: 40px;
	}
	.prod_more a {
		background: #d52a21;
		border-radius: 5px;
		color: #fff;
		padding: 8px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 20px;
		text-transform: uppercase;
	}
	.newsbgs {
		float: left;
		width: 100%;
		background: #f5faff;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.news_title {
		float: left;
		width: 100%;
		text-align: center;
	}
	.news_title h2 {
		position: relative;
		font-size: 35px;
		text-transform: uppercase;
	}
	.news_title h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -30px;
	}
	.news_list {
		float: left;
		width: 100%;
		margin-top: 40px;
		margin-bottom: 15px;
	}
	.news_lifir {
		float: left;
		width: 50%;
		padding: 20px;
		padding-bottom: 0px;
	}
	.news_littl {
		float: left;
		width: 100%;
		background: #fff;
		box-shadow: 5px 5px 5px #eef2f7;
		padding: 8px;
	}
	.news_lilef {
		float: left;
		width: 100%;
	}
	.news_lilef img {
		width: 100%;
	}
	.nwes_lirig {
		float: right;
		width: 100%;
	}
	.nwes_lirig h3 {
		color: #161515;
		font-size: 16px;
		margin: 0px;
		font-weight: bold;
		margin-top: 10px;
	}
	.nwes_lirig h3 a {
		color: #161515
	}
	.nwes_lirig p {
		margin-top: 6px;
	}
}
@media (min-width: 400px) and (max-width: 609px) {
	.produbg {
		float: left;
		width: 100%;
		background: url(../images/1_12.jpg)no-repeat;
		padding-bottom: 35px;
	}
	.prod_head {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	.prod_head h2 {
		position: relative;
		font-size: 35px;
		text-transform: uppercase;
	}
	.prod_head h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -20px;
	}
	.prod_head p {
		width: 100%;
		line-height: 25px;
		margin-top: 40px;
		color: #383838;
		text-align: left;
	}
	.prod_lis {
		float: left;
		width: 100%;
		margin-top: 30px;
	}
	.prod_firs {
		float: left;
		width: 33%;
		padding: 10px;
		position: relative;
		z-index: 2;
	}
	.prod_firs img {
		border: 4px solid #fff;
	}
	.prod_more {
		position: absolute;
		bottom: 40px;
	}
	.prod_more a {
		background: #d52a21;
		border-radius: 5px;
		color: #fff;
		padding: 5px;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 15px;
		text-transform: uppercase;
	}
	.newsbgs {
		float: left;
		width: 100%;
		background: #f5faff;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.news_title {
		float: left;
		width: 100%;
		text-align: center;
	}
	.news_title h2 {
		position: relative;
		font-size: 35px;
		text-transform: uppercase;
	}
	.news_title h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -30px;
	}
	.news_list {
		float: left;
		width: 100%;
		margin-top: 40px;
		margin-bottom: 15px;
	}
	.news_lifir {
		float: left;
		width: 100%;
		padding: 10px;
		padding-bottom: 0px;
		margin-bottom: 15px;
	}
	.news_littl {
		float: left;
		width: 100%;
		background: #fff;
		box-shadow: 5px 5px 5px #eef2f7;
		padding: 8px;
	}
	.news_lilef {
		float: left;
		width: 100%;
	}
	.news_lilef img {
		width: 100%;
	}
	.nwes_lirig {
		float: right;
		width: 100%;
	}
	.nwes_lirig h3 {
		color: #161515;
		font-size: 16px;
		margin: 0px;
		font-weight: bold;
		margin-top: 10px;
	}
	.nwes_lirig h3 a {
		color: #161515
	}
	.nwes_lirig p {
		margin-top: 6px;
	}
}
@media (max-width: 399px) {
	.produbg {
		float: left;
		width: 100%;
		background: url(../images/1_12.jpg)no-repeat;
		padding-bottom: 35px;
	}
	.prod_head {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	.prod_head h2 {
		position: relative;
		font-size: 35px;
		text-transform: uppercase;
	}
	.prod_head h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -20px;
	}
	.prod_head p {
		width: 100%;
		line-height: 25px;
		margin-top: 40px;
		color: #383838;
		text-align: left;
	}
	.prod_lis {
		float: left;
		width: 100%;
		margin-top: 30px;
	}
	.prod_firs {
		float: left;
		width: 33%;
		padding: 10px;
		position: relative;
		z-index: 2;
	}
	.prod_firs img {
		border: 4px solid #fff;
	}
	.prod_more {
		position: absolute;
		bottom: 40px;
	}
	.prod_more a {
		background: #d52a21;
		border-radius: 5px;
		color: #fff;
		padding: 5px;
		font-size: 15px;
		text-transform: uppercase;
	}
	.newsbgs {
		float: left;
		width: 100%;
		background: #f5faff;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.news_title {
		float: left;
		width: 100%;
		text-align: center;
	}
	.news_title h2 {
		position: relative;
		font-size: 35px;
		text-transform: uppercase;
	}
	.news_title h2 i {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		border: 2px solid #fa855e;
		width: 60px;
		position: absolute;
		left: 50%;
		bottom: -20px;
		margin-left: -30px;
	}
	.news_list {
		float: left;
		width: 100%;
		margin-top: 40px;
		margin-bottom: 15px;
	}
	.news_lifir {
		float: left;
		width: 100%;
		padding: 10px;
		padding-bottom: 0px;
		margin-bottom: 15px;
	}
	.news_littl {
		float: left;
		width: 100%;
		background: #fff;
		box-shadow: 5px 5px 5px #eef2f7;
		padding: 8px;
	}
	.news_lilef {
		float: left;
		width: 100%;
	}
	.news_lilef img {
		width: 100%;
	}
	.nwes_lirig {
		float: right;
		width: 100%;
	}
	.nwes_lirig h3 {
		color: #161515;
		font-size: 16px;
		margin: 0px;
		font-weight: bold;
		margin-top: 10px;
	}
	.nwes_lirig h3 a {
		color: #161515
	}
	.nwes_lirig p {
		margin-top: 6px;
	}
}
.mobile-nav {
	position: relative;
	width: auto;
	display: inline-block;
	border: none;
}
.btn-nav {
	position: fixed;
	top: 10px;
	right: 10px;
	background: transparent;
	border: none;
	padding: 10px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	z-index: 99999;
}
.btn-nav:focus {
	outline: 0;
}
.icon-bar {
	display: block;
	margin: 6px 0;
	width: 30px;
	height: 4px;
	background-color: #284da6;
}
.btn-nav:hover .icon-bar {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	background-color: #284da6;
}
.nav-content {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	display: block;
	height: 100%;
	z-index: 9;
}
.nav-list {
	list-style: none;
	padding: 0;
	position: relative;
	top: 15%;
}
.item-anchor:after {
	content: "";
	position: absolute;
	width: 3px;
	height: 3px;
	left: 0;
	bottom: 0;
	z-index: 9;
	background: transparent;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.item-anchor {
	color: #000;
	font-size: 1.5em;
	text-transform: uppercase;
	position: relative;
	text-decoration: none;
	padding: 10px;
}
.item-anchor:hover, .item-anchor:focus {
	text-decoration: none;
	color: #012c5f;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.item-anchor:hover:after, .item-anchor:focus:after {
	width: 100%;
	background: #012c5f;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.nav-item {
	margin: 25px auto;
	text-align: center;
}
.animated {
	display: block;
	margin: 0 auto;
}
.animated:hover .icon-bar, .animated:focus .icon-bar {
	background-color: #012c5f;
}
.animated:focus {
	cursor: pointer;
	z-index: 9999;
}
.middle {
	margin: 0 auto;
}
.icon-bar {
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-ms-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
	z-index: 999999;
}
.animated .icon-bar {
	z-index: 999999;
	background-color: #012c5f;
}
.animated .top {
	-webkit-transform: translateY(10px) rotateZ(45deg);
	-moz-transform: translateY(10px) rotateZ(45deg);
	-ms-transform: translateY(10px) rotateZ(45deg);
	-o-transform: translateY(10px) rotateZ(45deg);
	transform: translateY(10px) rotateZ(45deg);
}
.animated .bottom {
	-webkit-transform: translateY(-11px) rotateZ(-45deg);
	-moz-transform: translateY(-11px) rotateZ(-45deg);
	-ms-transform: translateY(-11px) rotateZ(-45deg);
	-o-transform: translateY(-11px) rotateZ(-45deg);
	transform: translateY(-11px) rotateZ(-45deg);
}
.animated .middle {
	width: 0;
}
@keyframes showNav {
	from {
		top: -100%;
	}
	to {
		top: 0;
	}
}
@-webkit-keyframes showNav {
	from {
		top: -100%;
	}
	to {
		top: 0;
	}
}
@-moz-keyframes showNav {
	from {
		top: -100%;
	}
	to {
		top: 0;
	}
}
@-o-keyframes showNav {
	from {
		top: -100%;
	}
	to {
		top: 0;
	}
}
.showNav {
	-webkit-animation: showNav 1s ease forwards;
	-moz-animation: showNav 1s ease forwards;
	-o-animation: showNav 1s ease forwards;
	animation: showNav 1s ease forwards;
}
@keyframes hideNav {
	from {
		top: 0;
	}
	to {
		top: -100%;
	}
}
@-webkit-keyframes hideNav {
	from {
		top: 0;
	}
	to {
		top: -100%;
	}
}
@-moz-keyframes hideNav {
	from {
		top: 0;
	}
	to {
		top: -100%;
	}
}
@-o-keyframes hideNav {
	from {
		top: 0;
	}
	to {
		top: -100%;
	}
}
.hideNav {
	-webkit-animation: hideNav 1s ease forwards;
	-moz-animation: hideNav 1s ease forwards;
	-o-animation: hideNav 1s ease forwards;
	animation: hideNav 1s ease forwards;
}
.hidden {
	display: none;
}
.aboutlit {
	width: 100%;
	float: left;
	text-align: center;
}
.aboutlitop {
	margin-top: 15px;
}
.aboutlitop h1 {
	font-size: 2em;
}
@media (min-width:600px) and (max-width:1920px) {
	.caseli {
		list-style: none;
		text-align: center;
		margin: 0px;
		margin-top: 30px;
	}
	.caseli li {
		display: inline;
		margin-right: 8px;
		margin-bottom: 6px;
	}
	.caseli li a {
		line-height: 30px;
		background: #f1f1f1;
		color: #666;
		padding: 10px;
	}
	.caseli li a:hover {
		background: #fa855e;
		color: #fff;
		text-decoration: none
	}
	.caseli li a.hover {
		background: #fa855e;
		color: #fff
	}
}
@media (max-width:599px) {
	.caseli {
		list-style: none;
		margin-top: 20px;
	}
	.caseli li {
		padding: 0px;
		margin: 0px;
		float: left;
		margin-right: 6px;
		margin-bottom: 8px;
	}
	.caseli li a {
		line-height: 30px;
		background: #f1f1f1;
		color: #666;
		padding: 10px;
	}
	.caseli li a:hover {
		background: #fa855e;
		color: #fff;
		text-decoration: none
	}
	.caseli li a.hover {
		background: #fa855e;
		color: #fff
	}
}
@media (min-width:1200px) {
	.abrnr {
		margin-top: 35px;
		font-size: 16px;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 35px;
	}
	.abrnr img {
		max-width: 100%;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.abrnr {
		margin-top: 35px;
		font-size: 16px;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 35px;
	}
	.abrnr img {
		max-width: 100%;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.abrnr {
		margin-top: 35px;
		font-size: 16px;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom: 35px;
	}
	.abrnr img {
		max-width: 100%;
	}
}
@media (max-width:768px) {
	.abrnr {
		margin-top: 35px;
		font-size: 16px;
		margin-bottom: 35px;
	}
	.abrnr img {
		max-width: 100%;
	}
}
.work {
	position: relative;
	margin-bottom: 40px;
	text-align: center;
}
.preview {
	color: #fff;
}
.preview i {
	margin-right: 5px;
}
.work-image {
	display: block;
	position: relative;
	z-index: 1;
	overflow: hidden;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-transition: box-shadow 0.2s ease;
	transition: box-shadow 0.2s ease;
	border: 1px solid #ddd;
	border-radius:20px 0 20px 0;
}
.work-image img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.work-image:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.port {
	margin-top: 25px;
}
.link-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.link-overlay:before {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -22px 0 0 -25px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	font: 14px/46px 'FontAwesome';
	color: #2c2c2c;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.work-image:hover .link-overlay {
	background: rgba(20, 22, 23, 0.6);
}
.work-image:hover .link-overlay:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.work p {
	margin: 0;
}
.work-name {
	display: inline-block;
	margin: 15px 0 6px;
	font: 14px;
}
a.work-name {
	color: #313538;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	position: relative;
}
a.work-name:hover {
	color: #04BFEA;
}
.pagination {
	display: table;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
.m-style {
	position: relative;
	text-align: center;
	zoom: 1;
}
.m-style:before, .m-style:after {
	content: "";
	display: table;
}
.m-style:after {
	clear: both;
	overflow: hidden;
}
.m-style span {
	float: left;
	margin: 0 3px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #333;
	font-size: 13px;
}
.m-style .active {
	float: left;
	margin: 0 3px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	background: #002b58;
	color: #fff;
	font-size: 13px;
	border: 1px solid #002b58;
}
.m-style a {
	float: left;
	margin: 0 3px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	background: #fff;
	border: 1px solid #ebebeb;
	color: #333;
	font-size: 13px;
}
.m-style a:hover {
	color: #fff;
	background: #002b58;
}
.now, .count {
	padding: 0 5px;
	color: #f00;
}
/*下载*/
.newslist dl {
	margin-bottom: 50px;
	border: 1px solid #ddd;
	min-height: 161px;
	display: block;
}
.newslist dl:hover {
	background: #f9f9f9;
}
.newslist dl dt {
	float: left;
	width: 20%;
}
.newslist dl dt img {
	width: 100%;
	height: 159px;
}
.newslist dl .dd1 {
	float: left;
	width: 48%;
	margin-left: 5%;
	padding: 10px 0;
}
.newslist dl .dd1 h2 {
	font-size: 1.2em;
	font-weight: normal;
}
.newslist dl .dd1 h2 a {
	color: #111;
	font-weight: bold;
}
.newslist dl .dd1 span {
	display: block;
	margin: 5px 0;
	font-size: 14px;
}
.newslist dl .dd1 p {
	font-size: 14px;
	line-height: 22px;
	color: #666;
	height: 44px;
	overflow: hidden;
}
.newslist dl .dd2 {
	border-radius: 8px;
	float: right;
	background: #EFEFEF;
	color: #333;
	margin: 25px 20px 0 0;
	width: 20%;
}
.newslist dl .dd2 b {
	font-size: 47px;
	text-align: center;
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 25px 0;
	font-weight: normal;
	color: #666;
}
.newslist dl .dd2 span {
	color: #666;
	display: block;
	text-align: center;
	height: 30px;
	line-height: 30px;
}
.newslist dl .dd3 {
	float: right;
	width: 20%;
	margin: 25px 20px 0 0;
}
.newslist dl .dd3 b {
	font-size: 47px;
	text-align: center;
	display: block;
	font-weight: normal;
	color: #666;
}
.newslist dl .dd3 span {
	color: #666;
	display: block;
	text-align: right;
	height: 30px;
	line-height: 30px;
}
/******************/
.dh {
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out;
	-ms-transition: -ms-transform 0.5s ease-out;
}
.dh:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}
.blog-section {
	position: relative;
	margin-top: 40px;
	padding-bottom: 60px;
	z-index: 1;
}
.blog-section .section-title {
	position: relative;
	margin-bottom: 40px;
}
.blog-section .item-holder {
	position: relative;
	margin-bottom: 40px;
	transition: all 500ms ease;
}
.blog-section .item-holder:hover {
	transition: all 500ms ease;
	box-shadow: 0 0 20px 5px #f1f1f1;
}
.blog-section .item-holder .image-box {
	position: relative;
}
.blog-section .item-holder img {
	position: relative;
	width: 100%;
}
.blog-section .item-holder .image-box .date-box {
	position: absolute;
	bottom: -20px;
	left: 30px;
}
.blog-section .item-holder .date-box span {
	font-size: 16px;
	color: #ffffff;
	line-height: 18px;
	font-weight: 400;
	padding: 8px 20px;
	background: #0b4696;
	display: inline-block;
}
.blog-section .item-holder .content-text {
	position: relative;
	padding: 0px 30px;
	margin-top: 40px;
	border: 1px solid #f7f7f7;
	border-top: none;
}
.blog-section .content-text .sec-title h5 {
	position: relative;
	font-size: 14px;
	line-height: 26px;
	font-weight: 700;
	color: #222222;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.blog-section .content-text .sec-title h5:before {
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: '';
	width: 50px;
	height: 2px;
	background: #0b4696;
}
.blog-section .content-text .text p {
	font-size: 14px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
	padding-bottom: 15px;
	height: 130px;
	overflow: hidden;
}
.blog-section .item-holder .blog-info {
	border-top: 1px solid #f6f6f6;
}
.blog-section .item-holder .blog-info li {
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	color: #848484;
	padding: 12px 0px;
	margin-right: 10px;
	text-transform: capitalize;
}
.blog-section .item-holder .blog-info li i {
	font-size: 13px;
	margin-right: 8px;
}
@media (min-width: 768px) {
	.newsa {
		padding: 0px;
	}
}
.coright {
	float: right;
}
.newsa .where {
	border-bottom: 1px solid #ddd;
	height: 60px;
	line-height: 60px;
	float: left;
	width: 100%;
	padding-top: 10px;
}
.newsa .where h2 {
	display: block;
	border-bottom: 2px solid #1e529e;
	font-size: 1.5em;
	color: #000;
	float: left;
	line-height: 50px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.newsa .where p {
	float: right;
}
.news_c_left {
	padding-bottom: 30px;
	margin-top: 20px;
}
.news_c_left h2 {
	font-weight: normal;
	line-height: 35px;
	margin-top: 15px;
	font-size: 1.8em;
}
.news_c_left h3 {
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin: 15px 0;
}
.news_c_left .news_c_content {
	line-height: 30px;
	font-size: 14px;
	margin-top: 40px;
	color: #666;
}
.news_c_content img {
	max-height:90%;  
    max-width:90%;    
    width:expression_r((this.width > 90%&& this.width > this.height) ? ’90%’: this.width+’px’);
    height:expression_r((this.height > 90% && this.height > this.width) ? ’90%’: this.height+’px’);
    float:middle;
}
.news_c_right h4 {
	background: #1e529e;
	color: #fff;
	height: 44px;
	font-weight: normal;
	text-indent: 20px;
	line-height: 44px;
	width: 100%;
	padding: 0;
	margin: 0;
}
.news_c_right ul {
	list-style: none;
	border-top: 0px;
	margin: 0;
	display: block;
	padding: 0px;
}
.news_c_right ul li {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	float: left;
}
.side-news .item-img {
	width: 25%;
	float: left;
}
.side-news .item-info {
	width: 75%;
	padding: 5px;
	float: left;
	padding-top: 2px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.news_c_right ul li a {
	font-size: 14px;
}
.news_c_right ul li a:hover {
	text-decoration: underline;
}
.share .si {
	display: inline-block;
	width: 23px;
	height: 23px;
	overflow: hidden;
	font: 0/0 a;
	letter-spacing: -9px;
	background: url(../images/share.png) no-repeat;
	filter: alpha(opacity=40);
	opacity: 0.4;
	vertical-align: middle;
	margin-right: 5px;
}
.share a:hover .si {
	filter: alpha(opacity=100);
	opacity: 1;
}
.share .si01 {
	background-position: 0 0;
}
.share .si02 {
	background-position: -23px 0;
}
.share .si03 {
	background-position: -46px 0;
}
.share .si04 {
	background-position: -69px 0;
}
.share .si05 {
	background-position: -92px 0;
}
.about {
	padding: 3em 0;
}
#fh5co-contact {
	margin-top: 30px;
}
#fh5co-contact p {
	font-size: 16px;
	line-height: 30px;
}
#fh5co-contact .contact-info {
	margin: 0;
	padding: 0;
	margin-top: 20px;
	float: left;
}
#fh5co-contact .contact-info li {
	list-style: none;
	margin: 0 0 15px 0;
	position: relative;
	padding-left: 40px;
}
#fh5co-contact .contact-info li i {
	position: absolute;
	top: 0em;
	left: 0;
	font-size: 22px;
	color: rgba(0, 0, 0, 0.3);
}
#fh5co-contact .contact-info li a {
	font-weight: 400 !important;
	color: #000;
}
#fh5co-contact .form-control {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border: none;
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 14px;
	font-weight: 400;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {
	border-bottom: 1px solid rgba(235, 63, 63, 0.5);
}
#fh5co-contact input[type="text"] {
	height: 50px;
}
#fh5co-contact .form-group {
	margin-bottom: 30px;
}
.mtCon {
	padding-top: 40px;
}
.mtCon h2 {
	font-size: 28px;
	margin-bottom: 25px;
}
.msCon {
	color: #adadad;
	padding: 0px 100px;
}
@media (max-width:767px) {
	.msCon {
		color: #adadad;
		padding: 0px 15px;
	}
	.mtCon h2 {
		font-size: 20px;
		margin-bottom: 25px;
	}
}
.features {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 2em 0;
}
.features article {
	padding: 1.75em 1.75em 0.1em 1.75em;
	background-color: #353849;
	border-radius: 5px;
	margin: 1.5em 3em 1.5em 0;
	width: calc(50% - 1.5em);
}
.features article:nth-child(2n) {
	margin-right: 0;
}
.features article .image {
	border-radius: 5px 5px 0 0;
	display: block;
	margin-bottom: 1.75em;
	margin-left: -1.75em;
	margin-top: -1.75em;
	position: relative;
	width: calc(100%+ 3.5em);
}
.features article .image img {
	border-radius: 5px 5px 0 0;
	width: 100%;
}
@media screen and (max-width: 980px) {
	.features article {
		margin: 1em 2em 1em 0;
		width: calc(50% - 1em);
	}
}
@media screen and (max-width: 736px) {
	.features article {
		padding: 1.5em 1.5em 0.1em 1.5em;
		margin: 0.875em 1.75em 0.875em 0;
		width: calc(50% - 0.875em - 1px);
	}
	.features article .image {
		margin-bottom: 1.5em;
		margin-left: -1.5em;
		margin-top: -1.5em;
		width: calc(100%+ 3em);
	}
}
@media screen and (max-width: 480px) {
	.features {
		display: block;
	}
	.features article {
		width: 100%;
		margin: 0 0 2em 0 !important;
	}
}
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	background-color: transparent;
	border-radius: 5px;
	border: 0;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	font-family: Raleway, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: 700;
	height: 3.75em;
	letter-spacing: 0.1em;
	line-height: 3.75em;
	padding: 0 2.25em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
/*产品*/
.world-grid {
	justify-content: flex-start;
	flex-wrap: wrap
}
.world-grid > div {
	border: solid 1px #dedede;
	width: 100%;
	padding: 5px;
	overflow: hidden;
	flex-basis: 25%;
	margin-top: 25px;
}
@media (max-width: 990px) {
	.world-grid > div {
		flex-basis: 33.33%
	}
}
@media (max-width: 768px) {
	.mtops {
		margin-top: 20px;
	}
	.world-grid > div {
		flex-basis: 50%
	}
}
#scrollspy-nav {
	background-color: #855269
}
.nav > li > a:link, .nav > li > a:active, .nav > li > a:visited {
	color: white
}
.edition-headers {
	color: gray;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 400;
	border-bottom: 1px solid #dedede;
	margin-bottom: 0px;
	padding-bottom: 20px;
	margin-top: -1px;
	padding-top: 20px
}
.edition-headers a {
	color: gray;
}
.edition-headers.top-border {
	border-top: 1px solid #dedede;
	margin-top: -1px;
	padding-top: 20px
}
.world-grid {
	text-align: center
}
.world-grid h1 {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
	color: black;
	line-height: 50px;
	height: 50px;
	overflow: hidden;
}
.world-grid h2 {
	font-size: 11px;
	text-transform: uppercase;
	color: gray;
	letter-spacing: 1px;
	margin-top: 10px;
	line-height: 30px;
}
.world-grid .circle {
	width: 10px;
	height: 10px;
	border-radius: 20px;
	background-color: #bdbdbd;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer
}
.world-grid .dgray {
	background-color: #6b6b6b
}
.world-grid .metamorphosis {
	background-color: #e9c0ae
}
.world-grid .infinity {
	background-color: #6f618c
}
.world-grid .askew {
	background-color: #4f5cbc
}
.world-grid .blackbox {
	background-color: #4c4746
}
.world-grid .black {
	background-color: black
}
.world-grid .red {
	background-color: #cc3524
}
.world-grid .prismatic {
	background-color: #170e5c
}
.world-grid .juggler {
	background-color: #c0871e
}
.world-grid .experiment-green {
	background-color: #3a8d56
}
.world-grid .clearsky.circle {
	animation: colorchange 5s infinite;
	-webkit-animation: colorchange 5s infinite
}
.world-grid .raspberry {
	background-color: #814433
}
@media (min-width: 768px) {
	.world-grid.half {
		width: 50%
	}
}
.world-grid.notebook img {
	transition: all .4s ease-in-out
}
.world-grid.notebook img:hover {
	transform: scale(1.1)
}
.world-grid.related img, .world-grid.accessories img {
	width: auto;
	transition: all .4s ease-in-out
}
.backpack .circle.gray, .messenger .circle.gray, .tote .circle.gray {
	background-color: #565b5d
}
.backpack .circle.dgray, .messenger .circle.dgray, .tote .circle.dgray {
	background-color: #ef3f35
}
.backpack .circle.third, .messenger .circle.third, .tote .circle.third {
	background-color: #116482
}
.backpack img {
	max-width: 100%;
}
.archer.product-mission {
	margin-bottom: 0px;
	color: gray;
	font-weight: 400;
}
.archer.mission-container {
	margin-top: 40px;
	margin-bottom: 40px
}
.top.product-mission {
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 400
}
.sub.product-mission {
	font-size: 26px;
	margin-bottom: 30px;
	padding: 0 15px
}
.mbto50 {
	margin-bottom: 45px;
}
.sliderbox2 {
	background: #fff;
	width: 100%;
	height: 37px;
	overflow: hidden;
	border: 1px solid #ddd;
}
.arrow-btn2 {
	display: inline;
	width: 18px;
	height: 18px;
	overflow: hidden;
	cursor: pointer;
	margin-top: 9px;
}
#btn-left2 {
	float: left;
	margin-left: 12px;
	background: url(../images/prev.png) no-repeat;
	background-position: 50% 50%;
	background-size: 18px 18px;
}
#btn-left2.dasabled {
	background: url(../images/prev.png) no-repeat;
	background-position: 50% 50%;
	background-size: 18px 18px;
}
#btn-right2 {
	float: right;
	margin-right: 6px;
	cursor: pointer;
	background: url(../images/prev1.png) no-repeat;
	background-position: 50% 50%;
	background-size: 18px 18px;
}
#btn-right2.dasabled {
	background: url(../images/prev1.png) no-repeat;
	background-position: 50% 50%;
	background-size: 18px 18px;
}
.slider2 {
	width: 90%;
	overflow: hidden;
	position: relative;
	height: 37px;
	float: left;
}
.slider2 ul {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1800px;
	height: 37px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.slider2 li {
	float: left;
	width: 150px;
	height: 37px;
}
.slider2 a {
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 37px;
}
.slider2 li a:hover {
	display: block;
	text-decoration: none;
	color: #fa855e;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 37px;
}
.slider2 li a.hover {
	display: block;
	text-decoration: none;
	color: #fa855e;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 37px;
}
.slider2 img {
	width: 90px;
	display: inline-block!important;
}
.BigTitle {
	float: left;
	width: 100%;
	padding: 15px 0px;
	background-color: #f7f7f7;
	margin-top: 188px;
}
.colRight h3 {
	color: #002b58
}
.colRight h4 {
	color: #000;
	margin-top: 30px;
}
.titLine {
	float: left;
	width: 100%;
	border-bottom: 1px solid #dadada;
	margin-top: 15px;
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;
	color: #666
}
.titContent {
	padding-top: 10px;
	float: left;
	width: 100%;
}
.titContent table {
	width: 100%;
}
.titContent table tr td {
	border: 1px solid #ddd;
}
.imgBanner {
	float: left;
	width: 100%;
	height: 250px;
	background: url(../images/large-attractions-playground-equipment.jpg) no-repeat top center;
	background-size: cover
}
.ssst img {
	max-width: 100%;
}
.aperwei {
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: none;
}
.aperwei img {
	width: 200px;
}
.bg {
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.1;
	position: fixed;
	top: 0px;
	z-index: 99;
	display: none;
	display: none;
}
.titContent table {
	width: 100%;
}
.titContent table tr td p {
	margin: 10px 0px;
}
.hover-up {}
.hover-down {
	transition-duration: .5s;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
@-webkit-keyframes flipInYtest {
	from {
		-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
		transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
		opacity: 1;
	}
	50% {
		-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
		transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
		opacity: 0;
	}
	60% {
		-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
		transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
		opacity: 1;
	}
	to {
		-webkit-transform: perspective(1400px);
		transform: perspective(1400px);
		opacity: 1;
	}
}
.product-class-main {
	
}
.product-class-main {
	width: 98%;
	margin-top: 10px;
	padding-bottom: 35px;
	text-align: center;
}
.product-class-list {	
	border: 1px solid #ececec;	
	float: left;
	background: #fff;
	transition: 0.5s;	
	margin-bottom:20px;
}
.product-class-list img {
	width: 99%;
	display: block;
	margin: 0 auto;
}
.product-class-text {
	padding: 22px 15px;
}
.product-class-text h1 {
	color: #284da6;
	font-size: 20px;
	font-family: 'futuramedium';
	text-align: center;
	line-height: 24px;
	margin-bottom: 10px;
}
.product-class-text h2 {
	color: #777777;
	font-size: 16px;
	line-height: 2px;
	margin-bottom: 20px;
	text-align: center;
}
.product-class-text a {
	width: 207px;
	height: 45px;
	background: #fff;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 45px;
	color: #000;
	font-size: 18px;
}
.product-class-list:hover {
	background: #fa855e;
	border: 1px solid #cf8888;
}
.product-class-text h1 a{
	width: 100%;
	height: 45px;
	background: #fff;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 45px;
	color: #000;
	font-size: 18px;
}

.product-class-list:hover h1,.product-class-list:hover h2,.product-class-list:hover h3 {	
	color: #fff;
}

.product-class-list:hover a {
	background: #284da6;
	color: #fff;
	border-radius: 10px;
}
.product-left-nav {
	position: fixed;
	top: 20%;
	left: -263px;
	width: 300px;
	z-index: 999999;
	margin: 0;
	height: 70%;
}
.pro_left_right {
	width: 36px;
	float: right;
	cursor: pointer;
	display: none;
}
.pro_left_right2 {
	display: none;
}
@media screen and (max-width:1200px) {	
	.prodetail-content {
		width: 94%;
	}
	.prodetail-text {
		padding: 80px 0px;
	}
	.prodetail-part2, .prodetail-part3 {
		width: 94%;
	}
}
@media screen and (max-width:1023px) {
	.product-class-nav {
		display: none;
	}
	
}
@media screen and (max-width:500px) {
	.prodetail-part2 {
		margin-bottom: 40px;
	}
}
@media (min-width: 768px) {
	.mts2 {
		margin-top: 20px;
	}
}
@media (max-width: 768px) {
	.mts2 {
		margin-top: 20px;
	}
	.contact-data__icon.contact-data__icon--location img {
		width: 32px;
		height: 32px;
	}
}
.cabgs {
	margin-bottom: 10px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #002b58;
}
/*分类下拉*/
#nav2 {
	width: 100%; /* 1000 */
	font-weight: 400;
}
#nav2 > a {
	display: none;
}
#nav2 li {
	position: relative;
	z-index: 99;
}
#nav2 li a {
	color: #fff;
	display: block;
}
#nav2 li a:active {
	background-color: #ddd !important;
}
#nav2 span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #333;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
/* first level */
#nav2 > ul {
	background-color: #fff;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 11;
	border: 1px solid #ddd;
}
#nav2 > ul > li {
	height: 100%;
	float: left;
}
#nav2 > ul > li > a {
	height: 100%;
	font-size: 13px; /* 24 */
	line-height: 3.1em; /* 60 (24) */
	text-align: center;
	color: rgba(34, 34, 34, 0.5);
	padding-left: 35px;
	padding-right: 35px;
}
#nav2 > ul > li:not(:last-child) > a {
	border-right: 1px solid #ddd;
}
#nav2 > ul > li:hover > a, #nav2 > ul:not(:hover) > li.active > a {
	background-color: #ddd;
	color: #000;
}
/* second level */
#nav2 li:hover ul {
	display: block;
	left: 0;
	right: 0;
}
#nav2 li:not(:first-child):hover ul {
	left: -1px;
}
#nav2 li ul a {
	font-size: 13px; /* 20 */
	border-top: 1px solid #ef3f35;
	line-height: 1.5em;
	padding: 0.75em; /* 15 (20) */
}
#nav2 li ul li a:hover, #nav2 li ul:not(:hover) li.active a {
	background-color: #ddd;
	color: #000;
}
#nav2 li a.hover {
	background-color: #ddd;
	color: #000;
}
@media only screen and ( min-width: 992px) /* 1000 */
{
	#nav2 {
		width: 100%;
		position: static;
		margin: 0;
		z-index: 5;
	}
	#nav2 li ul {
		background-color: #ef3f35;
		display: none;
		position: absolute;
		top: 100%;
		list-style: none;
		margin: 0px;
		padding: 0px;
		width: 240px;
	}
}
@media only screen and ( max-width: 991px) /* 640 */
{
	#nav2 {
		position: relative;
		top: auto;
		left: auto;
		z-index: 5;
	}
	#nav2 > a {
		width: 100%; /* 50 */
		height: 3.125em; /* 50 */
		padding-left: 8px;
		line-height: 3.125em;
		background-color: #fff;
		position: relative;
		color: #333;
	}
	#nav2 > a > span {
		width: 120px;
		float: left;
		padding-left: 5px;
	}
	#nav2 > a > p {
		text-align: right;
		width: 250px;
		float: right;
		padding-right: 5px;
	}
	#nav2:not(:target) > a:first-of-type, #nav2:target > a:last-of-type {
		display: block;
	}
	#nav2 li ul {
		background-color: #ef3f35;
		display: none;
		position: absolute;
		top: 100%;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	/* first level */
	#nav2 > ul {
		height: 300px;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		overflow-y: scroll;
	}
	#nav2:target > ul {
		display: block;
	}
	#nav2 > ul > li {
		width: 100%;
		float: none;
		height: 3.125em;
	}
	#nav2 > ul > li > a {
		font-size: 14px;
		color: #333;
		height: auto;
		text-align: left;
		padding: 0 0.833em; /* 20 (24) */
	}
	#nav2 > ul > li:not(:last-child) > a {
		border-right: none;
		border-bottom: 1px solid #ddd;
	}
	#nav2 li ul li a:hover, #nav2 li ul:not(:hover) li.active a {
		background-color: #000080;
		color: #fff;
	}
	/* second level */
	#nav2 li ul {
		position: static;
		padding: 1.25em; /* 20 */
		padding-top: 0;
	}
}
@media only screen and ( max-width: 428px) /* 640 */
{
	#nav2 > a {
		width: 100%; /* 50 */
		height: 3.125em; /* 50 */
		text-align: center;
		line-height: 3.125em;
		background-color: #fff;
		position: relative;
		color: #333;
	}
	#nav2 > a > span {
		text-align: center;
		width: 100%;
		float: left;
	}
	#nav2 > a > p {
		display: none;
	}
}
@media (min-width:1460px) {
	div.hidden-box {
		width: 1200px;
		border-top: 0;
		position: absolute;
		display: none;
		background: url(../images/mbg.png);
		top: 76px;
		padding: 0px;
		z-index: 9;
		border-radius: 10px;
	}
	.scroll #fh5co-header-section div.hidden-box {
		top: 76px;
	}
	.hidden-box > ul {
		list-style-type: none;
		color: #643519;
		cursor: pointer;
		padding: 0px;
		width: 200px;
	}
	.hidden-box li {
		padding: 0px;
	}
	.hidden-box li a {
		text-transform: capitalize;
		color: #fff;
		line-height: 22px;
	}
	div.nav #box-2 .conbox li {
		line-height: 35px;
		height: 35px;
		padding: 0px;
	}
	div.nav #box-2 .conbox li a {
		color: #fff;
	}
	.mentbot {
		float: left;
		width: 215px;
		padding-top: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
	}
	.menmiddlist {
		float: left;
		width: 236px;
		border-right: 2px solid #ccc;
		height: 375px;
	}
	.middmenu {
		float: left;
		width: 215px;
		padding-left: 20px;
	}
	.middmenu h2 a {
		color: #000;
	}
	.middtop {
		float: left;
		width: 215px;
		text-align: left;
		font-weight: bold;
		padding-bottom: 10px;
		font-size: 13px;
	}
	.memiduls {
		float: left;
		width: 215px;
		height: 135px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.midimgsmenu {
		float: left;
		width: 215px;
		text-align: left;
	}
	.midimgsmenu img {
		border-radius: 10%;
		width: 200px;
		height: 127px;
	}
	.navbar-nav .abouuls {
		text-align: center;
		width: 150px;
		display: block;
	}
	.navbar-nav .abouuls a {
		padding: 10px;
		font-size: 14px;
		width: 150px;
		display: block;
		color: #000;
	}
	.meprolin {
		float: left;
		width: 1180px;
		padding-top: 25px;
		height: 400px;
	}
	.hidden-box .meprolin .mentop .byulist li {
		float: left;
		width: 215px;
		padding: 0px;
		text-align: left;
		line-height: 30px;
	}
	.hidden-box .meprolin .mentop .byulist li a {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 13px;
		color: #000;
		line-height: 22px;
	}
	.hidden-box .meprolin .mentbot .byulist li {
		float: left;
		width: 215px;
		padding: 0px;
		text-align: left;
		line-height: 30px;
	}
	.hidden-box .meprolin .mentbot .byulist li a {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 13px;
		color: #000;
	}
	.menmiddlist .middmenu h2 {
		float: left;
		width: 260px;
		font-size: 18px;
		text-align: left;
	}
	.hidden-box .meprolin .menmiddlist .middmenu h3 {
		font-size: 13px;
		text-align: left;
		font-weight: bold;
	}
	.hidden-box .meprolin .menmiddlist .middmenu .middtop a {
		padding: 0px;
		font-size: 13px;
		color: #000;
	}
	.divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5
	}
	.hidden-box .menmiddlist .memiduls li {
		float: left;
		width: 265px;
		padding: 0px;
		text-align: left;
		line-height: 25px;
	}
	.hidden-box .meprolin .menmiddlist .memiduls li a {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 12px;
		color: #000;
		line-height: 22px;
	}
	.hidden-box li a.hover {
		color: #2bcaf5;
	}
	.menuproducts {
		width: 600px;
	}
	.hidden-loc-us {
		left: -242px;
	}
	.hidden-con-us {
		left: 32px;
	}
}
@media (min-width:1200px) and (max-width:1459px) {
	div.hidden-box {
		width: 1100px;
		border-top: 0;
		position: absolute;
		display: none;
		background: url(../images/mbg.png);
		top: 76px;
		padding: 0px;
		z-index: 9;
		border-radius: 10px;
	}
	.scroll #fh5co-header-section div.hidden-box {
		top: 76px;
	}
	.hidden-box > ul {
		list-style-type: none;
		color: #643519;
		cursor: pointer;
		padding: 0px;
		width: 200px;
	}
	.hidden-box li {
		padding: 0px;
	}
	.hidden-box li a {
		text-transform: capitalize;
		color: #fff;
		line-height: 22px;
	}
	div.nav #box-2 .conbox li {
		line-height: 35px;
		height: 35px;
		padding: 0px;
	}
	div.nav #box-2 .conbox li a {
		color: #fff;
	}
	.mentbot {
		float: left;
		width: 240px;
		padding-top: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
	}
	.menmiddlist {
		float: left;
		width: 216px;
		border-right: 2px solid #ccc;
		height: 375px;
	}
	.middmenu {
		float: left;
		width: 200px;
		padding-left: 15px;
	}
	.middtop {
		float: left;
		width: 200px;
		text-align: left;
		font-weight: bold;
		padding-bottom: 10px;
		font-size: 13px;
	}
	.memiduls {
		float: left;
		width: 200px;
		height: 135px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.midimgsmenu {
		float: left;
		width: 200px;
		text-align: left;
	}
	.midimgsmenu img {
		border-radius: 10%;
		width: 180px;
		height: 114px;
	}
	.navbar-nav .abouuls {
		text-align: center;
		width: 150px;
		display: block;
	}
	.navbar-nav .abouuls a {
		padding: 10px;
		font-size: 14px;
		width: 150px;
		display: block;
		color: #333;
	}
	.meprolin {
		float: left;
		width: 1100px;
		padding-top: 25px;
		height: 400px;
	}
	.menmiddlist .middmenu h2 {
		float: left;
		width: 235px;
		font-size: 18px;
		text-align: left;
	}
	.menmiddlist .middmenu h2 a {
		color: #000;
	}
	.hidden-box .meprolin .menmiddlist .middmenu h3 {
		font-size: 13px;
		text-align: left;
		font-weight: bold;
	}
	.hidden-box .meprolin .menmiddlist .middmenu .middtop a {
		padding: 0px;
		font-size: 13px;
		color: #000;
	}
	.divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5
	}
	.hidden-box .menmiddlist .memiduls li {
		float: left;
		width: 200px;
		padding: 0px;
		text-align: left;
		line-height: 25px;
	}
	.hidden-box .meprolin .menmiddlist .memiduls li a {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 12px;
		color: #000;
		line-height: 22px;
	}
	.hidden-box li a.hover {
		color: #2bcaf5;
	}
	.menuproducts {
		width: 600px;
	}
	.hidden-loc-us {
		left: -240px;
	}
	.hidden-con-us {
		left: 32px;
	}
}
.hover-up {}
.hover-down {
	transition-duration: .5s;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
@media (min-width:992px) and (max-width:1199px) {
	div.nav #box-2 .conbox li {
		line-height: 35px;
		height: 35px;
		padding: 0px;
	}
	div.nav #box-2 .conbox li a {
		color: #fff;
	}
	div.hidden-box {
		width: 930px;
		border-top: 0;
		position: absolute;
		display: none;
		background: url(../images/mbg.png);
		top: 75px;
		padding: 0px;
		z-index: 9;
		border-radius: 10px;
	}
	.scroll #fh5co-header-section div.hidden-box {
		top: 75px;
	}
	.hidden-loc-us {
		left: -190px;
	}
	/*导航下拉*/
	.mentoplist {
		float: left;
		width: 230px;
		border-right: 2px solid #ddd;
		height: 375px;
	}
	.mentop {
		float: left;
		width: 185px;
		padding-left: 30px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 30px;
	}
	.byages {
		float: left;
		width: 185px;
		text-align: left;
		font-weight: bold;
		padding: 0px;
		padding-bottom: 10px;
		font-size: 13px;
		margin: 0px;
	}
	.byulist {
		float: left;
		width: 185px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.mentbot {
		float: left;
		width: 185px;
		padding-top: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
	}
	.menmiddlist {
		float: left;
		width: 182px;
		border-right: 2px solid #fff;
	}
	.middmenu {
		float: left;
		width: 176px;
		padding-left: 6px;
	}
	.middtop {
		float: left;
		width: 176px;
		text-align: left;
		font-weight: bold;
		font-size: 13px;
	}
	.memiduls {
		float: left;
		width: 176px;
		height: 155px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.midimgsmenu {
		float: left;
		width: 176px;
		text-align: left;
	}
	.midimgsmenu img {
		border-radius: 10%;
		width: 165px;
		height: 96px;
	}
	.navbar-nav .abouuls {
		text-align: center;
		width: 145px;
		display: block;
	}
	.navbar-nav .abouuls a {
		padding: 10px;
		font-size: 14px;
		width: 145px;
		display: block;
		color: #333;
	}
	.menmiddlist .middmenu h2 {
		float: left;
		width: 180px;
		font-size: 16px;
		text-align: left;
		height: 42px;
		line-height: 21px;
	}
	.menmiddlist .middmenu h2 a {
		color: #000;
	}
	.meprolin {
		float: left;
		width: 930px;
		padding-top: 25px;
		height: 375px;
	}
	.hidden-box .meprolin .mentop .byulist li {
		float: left;
		width: 176px;
		padding: 0px;
		text-align: left;
		line-height: 30px;
	}
	.hidden-box .meprolin .mentop .byulist li a {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 13px;
		color: #000;
		line-height: 22px;
	}
	.hidden-box .meprolin .mentbot .byulist li {
		float: left;
		width: 176px;
		padding: 0px;
		text-align: left;
		line-height: 30px;
	}
	.hidden-box .meprolin .mentbot .byulist li a {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 13px;
		color: #000;
	}
	.hidden-box .meprolin .menmiddlist .middmenu h3 {
		font-size: 13px;
		text-align: left;
		font-weight: bold;
	}
	.hidden-box .meprolin .menmiddlist .middmenu .middtop a {
		padding: 0px;
		font-size: 13px;
		color: #000;
	}
	.divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5
	}
	.hidden-box .menmiddlist .memiduls li {
		float: left;
		width: 176px;
		padding: 0px;
		text-align: left;
		line-height: 25px;
	}
	.hidden-box .meprolin .menmiddlist .memiduls li a {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 13px;
		color: #000;
		line-height: 22px;
	}
	.hidden-box > ul {
		list-style-type: none;
		color: #643519;
		cursor: pointer;
		padding: 0px;
		width: 185px;
	}
	.hidden-box li {
		padding: 0px;
	}
	.hidden-box li a {
		text-transform: capitalize;
		color: #333;
		line-height: 22px;
	}
	.hidden-box li a.hover {
		color: #2bcaf5;
	}
	.menuproducts {
		width: 580px;
	}
	.hidden-con-us {
		left: 32px;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.prosmo {
		visibility: hidden;
	}
	div.nav #box-2 .conbox li {
		line-height: 35px;
		height: 35px;
		padding: 0px;
	}
	div.nav #box-2 .conbox li a {
		color: #fff;
	}
	.hidden-loc-us {
		left: -152px;
	}
	/*导航下拉*/
	.mentoplist {
		float: left;
		width: 180px;
		border-right: 2px solid #ddd;
		height: 275px;
	}
	.mentop {
		float: left;
		width: 180px;
		padding-left: 15px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 30px;
	}
	.byages {
		float: left;
		width: 180px;
		text-align: left;
		font-weight: bold;
		padding: 0px;
		padding-bottom: 10px;
		font-size: 13px;
		margin: 0px;
	}
	.byulist {
		float: left;
		width: 180px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.mentbot {
		float: left;
		width: 180px;
		padding-top: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
	}
	.menmiddlist {
		float: left;
		width: 180px;
		border-right: 2px solid #ddd;
		height: 275px;
	}
	.middmenu {
		float: left;
		width: 180px;
		padding-left: 15px;
	}
	.middtop {
		float: left;
		width: 180px;
		text-align: left;
		font-weight: bold;
		padding-bottom: 10px;
		font-size: 13px;
	}
	.memiduls {
		float: left;
		width: 180px;
		height: 105px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.midimgsmenu {
		float: left;
		width: 180px;
		text-align: left;
	}
	.midimgsmenu img {
		border-radius: 10%;
		width: 180px;
		height: 80px;
		display: none;
	}
	.navbar-nav .abouuls {
		text-align: center;
		width: 90px;
		display: block;
	}
	.navbar-nav .abouuls a {
		padding: 10px;
		font-size: 14px;
		width: 145px;
		display: block;
		color: #333;
	}
	.meprolin {
		float: left;
		width: 730px;
		padding-top: 25px;
		height: 300px;
	}
	.hidden-box .meprolin .mentop .byulist li {
		float: left;
		width: 180px;
		padding: 0px;
		text-align: left;
		line-height: 30px;
	}
	.hidden-box .meprolin .mentop .byulist li a {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 13px;
		color: #000;
		line-height: 22px;
	}
	.hidden-box .meprolin .mentbot .byulist li {
		float: left;
		width: 180px;
		padding: 0px;
		text-align: left;
		line-height: 30px;
	}
	.hidden-box .meprolin .mentbot .byulist li a {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 13px;
		color: #000;
	}
	.hidden-box .meprolin .menmiddlist .middmenu h3 {
		font-size: 13px;
		text-align: left;
		font-weight: bold;
	}
	.hidden-box .meprolin .menmiddlist .middmenu .middtop a {
		padding: 0px;
		font-size: 13px;
		color: #000;
	}
	.divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5
	}
	.hidden-box .menmiddlist .memiduls li {
		float: left;
		width: 168px;
		padding: 0px;
		text-align: left;
		line-height: 25px;
	}
	.hidden-box .meprolin .menmiddlist .memiduls li a {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 13px;
		color: #000;
		line-height: 22px;
	}
	div.hidden-box {
		width: 730px;
		border: 1px solid #ddd;
		border-top: 0;
		position: absolute;
		display: none;
		background: url(../images/mbg.png);
		top: 65px;
		padding: 0px;
		z-index: 9;
		border-radius: 10px;
	}
	.scroll #fh5co-header-section div.hidden-box {
		top: 65px;
	}
	.hidden-box > ul {
		list-style-type: none;
		color: #643519;
		cursor: pointer;
		padding: 0px;
		width: 200px;
	}
	.menmiddlist .middmenu h2 {
		float: left;
		width: 160px;
		font-size: 16px;
		text-align: left;
		height: 42px;
		line-height: 21px;
	}
	.hidden-box li {
		padding: 0px;
	}
	.hidden-box li a {
		text-transform: capitalize;
		color: #333;
		line-height: 22px;
	}
	.hidden-box li a.hover {
		color: #2bcaf5;
	}
	.menuproducts {
		width: 730px;
	}
	.hidden-con-us {
		left: -20px;
	}
}
.aboutst2 {
	float: left;
	width: 99%;
	padding-bottom: 25px;
}
.aboutop {
	float: left;
	width: 100%;
	text-align:center;	
	margin: 0 3px;
	border-bottom: 1px solid #284da6;
	
}
.aboutop h2 {
	font-size: 18px;
	font-weight: bold;
	color:#284da6
}
.aboutop p {
	font-size: 13px;
}
.aboutbot2 {
	float: left;
	width: 100%;
}
.aboutbotleft {
	float: left;
	width: 30%;
}
.aboutright2 {
	float: left;
	width: 100%;
	padding-left: 20px;
	padding-top: 10px;
}
.aboutright2 a {
	font-size: 14px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	line-height: 25px;
}
.menprodus {
	float: left;
	width: 100%;
}
.menprotop {
	float: left;
	width: 100%;
}
.menprotop h3 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 8px;
}
.menprotop a {
	float: left;
	width: 33%;
	padding-bottom: 15px;
	color: #000;
}
.menprobot {
	float: left;
	width: 100%;
	margin-top: 8px;
}
.menprobot .merlos {
	float: left;
	width: 33%;
	padding: 10px;
}
.menprobot .merlos img {
	width: 208px;
	height: 163px;
}

.abouttop h3 {
	color: #fa855e;
	font-size: 18px;
	font-weight: 700;
	margin-top: 5px;
	}
	
.abouttop .decor {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #E6E6E6;
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
	border-color: #284da6;
}
.abouttop .inner {
    width: 6px;
    height: 6px;    
    border-radius: 50%;
    display: block;
    margin: auto;
    margin-top: 3px;	
	background: #284da6;
}
.abouttop .decor:before, .abouttop .decor:after {
    content: '';
    position: absolute;
    top: 5px;
    width: 85px;
    height: 2px;    
    z-index: -1;
	background: #284da6;
	margin-left:12px;
}
.pcpList {float:left; margin-top:20px;width:100%;}

@media (max-width: 767px) {

   .titContent img {
    max-height:90%;  
    max-width:90%;    
    width:expression_r((this.width > 90%&& this.width > this.height) ? ’90%’: this.width+’px’);
    height:expression_r((this.height > 90% && this.height > this.width) ? ’90%’: this.height+’px’);
    float:middle;
}
   .titContent h2 {
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 50px;
	font-weight: 700;
}
   .titContent p {
	font-size: 12px;
	color: #666;
	line-height: 24px;
	padding: 5px 0px;
}
.titContent table {
	width: 100%;
	height: auto !important
}
.titContent table tr td {
	border: 1px solid #ddd;
}
}

.caseimglist {
    font-size: 14px;
}
.caseimglist a {
    display: inline-block;
    margin: 10px 10px 0 0;
}
.caseimglist a:last-of-type {
    margin-right: 0;
}
.caseimglist a img {
    vertical-align: top;	
}
.sgs{display:block;background:url('../images/scjgj.jpg') no-repeat -1px -1px;width:31px;height:37px;text-indent:-99999px}