@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
.containerbox {
	min-width:1170px;
	margin:0 auto;
	color:#333;
	overflow:hidden;/*padding-left: calc(1vw - 100%); */
}
.container {
 *width:1140px;
}
.bmax {
	width:100%;
	height:100px;
	float:left;
}
.bob {
	width:100%;
	height:35px;
	float:left;
}
.bmin {
	width:100%;
	height:25px;
	float:left;
}
.bmin2 {
	width:100%;
	height:15px;
	float:left;
}
.bmin3 {
	width:100%;
	height:10px;
	float:left;
}
.cpl-line {
	width:100%;
	height:70px;
	background:url(../img/page/sortline.jpg) center center repeat-x;
	float:left;
}
.syone {
	width:100%;
	float:left;
}
.md {
	width:1170px;
	margin:0 auto;
}
.contain {
	width:100%;
	float:left;
}
.sd {
	background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#b9b9b9, direction=120, strength=4);/*兼容ie*/
	-moz-box-shadow: 0px 6px 10px #b9b9b9;/*兼容firefox*/
	-webkit-box-shadow: 0px 6px 10px #b9b9b9;/*兼容safari或chrome*/
	box-shadow:0px 6px 10px #b9b9b9;/*兼容opera或ie9*/
}
.gtco-loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background:url(../img/page/loader.gif) center no-repeat #fff;
}
/* top */
.top {
	width:100%;
	height:30px;
	float:left;
	background:#000;
}
.topm {
	width:1170px;
	margin:0 auto;
	text-align:right;
	font-size:12px;
	color:#FFF;
	line-height:30px;
	font-weight:600;
}
.topm a {
	text-decoration:none;
	color:#FFF;
	line-height:30px;
}
.topm a:hover {
	text-decoration:none;
	color:#ceb253;
}
/* Header */
.headerbox {
	width:100%;
	height:auto;
	float:left;
}
.headerM {
	height:auto;
}
.logobox {
	width:217px;
	margin-top:30px;
	margin-left:477px;
	height:80px;
	float:left;
	text-align:center;
}
/* navbox */
.navf {
	width:100%;
	height:45px;
	float:left;
}
.navbox {
	width:840px;
	height:45px;
	float:left;
	margin-left:145px;
}
.navbox ul li {
	list-style:none;
	float:left;
	padding:0px 27px;
	height:45px;
	text-align:center;
}
#cnnav {
	padding:0px 35px;
}
.navbox ul li a {
	height:45px;
	line-height:45px;
*height:41px;
*line-height:41px;
	color:#313332;
	font-size:15px;
	text-decoration:none;
	display:block;
}
.navbox ul li a:hover {
	border-bottom:4px solid #c9aa40;
	height:45px;
	line-height:45px;
*height:41px;
*line-height:41px;
	color:#a6a6a6;
}
#choose {
	border-bottom:4px solid #c9aa40;
	height:45px;
	line-height:45px;
*height:41px;
*line-height:41px;
	color:#a6a6a6;
}
.navbox ul li {
	float:left;
	position:relative;
	z-index:10
}
.navbox ul ul {
	visibility:hidden;
	position:absolute;
	z-index:8;
	left:-22px;
	top:45px;
	height:auto;
	background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c9cbce, direction=120, strength=4);/*兼容ie*/
	-moz-box-shadow: 2px 2px 10px #c9cbce;/*兼容firefox*/
	-webkit-box-shadow: 2px 2px 10px #c9cbce;/*兼容safari或chrome*/
	box-shadow:2px 2px 10px #c9cbce;/*兼容opera或ie9*/
}
.navbox ul li:hover ul, .navbox ul a:hover ul {
	visibility:visible;
	padding-bottom:20px;
}
.navbox ul ul li {
	width:170px;
	text-align:center;
	font-size:12px;
	float:left;
	color:#313332;
	height:28px;
	line-height:28px;
}
.navbox ul ul li.news {
	width:148px;
	padding:0;
}
.navbox ul ul li.fcpsort {
	width:180px;
	padding:0;
}
.navbox ul ul li a {
	font-size:14px;
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-transition-duration:0s;
	text-decoration:none;
}
.navbox ul ul li a:hover {
	border-bottom:0px solid #c9aa40;
	color:#c9aa40;
}
.searchbox {
	width:60px;
	height:45px;
	float:left;
	position:relative;
	z-index:999;
}
.search-t {
	width:60px;
	height:45px;
	float:left;
	background:url(../img/page/search1.jpg) center center no-repeat;
	cursor:pointer;
}
.search-show {
	width:240px;
	height:50px;
	position:absolute;
	background:#FFF;
	border:1px solid #CCC;
	top:100px;
	display:none;
	left:-190px;
	z-index:2;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari 和 Chrome */
	border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#search_input1 {
	outline:none;
	height:30px;
	width:200px;
	border:0px solid #CCC;
	line-height:30px;
	float:left;
	color:#000;
	font-size:12px;
	margin-top:9px;
	padding:0 10px;
	background-color:transparent;
}
#search_input2 {
	float:left;
	width:30px;
	outline:none;
	margin-left:3px;
	margin-top:10px;
}
.searchs {
	-webkit-animation: fadeInUp 600ms;
	animation: fadeInUp 600ms;
}
.search2 {
	width:225px;
	height:30px;
	float:left;
	overflow:hidden;
	margin-top:5px;
	margin-left:5px;
}
#search2_input1 {
	outline:none;
	height:30px;
*height:30px;
	width:190px;
