@charset "utf-8";
/* CSS Document */

.news{ width:100%; min-width:1200px; margin:0 auto;position:relative; overflow:hidden; }
.left{ width:520px; overflow:hidden; float:left;}
.right{width:520px; overflow:hidden; float:right;}
.title1{ width:100%; font-size:20px; color:#71d54c;}
.title1 span{ display:block;font-size:28px; color:#CCC;}
.time1{ border-bottom:#CCC dashed 1px; width:100%; line-height:30px; height:80px; padding-top:30px;}
.time{color:#999; float:left; text-align:center;font-size:18px; padding-right:10px;}
.time span{ font-size:26px; display:block}
.newsimg{border:1px solid #e4e4e4; float:left;}
.news_r{ float:right; line-height:30px;width:350px;}
.news_r a{ color:#71d54c;width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:left; font-size:16px;}
.news_r p{ height:30px; line-height:30px; overflow:hidden;white-space:nowrap; width:100%;text-overflow:ellipsis; font-size:12px; margin:0 auto;}
.news_r1{ float:left; line-height:20px;width:770px;padding-left:10px;}
.news_r1 a{ color:#71d54c;width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:left; font-size:16px;}
.news_r1 p{ height:30px; line-height:30px; overflow:hidden;white-space:nowrap; width:100%;text-overflow:ellipsis; font-size:12px; margin:0 auto;}
.news_r1 a span{ display:block; color:#CCC; font-size:12px;}
.newslist{ margin:0 auto; width:100%; overflow:hidden;}
.newslist li {  width:100%; overflow:hidden;  line-height:35px; border-bottom:#CCC dashed 1px; float:left; height:35px;}
.newslist li a { color:#333;background:url(../images/newsico.gif) 6px center no-repeat; padding-left:20px;}
.newslist li p{ color:#71d54c; margin:0 auto;}
.newslist li a:hover{ color:#71d54c;}
.newslist li span { float:right; color:#999; font-size:12px;}
.proct{ width:100%; min-width:1200px; overflow:hidden; margin:0 auto; position:relative; background:url(../images/g7ph.jpg); height:625px; left:0px;background-position: 50% 0%;}
.titlelist {width:100%;margin:0 auto;overflow:hidden; padding-top:20px;}
.titlelist ul{ margin:0 auto; padding:0; border-bootom:#060 dotted 2px;width:100%;}
.titlelist ul li {width:183px;text-align:center;background:#06b050;float:left; line-height:45px; color:#34c475; margin:0 auto; padding:0;}
.titlelist ul li a{ color:#FFF;}
.titlelist ul li.on {background:#71d54c; color:#FFF; }
.row1{width:100%; border-top:#060 dotted 2px;}
.row1 ul{ margin:0 auto; padding:20px 0;}
.row1  ul li{float:left; border:#CCC 1px solid; margin:0 6px;_ margin:0 5px;}
 .row1 ul li a span{font-size: 16px; color:#71d54c;text-align: center;line-height:30px;height:30px;width:180px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;}
.aboutcont {width:100%;margin:0 auto;overflow:hidden;}
.none{ display:none;}
.contact{ width:100%; min-width:1200px; overflow:hidden;}
.left1{ width:500px;float:left; margin-top:40px; text-align:center; border-right:#CCC dotted 1px;}
.left1 span{ display:block; font-size:28px; color:#F90; margin-top:15px;}
.left1 span img {vertical-align:middle;}
.right1{ width:500px;float:right;margin-top:40px;_margin-top:40px;}
.right1 .name{ color:#71d54c;line-height:40px; font-size:26px; padding-bottom:15px;}
.right1 .p2{line-height:30px; margin:0 auto; _margin:20px 0 0 0;}
.right1 .p2 p{ margin:0 auto;_ margin:15px; auto;}
.right1 .p2 img{ vertical-align:middle; padding-right:10px;}
.footer{ width:100%; min-width:1200px; overflow:hidden; margin:0 auto; position:relative;margin-top:50px;}
.foot{width:100%;overflow:hidden; margin:0 auto; background:url(../images/foot.gif); height:5px;}
.footr{width:100%;overflow:hidden; margin:0 auto; background:url(../images/footer.png);}
.bottomnav{width:100%;height:15px; padding:28px 0;line-height:15px; border-bottom:1px solid #969696; text-align:center; font-size:12px;}
.bottomnav a{padding: 0 25px; border-left:1px solid ; color:#FFF;}
.bootTxt{ text-align:center; line-height:30px;width:100%; padding-top:10px; padding-bottom:30px; margin:0 auto;overflow:hidden; font-size:12px; color:#FFF}
.bottomnav .no{ border:0;}
.bootTxt a{ color:#FFF;}
 .main{ width:100%; color:#FFF; text-align:left; margin-top:40px;}
  .main a{ padding:0 5px; color:#CCC;}
 .cbann{ width:100%; min-width:1200px; overflow:hidden; margin:0 auto;}
 .page01{ width:1100px; min-width:1100px; overflow:hidden; margin:0 auto;}
 .ht{ width:100%; min-width:1200px; overflow:hidden; margin:0 auto; padding-top:40px;}
 .fl_side{ width: 212px; padding-bottom: 10px; float: left;}
.fr_side{ overflow:hidden; width: 1100px; float:right;} 
.cp_side{ overflow:hidden; width: 852px; float:right;} 
.crumbs_box{ width: auto; height: 50px; line-height: 50px; overflow: hidden; border:#690 dashed 1px; margin-bottom:30px;}
.crumbs_box h3{ float: left; margin:0 auto; background:#090; font-size: 18px;padding:0 20px; color:#FFF;}
.crumbs_box p{ float: right; color: #0C3;margin:0 auto; padding:0 20px;}
.crumbs_box p a{ color: #0C3;}
.crumbs_box p a:hover{ text-decoration: underline;}
.contit{ overflow:hidden; width:100%; line-height:30px; text-align:center; font-size:20px; margin-top:20px;}
.tim{ overflow:hidden; line-height:30px; text-align:center; color:#707070;}
.conpic{ overflow:hidden; width:100%; text-align:center; margin:20px 0px;}
.conpic img{ max-width:860px; overflow:hidden;}
.concomp img{ max-height:860px; overflow:hidden; text-align:center;}
.concomp img:hover{ width:900px; height:auto;}
.concomp{ line-height:30px;}
.TabTitle2{padding-bottom:20px;}
.TabTitle2 ul.expmenu{ margin:0 auto; border:#ccc solid 1px;}
.TabTitle2 ul.expmenu li{ }
/*一级导航*/
.TabTitle2 ul.expmenu li div.header:hover{background:#93d103;display:block;}
.TabTitle2 ul.expmenu li div.header { width: 100%; display: block;height: 40px;overflow: hidden;line-height:40px;border-bottom:#093 solid 1px; }
.TabTitle2 ul.expmenu li div.header a {color:#000;padding-left:10px; font-size:14px; text-decoration:none;}
.TabTitle2 ul.expmenu li div.header a:hover { color:#FFF;_color:#090;}
.TabTitle2 ul.expmenu li div.header .arrow {display: block;width: 28px;height: 30px;background: no-repeat center;float: right;overflow: hidden;cursor: pointer;}


/*首页产品*/
.service-promise {
    padding: 0px 0;
}
.service-promise .m-title {
    height: 80px;
    line-height: 78px;
    background: url("../images/img-32.png") repeat-x left bottom;
    text-align: center;
}
.service-promise .m-title span {
    background: url("../images/img-31.png") no-repeat bottom center ;
    height: 80px;
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    display: inline-block;
}
.service-promise .box {
    width: 198px;
    height: 285px;
    background: #cd392a;
    padding: 35px 20px 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.8                ;
    top: -160px;
    left: 0; display:none
}
.service-promise .box .b-1 {
    background: url("../images/img-33.png") no-repeat left bottom;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.service-promise .box .b-2 span{
    display: block;
    font-size: 22px;
}
.service-promise .main {
   margin:0 auto; overflow:hidden; }
.service-promise .main ul {
    margin-left: -91px;
}
.service-promise .main ul li {
    float: left;
    display: inline;
    margin-left: 91px;
    width: 119px;
    text-align: center;
}
.service-promise .main ul li .pic img {
    display: block;
    width: 167px;
    height: 167px;webkit-transition:0.4s linear;transition:0.4s ease-in;} 

.service-promise .main ul li .pic img:hover{
	-webkit-transform:rotate(360deg);     /* for Chrome || Safari */ 
   -moz-transform: rotate(360deg);       /* for Firefox */
    -ms-transform: rotate(180deg);        /* for IE9+ */
   -o-transform:rotate(360deg);       /* for Opera */
   }
.service-promise .main ul li .title {
    height: 66px;
    line-height: 66px;
    font-size: 24px;
}
.service-promise .main ul li .title a {
    color: #616161;
}

.db { display: block; }
.other-box {
    padding: 55px 0 45px;
}
.other-box .other-info {
    margin-bottom: 55px;
}
.other-box ul {
    margin-left: -42px;
}
.other-box ul li {
    float: left;
    display: inline;
    width: 265px;
   /* overflow: hidden;*/
    vertical-align: bottom;
    margin-left: 42px;
}
.other-box ul li .pic {
    margin-bottom: 15px;
}
.other-box ul li .pic img {
    display: block;
    border-radius: 5px;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
}
.other-box ul li .pic img:hover { border-radius: 5px;  transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);    box-shadow: -3px 5px 5px #B3B0B0;}
.other-box ul li .title {
    color: #999999;
    font-size: 14px;
    line-height: 1.6;
}
.other-box ul li .title a {
    color: #252525;
    text-transform: uppercase;
}
.other-box ul li .title a span {
    font-size: 18px;
}

/*child_nav 开始*/
.child_nav{

	height:38px;
	line-height:38px;
}
.child_nav .rt a{
	display:inline-block;
	float:left;
	height:37px;
	line-height:37px;
	border:1px solid #6d1453;	
	border-bottom:0;
	margin-left:40px;
	padding:0 24px;
	min-width:52px;
	font-size:14px;
	text-align:center;
	background:#1b1b1b;
}
.child_nav .rt a:hover,.child_nav .rt a.hover{
	color:#8a0065;
	background:#000;	
}
/*child_nav 结束*/

.main{
	width:1005px;
	margin:0 auto;	
	position:relative;
	overflow:hidden;
}



/*---------------留言*/
.comment {
	border:1px dashed #aaa;
	margin:10px;
	text-align:center;width:1050px;}
.comment .commenttitle {
	height:35px;
	margin:1px auto;
	border-bottom:1px dashed #B3B3B3;
}
.comment .commenttitle .title4 {
	float:left;
	margin:5px 0px 0px 12px;
	color:#999;
	display:inline;
}
.comment .commenttitle .title4 strong {
	letter-spacing:4px;
	color:#777;
	margin-right:10px;
	font-size:18px;
}
.comment .commentbox {
	width:98%;
	text-align:left;
}
.comment .commentbox dl {
	margin:10px auto 0px;
	border:1px dashed #B3B3B3;
}
.comment .commentbox dl dt {
	background:#effbf4;
	line-height:25px;
	text-indent:10px;
	color:#333;
	border-bottom:1px dashed #B3B3B3;
}
.comment .commentbox dl dt span {
	color:#effbf4;
	font-size:14px;
}
.comment .commentbox dl dd {
	padding:10px;
	font-size:14px;
	line-height:35px;
	color:#666;
}
.comment .posttitle {
	height:35px;
	margin:10px auto;
	border-bottom:1px dashed #aaa;
	text-align:left;
}
.comment .posttitle strong {
	letter-spacing:4px;
	color:#777777;
	display:block;
	margin:7px 0px 0px 13px;
	font-size:18px;
}
.comment .postbox {
	width:95%;
	margin:5px auto;
	overflow:hidden;
	text-align:left;
}
.comment .postbox .userbox {
	overflow:hidden;
	margin-top:10px;
}
.comment .postbox .userbox dl {
	}
.comment .postbox .userbox dl dd {
	float:left;
	display:block;
	padding-bottom:2px;
}
.comment .postbox .userbox dl dd input.username,.comment .postbox .userbox dl dd input.password {
	width:100px;
	border:1px dashed #aaa;
	padding:3px 0px 2px 5px;
	margin-right:10px;
	background:#effbf4;
}
.comment .postbox .userbox dl dd.mtop {
	margin:7px 7px 0px 0px;
}
.comment .postbox .txtbox {
	width:100%;
	line-height:40px;
	font-size:14px;
}
.comment .postbox .txtbox textarea {
	border:1px dashed #aaa;
	width:98%;
	height:60px;
	padding:5px;
	background:#effbf4;
}
.comment .postbox .txtbox div {
	padding-top:5px;
	color:#000;
}
.comment .postbox .txtbox input {
	width:40px;
	border:1px dashed #aaa;
	padding:3px 0px 2px 5px;
	margin-right:10px;
	background:#effbf4;
}
.comment .postbox .txtbox img {
	position:static;
	+position:relative;
	vertical-align:middle
}
.comment .postbox .sbut {
	margin:10px;
}
label {
	color:#000;
	font-size:14px;
	color:#777777
}



other-services {
    padding-bottom: 20px; margin-top: 114px;
}
.other-services .top-s {
    height: 456px;
}
.other-services .main {
    height: 980px;
    background: #ffffff;
    box-shadow: 0 0 10px #f2f2f2;
    margin-top: -170px;
}
.other-services .tabs-tit {
    background: url("../images/img-53.png") repeat-x;
    height: 96px;
    padding-top: 8px;
    line-height: 88px;
    text-align: center;
}
.other-services .tabs-tit a {
    display: inline-block;
    width: 186px;
    color: #616161;
    font-size: 20px;
}
.other-services .tabs-tit a .icon img{
   display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}
.other-services .tabs-tit a .icon .img-h {
    display: none;
}
/*.other-services .tabs-tit a:hover,*/
.other-services .tabs-tit a.active {
    color: #cd392a;
    background: #ffffff;
}
.other-services .tabs-tit a:hover .img-h,
.other-services .tabs-tit a.active .img-h {
    display: inline-block;
}
.other-services .tabs-tit a:hover .img-d,
.other-services .tabs-tit a.active .img-d {
    display: none;
}
.container {
    width: 1200px;
    min-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.container h4{font-size:16px; line-height:23px;margin-bottom:14px;}
.container p{margin-bottom:12px; font-size:16px; line-height:23px;}
.container td p {
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 20px;
}

/*产品栏目*/
.cp_01{overflow:hidden;}
.cp_01 ul{overflow:hidden; height:120px; margin:0 auto;}
.cp_01 li{ float:left;text-align:center;line-height:120px; width:124px; font-size:16px; background:#129f50;}
.cp_01 li a{ display:block;color:#FFF;}
.cp_01 li a:hover,.cur{background:#009900;}


/*内页导航开始*/
.inav { width:100%; height:45px; background:url(../images/toptu.png) repeat; margin-top:-14px;}
.inavc { width:1100px; height:45px; margin:0px auto;}
.home{ background-color:#bcbcbc;}
.inavc ul li { width:130px; height:45px; text-align:center;font-size:15px; line-height:45px; float:left; }
.inavc ul li a { display:block; color:#FFF;}
.inavc ul li a:hover { background-color:#bcbcbc; text-decoration:none;}
.inavc ul li a.tsy { background-color:#bcbcbc; text-decoration:none;}
/*newlist开始*/
.xzCont{ width:1100px; margin:0 auto; overflow:hidden;}
.xzCont ul{ width:1100px;overflow:hidden;}
.xzCont li{ float:left; width:512px; margin:0px 10px 10px; border:1px solid #ececec; border-left-width:3px;}
.xzCont li h5{ font-weight:normal; color:#009900;padding:5px 10px 0; height:30px; line-height:30px; }
.xzCont li h5 a{ font-size:16px; color:#009900;}
.xzCont li h4{ font-weight:normal; color:#009900;padding:5px 10px 10px; font-size:12px; color:#999; height:15px; line-height:15px; }
.xzCont li p{ width:480px; font-size:13px; color:#666; margin:0 auto 10px; line-height:23px; height:46px; overflow:hidden;}
.xzCont li:hover{ border-color:#009900;}


/* 首页产品列表 */

.portfolio-list { min-height:20px; height:555px; }
.column .col-3-1 {width: 30%; margin:10px 1.5%;}
.column .col-3-1 {float: left;min-height: 1px;height: auto !important;}
.portfolio-list li { margin-bottom:25px; text-align:center; }
.portfolio-list li:hover a{ color:#f48a00;}
.portfolio-list-summary li { text-align:left; }
.portfolio-img,.portbu-img { margin-bottom:10px; overflow:hidden; }
.portfolio-img a ,.portbu-img a{ position:relative; }
.portfolio-img a, .portfolio-img img { 

		width:100%; display:block; overflow:hidden;

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		-ms-transform: scale(1);

		-o-transform: scale(1);

		transform: scale(1);

		-webkit-transition: all 0.3s ease-out 0s;

		-moz-transition: all 0.3s ease-out 0s;

		-o-transition: all 0.3s ease-out 0s;

		transition: all 0.3s ease-out 0s;
		
		height:200px;

	}
.portbu-img img{ 

		width:260px; display:block; overflow:hidden;
		height:100px;

	}
	
.portfolio-img .opacity-overlay {width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; cursor:pointer; background-color:#000; opacity:0; filter:alpha(opacity=0); _height:expression( (this.parentElement.clientHeight) +'px'); 

		-webkit-transform:scale(0);

		-moz-transform:scale(0);

		-o-transform:scale(0);

		-ms-transform:scale(0);

		transform:scale(0);

		-webkit-transition:all 0.25s ease-in-out;

		-moz-transition:all 0.25s ease-in-out;

		-o-transition:all 0.25s ease-in-out;

		-ms-transition:all 0.25s ease-in-out;

		transition:all 0.25s ease-in-out;

	}



	.portfolio-img a:hover .opacity-overlay { 

		filter:alpha(opacity=70); opacity:0.7;

		-webkit-transform:scale(1);

		-moz-transform:scale(1);

		-o-transform:scale(1);

		-ms-transform:scale(1);

		transform:scale(1);

		-webkit-transition:all 0.25s ease-in-out;

		-moz-transition:all 0.25s ease-in-out;

		-o-transition:all 0.25s ease-in-out;

		-ms-transition:all 0.25s ease-in-out;

		transition:all 0.25s ease-in-out;

	}
	/*#jingpin li:hover a{color:#1F966B}*/
	.portfolio-img a:hover img { 

		transform: scale(1.2, 1.2);

		-webkit-transform: scale(1.2, 1.2);

		-moz-transform: scale(1.2, 1.2);

		-o-transform: scale(1.2, 1.2);

		-ms-transform: scale(1.2, 1.2);

		-webkit-transition: all 0.3s ease-out 0s;

		-moz-transition: all 0.3s ease-out 0s;

		-o-transition: all 0.3s ease-out 0s;

		transition: all 0.3s ease-out 0s;

	}

	.portfolio-item:hover img, .product-item:hover img, .scrollable-item:hover img { 

		transform: scale(1.2, 1.2);

		-webkit-transform: scale(1.2, 1.2);

		-moz-transform: scale(1.2, 1.2);

		-o-transform: scale(1.2, 1.2);

		-ms-transform: scale(1.2, 1.2);

		-webkit-transition: all 0.3s ease-out 0s;

		-moz-transition: all 0.3s ease-out 0s;

		-o-transition: all 0.3s ease-out 0s;

		transition: all 0.3s ease-out 0s;

	}
.portfolio-title { margin-bottom:10px; line-height:normal; } 

	.portfolio-title h2 { font-size:15px; line-height:1.5; font-weight:normal; }

	.portfolio-title a { }

	.portfolio-title a:hover { text-decoration:none; }
	
.productTop { margin-bottom: 20px; }
.productIntro { width: 350px; }
.productIntro h2 { background: url(../images/splitBg.gif) repeat-x 0 bottom; font-size: 18px; font-family: 'Microsoft Yahei'; color: #000; padding: 10px 0; margin-bottom: 10px; }
.descriptionBox { height: 328px; overflow: hidden; }
.descriptionBox .explain .value { height: 116px; overflow: hidden; }
.descriptionBox span { display: inline-block; vertical-align: top; }
.descriptionBox .value { width: 320px; }
.productOrder a { display: block; width: 130px; height: 40px; line-height: 40px; text-align: center; font-size: 15px; border-radius: 4px; font-family: 'Microsoft Yahei'; background: #a7cb45; color: #fff; }
.productOrder a:hover { background: #F48A00; }

.productShow { margin-bottom: 10px; }
.productShow .hd { height: 38px; line-height: 38px; font-size: 14px; background: #a7cb45; font-family: 'Microsoft Yahei'; }
.productShow .hd li { float: left; padding: 0 20px; cursor: pointer; color: #fff; transition: 0.3s; }
.productShow .hd .on { background: #F48A00; }
.productShow .con { padding: 10px 0; }

.column h2 { height: 36px; line-height: 36px; font-size: 14px; background: #eee; position: relative; text-indent: 20px; font-family: 'Microsoft Yahei'; }
.column h2 em { position: absolute; width: 4px; height: 14px; left: 10px; top: 50%; margin-top: -7px; background: #333; }

.productForm h2 { margin-bottom: 2px; }
.productFormBox { background: #eee; }
.productFormBox form { padding: 20px 0 20px 16px; }
.productFormBox p { float: left; margin-right: 10px; }
.productFormBox span { display: inline-block; vertical-align: middle; width: 50px; text-align: right; padding-right: 10px; line-height: 26px; }
.productFormBox input, .productFormBox textarea { vertical-align: top; transition: 0.3s; }
.productFormBox .row { margin-bottom: 10px; }
.productFormBox .row input { height: 24px; border: 1px solid #dadada; width: 150px; padding: 0 10px; line-height: 24px; }
.productFormBox textarea { width: 634px; height: 72px; border: 1px solid #dadada; padding: 10px; line-height: 18px; }
.productFormBox .row input:focus, .productFormBox textarea:focus { border-color: #aaa; }
.productFormBox img { border: 1px solid #dadada; margin-left: 10px; cursor: pointer; position: relative; top: 1px; }
.productFormBox .btn { padding-left: 60px; }
.productFormBox .btn input { width: 65px; height: 24px; line-height: 24px; text-align: center; background: #666; cursor: pointer; color: #fff; border-radius: 2px; margin-right: 10px; font-family: 'Microsoft Yahei'; }
.productFormBox .btn input:hover { background: #999; }
#verifyCode { width: 100px; }

.related h2 { margin-bottom: 10px; }