/* CSS Document */
html {
	overflow-x: hidden;
}
.content {
	font-family: serif;
}
#e_loading {
    position: fixed;
    bottom: 47%;
    overflow: hidden;
    z-index: 55;
    background:#2b2b2b;
    line-height: 55px;
    display: none;
    color: #ffffff;
    border-radius: 5px;
    width:26%;
    height: 55px;
    font-size: 1em;
    text-align: center;
    left: 37%;opacity:0.8;
}
/*//////////////////////////////////////////////////////////////////////////*/
.inquiry{overflow:hidden;
border: 1px solid #ffffff;
    color: #ffffff;cursor:pointer;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 0px;
    text-align: center;font-weight:bold;font-size:14px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;z-index:999;
background:url(../images/imail.png) no-repeat;}
.Details{border: 1px solid #ffffff;overflow:hidden;
    color: #ffffff;cursor:pointer;
    height: 35px;
    line-height: 35px;
    position: absolute;
    bottom: 0px;
    text-align: center;font-weight:bold;font-size:14px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;z-index:999;
background:url(../images/ifd.png)  no-repeat;}
a.ind:link,a.ind:visited{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.ind img{display:block;margin:0 auto}
a.ind:hover .inquiry{top:30%;transition: 0.5s ease;	-webkit-transition: 0.5s  ease;	-o-transition:0.5s all ease;	-moz-transition: 0.5s ease;}
a.ind:hover .Details{bottom:30%;transition: 0.5s ease;	-webkit-transition: 0.5s  ease;	-o-transition:0.5s all ease;	-moz-transition: 0.5s ease;}
a.ind:hover .overlay {opacity:0.9;filter:alpha(opacity=90);z-index:9;}
.overlay{width:100%;max-width:100%;background:#60aba2;position:absolute;z-index:9;height:100%;top:0px;left:0px;filter:alpha(opacity=0); -moz-opacity:0;opacity:0;z-index:9}
.inquiry:hover{border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border: 1px solid #ff9800!important;background:url(../images/imail.png) #ff9800 no-repeat;color:#ffffff;height:35px;line-height:35px;border:0px;z-index:15}
.Details:hover{border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border: 1px solid #ff9800!important;background:url(../images/ifd.png) #ff9800 no-repeat;color:#ffffff;height:35px;line-height:35px;border:0px;z-index:15}
/*//////////////////////////////////////////////////////////////////////////*/

.header {
	background: #5cafa5;
	position: relative;
	width: 100%;
	top: 0;
	overflow: hidden;
	left: 0;
	z-index: 10000;
}
.header .logo img {
	transition: all 400ms ease 0s;
	-webkit-transition: all 400ms ease 0s;
	-moz-transition: all 400ms ease 0s;
	-ms-transition: all 400ms ease 0s;
	-o-transition: all 400ms ease 0s;
}
.headers {
	position: relative;
}
.headerFirst .logo img {
	width: auto;
	height: 62px;
}
.header .hright {
	float: right;
}
.header .hright .hlink {
	position: absolute;
	right: 0;
	bottom: 0;
}
.header .hright .hlink img{
transition: all 400ms ease 0s;
	-webkit-transition: all 400ms ease 0s;
	-moz-transition: all 400ms ease 0s;
	-ms-transition: all 400ms ease 0s;
	-o-transition: all 400ms ease 0s;
}
.header .hright .searchbut {
	position: absolute;
	right: 228px;
	bottom: 28px
}
.header .hright .nav {
	margin-right:264px;
	margin-top: 24px;
	transition: margin 400ms ease 0s;
	-webkit-transition: margin 400ms ease 0s;
	-moz-transition: margin 400ms ease 0s;
	-ms-transition: margin 400ms ease 0s;
	-o-transition: margin 400ms ease 0s;
}
.headerFirst .hright .nav {
	margin-top: 11px;
}
.header .hright .nav ul {
	width: 100%;
}
.header .hright .nav li {
	float: left;
	width: 110px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
	transition: all 400ms ease 0s;
	-webkit-transition: all 400ms ease 0s;
	-moz-transition: all 400ms ease 0s;
	-ms-transition: all 400ms ease 0s;
	-o-transition: all 400ms ease 0s;
}
.header .hright .nav li a {
	color: #fff;
	display: block;font-family:'Rancho', 'serif','Times';font-size:18px;
}
.header .hright .nav .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 96%;
	display: block;
	height: 34px;
	/*background:url(../images/navbg.png) no-repeat center;*/
	border: 1px solid #fff;
	border-radius: 100px;
	opacity: 0;
	filter:alpha(opacity=0);
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: all 400ms ease 0s;
	-webkit-transition: all 400ms ease 0s;
	-moz-transition: all 400ms ease 0s;
	-ms-transition: all 400ms ease 0s;
	-o-transition: all 400ms ease 0s;
}
.header .hright .nav li:hover .bg, .header .hright .nav li.selected .bg {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	opacity: 1;
	filter:alpha(opacity=100);
}
.banner {
	position: relative;
	transition: margin 400ms ease 0s;
	-webkit-transition: margin 400ms ease 0s;
	-moz-transition: margin 400ms ease 0s;
	-ms-transition: margin 400ms ease 0s;
	-o-transition: margin 400ms ease 0s;
}
.banner ul {
	width: 100% !important;
}
.banner li {
	height: 750px;
	width: 100% !important;
}
.banner .bd li {
	vertical-align: middle;
}
.banner .prev, .banner .next {
	cursor: pointer;
	display: none;
	opacity: 0.5;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	z-index: 10;
	height: 116px;
	left: 5%;
	margin-top: -58px;
	width: 63px;
}
.banner .next {
	background: url(../images/next2.png) no-repeat center;
	left: auto;
	right: 5%;
}
.banner .prev {
	background: url(../images/prve2.png) no-repeat center;
}
.banner .prev:hover, .banner .next:hover {
	opacity: 1 !important;
}
.main {
	/*padding: 50px 0;*/
}
.title {
	text-align: center;
	margin-bottom: 40px;margin-top: 20px;
}
.product {
	padding: 30px 0;background: #f5f5f5;
}
.product .prolist {
	width: 1220px;
	margin: 0 auto;
	position: relative;
}
.product .prolist li {
	float: left;
	width: 25%;
}
.product .prolist li .mod {
	margin: 15px 10px;
	text-align: center;
}
.product .prolist li .mod .m {
	overflow: hidden;
}
/*.product .prolist li .mod .m img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transition: all 400ms ease 0s;
	-webkit-transition: all 400ms ease 0s;
	-moz-transition: all 400ms ease 0s;
	-ms-transition: all 400ms ease 0s;
	-o-transition: all 400ms ease 0s;
}*/
.product .prolist li a {
	color: #010101;
	font-size: 16px;font-family:'Helvetica';
	transition: all 400ms ease 0s;
	-webkit-transition: all 400ms ease 0s;
	-moz-transition: all 400ms ease 0s;
	-ms-transition: all 400ms ease 0s;
	-o-transition: all 400ms ease 0s;
}
.product .prolist li .name {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-top: 10px;
}
.product .prolist li:hover {
}
.product .prolist li .mod:hover a {
	color: #5cafa5;
}
/*.product .prolist li .mod:hover .m img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
}*/
.product .prolist .prev, .product .prolist .next {
	position: absolute;
	top: 50%;
	left: -50px;
	background: url(../images/prev.jpg) no-repeat left center;
	width: 20px;
	height: 38px;
	margin-top: -19px;
	display: block;
	cursor: pointer;
}
.product .prolist .next {
	background: url(../images/prev.jpg) no-repeat right center;
	right: -50px;
	left: auto;
}

.about {
	background: #f5f5f5;
	position: relative;
	padding: 30px 0;
}
.about .aboutlist {
	width: 1220px;
	margin: 0 auto;position:relative;
}
a.aboutmore:link,a.aboutmore:visited{display:block;width:140px;height:40px;line-height:40px;position:absolute;bottom:0px;right:0px;background: #5cafa5;
font-size:16px;text-align: center;    color: #fff;    -webkit-border-radius: 10px;    -o-border-radius: 10px;    -ms-border-radius: 10px;    -moz-border-radius: 10px;}
a.aboutmore:hover{background: #2a3f50;	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;}
.about .aboutlist li {
	float: left;
	width: 25%;
}
.about .aboutlist li .mod {
	margin: 10px;
	background: #fff;
	padding: 15px 15px 15px 15px;
	position: relative;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	box-shadow: 0 0px 5px 0px rgba(0,0,0,0.02);
}
.about .aboutlist li:hover .mod {
	transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	box-shadow: 0 10px 20px 5px rgba(0,0,0,0.1);
}
.about .aboutlist li .mod a, .news .newsbox li .mod a {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;font-family:'Arial';
}
.about .aboutlist li .mod .name {
	color: #5f5f5f;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 30px 0 15px 0;
}
.about .aboutlist li .mod .conbox {
	color: #969595;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
}
.about .aboutlist li .mod .line {
	background: #5cafa5;
	height: 3px;
	width: 57px;
	margin: 15px 0;
}
.about .aboutlist li .mod .more span {
	color: #a1a0a0;
	font-size: 14px;
}
.news {
	position: relative;
	padding: 30px 0;
}
.news .newsbox {
	width: 1224px;
	margin: 0 auto;
}
.news .newsbox li {
	float: left;
	width: 33.333%;
}
.news .newsbox li .mod {
	margin: 14px;
	box-shadow: 0 0px 5px 1px rgba(0,0,0,0.1);
	padding: 31px;
	position: relative;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.news .newsbox li:hover .mod {
	transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	box-shadow: 0 0px 20px 5px rgba(0,0,0,0.1);
}
.news .newsbox li .mod .tt {
	font-size: 16px;
	text-transform: capitalize;
	margin-bottom: 15px;
	height: 25px;
	overflow: hidden;
	line-height: 25px;color: #5cafa5;
    font-size: 2em;font-family: 'Arial';font-weight:bold;
}
.news .newsbox li .mod .date {
	color: #8d8d8d;font-family: 'Arial';
}
.news .newsbox li .mod .conbox {
	color: #8d8d8d;
	height: 40px;font-family: 'Arial';
}
.more2 {
	text-align: center;
	width: 249px;
	height: 47px;
	margin: 20px auto;
	border: 1px solid #aaaaaa;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
}
.more2 .mbg {
	background: #fff;
	width: 0;
	display: block;
	height: 47px;
	transition: width 0.4s ease-in-out;
	-webkit-transition: width 0.4s ease-in-out;
	-moz-transition: width 0.4s ease-in-out;
	-ms-transition: width 0.4s ease-in-out;
	-o-transition: width 0.4s ease-in-out;
}
.more2 a {
	display: inline-block;
	color: #000000;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 47px;
	position: absolute;
	top: 0;
	width: 100%;
	background: none;
	left: 0;
	height: 47px;
	transition: color 0.1s linear 0.3s;
	-webkit-transition: color 0.1s linear 0.3s;
	-moz-transition: color 0.1s linear 0.3s;
	-ms-transition: color 0.1s linear 0.3s;
	-o-transition: color 0.1s linear 0.3s;
}
.more2:hover .mbg {
	width: 249px;
	height: 47px;
	background: #5cafa5;
}
.more2:hover a {
	color: #fff;
}
.contact {
	width: 1201px;
	overflow: hidden;
	margin: 22px auto;
}
.contact .li {
	float: left;
	width: 25.333%;
	text-align: center;
	padding: 0 4%;
}
.contact .li .icon {
	height: 60px;
}
.contact .li .conbox {font-family:'serif';
	font-size: 13px;
}
.message {
	width: 982px;
	margin: 0 auto 40px auto;
}
.title h3 {
    color: #2a292b;
    font-size: 3em;
    text-transform: uppercase;
    text-align: center;font-family: 'Arial';font-style: italic;font-weight:bold;
}
.message .mtitle {
	text-align: center;
	color: #777777;
	font-size: 24px;
	margin-bottom: 20px;
}
.message .mright {
	float: right;
	width: 492px;
	text-align: left;
}
.message .c {
	border: 1px solid #acacac;
	border-radius: 5px;
	background: #f8f8f8;
}
.message .mright textarea {
	width: 96%;
	border: none;
	padding: 10px 2%;
	border-radius: 5px;
	height: 134px;
	background: none;
	outline: none;
}
.message .mright .c {
	height: 220px;
	border-radius: 5px;
	background: #f8f8f8;
}
.message .name {
	font-size: 15px;
	line-height: 25px;
}
.message .mleft {
	float: left;
	width: 462px;
}
.message .mleft .txt {
	width: 96%;
	height: 25px;
	line-height: 25px;
	padding: 0 2%;
	border: none;
	background: none;
	outline: none;
}
.message .mleft .li {
	margin-bottom: 13px;
}
.message .button {
	text-align: center;
	margin-top: 20px;
}
.message .button .sbut {
	background: #5cafa5;
	border-radius: 100px;
	width: 249px;
	height: 47px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 20px;
	border:none;
	cursor: pointer;
	outline: none;
}
.message .button .sbut:hover{background: #1bc1ad;transition: 0.5s ease;	-webkit-transition: 0.5s  ease;	-o-transition:0.5s all ease;	-moz-transition: 0.5s ease;	-ms-transition:0.5s  ease;}
.footer{background:#f5f5f5;font-family: 'serif','Arial';color: #555;font-size:13px}
.footer a:link,.footer a:visited{font-family: 'serif','Arial';color: #555;font-size:13px}
.footer .fttp {
	background: #cccccc;
	height: 85px;
}
.footer .fttpc {
	width: 1262px;
	margin: 0 auto;
}
.footer .fttp .ftright {
	float: right;
	
	+width:294px;
}
.footer .fttp .ftright .ftpro {
	float: right;
	background: #fff;
	width: 196px;
	height: 49px;
	text-align: center;
	line-height: 49px;
	color: #777777;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 25px;
	margin-top: 20px;
}
.footer .fttp .ftright .ftpro a {
	color: #777;
	display: block;
}
.footer .fttp .ftright .ftewm {
	float: right;
	margin-top:9px;
	margin-right: 19px;
}
.footer .ftcon {
	background: #2a3f50;
	padding: 35px 0 15px;
	text-align: center;
}
.footer .ftcon .webadr {
	color: #fefefe;
	font-size: 18px;
	margin: 10px 0;
}
.footer .ftcon a {
	color: #fff;
}
.footer .ftcon .ftlink a {
	margin: 0 10px;
}
.showbox, .showbox2 {
	width: 1201px;
	position: absolute;
	top: 0;
	background: #fff;
	height: 637px;
	border: 2px solid #acacac;
	left: 50%;
	margin-left: -600px;
	display: none;
}
.showbox2 {
	height: 612px;
	top: 30px;
}
.tab {
	margin: 40px 40px 30px 40px;
}
.tab a {
	color: #000000;
	font-size: 16px;
	font-weight: bolder;
	text-transform: uppercase;
	background: url(../images/tabbg.png) no-repeat center;
	width: 218px;
	height: 53px;
	display: inline-block;
	text-align: left;
	line-height: 63px;
	padding: 0 20px;
	margin-left: -50px;
	position: relative;
	z-index: 10;
}
.tab a.f {
	margin-left: 0;
}
.tab a.selected {
	background: url(../images/tabbgs.png) no-repeat center;
	z-index: 100;
}
.closed {
	background: url(../images/closed.jpg) no-repeat center;
	display: block;
	width: 114px;
	height: 27px;
	position: absolute;
	right: 40px;
	bottom: 20px;
}
.pbd {
	display: none;
}
.pbd.selected {
	display: block;
}
/*关于我们*/
.abouts .media {
	float: left;
}
.abouts {
	padding: 0 50px 0 50px;
}
.abouts .con {
	margin-left: 606px;
	color: #000000;
	font-size: 18px;
	line-height: 30px;
}
.ccc div {
	border-radius: 100px;
}

.honorlist {
	width: 1111px;
	margin-left: -10px;
}
.honorlist dl {
	float: left;
	width: 33.333%;
}
.honorlist dl .mod {
	margin: 20px 10px;
}
.honorlist dl .mod .m {
	float: left;
}
.honorlist dl .mod .name {
	margin-left: 222px;
	vertical-align: middle;
	font-size: 18px;
	padding-top: 70px;
}
.page {
	margin-top: 10px;
	padding: 14px 0 15px;
	text-align: center;
	color: #000;
	font-size: 14px;
}
.page a {
	margin-right: 10px;
	padding: 4px 7px;
	color: #ffffff;
}
.page span {
	margin-right: 10px;
	padding: 4px 7px;
	color: #000;
}
.page .p {
	background: #A0A0A0;
}
.page a.current:link,.page a.current:visited {
	color: #ffffff;background: #5cafa5;
}
.page a:hover{background: #5cafa5;transition: color 0.2s ease;    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;}
.news2 {
	padding: 0 50px 0 50px;
	position: relative;
}
.news3 {
	padding: 0 0 0 50px;
}
.news2 .newslist li {
	border-bottom: 1px dashed #000;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.news2 .newslist li a {
	display: block;
	color: #010101;
	font-size: 16px;
}
.news2 .newslist li a:hover {
	color: #7fbe25;
}
.news2 .newslist li .date {
	float: right;
	margin-left: 10px;
}
.newsdetail {
	display: none;
}
.page2 {
	text-align: right;
	margin-right: 115px;
	margin-top: 19px;
	+margin-top:-9px;
}
.page3 {
	margin-right: 165px;
}
.ndetail {
	padding-right: 50px;
    position: relative;
}
.searchbg {
	background: url(../images/bbgs.png) repeat;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100001;
	display: none;
}
.searchcon {
	display: none;
	position: fixed;
	z-index: 100002;
	width: 730px;
	height: 60px;
	top: 300px;
	left: 50%;
	margin-left: -365px;
	background: #fff;
	border: 1px solid #8a898a;
}
.text02 {
	padding: 0 10px;
	height: 60px;
	line-height: 60px;
	margin: 0;
	border: 0;
	border: none;
	width: 657px;
	font-size: 26px;
	outline: none;
	float:left;
}
.button01 {
	background: url(../images/searchbut.jpg) no-repeat;
	cursor: pointer;
	width: 52px;
	height: 56px;
	border: none;
	outline: none;
}
.dpage {
	text-align: right;
}
@media only screen and (max-width:1340px) {
.header .hright .hlink img{
	width:190px;
}
.header .hright .searchbut{
	right:208px;
}
.header .hright .nav{
	margin-right:245px;
}
.header .hright .nav li {
	float: left;
	width: 90px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
}
.header .hright .nav li a {
	color: #fff;
	display: block;
}
.header .hright .nav .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 96%;
	display: block;
	height: 34px;
	/*background:url(../images/navbg.png) no-repeat center;*/
	border: 1px solid #fff;
	border-radius: 100px;
	opacity: 0;
	filter:alpha(opacity=0);
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transition: all 400ms ease 0s;
	-webkit-transition: all 400ms ease 0s;
	-moz-transition: all 400ms ease 0s;
	-ms-transition: all 400ms ease 0s;
	-o-transition: all 400ms ease 0s;
}
.header .hright .nav li:hover .bg, .header .hright .nav li.selected .bg {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	opacity: 1;
	filter:alpha(opacity=100);
}
}
/*====================================徐婷婷   样式=====================================*/
.detail-list {
	width: 1250px;
	margin: 0 auto;
	overflow: hidden;
}
/************左边************/
.detail-left {
	width: 252px;
	padding-right: 50px;
	margin-top: 25px;
	float: left;
}
.detail-left>ul {
	width: 252px;
	overflow: hidden;
	float: right;
}
.detail-left>ul>li {
	width: 250px;
	height: 35px;
	border: 1px solid #DCDCDC;margin-top:10px;
}
.detail-left>ul>li>a {
	display: block;
	width: 250px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #828282;
	font-size: 14px;font-family:'Arial';
}
.detail-left>ul>li>a:hover{background:#5CAFA5;
	transition: all 400ms ease 0s;
	-webkit-transition: all 400ms ease 0s;
	-moz-transition: all 400ms ease 0s;
	-ms-transition: all 400ms ease 0s;
	-o-transition: all 400ms ease 0s;color:#ffffff;
}

/*
.detail-left>ul>li:first-child {
	border-top: 1px solid #BFBFBF;
}
*/
.detail-left>ul>li.active>a {
	background-color: #5CAFA5;color:#ffffff;border: 1px solid #5CAFA5;
}
/*///////////2级菜单//////////////*/
.detail-left>ul>ul{
	width: 255px;margin-top:6px;margin-left:1px;
}
.detail-left>ul>ul>li{
	width: 255px;height: 35px;
}
.detail-left>ul>ul>li>a {
	display: block;
	width: 255px;
	height: 33px;
	text-align:left;
	line-height: 33px;
	color:#8a8a8a;
	font-size: 14px;text-indent:25px;background:#efefef;
}
.detail-left>ul>ul>li>a:hover{display: block;
	width: 255px;
	height: 33px;background:#dae8e7;color:#ffffff;
	transition: all 400ms ease 0s;
	-webkit-transition: all 400ms ease 0s;
	-moz-transition: all 400ms ease 0s;
	-ms-transition: all 400ms ease 0s;
	-o-transition: all 400ms ease 0s;color:#8a8a8a;;
}
/************右边************/
.detail-right {
	width: 930px;
	float: right;
}
/*********Non-slip**********/
#Non-slip>ul {margin-top:16px;}
#Non-slip>ul>li {position:relative;
	width: 150px;height:200px;overflow:hidden;
	float: left;
	margin: 17px;
	margin-top: 0px;
margin-bottom: 20px;
}
#Non-slip>ul>li>img {
	padding: 5px;
	cursor: pointer;
}
#Non-slip>ul>li>p{    position: absolute;
    bottom: 20px;
    display: block;
    text-align: center;
    width: 100%;}
#Non-slip>ul>li>p>a {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 14px;color:#666666;
}
.show {
	display: block;padding-top:20px;
}
.hide {
	display: none;
}
.text-red {
	color: #E51F30;
}
.text-black {
	color: #000;
}
.picgd {
	position: relative;
	width: 510px;
	margin: 0px auto 0;
}
.picgd a.up {
	background: url(../images/prve.gif) no-repeat left center;
	display: block;
	height: 30px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 26px;
	width: 30px;
}
.picgd a.down {
	background: url(../images/prve.gif) no-repeat right center;
	display: block;
	height: 30px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	text-indent: -9999px;
	top: 26px;
	width: 30px;
}
.picgd .pic {
	margin: 0 auto;
	overflow: hidden;
	width: 430px;
}
.picgd .pic div {
	float: left;
}
.picgd .pic li {
	float: left;
	padding: 0 9px;
}
.picgd .pic li .media {
}
.picgd .pic li .media a {
	display: block;
}
/*****************************************/
.jqzoom {
	float: left;
	position: relative;
	padding: 0px;
	text-align: center;
/*cursor:pointer;*/}
.jqzoom img {
	float: left;
}
.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 1px;
	left: 0px;
	width: 278px;
	height: 200px;
	background: #fff;
	border: 1px solid #A8DC5E;
	display: none;
	text-align: center;
	overflow: hidden;
}
.bigimg {
	width: 800px;
	height: 600px;
}
.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	border: 1px solid #aaa;
	background: #c4c4c4 50% top no-repeat;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
	cursor: crosshair;
}
.bbg {
	background: #333;
	filter: alpha(Opacity=50);
	opacity: 0.5;
	filter: alpha(Opacity=50);
	width: 87px;
	height: 87px;
	position: absolute;
	top: 0;
	left: 0;
}
.moq a {
	padding-top: 10px;
	display: block;
	text-align: right;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
}
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;/* We set the width/height explicitly. No width/height causes infinite loops. 
    width: 75px;
    height: 75px;
	*/
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	z-index: 3;
	display: none;
	background:url(../images/granite-right.jpg) no-repeat center;
}
.jcarousel-prev {
	z-index: 3;
	display: none;
	background:url(../images/granite-left.jpg) no-repeat center;
}
/*jcarousel-skin-tango*/

.jcarousel-skin-tango .jcarousel-container {
	-moz-border-radius: 10px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	margin-top: 10px;
	height: 107px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 548px;
	height: 107px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 127px;
	margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 5px;
	cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 0px;
	right: 0px;
	width:20px;
	height:80px;
	cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
/*	background-position: -12px -189px;*/
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
/*	background-position: -12px -126px;*/
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
/*	background-position: -12px -63px;*/
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height:80px;
	cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
/*	background-position: 0 -189px;*/
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
/*	background-position: 0 -126px;*/
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
/*	background-position: 0 -63px;*/
	display: none;
}
.jcarousel-skin-tango .cur_on {
}
.jcarousel-skin-tango .cur_on img {
	border-color: #a8dc5e !important;
}
.pdetail .first {
	overflow: hidden;
	width: 968px;
}
.pdetail .first .pmedia {
	float: left;
	width: 520px;
	margin-right: 40px;
}
.pdetail .first .pmedia .mark {
	position: absolute;
	right: 10px;
	z-index: 1000;
	top: 355px;
}
.curr_base {
	border: 1px solid #ccc;
}
.picList {
	position: relative; width: 610px;    height: 107px;overflow:hidden;
}
.picList-lf {
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/granite-left.jpg) no-repeat center center;
	width: 20px;
	height: 105px;
 +margin-top:3px;
}
.picList-rt {
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(../images/granite-right.jpg) no-repeat center center;
	width: 20px;
	height: 105px;
 +margin-top:3px;
}
.jcarousel-skin-tango div {
 +margin-top:-17px;
 +padding:10px 0;
}
.jcarousel-skin-tango li {
	margin-left: 5px;
}
.granite-01 {
	margin-top: 25px;
}
.granite-01 td{text-indent:3px;}
.granite-page {
	margin-top: 10px;
	padding: 14px 0 15px;
	text-align: right;
}
.granite-page a {
	background-color: #EEECED;
	margin-right: 20px;
	padding: 4px 7px;
	font-size: 14px;
}
.granite-page span {
	background-color: #EEECED;
	margin-right: 60px;
	padding: 4px 7px;
	font-size: 14px;
}
.granite-page span.current {
	background: #A8DC5E;
	border: 1px solid #A8DC5E;
	color: #FFFFFF;
	font-weight: bolder;
}
/*************************************/
.detail-mes {
	width: 940px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 60px;
}
.detail-mes>form>h3 {
	margin-bottom: 25px;
}
.mes-top {
	font-size: 20px;
	text-align: center;
	color: #777777;
}
.mes-body {
	width: 100%;
	height: 250px;
}
.lf {
	float: left;
}
.rt {
	float: right;
}
.form-group {
	width: 450px;
	height: 46px;
	padding-bottom: 20px;
}
.form-group>label, input, textarea {
	display: inline-block;
	width: 97%;
	height: 23px;
	font-size: 16px;
	font-family: serif, Helvetica, sans-serif;
}
.form-group>input, textarea {
	border: 1px solid #BFBFBF;
	border-radius: 4px;
}
.form-group>textarea {
	height: 152px;
}
.mes-btm {
	margin: 20px;
}
.mes-btm>a {
	background-color: #A8DC5E;
	display: block;
	font-size: 22px;
	width: 175px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 5px;
	margin: 0 auto;
	color: #fff;
	font-weight: bold;
}




/*10.20 修改*/
.banner .bx-wrapper {
	position: relative;
	margin: 0 auto 0px;
	padding: 0;
 *zoom: 1;
}
.banner .bx-wrapper img {
	width: 100%;
	display: block;
}
/** THEME
===================================*/

.banner .bx-wrapper .bx-viewport {
}
.banner .bx-wrapper .bx-pager, .banner .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 0;
	width: 100%;
}
/* LOADER */