*width:180px;
	line-height:30px;
	float:left;
	color:#3c3e3d;
	font-size:12px;
	border:0px;
	padding:0px 5px;
	background:#fafafa;
	list-style:none;
}
#search2_input2 {
	float:left;
	width:30px;
	height:30px;
	outline:none;
}
/*首页--banner*/
.bannerbox {
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
}
.banner {
	width: 100%;
	background:#FFF;
	position:relative;
	-webkit-animation: banner_one 9s ease-out;
	-moz-animation: banner_one 9s ease-out;
	-o-animation: banner_one 9s ease-out;
	animation: banner_one 9s ease-out;
}
 @-webkit-keyframes banner_one {
 0% {
 -webkit-transform: scale(1.15);
 -moz-transform: scale(1.15);
 transform: scale(1.15);
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 transform: scale(1);
}
}
@-moz-keyframes banner_one {
 0% {
 -webkit-transform: scale(1.15);
 -moz-transform: scale(1.15);
 transform: scale(1.15);
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 transform: scale(1);
}
}
@keyframes banner_one {
 0% {
 -webkit-transform: scale(1.15);
 -moz-transform: scale(1.15);
 transform: scale(1.15);
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 transform: scale(1);
}
}

/* ~~ 新产品 ~~ */
.hotpic{ width:100%; height:auto; float:left; background:#efefef; padding-top:5px; cursor:pointer;}
.hotpicl{ width:32.8%; height:auto; float:left; overflow:hidden; position:relative;}
.hotpicl img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.hotpicl:hover img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}
.hotpicl span{ width:100%; height:100%; float:left; background:url(../img/page/hotbg.png); position:absolute; z-index:1; top:0; left:0;
visibility:visible;}
.hotpicl:hover span{ visibility:hidden;-webkit-transition: 0.2s;-moz-transition: 0.2s;transition:0.2s;}

.hotpicr{ width:67.2%; height:auto; float:left; overflow:hidden}

.hotpicr-pd{ width:100%; height:50%; float:left;}
.hpdone{ width:49.5%; height:auto; float:left; margin-left:0.5%; overflow:hidden; position:relative;}
.hpdone img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.hpdone:hover img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}
.hpdone span{ width:100%; height:100%; float:left; background:url(../img/page/hotbg.png); position:absolute; z-index:1; top:0; left:0;
visibility:visible;}
.hpdone:hover span{ visibility:hidden;-webkit-transition: 0.2s;-moz-transition: 0.2s;transition:0.2s;}

.hpdtwo{ width:33%; height:auto; float:left; margin-left:0.33%; margin-top:5px; overflow:hidden; position:relative;}
.hpdtwo img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.hpdtwo:hover img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}
.hpdtwo span{ width:100%; height:100%; float:left; background:url(../img/page/hotbg.png); position:absolute; z-index:1; top:0; left:0;
visibility:visible;}
.hpdtwo:hover span{ visibility:hidden;-webkit-transition: 0.2s;-moz-transition: 0.2s;transition:0.2s;}


