@charset "gb2312";
/* Style Reset */
body,p,h1,ul,li,input,img{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#333333}
fieldset, img {border:0;}
.clear {clear:both;width:100%; height:0px; line-height:0px; font-size:0px}


/* top */
#header{ margin:0 auto}
#header img{ width:100%; float:left}

#menu{
	margin:0px auto 0px auto;
	background-color: #A70084;
}
#menu li{ float:left; width:33.3%}
#menu li a{
	font-size:14px;
	display:block;
	text-align:center;
	line-height:300%;
	font-weight:bold;
	color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CC0099;
	border-left-color: #CC0066;
}


#picSlide{position:relative;max-width:680px;overflow:hidden;margin:0 auto;}
#picSlide li{float:left;list-style:none;}
#picSlide li img{width:100%;}
#picSlide .tab{position:absolute;bottom:0.3em;left:0;width:100%;text-align:center;}
#picSlide .tab em{width:0.8em;height:0.8em;display:inline-block;border-radius:0.8em;-webkit-border-radius:0.8em;background:rgba(9, 13, 19,0.5);text-indent:-9999px;}
#picSlide .tab em.active{background:rgba(11, 119, 62,1);cursor:default;box-shadow:-1px 1px 2px #51b780 inset; -webkit-box-shadow:-1px 1px 2px #51b780 inset;border-bottom:1px solid #0d3f20;border-left:1px solid #086534;}




