﻿@import url("style.css");
.pbar {height:56px; line-height:56px; color:#0B0; font-size:12px;}
.pbar a {color:#999;}

ul#pmenu {margin:0; border-top:1px solid #02693a; border-left:1px solid #02693a; height:89px; background-color:#EFEFEF;}
ul#pmenu li {width:170px; float:left; border-right:1px solid #02693a; text-align:center; background-color:#01a45a;}
ul#pmenu li a {width:100%; display:block; height:86px; border-bottom:3px solid #02693a; line-height:86px; font-size:18px; color:#fff;}
ul#pmenu li a:hover {background-color:#fff; border-bottom:3px solid #000; color:#000;}

ul#promenu {margin:0; float:left; border-top:1px solid #02693a; border-left:1px solid #02693a; height:89px;}
ul#promenu li {width:170px; float:left; border-right:1px solid #02693a; text-align:center; background-color:#01a45a; position:relative;}
ul#promenu li a {width:100%; display:block; padding-top:13px; height:73px; border-bottom:3px solid #02693a; font-size:18px; color:#fff;}
ul#promenu li.active a,ul#promenu li.on a {background-color:#fff; border-bottom:3px solid #000; color:#000;}
ul#promenu li a i {display:block; height:34px; width:32px; background:no-repeat; margin:0 auto; margin-bottom:6px;}
ul#promenu li a i#i1 {background-image:url(../images/bt_1.png);}
ul#promenu li a i#i2 {background-image:url(../images/bt_2.png);}
ul#promenu li a i#i3 {background-image:url(../images/bt_3.png);}
ul#promenu li a i#i4 {background-image:url(../images/bt_4.png);}
ul#promenu li a i#i5 {background-image:url(../images/bt_5.png);}
ul#promenu li a i#i6 {background-image:url(../images/bt_6.png);}
ul#promenu li a i#i7 {background-image:url(../images/bt_7.png);}
ul#promenu li.active a i#i1,ul#promenu li.on a i#i1 {background-image:url(../images/bt_1_1.png);}
ul#promenu li.active a i#i2,ul#promenu li.on a i#i2 {background-image:url(../images/bt_2_1.png);}
ul#promenu li.active a i#i3,ul#promenu li.on a i#i3 {background-image:url(../images/bt_3_1.png);}
ul#promenu li.active a i#i4,ul#promenu li.on a i#i4 {background-image:url(../images/bt_4_1.png);}
ul#promenu li.active a i#i5,ul#promenu li.on a i#i5 {background-image:url(../images/bt_5_1.png);}
ul#promenu li.active a i#i6,ul#promenu li.on a i#i6 {background-image:url(../images/bt_6_1.png);}
ul#promenu li.active a i#i7,ul#promenu li.on a i#i7 {background-image:url(../images/bt_7_1.png);}
ul#promenu li .pitem {background-color:#fff; position:absolute; width:170px; margin-left:-1px; z-index:1002; display:none; border:1px solid #02693a; border-bottom-width:2px; padding-bottom:12px; padding-top:5px; border-top:none;}
ul#promenu li .pitem a {border:none; background:none; height:32px; line-height:32px; color:#02693a; font-size:14px; padding:0; margin:0;}
ul#promenu li .pitem a:hover {color:#fff; background-color:#01a45a;}

#pagebody {width:1200px; margin:0 auto;}

.cbody {margin:35px 0 6px 0;}
.cbody p {float:none; margin:6px 0;}
.cbody p img {max-width:760px; width: expression(this.width > 760 && this.width > this.height ? 760px : 'auto';);}
.cbody ul.newslist {margin:5px 0;  text-align:left;}
.cbody ul.newslist li {width:553px; float:left; padding:15px; border:1px solid #ccc; margin-bottom:20px; line-height:200%;}
.cbody ul.newslist li.rg {margin-left:30px;}
.cbody ul.newslist li a {color:#333; font-size:16px;}
.cbody ul.newslist li p {color:#838383;}
.cbody ul.newslist li span {display:block; text-align:right; font-style:normal; color:#999}
.cbody ul.prolist {margin:15px 0 12px 0; line-height:32px; list-style:none; text-align:left;}
.cbody ul.prolist li {color:#333; line-height:30px; width:285px; padding-bottom:0; margin-right:20px; height:274px; float:left; margin-bottom:8px; background-color:#dfdfdf; text-align:center;}
.cbody ul.prolist li.rg {margin-right:0;}
.cbody ul.prolist li a {text-decoration:none; display:block; width:100%; font-size:16px;}
.cbody ul.prolist li .imgdiv {width:265px; height:212px; overflow:hidden; margin:10px; display:block;}
.cbody ul.prolist li .imgdiv img {width:265px; height:212px;}

.cbody .cmain {width:900px; float:left;}
.cbody .cside {width:270px; float:right;}
.cbody .cside dl dt {height:42px; line-height:42px; text-align:center; font-size:14px; background-color:#E2E2E2;}
.cbody .cside dl dd {margin-top:12px; text-align:center; background-color:#EEE; text-align:center; padding-top:10px; line-height:42px;}

.cbody ul.prolist li {
	position: relative;
}
.cbody ul.prolist li img {
	transition: .1s transform;
	transform: translateZ(0);/* hack */
}
.cbody ul.prolist li:hover {
	z-index: 1;background-color:#c6ff57;
}
.cbody ul.prolist li:hover img {
	transform: scale(1.2, 1.2);
	transition: .3s transform;
}
.cf:before, .cf:after {
	display: table;
	content: "";
	line-height: 0;
}
.cf:after {
	clear: both;
}

.cbody ul.caselist {margin:15px 0 12px 0; line-height:32px; list-style:none; text-align:left;}
.cbody ul.caselist li {color:#333; line-height:32px; width:184px; margin-right:8px; height:130px; text-align:center; float:left; margin-bottom:8px; background-color:#f0efef;}
.cbody ul.caselist li.rg {margin-right:0;}
.cbody ul.caselist li a {display:block;}



.cbody ul.piclist {margin:5px 0; list-style:none; text-align:left;}
.cbody ul.piclist li {color:#333; padding:8px 0; line-height:28px; height:158px; padding-top:15px; overflow:hidden; border-bottom:1px dashed #C9C9C9;}
.cbody ul.piclist li h2 {height:32px; line-height:32px;}
.cbody ul.piclist li img {float:left; padding:2px; border:1px solid #C9C9C9; margin-right:8px;}
.cbody ul.piclist li p {color:#666;}
.cbody ul.piclist li p a {float:right; display:block; width:72px; height:24px; line-height:24px; color:#fff; background-color:#3581ff; text-align:center; margin-right:6px; margin-top:2px;}
.cbody ul.picslist {margin:5px 0; list-style:none; text-align:left;}
.cbody ul.picslist li {color:#333; width:240px; margin-right:12px; margin-bottom:8px; float:left; text-align:center; line-height:28px; overflow:hidden;}
.cbody ul.picslist li.rg {margin-right:0;}
.cbody ul.picslist li img {padding:2px; border:1px dashed #C9C9C9;}
.cbody h2.title {line-height:26px; padding:10px 0; text-align:center; font-size:16px}
.cbody #smallpic {padding:10px; text-align:center;}
.cbody #infos {height:30px; line-height:30px; color:#666; text-align:center}
.cbody #content,.cbody .content {text-align:left;color:#333; line-height:200%; padding:12px 0;}
.cbody #content h4 {padding:5px 0; margin:0;}
.cbody #content ul {border:1px solid #D9D9D9; margin:0; padding:0;}
.cbody #content ul li {width:172px; float:left;}
.cbody #content #smlpic {float:left; margin-right:6px;}
.cbody .close_div { float:left; text-align:center; height:30px; line-height:22px; margin:40px 0 0 320px}

.tbody table {border-top:1px solid #999; border-left:1px solid #999;}
.tbody table tr td {border-right:1px solid #999; border-bottom:1px solid #999; padding:10px 5px;}
.lbody table tr td {padding:5px;}
.lbody table tr td input,.lbody table tr td textarea {padding:4px;}

.cbody .logolist {margin:0;}
.cbody .logolist img {height:100px; float:left; margin:4px; border:1px solid #EBEBEB; padding:2px;}

.cbody #small {width:250px; float:left; margin-top:15px; height:210px; overflow:hidden;}
.cbody #small img {margin-bottom:8px;}
.cbody #intro {width:360px; float:left; margin-left:20px; margin-top:15px; height:210px; overflow:hidden;}
.cbody #intro ul {margin-top:10px;}
.cbody #intro ul li {line-height:32px;}
.cbody #intro ul li a.order {display:block; height:36px; width:120px; text-align:center; background-color:#e23839; font-size:16px; color:#fff; margin-top:6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; text-decoration:none;}
.cbody #intro ul li a.order:hover {background-color:#cd2526;}
.cbody #procontact {width:220px; border:1px solid #E4E4E4; padding:15px; height:170px; overflow:hidden; line-height:200%; background-color:#F6F6F6; float:right;}
.cbody #cbar {margin:0; height:40px; padding:0; color:#000; background-color:#eaeaea; border:1px solid #eaeaea; margin-top:10px; line-height:40px;}
.cbody .content {line-height:200%; padding:15px; display:none;}
.cbody #content {line-height:200%; padding:15px; display:block; padding-left:30px;}

.cbody #cbar span {display:block; cursor:pointer; line-height:40px; border-left:1px solid #fff; float:left; padding:0 20px;}
.cbody #cbar span:nth-child(1) {border:none;}
.cbody #cbar span.on {background-color:#fff;}
.cbody h2.title {line-height:42px; font-size:28px;}

#page {height:52px; line-height:32px; padding:10px 0; width:100%; text-align:center; margin:0;}
#page a {padding:4px 8px; text-align:center; background-color:#c6caf0; margin-left:5px;}
#page span.current,#page a:hover {background-color:#84c702; color:#fff; padding:4px 8px; text-align:center; margin-left:5px;}
#page span.disabled {background-color:none; margin-left:5px; color:#444446;}

#pnstr {line-height:200%; padding:20px 0 35px 0;}