/* ~~ 新产品 ~~ */
.Nprobox {
	width:100%;
	height:1500px;
	float:left;
	background:url(../img/page/sybg001.png) 30px center no-repeat #efefef;
}
.NproM {
	width:1170px;
	min-height:500px;
	margin:0 auto;
}
.Npro-t {
	width:100%;
	height:150px;
	float:left;
	text-align:center;
	margin-top:50px;
}
.Npro-info {
	width:100%;
	min-height:500px;
	float:left;
}
.img_box {
	width:370px;
*width:368px;
	height:520px;
	float:left;
	border:#c9cbce 1px solid;
	background:#fff;
	color:#4e4a49;
	margin-top:25px;
	margin-right:29px;
	cursor:pointer;
}
.img_box ul li {
	width:368px;
	float:left;
	min-height:30px;
	display:inline;
	line-height:25px;
	text-align:left;
	background:#FFF;
	text-align:center;
}
.img_box ul li img {
	border:0px;
	outline:none;
	transition: 1.7s;
	-webkit-transition: 1.7s;
	-moz-transition: 1.7s;
}
.img_box {
	transition: 1.7s;
	-webkit-transition: 1.7s;
	-moz-transition: 1.7s;
}
.img_box:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}
.img_box a:hover {
	color:#c9aa40;
}
.img_box a {
	text-decoration:none;
	color:#4e4a49;
}
#ping {
	width:368px;
	height:315px;
	float:left;
	overflow:hidden;
	position:relative;
}
#p1 {
	line-height:60px;
	font-weight:bolder;
	font-size:16px;
	text-align:center;
	padding-top:20px;
}
#p2 {
	width:270px;
	display:block;
	margin-left:50px;
	font-size:13px;
	line-height:normal;
}
.imgr {
	margin-right:0px;
}
.sybotton {
	width:175px;
	height:60px;
	float:left;
	background:url(../img/page/sybotton.png) no-repeat;
	margin-top:60px;
	margin-left:500px;
}
.sybb {
	width:175px;
	float:left;
	height:45px;
	border:1px solid #dfe1e0;
	line-height:45px;
	text-align:center;
	font-size:12px;
	background:#FFF;
	font-weight:600;
	-moz-border-radius: 30px; /* Firefox */
	-webkit-border-radius: 30px; /* Safari 和 Chrome */
	border-radius: 30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.sybb a {
	display:block;
	color:#7c7c7c;
	text-decoration:none;
	-moz-border-radius: 30px; /* Firefox */
	-webkit-border-radius: 30px; /* Safari 和 Chrome */
	border-radius: 30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.sybb a:hover {
	color:#FFF;
	background:#242424;
}
.sybb {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.sybb:hover {
	transform:translate(0px, -5px);
	-ms-transform:translate(0px, -5px); /* IE 9 */
	-moz-transform:translate(0px, -5px); /* Firefox */
	-webkit-transform:translate(0px, -5px); /* Safari and Chrome */
	-o-transform:translate(0px, -5px); /* Opera */
}
/* ~~ 首页证书 ~~ */
.syzsbox {
	width:100%;
	min-height:400px;
	float:left;
}
.syzs-imgbox {
	width:100%;
	height:auto;
	float:left;
}
.syzs-img {
	width:50%;
	height:auto;
	float:left;
}
.syzs-info {
	width:100%;
	height:auto;
	float:left;
}
/* ~~ 首页分类 ~~ */
.sysortbox {
	width:100%;
	float:left;
	height:1070px;
	overflow:hidden;
	background:url(../img/page/sybg002.png) 98% 80px no-repeat #efefef;
}
.sysbM {
	width:1170px;
	margin:0 auto;
	min-height:1070px;
}
.Sort-t {
	width:100%;
	height:170px;
	float:left;
	text-align:center;
	margin-top:30px;
}
.sycp-pic {
	width:100%;
	height:380px;
	float:left;
	background:#FFF;
	cursor:pointer;
}
.sycp-pic ul li {
	list-style:none;
}
.supbox {
	width:585px;
	height:380px;
	float:left;
	overflow:hidden;
}
.sup0ne {
	width:585px;
	height:380px;
	float:left;
	color:#373737;
	line-height:23px;
}
.supbox img {
	transition: 1.5s;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
}
.supbox img:hover {
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
}
/* ~~ 首页联系 ~~ */
.sycontbox {
	width:100%;
	height:auto;
	float:left;
}
.syctL {
	width:50%;
	height:auto;
	float:left;
}
.syctR {
	width:50%;
	height:auto;
	float:left;
}
/* ~~ 导航 ~~ */
.locbox {
	width:100%;
	height:auto;
	float:left;
}
.locbox2 {
	width:100%;
	height:auto;
	float:left;
}
.locM {
	width:1170px;
	height:auto;
	margin:0 auto;
}
.loc {
	width:1170px;
	height:auto;
	float:left;
	background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c9cbce, direction=120, strength=4);/*兼容ie*/
	-moz-box-shadow: 2px 2px 10px #c9cbce;/*兼容firefox*/
	-webkit-box-shadow: 2px 2px 10px #c9cbce;/*兼容safari或chrome*/
	box-shadow:2px 2px 10px #c9cbce;/*兼容opera或ie9*/
}
.locul1 {
	margin-left:42%;
}
.locul2 {
	margin-left:36%;
}
.locul3 {
	margin-left:32%;
}
.locul4 {
	margin-left:35%;
}
.loc ul li {
	padding-right:10px;
	height:53px;
	line-height:52px;
	float:left;
	font-size:16px;
	color:#313332;
	list-style:none;
}
.loc ul li a {
	text-decoration:none;
	color:#313332;
}
.loc ul li a:hover {
	color:#c9aa40;
}
.loculall {
	width:100%;
	text-align:center;
}
.loculall a {
	display:inline-block;
	padding-right:10px;
	font-size:16px;
	line-height:52px;
	color:#313332;
}
.loculall img {
	padding-right:10px;
	margin-top:-2px;
*margin-top:0px;
}
.loculall a:hover {
	color:#c9aa40;
}
.loccn a{font-size:14px;}


/* ~~ about ~~ */
.abbg {
	background:#f7f7f7;
}
.aboutbox {
	width:100%;
	height:auto;
	float:left;
}
.about {
	margin:0 auto;
	width:1000px;
	height:auto;
	color:#1e1e1e;
	font-size:16px;
	line-height:40px;
}

.network{
	width:100%;
	height:auto;
	float:left;
	}

.network iframe{
	width:100%;
	float:left;
	}

/*荣誉证书*/
.honorH{ width:100%; min-height:500px; float:left;}
.honorone{ width:22%; height:auto; float:left; background:#FFF; margin:0px 1.5% 40px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#dfe8f5, direction=120, strength=4);/*兼容ie*/
-moz-box-shadow: 2px 2px 10px #dfe8f5;/*兼容firefox*/
-webkit-box-shadow: 2px 2px 10px #dfe8f5;/*兼容safari或chrome*/
box-shadow:2px 2px 10px #dfe8f5;/*兼容opera或ie9*/}
.honorone-pic{ width:100%; height:auto; float:left;}
.honorone-name{ width:100%; height:50px; float:left; font-size:14px;}
.honorone-name table{ width:100%; height:100%; float:left; text-align:center;}

/* ~~ 产品中心 ~~ */
.cpmt {
	margin-top:-28px;
	position:relative;
	z-index:2
}
.sortbox {
	width:100%;
	min-height:800px;
	float:left;
}
.sortM {
	width:1170px;
	min-height:800px;
	margin:0 auto;
}
.sboxBB {
	width:100%;
	min-height:700px;
	float:left;
}
.sboxB {
	width:355px;
	height:500px;
	float:left;
	margin-top:50px;
	margin-right:50px;
}
.sbox {
	width:350px;
	height:497px;
	float:left;
}
.sbox:hover {
	font-weight:bold;
	background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#dfe8f5, direction=120, strength=4);/*兼容ie*/
	-moz-box-shadow: 2px 2px 10px #dfe8f5;/*兼容firefox*/
	-webkit-box-shadow: 2px 2px 10px #dfe8f5;/*兼容safari或chrome*/
	box-shadow:2px 2px 10px #dfe8f5;/*兼容opera或ie9*/
}
.he_ZoomInImg_img {
	position:relative;
	display:block;
	width:100%;
	padding:0;
	margin:0;
	opacity:1;
	transition: 1.5s;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	overflow:hidden
}
.sbox:hover .he_ZoomInImg_img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
}
.sbox-name {
	width:350px;
	height:80px;
	float:left;
	text-align:center;
	line-height:80px;
	font-size:16px;
}
.he_slideCaptionDown {
	width:350px;
	height:415px;
	float:left;
	position:relative;
	cursor:pointer;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
	overflow:hidden;
	border:1px solid #e4e4e4;
}
.he_slideCaptionDown .he_slideCaptionDown_img {
	position:relative;
	display:block;
	width:100%;
	overflow:hidden
}
.he_slideCaptionDown .he_slideCaptionDown_caption {
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
	overflow:hidden
}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.he_slideCaptionDown .he_slideCaptionDown_caption, .he_slideCaptionDown .he_slideCaptionDown_caption > a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
	overflow:hidden
}
.he_slideCaptionDown .he_slideCaptionDown_caption_h {
	width:100%;
	position:absolute;
	top:-100%;
	left:0;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
	overflow:hidden;
	opacity:0
}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h {
	top:0;
	opacity:1
}
.he_bg {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/page/cpbgs.png);
	visibility:hidden;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.sbox:hover .he_bg {
	visibility:visible;
}
.he_bg::before {
content:"";
width:20%;
height:34%;
position:absolute;
top:33%;
left:20%;
border-top:1px solid #FFF;
 border-bottom:1px solid #FFF;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0;   
opacity: 0;  
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
.sbox:hover .he_bg::before {
width:60%;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity: 1;   
opacity: 1;
}
 .he_bg::after {
content:"";
width:46%;
height:20%;
position:absolute;
top:28%;
left:27%;
border-left:1px solid #FFF;
 border-right:1px solid #FFF;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0;   
opacity: 0;  
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
.sbox:hover .he_bg::after {
height:44%;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity: 1;   
opacity: 1; 
}
.he_bg p {
	padding: 145px 0 0 0;
	text-align:center;
	text-transform: none;
	font-size: 18px !important;
	text-transform: capitalize;
	filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0;   
opacity: 0;  
	color: #fff;
	font-weight: bold;
	line-height: 22px;
	text-shadow: 2px 2px 0.5px #000;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
}
.sbox:hover .he_bg p {
	filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity: 1;   
opacity: 1; 
	transform:translate(0px, 50px);
	-ms-transform:translate(0px, 50px); /* IE 9 */
	-moz-transform:translate(0px, 50px); /* Firefox */
	-webkit-transform:translate(0px, 50px); /* Safari and Chrome */
	-o-transform:translate(0px, 50px); /* Opera */
}
#pline{ font-weight:normal;}
.page {
	width:100%;
	height:39px;
	line-height:39px;
	float:left;
	font-size:16px;
	text-align:center;
	margin-top:40px;
	color:#4e4a49;
}
.page a {
	text-decoration:none;
	padding:10px;
	line-height:34px;
	color:#777777;
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-transition-duration:0s;
	text-decoration:none;
}
.page a:hover {
	color:#4e4a49;
	padding:10px;
}
.page .ss:hover {
	color:#FFF;
	padding:10px;
	background:url(../img/page/pagebg.png) center center no-repeat;
}
/* ~~ 产品详细 ~~ */
.cpbox {
	width:1170px;
	margin:0 auto;
	height:auto;
	margin-top:53px;
}

/*  cpL-box  */
.cpL-box {
	width:268px;
*width:238px;
	height:auto;
	float:left;
	border:1px solid #e4e4e4;
	background:#FFF;
	padding:15px;
}
.cpl-t {
	width:100%;
	height:30px;
	float:left;
	background:url(../img/page/footl.png) left center no-repeat;
	margin-top:20px;
	font-size:15px;
	line-height:30px;
	font-weight:bolder;
}
.cpl-search {
	width:100%;
	border:1px solid #e0dfdf;
	float:left;
	height:40px;
	background:#fafafa;
	margin-top:20px;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari 和 Chrome */
	border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.cpl-line {
	width:100%;
	height:70px;
	background:url(../img/page/sortline.jpg) center center repeat-x;
	float:left;
}
.cp-navbox{
	width:100%;
	height:auto;
	float:left;
	}

.list{width:100%; height:auto; float:left;}
.list ul li{border-bottom:0; list-style:none; background:url(../img/page/footl.png) left 3px no-repeat;}
.list ul li a{padding-left: 10px;color:#3c3e3d; font-size:15px; display: block; font-weight:bold; height:25px;line-height:25px;position: relative;}
.list ul li .inactive{ background:url(../img/page/on.png) right center no-repeat;transition: 0.5s;-webkit-transition: 0.5s;
-moz-transition: 0.5s;} 
.list ul li .inactives{background:url(../img/page/off.png) right center no-repeat;transition: 0.5s;-webkit-transition: 0.5s;
-moz-transition: 0.5s;} 
.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; background:url(../img/page/cppoint.jpg) left top no-repeat;list-style:none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.list ul li ul li:hover{ background:url(../img/page/cppoint2.jpg) left top no-repeat;}
.list ul li ul li a:hover{ color:#c9aa40;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:20px;height:25px; line-height:25px; margin-top:10px; color:#6c6c6c; font-weight:lighter; font-size:14px;}
.list ul li ul li a.choosepoint{color:#c9aa40;}
#choosepoint{color:#c9aa40;}
.list ul li ul li ul li { margin-left:15px;}
.last{}
.list ul li ul li ul li a{padding-left:20px;color:#6c6c6c;}
#cpl-line{ width:100%; height:40px; background:url(../img/page/sortline.jpg) center center repeat-x;}
.list ul li ul li.bgpoint{ background:url(../img/page/cppoint2.jpg) left top no-repeat;}
.list ul li ul li ul li.bgpoint a{ color:#c9aa40;}


/*  cpR-box  */
.cpR-box {
	width:900px;
	min-height:700px;
	float:left;
}
.cpB-info {
	width:100%;
	min-height:700px;
	float:left;
}
.cpB {
	width:255px;
	height:400px;
	float:left;
	margin-left:45px;
}
.cp {
	width:250px;
	height:360px;
	float:left;
}
.cp:hover {
	font-weight:bold;
	background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#dfe8f5, direction=120, strength=4);/*兼容ie*/
	-moz-box-shadow: 2px 2px 10px #dfe8f5;/*兼容firefox*/
	-webkit-box-shadow: 2px 2px 10px #dfe8f5;/*兼容safari或chrome*/
	box-shadow:2px 2px 10px #dfe8f5;/*兼容opera或ie9*/
}
.cp_ZoomInImg_img {
	position:relative;
	display:block;
	width:100%;
	padding:0;
	margin:0;
	opacity:1;
	transition: 1.5s;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	overflow:hidden
}
.cp:hover .cp_ZoomInImg_img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
}
.cp-name {
	width:250px; height:60px; float:left;  text-align:center; line-height:60px; font-size:14px;
}
.cp_slideCaptionDown {
	width:250px;
	height:297px;
	float:left;
	position:relative;
	cursor:pointer;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
	overflow:hidden;
	border:1px solid #e4e4e4;
}
.cp_slideCaptionDown .cp_slideCaptionDown_img {
	position:relative;
	display:block;
	width:100%;
	overflow:hidden
}
.cp_slideCaptionDown .cp_slideCaptionDown_caption {
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
	overflow:hidden
}
.cp_slideCaptionDown:hover .cp_slideCaptionDown_caption {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.cp_slideCaptionDown .cp_slideCaptionDown_caption, .cp_slideCaptionDown .cp_slideCaptionDown_caption > a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
	overflow:hidden
}
.cp_slideCaptionDown .cp_slideCaptionDown_caption_h {
	width:100%;
	position:absolute;
	top:-100%;
	left:0;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
	overflow:hidden;
	opacity:0
}
.cp_slideCaptionDown:hover .cp_slideCaptionDown_caption_h {
	top:0;
	opacity:1
}
.cp_bg {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/page/cpbgs.png);
	visibility:hidden;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.cp:hover .cp_bg {
	visibility:visible;
}
.cp_bg::before {
content:"";
width:20%;
height:34%;
position:absolute;
top:33%;
left:20%;
border-top:1px solid #FFF;
 border-bottom:1px solid #FFF;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0;   
opacity: 0;  
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
.cp:hover .cp_bg::before {
width:60%;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity: 1;   
opacity: 1;
}
.cp_bg::after {
content:"";
width:46%;
height:20%;
position:absolute;
top:28%;
left:27%;
border-left:1px solid #FFF;
 border-right:1px solid #FFF;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0;   
opacity: 0;  
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
.cp:hover .cp_bg::after {
height:44%;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity: 1;   
opacity: 1; 
}
.cp_bg p {
	padding: 85px 0 0 0;
	text-align:center;
	text-transform: none;
	font-size: 18px !important;
	text-transform: capitalize;
	filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0;   
opacity: 0;  
	color: #fff;
	font-weight: bold;
	line-height: 22px;
	text-shadow: 2px 2px 0.5px #000;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
}
.cp:hover .cp_bg p {
	filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity: 1;   
opacity: 1; 
	transform:translate(0px, 50px);
	-ms-transform:translate(0px, 50px); /* IE 9 */
	-moz-transform:translate(0px, 50px); /* Firefox */
	-webkit-transform:translate(0px, 50px); /* Safari and Chrome */
	-o-transform:translate(0px, 50px); /* Opera */
}


.page {
	width:100%;
	height:39px;
	line-height:39px;
	float:left;
	font-size:16px;
	text-align:center;
	margin-top:40px;
	color:#4e4a49;
}
.page a {
	text-decoration:none;
	padding:11px;
	line-height:34px;
	color:#777777;
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-transition-duration:0s;
	text-decoration:none;
}
.page a:hover {
	color:#4e4a49;
	padding:11px;
}
.page .ss:hover {
	color:#FFF;
	padding:11px;
	background:url(../img/page/pagebg.png) center center no-repeat;
}
.cpshowbox {
	width:1170px;
	margin:0 auto;
	min-height:1000px;
}
.probox {
	width:1170px;
	min-height:500px;
	float:left;
	margin-top:50px;
	background:#FFF;
}
.t2 {
	width:540px;
	height:560px;
	*width:500px;
	*height:500px;
	margin-left:100px;
	padding:30px 20px;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
}
.t2 img {
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari 和 Chrome */
	border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.ban {
	width:1170px;
	min-height:540px;
	overflow:hidden;
	float:left;
}
.prev {
	float:left;
	cursor:pointer;
}
.num {
	height:440px;
	overflow:hidden;
	width:100px;
	position:relative;
	float:left;
}
.min_pic {
	width:100px;
	height:500px;
	float:left;
}
.num ul {
	position:absolute;
	left:0;
	top:0;
}
.num ul li {
	width:70px;
	height:70px;
	text-align:center;
	margin-left:15px;
	list-style:none;
	margin-top:15px;
	border:1px solid #a9a8a8;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari 和 Chrome */
	border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/

}
.num ul li img {
	width:68px;
	height:68px;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari 和 Chrome */
	border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.num ul li:hover {
	border:1px solid #212224;
}
.num ul li a:on {
border:1px solid #808080;
}
.prev_btn1 {
	width:100px;
	text-align:center;
	height:30px;
	cursor:pointer;
	float:left;
	margin-top:30px;
}
.next_btn1 {
	width:100px;
	text-align:center;
	height:30px;
	cursor:pointer;
	float:left;
}
.prev1 {
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:30px;
	z-index:9;
	cursor:pointer;
}
.next1 {
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:30px;
	z-index:9;
	cursor:pointer;
}
.cpinfobox {
	float:right;
	width:470px;
	min-height:560px;
	margin-top:-560px;
*+margin-top:-560px;
}
.cpshow-t {
	width:430px;
	min-height:35px;
	line-height:35px;
	float:left;
	font-size:16px;
	color:#0898d1;
	margin-top:20px;
	font-weight:bold;
}
.cpshow-t2 {
	width:430px;
	height:auto;
	line-height:18px;
	float:left;
	font-size:12px;
	color:#313332;
	font-weight:bold;
}
.cpshow-line {
	width:430px;
	height:25px;
	float:left;
	background:url(../img/page/sortline.jpg) center center repeat-x;
}
.cpshow-t3 {
	width:430px;
	float:left;
	height:auto;
	font-size:14px;
	color:#313332;
}
.cpshow-t3 span {
	font-weight:bolder;
	line-height:35px;
}
.cpshow-t4 {
	width:430px;
	float:left;
	height:28px;
	line-height:28px;
	font-size:16px;
	color:#313332;
}
.cpshow-t4 span {
	font-weight:bolder;
}
.cpshow-t5 {
	width:430px;
	float:left;
	min-height:50px;
	color:#313332;
	line-height:18px;
	font-size:14px;
}
.cpshow-t5 span {
	line-height:30px;
	font-weight:bolder;
	font-size:16px;
}
.cpshow-t51 {
	width:430px;
	float:left;
	min-height:30px;
	line-height:30px;
}
.cpshow-t5 span {
	line-height:30px;
	font-weight:bolder;
	font-size:16px;
}
.cpshow-t51 {
	width:430px;
	float:left;
	min-height:30px;
	line-height:30px;
	margin-top:5px;
}
.cptel {
	width:200px;
	float:left;
	min-height:30px;
	line-height:30px;
	background:url(../img/page/cptel.jpg) left center no-repeat;
}
.cptel span {
	width:30px;
	height:30px;
	float:left;
}
.cpmail {
	min-width:180px;
	float:left;
	min-height:30px;
	line-height:30px;
	background:url(../img/page/cpmail.jpg) left center no-repeat;
}
.cpmail span {
	width:30px;
	height:30px;
	float:left;
}
.cpmail a {
	text-decoration:none;
	color:#313332;
}
.cpmail a:hover {
	color:#0898d1;
}
.cpshow-t6 {
	width:430px;
	height:auto;
	float:left;
	min-height:30px;
	line-height:30px;
}
.cpdown {
	width:430px;
	float:left;
	min-height:30px;
	line-height:30px;
}
.cpdown span {
	width:45px;
	height:30px;
	float:left;
	line-height:30px;
}
.cpdown a {
	text-decoration:none;
	color:#313332;
}
.cpdown a:hover {
	color:#0898d1;
}
.cpmorebox {
	width:1170px;
	min-height:500px;
	float:left;
	margin-top:50px;
}
.cpmore-t {
	padding:0px 15px;
	float:left;
	background:#0898d1;
	line-height:45px;
	height:45px;
	color:#FFF;
	font-size:14px;
}
.cpmore-info {
	width:1170px;
	*width:1140px;
	min-height:500px;
	float:left;
	border:1px solid #e4e4e4;
	background:#FFF;
	padding:15px;
	color:#313332;
	font-size:13px;
}
.cpmore-info table {
	border-collapse:collapse;
	border-spacing:0;
	border-left:1px solid #e4e4e4;
	border-top:1px solid #e4e4e4;
}
.cpmore-info table tr td {
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
}

.cpmorebox2 {
	width:1170px;
	min-height:500px;
	float:left;
	margin-top:45px;
}
.cpmore-t2 {
	padding:0px 15px;
	float:left;
	background:#0898d1;
	line-height:45px;
	height:45px;
	color:#FFF;
	font-size:14px;
}
.cpmore-info2 {
	width:1170px;
	min-height:500px;
	float:left;
	background:#FFF;
	color:#313332;
	font-size:13px;
	margin-top:40px;
	position:relative;
}

.cpmore-info2 span{
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	}

.cpmore-info3 {
	width:1170px;
	height:400px;
	float:left;
	color:#313332;
	font-size:13px;
	margin-top:40px;	
}

.mr_frbox {
	height:auto;
	float:left;
	width:100%;
}
.mr_frUl {
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
}
.mr_frUl ul {
	width:1170px;
	overflow:hidden;
}
.mr_frUl ul li {
	display:inline;
	float:left;
	height:380px;
	width:auto;
	margin-right:55px;
}
.backbtn{
	width:100%;
	height:50px;
	float:left;
	text-align:center;
	}
.backbtn a{
	padding:10px 30px;
	background:#FFF;
	color:#313332;
	line-height:35px;
	border:1px solid #eee;
	font-size:13px;
	-moz-border-radius: 8px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari 和 Chrome */
	border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
	}
.backbtn a:hover{
	 background:#0898d1;
	 color:#FFF;
	 border:1px solid #0898d1;
	 -moz-border-radius: 8px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari 和 Chrome */
	border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
	 }

.cpshare{ width:100%; height:20px; float:left; line-height:20px; margin-top:5px;}
.cpw{ width:40%; margin-top:15px;}
.cpwt{ font-size:16px; font-weight:600;}
.cpshare a{ color:#000;}
.cpshare a:hover{ color:#0898d1;}

/* features */
.feamd {
	width:1180px;
	margin:0 auto;
}
.feabox {
	width:100%;
	float:left;
	text-align:center;
	height:auto;
	position:relative;
}
.feabox span{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	}
	
	
/* FAQ */
.faq-tbox {
	width:100%;
	height:auto;
	max-height:500px;
	float:left;
	text-align:center;
	font-size:14px;
}
.faq-tbox .P1 {
	width:100%;
	font-size:18px;
	text-align:center;
	color:#000;
	font-size:18px;
	line-height:50px;
}
.faqshow {
	width:100%;
	height:auto;
	float:left;
}
.faqli:hover {
	background:#FFF;
}
.faqli {
	width:100%;
	height:auto;
	float:left;
	cursor:pointer;
	border-bottom:1px solid #e0dfdf;
	padding:15px 0px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.faqtitle {
	width:100%;
	height:auto;
	float:left;
}
.faqpic {
	width:75px;
	height:60px;
	float:left;
	position:relative;
	margin-left:15px;
}
.faqpic span {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
}
.faqli:hover .faqpic span {
	z-index:auto;
}
.faqtt {
	width:1065px;
	height:auto;
	float:left;
	font-size:18px;
	line-height:50px;
	max-height:1000px;
}
.faqinfo {
	width:1065px;
	height:auto;
	float:left;
	margin-left:90px;
	font-size:14px;
	color:#606060;
	line-height:28px;
	max-height:2000px;
}
.faqmore {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}
.faqmore a {
	text-decoration:none;
}

/* 新闻中心 */
.newsbox {
	height:auto;
}
.newsone {
	width:100%;
	height:auto;
	float:left;
	margin-top:25px;
}
.newsone-pic {
	width:310px;
	height:auto;
	float:left;
	position:relative;
	verflow:hidden;
}
.newsone-show {
	width:860px;
	height:auto;
	float:left;
	background:#FFF;
}
.none-t {
	padding:10px 20px;
	float:left;
	color:#FFF;
	font-size:20px;
	position:absolute;
	top:15px;
	left:0;
	background:#599bf9;
	z-index:2;
}
.tbg {
	background:#c9aa40;
}
.none-img {
	width:250px;
	height:250px;
	float:right;
	overflow:hidden;
}
.none-img img {
	transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
}
.newsone:hover .none-img img {
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
}
.info_box {
	width:780px;
	height:210px;
	float:left;
	margin-top:40px;
	margin-left:50px;
}
.info_title {
	width:780px;
	height:40px;
	float:left;
	font-size:18px;
	font-weight:600;
	overflow:hidden;
	line-height:40px;
	color:#373938;
}
.info_content {
	width:780px;
	height:70px;
	float:left;
	line-height:18px;
	font-size:14px;
	color:#606060;
	margin-top:10px;
}
.info_but {
	width:128px;
	float:left;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	-moz-border-radius: 30px; /* Firefox */
	-webkit-border-radius: 30px; /* Safari 和 Chrome */
	border-radius: 30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.info_but a {
	display:block;
	background:#FFF;
	color:#4d4e4d;
	text-decoration:none;
	border:1px solid #e1e3e2;
	-moz-border-radius: 30px; /* Firefox */
	-webkit-border-radius: 30px; /* Safari 和 Chrome */
	border-radius: 30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.info_but a:hover {
	color:#FFF;
	background:#599bf9;
	border:1px solid #599bf9;
}
.info_but {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.info_but:hover {
	transform:translate(0px, -3px);
	-ms-transform:translate(0px, -3px); /* IE 9 */
	-moz-transform:translate(0px, -3px); /* Firefox */
	-webkit-transform:translate(0px, -3px); /* Safari and Chrome */
	-o-transform:translate(0px, -3px); /* Opera */
}
.info_right {
	width:170px;
	float:left;
	height:30px;
	margin-left:640px;
}
.ir {
	width:85px;
	height:30px;
	line-height:30px;
	float:left;
	font-size:14px;
	color:#606060;
}
.ir span {
	width:30px;
	height:30px;
	float:left;
}
.page {
	width:100%;
	height:39px;
	line-height:39px;
	float:left;
	font-size:16px;
	text-align:center;
	margin-top:50px;
	color:#4e4a49;
}
.page a {
	text-decoration:none;
	padding:11px;
	line-height:34px;
	color:#777777;
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-transition-duration:0s;
	text-decoration:none;
}
.page a:hover {
	color:#4e4a49;
	padding:11px;
}
.page .ss:hover {
	color:#FFF;
	padding:11px;
	background:url(../img/page/pagebg.png) center center no-repeat;
}

/* ~~ 详细新闻 ~~ */
.sharenews{
	width:100%;
	height:50px;
	margin-top:10px;
	float:left;
	}
.sharenews #share a{ float:right;}

.in-newsbox_title {
	width:100%;
	min-height:40px;
	max-height:100px;
	font-size:18px;
	text-align:center;
	float:left;
	color:#333;
	font-weight:600;
	line-height:70px;
}
.in-newsbox_info {
	width:100%;
	height:50px;
	float:left;
	border-bottom:1px solid #CCC;
}
.in-newsbox_info ul li {
	text-align:center;
	width:50%;
	font-size:14px;
	color:#333;
	height:30px;
	line-height:30px;
	float:left;
	list-style:none;
	text-align:center;
}
.in-newsbox_content {
	float:left;
	font-size:14px;
	line-height:35px;
	color:#333;
	max-height:4500px;
}
.pagee {
	width:100%;
	line-height:30px;
	float:left;
	font-size:14px;
	color:#333;
	text-align:center;
	font-weight:bold;
}
.pagee a {
	color:#333;
}
/* ~~ 联系我们 ~~ */
.contact {
	width:100%;
	height:auto;
	float:left;
}
.conbox {
	width:100%;
	height:auto;
	float:left;
}
.conone {
	height:auto;
	color:#000;
}
.conone .po {
	font-size:30px;
	text-align:center;
}
.conone .pt {
	font-size:18px;
	text-align:center;
	line-height:30px;
	padding-bottom:20px;
}
.map span {
	display:block;
	float:left;
}
.map a {
	text-decoration:none;
}
#go {
	position:relative;
	width:60px;
	height:60px;
	margin-top:-30px;
	z-index:1;
	float:left;
	margin-left:48.6%;
}
.feedT {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}
.feedT .po {
	font-size:30px;
}
.feedbox {
	width:100%;
	height:auto;
	float:left;
}
.flr {
	width:100%;
	height:auto;
	float:left;
}
.feedbox .fl {
	width:19%;
*width:19%;
	height:auto;
	float:left;
	line-height:46px;
	font-size:14px;
	text-align:right;
	padding-right:1%;
}
.feedbox .fr {
	width:81%;
	height:auto;
	float:left;
}
.feedbox .fl span {
	color:#ff0000;
}
#input1 {
	height:35px;
 *height:35px;
	width:680px;
	border:1px solid #e0e2e5;
	line-height:35px;
	float:left;
	color:#000;
	font-size:14px;
	padding:0px 10px;
	margin-top:7px;
}
#input2 {
	height:35px;
 *height:35px;
	width:780px;
	border:1px solid #e0e2e5;
	line-height:35px;
	float:left;
	color:#000;
	font-size:14px;
	padding:0px 10px;
	margin-top:7px;
}
#input3 {
	height:155px;
 *height:151px;
	width:780px;
 *width:760px;
	border:1px solid #e0e2e5;
	line-height:35px;
	float:left;
	color:#000;
	font-size:14px;
	padding:2px 10px;
	margin-top:7px;
	margin-bottom:5px;
}
#button1 {
	width:130px;
	height:55px;
	outline:none;
	float:left;
	margin-top:30px;
	margin-left:13%;
	outline:none;
	border:0;
	text-align:center;
	color:#FFF;
	font-size:12px;
	background:url(../img/page/btu.png) center bottom no-repeat;
	cursor:pointer;
}
#button1 {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
#button1:hover {
	transform:translate(0px, -5px);
	-ms-transform:translate(0px, -5px); /* IE 9 */
	-moz-transform:translate(0px, -5px); /* Firefox */
	-webkit-transform:translate(0px, -5px); /* Safari and Chrome */
	-o-transform:translate(0px, -5px); /* Opera */
}

/*社交媒体*/
#share{}
#share a{margin-top:4px;position:relative;}
#share a:hover{ color:#0898d1;}
#share a:hover .weixin{-moz-opacity:1;filter:alpha(opacity=100);opacity:1;visibility:visible;top:-90px; left:-150px;}

/*客服样式*/
#haiiskefu{width:120px;position:fixed;right:-60px;top:80%;margin-top:-283px;z-index:999;}
#haiiskefu .kfleft{width:60px;height:50px;background:url(../img/page/online.png) no-repeat;cursor:pointer;float:left;}
#haiiskefu ul{width:60px;height:566px;background:url(../images/kefu1.png) no-repeat;float:left; margin-top:-125px;}
#haiiskefu ul li{list-style:none;}
#haiiskefu ul li a{width:60px;height:60px;display:block;margin-bottom:1px;background:#000;-moz-opacity:1;filter:alpha(opacity=100);opacity:1; position:relative;}
#haiiskefu ul li a:hover{-moz-opacity:1;filter:alpha(opacity=100);opacity:1;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;}
.weixin{ position:absolute; top:0; left:0; width:150px; height:150px;-moz-opacity:0;filter:alpha(opacity=0);opacity:0; visibility:hidde;}
#haiiskefu ul li a:hover .weixin{-moz-opacity:1;filter:alpha(opacity=100);opacity:1;visibility:visible;top:-90px; left:-150px;}
/*ie6*/
*html{overflow:hidden;}
*html #haiiskefu{position:absolute;right:expression(eval(document.documentElement.scrollLeft))-60;top:expression(eval(document.documentElement.scrollTop))-283;}

/* ~~ 脚注 ~~ */
.fbg {
	background:#1e1e1e;
	color:#FFF;
}
.footbox {
	width:100%;
	height:430px;
	float:left;
}
.footMbox {
	margin:0 auto;
	width:1170px;
	min-height:250px;
	margin-top:90px;
}
.footp {
	width:100%;
	min-height:250px;
	float:left;
}
.fone {
	width:340px;
	min-height:250px;
	float:left;
}
.fone-t {
	width:100%;
	height:60px;
	float:left;
	font-size:18px;
	background:url(../img/page/footl.png) 0px 3px no-repeat;
}
.fone-tc {
	width:100%;
	height:60px;
	float:left;
	font-size:18px;
	background:url(../img/page/footl.png) 0px 3px no-repeat;
}
.fone-info {
	width:68%;
	min-height:100px;
	float:left;
	font-size:12px;
	line-height:20px;
	color:#FFF;
}

.fone-info a {
	text-decoration:none;
	color:#FFF;
	display:block;
}
.fone-info a:hover {
	text-decoration:none;
	color:#FFF;
}
.ftwo {
	width:140px;
	min-height:260px;
	float:left;
}
.ftwo-info {
	width:100%;
	min-height:100px;
	float:left;
	font-size:12px;
	line-height:23px;
	color:#FFF;
}
.ftwo-info a {
	text-decoration:none;
	color:#FFF;
	display:block;
}
.ftwo-info a:hover {
	text-decoration:none;
	color:#FFF;
}
.footd {
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#FFF;
	font-size:14px;
	float:left;
}
.footd a {
	color:#FFF;
	text-decoration:none;
}
/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
}