.banner .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */

.banner .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: serif;
	font-weight: bold;
	color: #666;
	line-height: 62px;
	background: url(../images/bannerline.png) repeat-x;
	height: 62px;
	display: none;
}
.banner .bx-wrapper .bx-pager .bx-pager-item, .banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a {
	background: #505050;
	border: 1px solid #505050;
	text-indent: -9999px;
	display: block;
	width: 7px;
	height: 7px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: none;
	border: 1px solid #dcb88d;
}
/* DIRECTION CONTROLS (NEXT / PREV) */

.banner .bx-wrapper .bx-prev {
	left: 20px;
	background:url(../images/prve2.png) no-repeat center;
	opacity:0.3;
	filter:alpha(opacity=30);
}
.banner .bx-wrapper .bx-prev:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
.banner .bx-wrapper .bx-next {
	right: 20px;
	background:url(../images/next2.png) no-repeat center;
	opacity:0.3;
	filter:alpha(opacity=30);
}
.banner .bx-wrapper .bx-next:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
.banner .bx-controls-direction {
	display: block;
}
.banner .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -59px;
	outline: 0;
	width: 63px;
	height: 119px;
	text-indent: -9999px;
	z-index: 9999;
}
.banner .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* AUTO CONTROLS (START / STOP) */