.g-cp{height:auto; margin:15px auto 0px auto}
.m-cp ul{padding:6% 0 2%;}
.m-cp li{width:33%; float: left;margin-bottom:5%; position:relative; text-align:center}
.m-cp li img{display:block;border:1px solid #ddd; width:90%; margin:0 auto}
.m-cp li:hover img{border-color:#3b003b;}
.m-cp li span{display:block; text-align:center;color:#333;width:90%;position:absolute; left:5%; bottom:0; font-size:0.85em; opacity:0.7; background:#e7e7e7; height:30px; line-height:30px; overflow:hidden}
.g-cp .sclwrap_box , .g-cp .m-box{ height:330px;}
@media screen and (min-width:360px) {
	.g-cp .sclwrap_box , .g-cp .m-box{ height:313px;}
}
@media screen and (min-width:480px) {
	.g-cp .sclwrap_box , .g-cp .m-box{ height:375px;}

}
@media screen and (min-width:568px) {
	.g-cp .sclwrap_box , .g-cp .m-box{ height:438px;}

}
@media screen and (min-width:639px) {
	.g-cp .sclwrap_box , .g-cp .m-box{ height:500px;}
}


.t01{
	line-height:245%;
	font-size:1em;
	color:#fff;
	position:relative;
	padding-right:2%;
	background-color: #A70084;
	font-weight: bold;
}
.t01 em{display:inline-block; padding:0 6%; background:#CC0000; position:relative; font-style:normal}
.t01 em:before{ position:absolute; content:""; width:0; height:0; top:100%; left:50%;margin-left:-0.3em;
	border-top:0.5em solid #CC0000;
	border-right:0.6em solid transparent;
	border-left:0.6em solid transparent;}
.t01 li{float: left; position:relative;padding:0 4%; text-align:center;}
.t01 li.z-on{background:#CC0000;}
.t01 li.z-on:before{ position:absolute; content:""; width:0; height:0; top:100%; left:50%;margin-left:-0.3em;
	border-top:0.5em solid #CC0000;
	border-right:0.6em solid transparent;
	border-left:0.6em solid transparent;}
.t01 span{float: right;font-size:0.8em; font-weight:normal;text-transform:uppercase;}
.t01 a{color:#fff;}

.banner{ margin:0 auto; width:100%;
margin-top:30px;}
.banner img{ width:100%}

.company{ margin:0 auto}
.company .pimg{ width:100%; padding-top:10px; padding-bottom:10px; margin:0 auto}
.company .pimg img{ width:100%; float:left}
.company .pcon{ width:90%; text-align:left; line-height:150%; margin:0 auto}
.company .more{ margin:10px auto 10px auto; width:30%}
.company .more img{ width:100%}



.g-dt{ height:auto;}
.g-dt .sclwrap_box , .g-dt .m-box{height:210px; overflow:hidden;}
.m-dt{
padding-top:20px;
}
.m-dt .pcon img{ display:none}
.m-dt li{color:#555; line-height:30px; height:30px; overflow:hidden; font-size:1em; border-bottom:0.12em dashed #adadad;}
.m-dt li i{display:block; width:1.8%; float: left;margin-right:1%;}
.m-dt li a{color:#555;}
.m-dt p{ line-height:30px; text-align:left}
.m-dt em{display:block;width:26%;text-align:center; margin:0 auto;  color:#fff; font-weight:bold; line-height:200%; font-size:0.8em;
background: #5fc345; /* Old browsers */
background: -moz-linear-gradient(top,  #5fc345 0%, #5fc345 50%, #42b924 50%, #42b924 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5fc345), color-stop(50%,#5fc345), color-stop(50%,#42b924), color-stop(100%,#42b924)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5fc345 0%,#5fc345 50%,#42b924 50%,#42b924 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #5fc345 0%,#5fc345 50%,#42b924 50%,#42b924 100%);}
@media screen and (min-width:360px) {
	.g-dt .sclwrap_box , .g-dt .m-box{ height:180px;}
}
@media screen and (min-width:480px) {
	.g-dt .sclwrap_box , .g-dt .m-box{ height:180px;}

}
@media screen and (min-width:568px) {
	.g-dt .sclwrap_box , .g-dt .m-box{ height:180px;}

}
@media screen and (min-width:639px) {
	.g-dt .sclwrap_box , .g-dt .m-box{ height:180px;}
}


/* footbg */
.footbanner{
	margin-top: 2%;
	margin-right: auto;
	margin-bottom: 0%;
	margin-left: auto;
}
.footbanner .foot_tit{ padding-top:2%; line-height:30px; text-align:center; padding-bottom:2%; margin:0 auto}
.footbanner .foot_con{ margin:0 auto; text-align:center; width:90%; text-align:center; padding-bottom:2%; line-height:24px;}
.footbanner .top{ width:95%; margin:0 auto 5% auto}
.footbanner .top img{ width:100%}

.footer{ background:#971B57;background:-webkit-linear-gradient(top,#971B57,#971B57);background:-moz-linear-gradient(top,#971B57,#971B57);background:linear-gradient(top,#971B57,#971B57); margin:0% auto 0px auto; visibility:hidden}
.footer .pcon{ width:90%; padding-top:2%; padding-bottom:2%; margin:0 auto}
.footer li{ width:25%; float:left; text-align:center}
.footer li img{ width:50%}


.footerbottom{
	
	z-index:1000000;
	position:fixed;
	width:100%;
	bottom:0px;
	background-color: #971B57;
	background-position: top;
}
.footerbottom .pcon{ width:90%; padding-top:2%; padding-bottom:2%; margin:0 auto}
.footerbottom li{ width:25%; float:left; text-align:center}
.footerbottom li img{ width:50%}



/* subpage */
.subtitle{width:100%;height:46px;background:url(../images/borderbg.jpg) 0 center repeat-x;font:18px/46px 'Microsoft YaHei';text-align:center;color:#fff}
.subtitle span{padding:0 5px;background:#041a24}
.subpage{width:96.875%;margin:2% auto;border-radius:12px;padding:10px 0;font:14px/180% 'Microsoft YaHei';color:#333}
.about{width:96%;margin:0 auto;}
.subpage img{display:block;max-width:100%;margin:0 auto;}
/* product */
.classbtn{width:80.625%;margin:2% auto;height:36px;border:1px solid #FF0000;border-radius:4px;position:relative;background:#ffa100;background:-webkit-linear-gradient(top, #CC3399, #CC3366);background:-moz-linear-gradient(top, #CC3366, #FF3399);background:linear-gradient(top, #CC0099, #CC0066);box-shadow:0 0 2px #fff inset;}
.classbtns{width:100%;height:100%;background:url(../images/icons4.jpg) 86% center no-repeat;text-align:center;color:#fff8ef;text-shadow:1px 1px 1px #a65500;font:18px/36px '宋体';}
.class{width:100%;left:0;top:37px;position:absolute;z-index:9;background:#cedbe0;border:1px solid #adbbc7;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-bottom:2%;border-top:0;display:none;}
.class li{width:97.6%;height:39px;margin:0 auto;border-bottom:1px solid #ebf4fb;background:url(../images/icons5.jpg) 90% center no-repeat;}
.class li a{display:block;width:100%;height:38px;border-bottom:1px solid #b2c4d3;color:#333;text-indent:1em;}
.class li p{width:86%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/38px '宋体';}

.productul{ width:95%; margin:2% auto 0px auto; border-bottom:1px dotted #999999}
.productul dl{ float:left; width:33%;}
.productul dl dt{ margin:0 auto; width:80%; text-align:center}
.productul dl dt img{ margin:0 auto; width:100%}
.productul dl dd{ width:80%; margin:0 auto; height:24px; line-height:24px; overflow:hidden; text-align:center}
.productul dl dd a{
color: #333333;}
/* pages */
.pages{width:276px;height:28px; margin:20px auto;}
.prev{display:block;width:75px;height:28px;float:left; background:url(../images/prevpage.jpg) no-repeat 0 0; text-align:center;font:14px/28px 宋体; color:#fff;text-indent:14px;background-size:100% 100%;}
.prev2{display:block;width:75px;height:28px;float:left; background:url(../images/prevpage.jpg) no-repeat 0 0; text-align:center;font:14px/28px 宋体; color:#999;text-indent:14px;background-size:100% 100%;}
.next{display:block;width:75px;height:28px;float:left; background:url(../images/nextpage.jpg) no-repeat 0 0;font:14px/28px 宋体; color:#fff;text-indent:12px;background-size:100% 100%;}
.next2{display:block;width:75px;height:28px;float:left; background:url(../images/nextpage.jpg) no-repeat 0 0;font:14px/28px 宋体; color:#999;text-indent:12px;background-size:100% 100%;}
.page{width:67px;height:28px;display:block; float:left;margin:0 28px;font:14px/26px 宋体;color:#666;}
.page span{display:block;width:50px;height:28px;margin:0 auto;}
.back{
	display:block;
	width:79px;
	height:32px;
	text-align:center;
	color:#fff;
	margin:10px auto;
	background:#606060;
	background:-webkit-linear-gradient(top,#606060,#3a3a3a);
	background:-moz-linear-gradient(top,#606060,#3a3a3a);
	background:linear-gradient(top,#606060,#3a3a3a);
	border:1px solid #151515;
	box-shadow:0 0 2px #7a7a7a inset;
	font-family: "宋体";
	font-size: 16px;
	line-height: 32px;
}
/* newsbox */
.newsul2{width:96%;margin:0 auto;}
.newsul2 li{
	width:100%;
	height:30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #990000;
	margin-top:1%;

}
.newsul2 li a{display:block;width:100%;background:url(../images/ico4.png) left center no-repeat;}
.newsul2 li p{
	width:86%;
	height:30px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color:#4a4a4a;
	text-indent:1em;
	font-family: "宋体";
	font-size: 14px;
	line-height: 30px;
}
/* view */
.subpage h1{
	width:100%;
	color:#333;
	text-align:center;
	background:url(../images/border1.jpg) 0 bottom repeat-x;
	margin-bottom:2%;
	font-family: "宋体";
	font-size: 18px;

}
.pageprev{
	width:96%;
	height:36px;
	border:1px solid #a2bdc8;
	box-shadow:0 0 2px #cedce2 inset;
	text-indent:1em;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	margin-bottom:3%;
	margin-top:3%;
	color:#1a3256;
	background-color: #CC0066;
	font-family: "宋体";
	font-size: 14px;
	line-height: 36px;
}
.pageprev a{color:#FFFFFF;}
.back{
	display:block;
	width:116px;
	height:42px;
	border:1px solid #CC0066;
	box-shadow:0 0 2px #CC0066 inset;
	background:-webkit-linear-gradient(top, #CC0099, #FF0000);
	background:-moz-linear-gradient(top,#CC0099,#FF0000);
	background:linear-gradient(top,#CC0099,#FF0000);
	color:#fff;
	font-family: "宋体";
	font-size: 16px;
	line-height: 42px;
	background-color: #FF0000;
	background-position: top;
}
@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}
@media all and (max-width:480px){
    .class-box{height:41px;line-height:41px;font-size:14px;}
    .footbg{height:80px;margin-top:60px;padding-top:24px}
    .links{top:-40px;}
    .footnav{height:32px;}
    .footnav li a{height:30px;line-height:30px;}
}

/*---------------------------*/
#xinz{
width:100%;
height:290px;
background-color:#CE008D;
margin-top:20px;
}
#xinz .z-tb{
	width:95%;
	height:50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990066;
	margin:0 auto;
	line-height: 50px;	
	color:#FFFFFF;
}
#xinz .z-tb p{
	float:left;

	font-weight: bold;
}
#xinz .z-tb span{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
}
#xinz .z-tb span a{
color:#FFFFFF;}

#xinz .z-tb-to{
width:95%;
height:215px;
margin:0 auto;
margin-top:20px;
}
#xinz .z-tb-to li{
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A70173;
	height:30px;
	margin-top:10px;
	width:100%;

}
#xinz .z-tb-to li p{
float:left;
}
#xinz .z-tb-to li span{
float:right;
}
/*荣誉资质*/
#xiry{
width:100%;
height:250px;
margin-top:20px;
}
#xiry_to{
	width:100%;
	height:50px;
	line-height:50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0066;
	color: #CC3366;
	
}
#xiry_to p{
	float:left;
	font-weight: bold;
}
#xiry_to span{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
}
#xiry_to span a{
color:#CC0066;
}
#xiry_cp{
width:95%;
height:207px;
margin:0 auto;
margin-top:20px;

}
#xiry_cp li{
	float:left;
	width:49%;
	text-align: center;
}
#xiry_cp li img{ width:80%; margin:0 auto}
#xiry_cp li p{
}
#xiry_cp li p a{
color:#333333;
}