@charset "utf-8";
/*main pro*/
.mian_pro{margin:25px auto; width:100%; max-width:1040px;}
.main_pro_t{}
.main_pro_t .main_pro_t_w{display:block; color:#02A535; font-size:20px; text-transform:capitalize; border-bottom:4px solid #02A535; padding-bottom:2px;}
.main_pro_t .main_pro_t_w i{display:inline-block; background:url(../images/ico1.png) no-repeat center; vertical-align:text-top; height:19px; width:24px; margin-right:5px;}
.main_pro_t .main_pro_t_m{display:block; text-transform:capitalize; font-size:16px; background:#02B236; color:#fff; height:24px; line-height:24px; padding:0px 10px 0 40px; position:relative}

.main_pro_t_m:after {
        background-color: #F2FFF5;
    content: "";
    display: block;
    height: 25px;
    position: absolute;
    left: -15px;
    top: 0;
    transform: skew(-44deg);
    width:33px;}
.main_pro_t .main_pro_t_m:hover{ text-decoration:underline; background:#00892F}
.main_pro_cut{border-bottom:2px solid #A9AEAA; margin-top: -3px;}

.main_pro_list{ background:#F5F3F4; padding:12px 0px 13px 2px; margin-top:4px;}
.main_pro_list li{float:left; width:180px; height:267px; overflow:hidden; margin:0 13px}
.main_pro_list li a{display:block;}
.main_pro_list li .main_pro_list_img{width:180px; height:180px; overflow:hidden}
.main_pro_list li .main_pro_list_img img{width:180px; height:180px;-moz-transition: all 1s ease; -ms-transition: all 1s ease;-o-transition: all 1s ease; transition: all 1s ease}
.main_pro_list li .main_pro_list_img:hover img{transform:scale(1.3);-moz-transform:scale(1.3);-webkit-transform:scale(1.3);transition:all 1s ease-in-out;}
.main_pro_list li .main_pro_list_t{ font-size:19px; overflow:hidden; line-height:22px; white-space: nowrap; text-overflow: ellipsis; margin-top:8px;}
.main_pro_list li p{ line-height:18px; overflow:hidden;max-height:54px;    margin-top: 3px;}


/*内页*/
.ny_flexslider{height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;width:100%;max-width:1379px;margin:8px auto 0;}
.ny_flexslider .slides li img{max-height:260px !important;}
.miaobaoxie{width:100%; height: 46px;line-height: 46px; box-shadow: 0 -1px 3px rgba(2, 173, 41, 0.15) inset;}
.page-intro{max-width:1040px; width:100%; margin:0 auto}
.breadcrumb li{ display:inline-block; font-size:15px;}
.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.breadcrumb > li i.fa{padding-right:6px; font-size:16px; color:#555}
.breadcrumb > li a{color:#02AD2B}
.breadcrumb > li a:hover{text-decoration:underline;}

.ny_box{width:100%; max-width:1040px; margin:30px auto;background:#fff; box-shadow: 0 0 7px 2px #f7f7f7;padding: 15px;}
.ny_box .ny_left{width:240px;}
.ny_box .ny_right{width:760px}

.ny_left_cate{width:240px;}
.ny_left_t{font-size:18px; text-transform:capitalize; background:url(../images/ny_cate_t.png) no-repeat; height:44px; line-height:44px;padding-left:15px; color:#fff}
.ny_left_cate .ny_left_list li > a {
    border-radius: 0;
    padding: 6px 7px;
    border: 1px solid transparent;
    color: #666666;
    font-size: 13px;
    text-transform:capitalize;
    font-weight: 700;position: relative;
display: block; line-height:18px;
}
.ny_left_cate .ny_left_list > li > a::after {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 15px;
    top: 6px;
    color: #d1d1d1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ny_left_cate .ny_left_list > li.active > a,.ny_left_cate .ny_left_list > li.active > a:hover,.ny_left_cate .ny_left_list> li.active > a:focus, .ny_left_cate .ny_left_list > li > a:hover,.ny_left_cate .ny_left_list > li > a:focus {
    border: 1px solid #f3f3f3;
    color: #02A535;
    background-color: #fafafa;
}

.ny_left_cate .ny_left_list  > li.active > a::after ,.ny_left_cate .ny_left_list  > li:hover> a::after{
    color: #02A535; 
}

.ny_left_cate .ny_left_list > li.active > a:hover:after,
.ny_left_cate .ny_left_list> li.active > a:focus:after,
.ny_left_cate .ny_left_list> li > a:hover:after,
.ny_left_cate .ny_left_list > li > a:focus:after {
	color: #02A535;
	right: 10px;
}

.ny_left_cate .ny_left_list ul li > a{font-weight:normal;color: #888; padding-left:20px;}
.ny_left_cate .ny_left_list ul li > a:hover,.ny_left_cate .ny_left_list ul li > a:hover::before{ color: #02A535;}
.ny_left_cate .ny_left_list ul li > a::before{
    font-family: "FontAwesome";
    content: "·";
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    left: 0px;
    top: 5px;
    color: #d1d1d1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*left_news*/
.left_news { position:relative;
	border: 1px solid #e3e3e3;
	margin: 25px 0 35px;
	padding: 10px;
}
.left_n_m .left_n_m_img{position:relative}
.left_n_top {
	font:16px/30px Arial, Helvetica, sans-serif;font-weight:bold;

	color: #c02b23; text-transform:uppercase;    margin-bottom: 10px;
}
.date {
	font-size: 12px;
	color: #036eb8;
	border-bottom: 1px solid #0b97b0;
	margin: 10px 0px;
}
.date_title{margin-top:10px}
.date_title a {
	font: 16px/20px Arial, Helvetica, sans-serif;
	color: #c02b23; max-height:40px; overflow:hidden; display:block;
}
.date_title a:hover {
	text-decoration: underline
}
.date_m_con {
	font: 14px/20px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 5px 0px; overflow:hidden;max-height:40px;
}
.left_n_m ul{width:218px;overflow:hidden;}
.left_n_m li{float:left;width:218px;}
.left_n_m li>div{height:313px; margin-bottom:25px;}
.left_n_m li>div:last-child{margin-bottom:0}
.left_n_m li .left_n_m_img{width:218px; height:218px; overflow:hidden}
.left_n_m li .left_n_m_img a{display:block;}
.left_n_m li img {width:218px; height:218px;}
.left_news .button2{right:10px;}
.left_news .button1{right:25px;}

.button1{background:url(../images/src_prev.png) no-repeat;width:9px;height:12px;border:none;cursor:pointer; position:absolute; top:19px; right:17px;}
.button2{background:url(../images/src_next.png) no-repeat;width:9px;height:12px;border:none;cursor:pointer; position:absolute; top:19px; right:0px;}
.button1:hover{background:url(../images/src_prev_h.png) no-repeat;}
.button2:hover{background:url(../images/src_next_h.png) no-repeat;}

.left_n_m li>div .left_n_m_img:hover .ovrly,.ny_pro_list li>a:hover .ovrly{ 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	opacity:1;
}
.left_n_m li .overly-btn,.ny_pro_list li .overly-btn{width:60px;height:60px;
	background:rgba(255,255,255,0.4);
	border-radius:50px;
	-webkit-border-radius: 50px ;
	-moz-border-radius:50px;
	-o-border-radius: 50px;
	position:absolute;
	left:50%;
	top:-50px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-webkit-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	opacity:0;
	z-index:2;
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.left_n_m li .overly-btn span,.ny_pro_list li .overly-btn span {background:#fff;display:block;width:40px;height:40px;margin:10px auto;text-align:center;
	border-radius:50px;
	-webkit-border-radius: 50px;
	-moz-border-radius:50px;
	-o-border-radius: 50px;}

.left_n_m li .overly-btn span i,.ny_pro_list li .overly-btn span i{ display:block;width:18px;height:18px; background:url(../images/search11.png) no-repeat 0 bottom;padding-top:10px;margin:0px 0 0 10px;}
.left_n_m li>div .left_n_m_img:hover .overly-btn,.ny_pro_list li>a:hover .overly-btn{ 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	opacity:1;
	top:50%;
}
/*guangg*/
.ny_add{margin-top:30px; position:relative; border: 1px solid #e3e3e3;}
.ny_add a{display:block; width:228px; height:258px;  padding: 5px;}
.ny_add a img{width:228px; height:258px}
.ny_add p{color:#fff; position:absolute; bottom:20px; left:15px; font-size:18px; font-weight:bold; line-height:24px;}
/*hy right*/
.ny_right_t{font:22px/44px Verdana，Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; color:#333}


/*about us*/
.about_us_web_menu{ line-height:24px; font-size:13px; color:#555; margin-top:15px}
.about-grids{margin-top:30px}
.about-grid {float:left; width:48%; margin-right:4%; max-width:364px;}
.center-grid1{margin-right:0 !important}
.about-grids .about_grid_t{margin-bottom:15px;}
.about-grids h3 {
    color: #555; font-family:Verdana;
    font-size: 18px;
    text-transform: uppercase;
    
    float: left;
    font-weight: 600;
}
.about-grids .about_grid_t b {
    float: left;
    width:44.5%;
    background: url(../images/hd-bg.png) 0% 73% repeat-x;
    display: inline-block;
    padding: 2px;
    height: 15px;
    margin: 0em 0em 0em 1em;
}
.about-grid span {
    font-family: Verdana,Arial, Helvetica, sans-serif;
    color: #6a6a6a;
    font-size: 14px;
    padding: 12px 0 8px 0;
    line-height:20px;
    font-weight: bold;
    display: block;
}
.about-grid a{display:block;width:364px; }
.about-grid a img{width:364px; height:auto}
.about-grid p{line-height:20px; font-size:13px;color: #777}
.center-grid1 p{ font-weight: bold;}

.center-grid1 label {
    font-family: 'Verdana', sans-serif;
    font-size: 14px;
    line-height: 22px;margin: 4px 0;
    display: block;
    color: #02A535;
}
.last-grid{margin-top:20px}
.last-grid .about_grid_t b{width:72.5%;}
.last-grid .about-pro{margin:0 -10px}
.last-grid .about-pro li{ float:left; width:240px; height:286px; overflow:hidden; margin:0 10px}
.last-grid .about-pro li a{display:block;}
.last-grid .about-pro li .about-pro_img{width:240px; height:240px; overflow:hidden}
.last-grid .about-pro li .about-pro_img img{width:240px; height:240px;-moz-transition: all 1s ease; -ms-transition: all 1s ease;-o-transition: all 1s ease; transition: all 1s ease}
.last-grid .about-pro li .about-pro_word{font-size:14px; overflow:hidden; line-height:18px; height:36px; margin-top:10px;}
.last-grid .about-pro li .about-pro_img:hover img{transform:scale(1.3);-moz-transform:scale(1.3);-webkit-transform:scale(1.3);transition:all 1s ease-in-out;}


/*contact_us_web*/

.comtact{font:14px/24px  "Arial"; padding:16px 0 0 25px; color:#333; background:url(../images/add.png) no-repeat; height:384px; margin-top:10px;}
.mes_tu{ font-size:26px; color:#02A535; margin:25px 0px 10px}

/*inquiry_web*/
.form-horizontal{border:1px solid #F5F9F6;border-top:4px solid #02A535;padding:20px 20px; margin-top:10px; background:#F9FFFA}
.form-control {
    display: block;
    width: 90%;
    height: 34px;
    padding: 0px 3%;
    font-size:12px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
	.form-horizontal td{font-size:14px;}
	.form-control:focus{ border:1px solid #02A535; box-shadow: 0 0 5px #02A535}
#table19 img{ float:left; margin:5px 6px 0px 11px; line-height:30px; display:inline-block}
#table19 a{ float:left; display:block; line-height:37px;}
textarea.form-control{ height:auto; font-size:12px; padding:10px 3%; resize:none; width:90%}
#btnsumibt{ display:block; width:100%; height:32px; background:#02A535; border:none; color:#fff; border-radius:5px;    line-height: 32px;
    font-size: 16px;    margin-top: 10px;
    text-transform: uppercase; }
#code{float:left; display:inline-block}

/*news_list_web*/
.news_web{margin-top:10px}
.timeline-v2 {
    padding: 0;
    list-style: none;
    position: relative;
}
/* The line */
.timeline-v2 > li{
	position: relative;
}

.timeline-v2:before {
	top: 0;
	bottom: 0;
	left: 21%;
	width: 4px;
	content: '';
	background:#FaFaFa;
	position: absolute;
	margin-left: -14px;
}

/* The date/time */
.timeline-v2 > li .cbp_tmtime {
	width: 17%;
	display: block;
	position: absolute;
	padding-right: 80px;
}

.timeline-v2 > li .cbp_tmtime span {
	top: 9px;
	display: block;
	text-align: right;
	position: relative;
}

.timeline-v2 > li .cbp_tmtime span:first-child {
	color: #999;
	font-size: 14px;
	line-height: 24px;
}

.timeline-v2 > li .cbp_tmtime span:last-child {
	color: #585f69;
	font-size: 20px;
	font-weight: normal;

}

/* Right content */
.timeline-v2 > li .cbp_tmlabel {
	color: #fff;
	padding: 10px;
	background: #FaFaFa;
	line-height: 1.4;
	clear: both;
	position: relative;
	border-radius: 5px;
	margin: 0 0 25px 22%;
}

.timeline-v2 > li .cbp_tmlabel li {
	padding: 0;
}
.timeline-v2 > li .cbp_tmlabel h2 { 
	margin-top: 0px; 
	font-size: 21px;
	padding: 0 0 2px;
	margin-bottom: 3px;
	text-transform: capitalize;
	border-bottom: 1px solid #EFEFEF;
}
.timeline-v2 > li .cbp_tmlabel h2 a{color:#02A535;display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.timeline-v2 > li .cbp_tmlabel h2 a:hover{ color:#333; text-decoration:underline}
.timeline-v2 > li .cbp_tmlabel .text-left {
	float: left;
}
.timeline-v2 .calen{font-size: 12px;
    color: #aaa;
    margin: 10px 0px;}
.timeline-v2 .calen i { color:#555; font-size:14px;
    margin-right:6px;
}
/* The triangle */
.timeline-v2 > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #FaFaFa;
	border-width: 10px;
	top: 18px;
}

.timeline-v2 .img-responsive2{    width: 17.5%;
    display: block;
    position: absolute;
    padding-right: 50px;}
	.timeline-v2 .img-responsive2 a{display:block;}
.timeline-v2 .img-responsive2 a img{width:132px; height:auto;} 
.timeline-v2 .row .row_right {width:573px;}
.timeline-v2 .row .row_right .row_right_word{color:#444; font-size:14px; line-height:20px; overflow:hidden;height:20px;text-overflow: ellipsis;white-space: nowrap}
/* The icons */
.timeline-v2 > li .cbp_tmicon {
	top: 22px;    border-radius: 50% !important;
	left: 21%;
	width: 10px;
	height: 10px;
	position: absolute;
	background: #02A535;
	margin: 0 0 0 -17px;
	box-shadow: 0 0 0 4px #f3f3f3;
	-webkit-font-smoothing: antialiased;
}
/* Example Media Queries */
@media screen and (max-width: 65.375em) {

	.timeline-v2 > li .cbp_tmtime span:last-child {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 47.2em) {
	.timeline-v2:before {
		display: none;
	}

	.timeline-v2 > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}

	.timeline-v2 > li .cbp_tmtime span {
		text-align: left;
	}

	.timeline-v2 > li .cbp_tmlabel {
		padding: 1em;
		font-weight: 400;
		margin: 0 0 30px 0;
	}

	.timeline-v2 > li .cbp_tmlabel:after {
		left: 20px;
		top: -20px;
		right: auto;
		border-bottom-color: #f3f3f3;
		border-right-color: transparent;
	}

	.timeline-v2 > li .cbp_tmicon {
		left: auto;
		float: right;
		position: relative;
		margin: -55px 5px 0 0px;
	}	
}

.row_right_more{ text-transform:uppercase; color:#828282; display:block; width:80px; height:25px; line-height:25px; text-align:center; border:1px solid #CECDCD; border-radius:25px; padding: 1px 12px; margin-top:10px;}
.row_right_more:hover{border:1px solid #02A535; color:#02A535}

.pro_num{width:100%;text-align:right;padding:15px 0;margin:10px 0;overflow:hidden;}
.pro_num li{margin:0 8px;font-size:12px;display:inline-block; vertical-align:middle;}
.pro_num li#num_btn{border:1px solid #ccc;border-radius:5px;padding:6px; vertical-align:middle;}
.pro_num li#num_btn:hover{color:#02A535;border:1px solid #02A535;}
.pro_num li.num_cur{color:#02A535;}
.pro_num li a{display:inline-block;}
.pro_num li a:hover{color:#02A535;}



/*news_content_web*/
.news_content_web{width:100%; margin-top:15px;}
.news_content_web .title{font:18px/20px "Arial" ; text-align:center;color:#333; padding-top:8px;}
.news_details{font:12px/24px "Arial"; padding:5px 10px;}
.prev{ font-size:14px;line-height:27px; margin:10px 0; padding:0 9px;color:#02A535 !important; }
.prev a{font:12px /27px "Arial";  margin:0 5px ;color:#666;}
.prev a:hover{color:#02A535;text-decoration:underline;}
.next{ font-size:14px; line-height:24px; margin:10px 0; padding:0 9px; text-align:right;color:#02A535 !important }
.next a{font:12px /27px "Arial";  margin:0 5px;color:#666;}
.next a:hover{color:#02A535;text-decoration:underline;}

.related_tags{ font-size:14px;  margin:25px 0 10px; padding:4px 10px; background:#F3F2F2; }
.related_tags a{ font:12px /27px "Arial";  margin:0 5px;color:#333333;}
.related_tags a:hover{ text-decoration:underline;}

/*blog*/
.blog_web{width:760px; overflow:hidden}
.blog_web>ul>li{margin-bottom:25px;}
.grid_3 {position:relative;}
.grid_3 h3 {
    text-transform:uppercase;
       font-size: 20px; font-family:Verdana, Geneva, sans-serif; 
    margin-bottom: 15px;
}
.grid_3 h3  a{ color:#333}
.grid_3 h3  a:hover{text-decoration:underline; color: #02A535}
.img-responsive{display: block;
    width: 100%;
    height: 246px;}
.blog-poast-admin {
    position: absolute;
    bottom: 160px;
    left: 1.2em;
}
.blog-poast-admin img {
    border-radius: 30em;
    -webkit-border-radius: 30em;
    -moz-border-radius: 30em;
    -o-border-radius: 30em;
    border: 4px solid #FFF; width:96px; height:96px;
}
.blog-poast-info {
    background: #1bccf7;
    padding: 0.8em 1em;
    text-align: center;
}
.grid_3 p {
    color: #555;
    font-size:14px;
       line-height:24px;
    margin-top: 2%;     padding: 0;
}
.grid_3_p{overflow:hidden; height:96px;}
.btn{margin-top:10px;}
.btn a {
    color: #02A535;
    
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
.blog-poast-info {
    background: #1bccf7;
    padding: 15px;
    text-align: center;
}
.blog-poast-info ul li {
    color: #FFF;display: inline-table;
    margin-right: 30px;
    font-size: 12px;    line-height: 20px;
}
.blog-poast-info i.admin {
    width:10px;
    height: 11px;
    background: url(../images/ico2.png) no-repeat;
    float: left;
}
.blog-poast-info ul li a {
    color: #FFF;
    text-transform: uppercase;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.blog-poast-info i.date1 {
    width: 12px;
    height: 13px;
    background: url(../images/ico3.png) no-repeat;
    float: left;
}
.blog-poast-info i.comment {
    width: 13px;
    height: 11px;
    background: url(../images/ico4.png) no-repeat;
    float: left;
}

.blog-poast-info i{margin-right:4px;    margin-top: 3px;    vertical-align: middle;}

ul.blog-list, ul.blog-list1{
	padding: 0;
	margin: 3em 0 0 0;
	list-style: none;
}
ul.blog-list3{
	padding: 0;
	margin:1em 0 0 0;
	list-style: none;
}
ul.blog-list li {
	list-style-image: url(../images/dropicon3.jpg);
	margin: 0 20px 10px;
}
ul.blog-list1 h3, ul.blog-list h3 {
font-size:18px;
color: #555;
margin-bottom: 10px;
font-weight:bold;
}
ul.blog-list li a {
	color:#747676;
	font-size:14px;
	vertical-align: initial;
	text-decoration: none;
}
ul.blog-list li a:hover{
	color: #02A535;
	text-decoration:none;
}
ul.blog-list1 li a:hover{
	background:#02A535; color:#fff
}
.blog_list2 ul li.blog-list3 .blog-list3-img{
	float: left;
	width: 24%;
	margin-right: 5%;
}
.blog-list3-img img{width:100%;border-radius:5px;height:60px;}
.blog_list2 ul li{height:60px; margin-bottom:25px}
.blog_list2 ul li.blog-list3 .blog-list3-desc{
	width:71%;
	float:left;
}
.blog_list2 ul li.blog-list3 .blog-list3-desc a{color:#444; line-height:18px;height:36px; overflow:hidden}
.blog_list2 ul li.blog-list3 .blog-list3-desc a:hover{color:#02A535}
.blog_list2 ul li.blog-list3 .blog-list3-desc p{
	color: #bbb;
	line-height: 20px; margin-top:4px;
}
.blog_list2{
}
.blog_list2 h3 {
	font-size: 18px;
	color: #555;
	margin-bottom: 1em;
	font-weight:bold;
}
ul.blog-list1 li {
	display: inline-block;
	margin: 10px 3px;
} 
ul.blog-list1 li a {
	color: #222;
	font-size: 0.85em;
	text-decoration: none;
	background:#F4F7F4;
	padding:7px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}
ul.blog-list, ul.blog-list1{
	padding: 0;
	margin: 3em 0 0 0;
	list-style: none;
}
/*sitemap*/
.sitemap{margin-top:15px}
.stp-listA>li{border:1px solid #cfcfcf;border-radius:5px;text-transform:capitalize;margin-bottom:15px;}
.stp-top_2{width:100%;height:34px;line-height:34px;border-bottom:1px solid #cfcfcf;}
.stp-top_2 a{padding:0 10px;font-size:14px;font-family:Arial, Geneva, sans-serif;font-weight:bold;text-transform:capitalize; color:#222}
.stp-top_2 a i{padding-left:10px;}
.stp-top_2 a:hover{color:#02A535;}
.stp-listB{display:block;padding:10px;}
.stp-listB li{width:18%;margin-right:2%;float:left;padding:8px 0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.stp-listB li a{font-size:12px;line-height:24px;display:block;color:#4d4d4d;}
.stp-listB li:hover a{color:#02A535;text-decoration:underline; background: #f0f0f0; padding-left:5px;}


/*ny_pro_list*/
.ny_pro_list{margin:10px -10px}
.ny_pro_list li{float:left;width:238px; height:308px; overflow:hidden; margin:0 10px 20px; position:relative}
.ny_pro_list li>a{ display:block;border:1px solid #ccc; border-radius:3px; padding:3px; width:230px; height:230px; overflow:hidden}
.ny_pro_list li>a>img{display:block; width:230px; height:230px;border-radius:3px;}

.ny_pro_list li .ny_pro_list_word>a{display:block; line-height:24px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#333; font-size:16px; margin-top: 7px;}
.ny_pro_list li .ny_pro_list_word>a:hover{color:#02A535}
.ny_pro_list li .ny_pro_list_word>p{line-height:18px; font-size:13px; overflow:hidden; max-height:36px; color:#777; margin-top:3px;}

.ny_pro_list li>a:hover .overly-btn{ 
	top:35% !important;
}

/*ny_proJECTS*/
.ny_proJ_list li{ height:269px; margin:0 10px 25px}

/*product_details_web*/
.productsdetail_web_content{margin-bottom:5px;}
.productsdetail_web_content{ overflow:hidden; }
.product_pic_area{ padding-bottom:8px;} 
.productslist{ padding-top:7px;overflow:hidden; }
.productslist_img img{padding:5px; border:1px solid #e1e1e1; overflow:hidden; height:249px;}
.product_pic_area{ width:400px;}
.detaitl_pro_img ul{margin:0 -6px}
.detaitl_pro_img ul li{ float:left;  list-style:none; margin: 8px 6px;}
.detaitl_pro_img ul li.last{ margin-right:0;}
.detaitl_pro_img ul li a{ width:68px; border:1px solid #e1e1e1; display:block; }
.detaitl_pro_img ul li img{ width:68px;overflow:hidden;height:44px}

.detaitl_pro_img ul li a:hover{ border:1px solid #02A535;}
.pro_contact{ padding-top:15px; display:block; height:25px; padding-left:5px;}
.de_pro_info {    line-height: 20px;    border: 1px solid #02A535;
    border-top: none;
    padding: 10px;    font-size: 13px;}
.de_pro_info img{display:block; width:740px; height:auto; margin-bottom:15px;}
.prodcutslist_con h1{ margin:0; padding:0;}
.prodcutslist_con{ height:auto; overflow:hidden; width:310px; margin-left:30px;}
.prolist_name01{ color:#787878; font:bold 14px/24px  "Arial"; padding-bottom:10px;}
.prodcutslist_con p{ font-size:12px; font-family:Arial, Geneva, sans-serif; color:#787878; line-height:24px; margin:0 25px 0 0; padding:0; }
.prodcutslist_con ul{padding:0; display: block; margin:0; }
.prodcutslist_con ul li{font:12px/28px  "Arial";width:390px;color:#969696; clear:left; list-style:none;}
.prodcutslist_con ul li label{ width:140px; display:block; float:left; color:#02A535; height:auto; padding-left:3px;}
.prodcutslist_con ul li span{ float:left; display:block; width:140px}
.prodcutslist_con ul li a{ color:#695E4A;text-decoration:underline;}
.prodcutslist_con ul li a:hover{ color:#f60; text-decoration:underline;}
.share{height: 32px;width: 228px;}
.m_bottom{ margin-bottom:7px;}
.pro_detail_content{height:auto; overflow:hidden; padding-bottom:10px;  }

.product_de{ text-align:center}
.same_title01 p { color:#FFF;background:url(../images/new_product_top_bg.png) no-repeat left 15px;}
.pro_info{ color:#565656; font:12px/24px  "Arial"; padding:5px ;}
.pro_list_price>p{ font:14px/20px  "Arial"; color:#F90;}


#contactnow{ width:180px; height:40px; background:#02A535; display:block; text-decoration:none; text-align:center; line-height:40px; color:#FFF; font-weight:bold; margin:20px 0px 0px 0px;}
#contactnow:hover{ background:#7C7C7C}

#contactnow i{ font-size:20px; color:#fff;vertical-align:middle; margin-right:10px; }





/*show_pro_pro_details*/
/*index_pro_top*/
.de_pro_top{ height:31px; border-bottom:1px solid #ECECEC; margin:20px 0px 5px 0px}
.de_pro_top p span{ font-size:18px; font-family: "Arial"; color:#02A535; border-bottom:3px solid #02A535; padding:3px 10px 8px 0px}
.de_pro_top p span:hover{ border-bottom:3px solid #02A535; cursor:pointer }


.page_details{border-top:none;height:auto;_zoom:1; margin-top:-5px; margin-bottom:5px; }
.page_details_d{width:697px;}
.page_details_d li{width:160px;height:226px;float:left;margin:11px 6px 8px 8px; }
.page_details_d li a.hot_pro_img{display:block; width:160px; height:160px;}
.page_details_d li img{width:160px;height:160px; overflow:hidden;} 
.page_details_d li p{ text-align:center}
.button7{background:url(../images/prev-b.png) no-repeat;width:26px;height:45px;margin:76px 6px 0px 0px;border:none;cursor:pointer;float:left;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}
.button8{background:url(../images/next-b.png) no-repeat;width:26px;height:45px;margin:76px 0 0 0px;border:none;cursor:pointer;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}
.button7:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.button8:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.hot_pro{ text-align:center;}
.hot_pro a{display:block; height:18px; line-height:18px;  color:#333; overflow:hidden; text-align:center; padding:4px 0px; font-family: "Arial"; font-size:16px;text-overflow: ellipsis;
    white-space: nowrap;}
.hot_pro a:hover{color:#02A535;}
.hot_pro_word{color:#888; font-size:13px; line-height:18px; overflow:hidden; height:36px;}

/*详情页切换*/

#de_select{  margin: 0 auto;border-bottom:1px solid #02A535;
     height:32px}
#de_select li{
border-top:1px solid  #02A535;
border-left:1px solid  #02A535;    border-radius: 4px 4px 0 0;
border-right:1px solid  #02A535;
   
    display: inline;
    float: left;
    height:31px;
    line-height: 31px;
    margin: 1px 6px 0 0px ;
    text-align: center;
    width: 208px;}




#de_select li a{ 
    
    display: block;
    height:31px;
    width: 208px; font-size:14px;}



.de_select_m{ display:none}

#on_fix{ position:fixed; top:300px; right:20px;}

.de_arrs {
    background:#02A535;
    color:#fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 31px;
    width: 208px;
}

.de_hovers {
    background:#fff;
    color: #524f4f;
    font-size: 16px;
    height: 31px;
    width: 208px;
}

#leaveBox .form-horizontal{margin-top:0}
.form-horizontal .Field1 .radio{    display: inline-block;

    padding: 0; vertical-align:middle;
    width: 13px;
    height: 13px;}

.form-horizontal .Field1 input:focus{outline:0;}
.form-horizontal .Field1>span{ display: inline-block;
    margin: 10px 5px; font-size:13px;}
.productsdetail_web_content .mes_tu{ margin: 10px 0px 10px;}





/**/
 .big{float:left;width:340px;}		
#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url(../images/loading.gif);
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 4px;
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url(../images/close.png) no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 49px;
	height: 49px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url(../images/arrows.png) no-repeat 0 0;
	border-radius: 0 4px 4px 0;
}
#zoom .next {
	right: 0;
	background: url(../images/arrows.png) no-repeat 100% 0;
	border-radius: 4px 0 0 4px;
}
#zoom .close:hover {
	background-color: #da4f49;
}
#zoom .previous:hover,
#zoom .next:hover {
	background-color: #0088cc;
}

.clear{clear:both;}
.zoomed > .container{-webkit-filter:blur(3px);filter:blur(3px);}
.container{width:330px;}
.gallery{list-style-type:none;float:left;background:#ffffff;margin:0;}
.gallery li{float:left;padding:0;}
.gallery_img1{width:320px;height:320px;}
.gallery_img2{width:56px;height:56px;border:solid 1px #dedede;margin:10px 7px 0 0;}
.gallery li:nth-child(6n){padding-right:0;}
.gallery li a,.gallery li img{float:left;}