.banner .bx-wrapper .bx-controls-auto {
	text-align: center;
}
.banner .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.banner .bx-wrapper .bx-controls-auto .bx-start:hover, .banner .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.banner .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.banner .bx-wrapper .bx-controls-auto .bx-stop:hover, .banner .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/* IMAGE CAPTIONS */

.banner .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.banner .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: serif;
	display: block;
	font-size: .85em;
	padding: 10px;
}
.banner .bx-controls-direction {
	width:100%;
	position: absolute;
	left:0;
	top: 50%;
}
a.btn-green:link, a.btn-green:visited {
    background: #b3b3b3;
    padding: 3px 15px 3px 15px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
a.btn-green:hover{background:#5CAFA5;color:#ffffff;}
.daohang{height:1px;line-height:1px;background:#e4e4e4;width: 1250px; margin: 0 auto;position:relative;margin-bottom:15px;}
.daohang h4{position:absolute;font-size: 26px;color: #ffffff;z-index:9;background:#2a3f50;padding:20px;left:0px;top:-20px;font-family: 'Arial';text-transform : uppercase; }
.nbanner {
	height: 250px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;margin-top:80px;
}
.honor{padding-left:20px;}
.honor li{width:217px;  overflow:hidden; float:left; position:relative; margin-right:20px; margin-bottom:30px; list-style-type:none}
.honor li a { display:block; overflow:hidden ;position:relative; color:#666; text-align:center;}
.honor li a img{width:200px; height:164px; display:block; margin-bottom:10px;padding:6px;border:solid 1px #efefef;}
.honor li a p{ }
.ftlogo a:link,ftlogo a:visited{color:#ffffff;font-size:36px;text-transform : uppercase;font-weight:bold;}
/*/////////////////////////////////////////*/
.side-icons {
    border: none;
}
.side-icons li {
    list-style-type: none;
    display: inline-block;
    margin-right: 5px;
}
.side-icons li a.fb {
    background: url(../images/ficons.png) no-repeat 0px 0px;
}
.side-icons li a.twitt {
    background: url(../images/ficons.png) no-repeat -26px 0px;
}
.side-icons li a.goog {
    background: url(../images/ficons.png) no-repeat -52px 0px;
}
.side-icons li a.drib {
    background: url(../images/ficons.png) no-repeat -78px 0px;
}
.side-icons li a {
    width: 24px;
    height: 24px;
    display: block;
    border: none;
    padding: 0;
}
.side-icons li a:hover{
 opacity:0.4;
}
.work .container {
    width: 1220px;margin:0 auto;padding-bottom:60px;
}
.work-grids-top{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.work-grids {
    margin: 5em 0 5em 0;
}
.work-grids-top .col-md-4 {
    width: 33.33333333%;height:320px;float:left;overflow:hidden;
}

.work-grid-left p {
    color: #FFFFFF;
    font-size: 1em;
    margin: .68em 0;
    line-height: 1.8em;
    padding: 0 1em;
}
.work-grid-left a {
    display: inline-block;
    
}
.work-grid-middle {
    padding: 0;
}
.work-grid-middle {
    padding: 0;
}
.work-grid-middle img {
}
.work-grid-left {
    vertical-align: middle;
    text-align: center;
    background: #87CCC3;
}

.work-grid-left:hover {
    vertical-align: middle;
    text-align: center;
    background: #C7EBA5;transition: 0.5s ease;	-webkit-transition: 0.5s  ease;	-o-transition:0.5s all ease;	-moz-transition: 0.5s ease;	-ms-transition:0.5s  ease;
}
.ipinfo{width:270px;height:270px;padding:10px;margin:0 auto;margin-top:20px;overflow:hidden;position:relative}
.ipinfo h5 {position:absolute;bottom:10px;width:100%;text-align:center;
    color: #666666;
    font-size: 18px;
    text-transform: capitalize;font-family: 'Arial';
}
a.pmore:link,a.pmore:visited{background: url(../images/pmore.png) no-repeat right center;width:140px;height:37px;display:block;margin:0 auto;margin-top:6px;}


.pblocks {
    width: 100%;
    margin: 0;
    text-align: center;
}
.pblocks li {
    display: inline-block;
    padding: 0px;
    margin: 0;
    text-align: left;
}
.pblocks > li {
    width: 25%;
    position: relative;
    float: left;
    margin-bottom: 22px;overflow:hidden;
}
.pmod {
    margin: 0px 10px;
}
.pmod:hover {
   border:3px solid #5cafa5;
}
.pblocks li img {
    max-width: 100%;
}
.pblocks li a:hover h4 {
    color: #5cafa5;
}
.pblocks li h4 {
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 20px;
    color: #2a333c;font-weight:bold;padding-left:10px;
}
.pblocks li p {
        color: #868686;padding-left:10px;
}
.pclass1{background:#666666;color:#ffffff;width:100%;height:30px;line-height:30px;clear:both;font-size:16px;font-weight:bold;text-indent:15px;}
.pclass2{background:#5cafa5;color:#ffffff;width:100%;height:30px;line-height:30px;clear:both;font-size:16px;font-weight:bold;text-indent:15px;}
.pclass3{background:#bdbdbd;color:#ffffff;width:100%;height:30px;line-height:30px;clear:both;font-size:16px;font-weight:bold;text-indent:45px;}
.cname{padding: 8px 0; border-bottom: 1px solid #ddd;}
.cname span{background-color: #ddd; color: #333; font-weight: bold; padding: 8px 10px; line-height: 12px;font-family:Arial}
.cpinfo{padding-top:10px;padding-bottom:10px;}