@charset "utf-8";
body 
{
	width:100%;
	min-width:1000px;
	padding:0;
	margin:0;
	font-family:Arial;
	font-size:13px;
	color:#777777;

}
p,h2,h1,h3,h4{ padding:0; margin:0;}
a:link,a:visited{ color:#181818; text-decoration:none;}
a:hover{ color:#000000;
transition: color 0.5s,background-color 0.5s, transform 0.5s;
-moz-transition: color 0.5s,background-color 0.5s,  -moz-transform 0.5s;
-webkit-transition: color 0.5s,background-color 0.5s,  -webkit-transform 0.5s;
-o-transition: color 0.5s,background-color 0.5s, -o-transform 0.5s;
	}
img{ border:0;}
.head{
    float:left;
    width:100%;
    height:205px;
	padding-top:10px;
}
.content{
	width:1000px;
	height:auto;
	margin:0 auto;
	text-align:center;
	position:relative;
}
.language{
	width:auto;
	height:auto;
	float:left;
	text-align:left;
}
.language a{
	color:#888888;
	font-size:13px;
	font-family:΢���ź�;
}
.language a:hover{
	color:#000000;
}
.facebook{float:right; line-height:24px; margin-right:10px;}
.facebook a:hover{ text-decoration:underline; color:#00bc74;}
.search{
	width:190px;
	height:22px;
	float:right;
	border:1px solid #c5c5c5;
}
.search input[type='text']{
	width:160px;
	height:20px;
	float:left;
	border:none;
	padding-left:5px;
}
.search img{
	padding-top:2px;
}
.logo{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding-top:5px;
}
.mobilenav{ float:left; margin-top:10px; width:100%; height:35px; background:#00bc74; border-radius:5px; position:relative; z-index:100; overflow:hidden; display:none;}
.mobilenav .dividing{ position:absolute; right:0; top:36px; width:100%; height:1px; background:#11a76e;}
.mobilenav .nav-title{ position:absolute; right:55px; top:10px; height:15px; line-height:17px; color:#fff; font-size:15px; text-transform:uppercase;}
.mobilebutton{ position:absolute; top:5px; right:10px; width:36px; height:27px;cursor:pointer;  z-index:2;}
.mobilebutton i{float:left;width:100%;margin-top:3px;height:4px;background:#fff;border-radius:5px; filter: alpha(opacity=10);-moz-opacity:1;opacity:1;}
.mobilebutton:hover i{  filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.navi,.navi_mobile{
	width:auto;
	height:auto;
	float:left;
	padding-top:35px;
}
.navi ul,.navi_mobile ul
{
	float:right;
	height:45px;
	width:auto;
	list-style:none;
	padding:0px;
	margin:0px;
}
.navi ul li,.navi_mobile ul li
{
	float:left;
	width:auto;
	position:relative;
	z-index:100;
}
.navi ul li span.current,.navi ul li span.hover,.navi ul li span,.navi ul li a.current,.navi ul li a.hover,.navi ul li a,
.navi_mobile ul li span.current,.navi_mobile ul li span.hover,.navi_mobile ul li span,.navi_mobile ul li a.current,.navi_mobile ul li a.hover,.navi_mobile ul li a
{
    padding-left:35px;
	padding-right:35px;
	color:#181818;
	font-size:17px;
	font-family:΢���ź�;
	min-width:100px;
	line-height:40px;
}
.navi a:hover,.navi ul li a.current,.navi span:hover,.navi ul li span.current,.navi_mobile a:hover,.navi_mobile ul li a.current,.navi_mobile span:hover,.navi_mobile ul li span.current{
	color:#000;
	
}
.navi ul li .list,.navi_mobile ul li .list
{
	position:absolute;
	left:40px;
	top:40px;
	width:100px;
	background:#fff;
	border:solid 1px #b3bcc0;
	border-radius:0 0px 6px 6px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	z-index:100;
	display:none;
	font-family:΢���ź�;
}
.navi ul li .n2,.navi_mobile ul li .n2
{
	left:34px;
}
.navi ul li .n3,.navi_mobile ul li .n3
{
	left:18px;
}
.navi ul li:hover .list,.navi_mobile ul li:hover .list
{
	display:block;
}
.navi ul li .list a,.navi_mobile ul li .list a
{
	float:left;
	width:100%;
	height:45px;
	line-height:45px;
	font-size:12px;
	color:#525455;
	font-family:΢���ź�;
	border-radius:0px;
	padding:0px;
}

.navi ul li .list a:hover,.navi_mobile ul li .list a:hover
{
	color:#ffffff;
	background-color:#00bc74;
}
.navi_mobile
{
	display:none;
}
/*******/
.banner{
	width:100%;
	height:auto;
	float:left;
}
.banner .wrapper{width:1280px; margin:0 auto;}
.container{
	width:100%;
	height:auto;
	float:left;
}
.pro_ca{
	width:100%;
	height:auto;
	float:left;
	padding-top:70px;
}
.pro_ca_title{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	background:url(../images/line.png) no-repeat center center;
	font-family:΢���ź�;
	font-size:45px;
}
.pro_ca_title span{
	color:#00bc74;
}
.pro_ca_con{
	width:100%;
	height:auto;
	float:left;
	padding-top:35px;
}
#wrap{
	width: 1000px;
	height: 275px;
	margin: 0 auto;
}
#wrap ul{
	text-decoration:0px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#wrap ul li .a1 img{
	width: 315px;
	height: 275px;
	list-style-type:none;
}
#wrap ul li{
	width: 315px;
	height: 275px;
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
	margin-right:27px;
	text-decoration:0px;
	list-style-type:none;
} 
#wrap ul li img{ width:100%; height:275px;}
#wrap ul li:nth-last-child(1)
{
	margin-right:0px;
	float:right;
}
#wrap ul li .a1{
	position: absolute;
	top: 0;
	left:-315PX;
	width: 315px;
	height: 275px;
	text-align: center;
	color: white;
	background: rgba(0,0,0,0.5);
	transition: all 0.2s;  
} 
#wrap ul li .a1 .p1{
	width:315px;
	text-align: center;
	line-height:20px ;
	position: absolute;
	top: 90px;
	left: -315px;
	margin: 30px  0 10px;
	font-size: 14px;
    color: white;
    transition: all 0.2s 0.2s ease-out ;  
}
#wrap ul li .a1 .p1 img{
	width:34px;
	height:34px;
}
#wrap ul li .a1 .p2{
	position: absolute;
	top: 170px;
	left: 125px;
	transform: scale(1.4);
	transition: all 0.3s 0.2s ;
	font-family: ΢���ź�;
    font-size: 16px;
}
.xilie{
	width:100%;
	height:auto;
	float:left;
	padding-top:20px;
}
.xilie_img{
	width:575px;
	height:425px;
	float:left;
}
.xilie_img img{
	width:575px;
	height:425px;
}
.xilie_con{
	width:345px;
	height:385px;
	float:left;
	background-color:#00bc74;
	padding-left:80px;
	padding-top:40px;
	text-align:left;
}
.xilie_title{
	width:auto;
	height:auto;
	float:left;
	border-bottom:2px solid #fff;
	font-family:΢���ź�;
	font-size:22px;
	color:#fff;
	line-height:35px;
	margin-right:100px;
}
.xilie_data{
	width:200px;
	height:auto;
	float:left;
	padding-top:40px;
}
.xilie_data a{
	width:110px;
	height:auto;
	float:left;
	border-radius:6px;
	-webkit-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;
	color:#fff;
	line-height:25px;
	font-family:΢���ź�;
	font-size:14px;
	background-color:#00bc74;
}
.xilie_data a:hover{
	border:1px solid #fff;
	color:#00bc74;
	background-color:#fff;
}
.xilie_title2{
	width:auto;
	height:auto;
	float:left;
	padding-left:60px;
	margin-top:-30px;
}
.caipu{
	width:100%;
	height:auto;
	float:left;
	padding-top:70px;
}
.caipu_title{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	background:url(../images/line.png) no-repeat center center;
	font-family:΢���ź�;
	font-size:45px;
}
.caipu_title span{
	color:#00bc74;
}
.caipu_con{
	width:100%;
	height:auto;
	float:left;
	padding-top:30px;
}
.caipu_con a{
	width:225px;
	height:350px;
	float:left;
	background:url(../images/ico_1.png) no-repeat bottom center;
	font-family:΢���ź�;
	font-size:22px;
	line-height:110px;
	margin-right:33px;
}
.caipu_con a img{width:223px; height:223px;}
.caipu_con a:nth-last-child(1)
{
	margin-right:0px;
	float:right;
}
.footer{
	width:100%;
	height:55px;
	float:left;
	text-align:center;
	background-color:#333333;
	color:#fff;
	font-family:΢���ź�;
	font-size:12px;
	margin-top:45px;
	line-height:55px;
}

/*********list页面样式*******/
.pro_ca_cl{
	width:800px;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.pro_ca_cl a{
	width:auto;
	height:30px;
	float:left;
	padding-left:65px;
	padding-right:65px;
	color:#00bc74;
	margin-left:41px;
	margin-right:41px;
	font-family:΢���ź�;
	font-size:14px;
	padding-top:7px;
	margin-top:50px;
}
.pro_ca_cl a:nth-last-child(1)
{
	margin-right:0px;
}
.pro_ca_cl a:hover{
	background-color:#00bc74;
	color:#fff;
}
.pro_ca_cl a.act{
	background-color:#00bc74;
	color:#fff;
}

.pro_ca_cl2{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.pro_ca_cl2 a{
	width:auto;
	height:30px;
	float:left;
	padding-left:65px;
	padding-right:65px;
	color:#00bc74;
	margin-left:10px;
	margin-right:66px;
	_margin-right:33px;
	font-family:΢���ź�;
	font-size:14px;
	padding-top:7px;
	margin-top:50px;
}
.pro_ca_cl2 a:nth-last-child(1)
{
	margin-right:0px;
}
.pro_ca_cl2 a:hover{
	background-color:#00bc74;
	color:#fff;
}
.pro_ca_cl2 a.act{
	background-color:#00bc74;
	color:#fff;
}
.pro_ca_con_list{
	width:100%;
	height:auto;
	float:left;
	padding-top:40px;
}
.pro_ca_con_list img
{
    width:100%;
    height:223px;
	max-width:220px;
}
.pro_ca_con_list a{
	width:218px;
	height:350px;
	float:left;
	border:1px solid #f5f5f5;
	overflow:hidden;
	margin-right:40px;
	margin-bottom:20px;
	line-height:22px;
	font-size:14px;
	font-family:΢���ź�;
	color:#555555;
}
.pro_ca_con_list a span{
	width:100%;
	float:left;
	font-size:18px;
	font-family:΢���ź�;
	color:#00bc74;
	padding-top:15px;
	padding-bottom:10px;
}
.pro_ca_con_list a:nth-child(4n)
{
	margin-right:0px;
	float:right;
}
.pro_ca_con_list a:hover{
	border:1px solid #00bc74;
}
/******内容�?****/
.local{
	width:980px;
	height:auto;
	float:left;
	text-align:left;
	line-height:25px;
	font-size:13px;
	background-color:#eee;
	border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-border-radius:5px;
	padding-left:20px;
	padding-bottom:5px;
	padding-top:5px;
}
.pro_detail{
	width:100%;
	height:auto;
	float:left;
}
#demo A {
	display:block;
	float:left;
	width:400px;
	text-align:left;
	text-decoration:none;
	color:#000;
	font-size:11px;
}
#demo {
	padding-left:0px;
	text-align:left;
}
#demo img{ width:123px;}
#demo ul {
	text-align:left;
	color:#000;
}
p.code {
	margin-left:60px;
}
pre {
	margin-left:60px;
	background:#CCC;
	padding:6px;
}
.pro_detail_left{
	width:400px;
	height:auto;
	float:left;
	padding-top:20px;
	margin-left:15px;
}
.largepic{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}
.largepic img{
	width:100%;
	height:409px;
}
.pro_detail_right{
	width:548px;
	height:auto;
	float:right;
	text-align:left;
	padding-top:20px;
	margin-right:8px;
}
.pro_detail_right_title{
	width:100%;
	height:auto;
	float:left;
	color:#00bc74;
	font-family:΢���ź�;
	font-size:22px;
}
.pro_detail_right_con{
	width:100%;
	height:auto;
	float:left;
	line-height:25px;
	padding-top:10px;
}
.otherpro{
	width:100%;
	height:auto;
	float:left;
	padding-top:40px;
}
.otherpro_title{
	width:100%;
	height:auto;
	float:left;
	font-size:18px;
	font-family:΢���ź�;
	color:#00bc74;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}
.otherpro a{
	width:218px;
	height:350px;
	float:left;
	border:1px solid #f5f5f5;
	overflow:hidden;
	margin-right:40px;
	margin-bottom:20px;
	line-height:22px;
	font-size:14px;
	font-family:΢���ź�;
	color:#555555;
}
.otherpro img{ width:100%; height:223px;}
.otherpro a span{
	width:100%;
	float:left;
	font-size:18px;
	font-family:΢���ź�;
	color:#00bc74;
	padding-top:15px;
	padding-bottom:10px;
}
.otherpro a:nth-child(4n)
{
	margin-right:0px;
	float:right;
}
.otherpro a:hover{
	border:1px solid #00bc74;
}
.pro_ca_cls
{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding-top:20px;
}
.pro_ca_cls a
{
	width:200px;
	height:auto;
	float:left;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	border:solid 1px #00bc74;
	font-size:13px;
	margin:0 10px 10px;
	display:inline-block;
}
.pro_ca_cls a.act
{
	border:1px solid #00bc74;
	background-color:#00bc74;
	color:#fff;
}
.pro_ca_cls a:hover
{
	background-color:#00bc74;
	color:#fff;
}
.content .title
{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size:20px;
	font-family:΢���ź�;
	color:#00bc74;
	border-bottom:1px solid #ccc;
	line-height:30px;
	padding-bottom:10px;
}
.content .con
{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	font-size:13px;
	color:#666;
	min-height:300px;
	line-height:25px;
	padding-top:10px;
}
.paginator { font: 13px ΢���ź�;padding:10px 0px 10px 0; }
            .paginator a {padding: 5px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:15px;margin-left:5px;}
            .paginator a:visited {padding: 5px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:15px;margin-left:5px;}
            .paginator .cpb {padding: 5px 6px;font-weight: bold; font-size: 13px;border:none}
            .paginator a:hover {color: #fff; background: #5a5858;border-color:#5a5858;text-decoration: none;}
            .firstcss
            {
	            display:none;
            }
            .morecss
            {
	            width:50px;
	            height:50px;
	            background-image: url(../images/prodlline.jpg);
	            background-repeat: repeat-x;
}
.nyrightsall
{
	clear:both;
	width:100%;
	height:auto;
	float:left;
	padding-top:20px;
}
.nyrightsall a
{
	width:auto;
	height:auto;
	float:left;
	padding:10px;
}
.nyrightsall span
{
	float:left;
	padding-top:5px;
}
.new_ca_con_list
{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	padding-top:20px;
}
.newlistdats,.newstitle
{
	width:100%;
	height:auto;
	float:left;
}
.newstitle a
{
	font-size:25px;
	color:#666;
}
.newstitle a:hover
{
	font-size:25px;
	color:#000;
}
.newstime
{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	color:#999;
	font-size:12px;
	line-height:25px;
}
.newspic
{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	padding-top:10px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
.newspic img
{
	height:160px;
}
.contactus{float:left; margin-top:5px; width:100%; padding-bottom:30px;}
.contactus h2{ padding:20px 0;}
.contactus .info{ padding:10px 0; font-size:15px; line-height:23px; color:#333;}
.contactus .info a{color:#ff0000;}
.contactus .info a:hover{ text-decoration:underline; color:#777;}
.contactus .info table{margin:10px 0; padding:10px; width:40%; float:left;}
.contactus .info table td{padding: 0 15px 10px 0; text-align: left;}
.contactus .info .title_contact {padding-right: 15px; width: 15%;}
.contactus .maparea{float:right; margin: 0 10px 0 0; width: 55%;}
.contactus .maparea img{ width:100%;}
.contactus .maparea a{ float:right; padding:5px 0; color:#146097;}
.contactus .maparea a:hover{ text-decoration:underline; color:#146097;}
.newsleftpanel{float:left; width:630px;}
.newsleftpanel .newsdate{float:left; width:100%; font-size:12px; color:#333; margin-bottom:-5px; line-height:25px;}
.newsrightpanel{float:right; width:330px; text-align:left;}
.newsrightpanel .title{ margin-top:20px;}
.newsrightpanel .title.s1{ margin-top:0;}
.newsrightpanel .list{float:left; width:100%; padding:5px 0; border-bottom:solid 1px #f1f1f1;}
.newsrightpanel .list .list-title{float:left; width:100%; line-height:25px; color:#00bc74; font-size:14px;}
.newsrightpanel .list .list-title a{ color:#00bc74;}
.newsrightpanel .list .list-title a:hover{ text-decoration:none; color:#028855;}
.newsrightpanel .list .date{float:left; width:100%; margin-top:5px; font-size:12px; color:#555;}
.contactus .con .con_txt
{
	width:40%;
	height:auto;
	float:left;
	text-align:left;
}
.contactus .con .con_map
{
	width:60%;
	height:auto;
	float:right;
}


@media (max-width:960px)
{
body 
{
	width:100%;
	min-width:900px;
	padding:0;
	margin:0;
	font-family:Arial;
	font-size:13px;
	color:#777777;

}
	.content{
	width:900px;
	height:auto;
	margin:0 auto;
	text-align:center;
	position:relative;
}
.navi ul li span.current,.navi ul li span.hover,.navi ul li span,.navi ul li a.current,.navi ul li a.hover,.navi ul li a,
.navi_mobile ul li span.current,.navi_mobile ul li span.hover,.navi_mobile ul li span,.navi_mobile ul li a.current,.navi_mobile ul li a.hover,.navi_mobile ul li a
{
    padding-left:45px;
	padding-right:45px;
	color:#181818;
	font-size:17px;
	font-family:΢���ź�;
	min-width:120px;
	line-height:40px;
}
.navi ul li .list,.navi_mobile ul li .list
{
	position:absolute;
	left:40px;
	top:40px;
	width:120px;
	background:#fff;
	border:solid 1px #b3bcc0;
	border-radius:0 0px 6px 6px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	z-index:100;
	display:none;
	font-family:΢���ź�;
}
.navi ul li .n2,.navi_mobile ul li .n2
{
	left:28px;
}
.navi ul li .n3,.navi_mobile ul li .n3
{
	left:10px;
}
/*******/
.banner{
	width:100%;
	height:auto;
	float:left;
}
.banner .wrapper{width:900px; margin:0 auto;}
#wrap{
	width: 880px;
	height: 245px;
	margin: 0 auto;
}
#wrap ul li .a1 img{
	width: 280px;
	height: 245px;
	list-style-type:none;
}
#wrap ul li{
	width: 280px;
	height: 245px;
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
	margin-right:10px;
	text-decoration:0px;
	list-style-type:none;
} 
#wrap ul li img{ width:100%; height:245px;}
#wrap ul li:nth-last-child(1)
{
	margin-right:10px;
	float:left;
}
#wrap ul li .a1{
	left:-280PX;
	width: 280px;
	height: 245px;
} 
#wrap ul li .a1 .p1{
	width:280px;
	top: 70px;
	left: -280px;
	margin: 30px  0 10px;
}
#wrap ul li .a1 .p2{
	top: 150px;
	left: 110px;
}
.xilie_img{
	width:525px;
	height:425px;
	float:left;
}
.xilie_img img{
	width:525px;
	height:425px;
}
.xilie_con{
	width:295px;
	height:385px;
	padding-left:80px;
	padding-top:40px;
}
.xilie_title{
	margin-right:80px;
}
.xilie_data{
	width:200px;
	height:auto;
	float:left;
	padding-top:40px;
}
.xilie_title2{
	padding-left:30px;
}
.caipu_con{
	width:880px;
	height:auto;
	float:left;
	padding-top:30px;
	padding-left:10px;
}
.caipu_con a{
	width:210px;
	height:350px;
	float:left;
	background:url(../images/ico_1.png) no-repeat bottom center;
	font-family:΢���ź�;
	font-size:22px;
	line-height:110px;
	margin-right:10px;
}
.caipu_con a img{width:210px; height:210px;}
.caipu_con a:nth-last-child(1)
{
	margin-right:0px;
	float:left;
}
/*********list页面样式*******/
.pro_ca_cl{
	width:800px;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.pro_ca_cl a{
	width:auto;
	height:30px;
	float:left;
	padding-left:65px;
	padding-right:65px;
	color:#00bc74;
	margin-left:41px;
	margin-right:41px;
	font-family:΢���ź�;
	font-size:14px;
	padding-top:7px;
	margin-top:50px;
}
.pro_ca_cl a:nth-last-child(1)
{
	margin-right:0px;
}
.pro_ca_cl2 a{
	width:auto;
	height:30px;
	float:left;
	padding-left:51px;
	padding-right:51px;
	color:#00bc74;
	margin-left:10px;
	margin-right:66px;
	_margin-right:33px;
	font-family:΢���ź�;
	font-size:14px;
	padding-top:7px;
	margin-top:50px;
}
.pro_ca_cl2 a:nth-last-child(1)
{
	margin-right:0px;
}
.pro_ca_con_list img
{
    width:100%;
    height:223px;
	max-width:220px;
}
.pro_ca_con_list a{
	width:210px;
	height:350px;
	float:left;
	border:1px solid #f5f5f5;
	overflow:hidden;
	margin-right:17px;
	margin-bottom:20px;
	line-height:22px;
	font-size:14px;
	font-family:΢���ź�;
	color:#555555;
}
/******内容�?****/
.pro_detail_left{
	width:400px;
	height:auto;
	float:left;
	padding-top:20px;
	margin-left:15px;
}
.largepic{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}
.largepic img{
	width:100%;
	height:409px;
}
.pro_detail_right{
	width:430px;
	height:auto;
	float:right;
	text-align:left;
	padding-top:20px;
	margin-right:8px;
}
.pro_detail_right_title{
	width:100%;
	height:auto;
	float:left;
	color:#00bc74;
	font-family:΢���ź�;
	font-size:22px;
}
.pro_detail_right_con{
	width:100%;
	height:auto;
	float:left;
	line-height:25px;
	padding-top:10px;
}
.otherpro{
	width:100%;
	height:auto;
	float:left;
	padding-top:40px;
}
.otherpro_title{
	width:100%;
	height:auto;
	float:left;
	font-size:18px;
	font-family:΢���ź�;
	color:#00bc74;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}
.otherpro a{
	width:210px;
	height:350px;
	float:left;
	border:1px solid #f5f5f5;
	overflow:hidden;
	margin-right:17px;
	margin-bottom:20px;
	line-height:22px;
	font-size:14px;
	font-family:΢���ź�;
	color:#555555;
}
.otherpro img{ width:100%; height:223px;}
.otherpro a span{
	width:100%;
	float:left;
	font-size:18px;
	font-family:΢���ź�;
	color:#00bc74;
	padding-top:15px;
	padding-bottom:10px;
}
.otherpro a:nth-child(4n)
{
	margin-right:0px;
	float:right;
}
.pro_ca_cls a
{
	width:200px;
	height:auto;
	float:left;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	border:solid 1px #00bc74;
	font-size:13px;
	margin:0 10px 10px;
	display:inline-block;
}
.content .title
{
	width:880px;
	height:auto;
	float:left;
	text-align:center;
	font-size:20px;
	font-family:΢���ź�;
	color:#00bc74;
	border-bottom:1px solid #ccc;
	line-height:30px;
	padding-bottom:10px;
	margin-left:10px;
	_margin-left:5px;
}
.content .con
{
	width:880px;
	height:auto;
	float:left;
	text-align:left;
	font-size:13px;
	color:#666;
	min-height:300px;
	line-height:25px;
	padding-top:10px;
	padding-left:10px;
}
.newsleftpanel{float:left; width:580px;}
.newsleftpanel .title{float:left; width:580px;}
.newsleftpanel .con{float:left; width:580px;}
.newsleftpanel .newsdate{float:left; width:100%; font-size:12px; color:#333; margin-bottom:-5px; line-height:25px;}
.newsrightpanel{float:right; width:280px; text-align:left;}
.newsrightpanel .title{width:280px; margin-top:20px;}

}
@media (max-width:920px)
{
	.pro_ca_con_list img
{
    width:100%;
    height:223px;
	max-width:208px;
}
.pro_ca_con_list a{
	width:210px;
	height:350px;
	float:left;
	border:1px solid #f5f5f5;
	overflow:hidden;
	margin-right:15px;
	margin-bottom:20px;
	line-height:22px;
	font-size:14px;
	font-family:΢���ź�;
	color:#555555;
}
.otherpro a{
	width:210px;
	height:350px;
	float:left;
	border:1px solid #f5f5f5;
	overflow:hidden;
	margin-right:15px;
	margin-bottom:20px;
	line-height:22px;
	font-size:14px;
	font-family:΢���ź�;
	color:#555555;
}
.otherpro img{ width:100%; height:223px;}
.otherpro a span{
	width:100%;
	float:left;
	font-size:18px;
	font-family:΢���ź�;
	color:#00bc74;
	padding-top:15px;
	padding-bottom:10px;
}
.otherpro a:nth-child(4n)
{
	margin-right:0px;
	float:right;
}

}
@media (max-width:600px)
{
body{ min-width:0;}
.banner .wrapper{width:100%; margin:0;}
.pro_ca_cls a{width:auto; border-radius:5px;}
.language{ margin-top:3px;}
.search{width:140px;}
.search input{width:105px;}
.mobilenav{ display:block;}
.mobilenav.s1{transition: all 0.3s ease 0s; height:auto; padding-bottom:12px;}
.navi{ margin:0px;width:100px; height:auto; position:absolute; right:0; top:56px; background:#00bc74; border-radius:7px 0 0 7px; display:none;padding-top:0px;z-index:999;}
.navi_mobile{ float:right; margin:38px 5px 0 0; width:150px; height:auto;  background:#00bc74; border-radius:7px 0 0 7px; display:none;padding-top:0px;z-index:999;}
.navi_mobile.show{ display:block;}
.navi_mobile ul
{
	float:right;
	margin-top:0px;
	height:auto;
	width:auto;
	list-style:none;
	padding:0px;
	margin:0px;
	padding:0px;
}
.navi_mobile ul li
{
	float:left;
	width:auto;
	text-align:right;
	position:relative;
	font-size:14px;
	z-index:100;
	margin:0px;
	padding:0px;
}
.navi_mobile ul li a.current,.navi_mobile ul li a.hover,.navi_mobile ul li a,.navi_mobile ul li span.current,.navi_mobile ul li span.hover,.navi_mobile ul li span
{
	padding:0px;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px; 
    border-radius:20px;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	font-size:14px;
	font-family:΢���ź�;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
}
.navi_mobile a:hover,.navi_mobile ul li a.current,.navi_mobile span:hover,.navi_mobile ul li span.current{
	color:#000;
	background:none;
	
}
.navi_mobile ul li .list
{
	position:absolute;
	left:-103px;
	top:0px;
	width:100px;
	background:#00bc74;
	border:solid 1px #fff;
	border-radius:6px ;
	z-index:100;
	display:none;
	font-family:΢���ź�;
}
.navi_mobile ul li:hover .list
{
	display:block;
}
.navi_mobile ul li .list a
{
	float:left;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#fff;
	font-family:΢���ź�;
	border-radius:0px;
	padding:0px;
	border-radius:6px 0px 0px 6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-top-left-radius:6px;
}

.navi_mobile ul li .list a:hover
{
	color:#f65904;
	background:none;
}
.navi_mobile ul li{clear:both; width:100%; margin:0; line-height:32px; border-bottom:none; text-indent:0px;}
.navi_mobile ul li:nth-last-child(1)
{
	 border-bottom:0px;
}
.navi_mobile ul li a{ font-size:14px;}
.navi_mobile ul li a span{ display:none;}
.navi_mobile ul li a br{ display:none;}
.navi_mobile ul li a:hover{ color:#f65904;}
.head{
	height:auto;
	margin-bottom:20px;
}
.content{
	width:96%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.logo{
	padding-top:0;
}
.logo img{
	width:96%;
	float:none;
	text-align:center;
	padding-top:5px;
}
.pro_ca_title{
	font-size:35px;
}
#wrap{
	width:100%;
	height: auto;
	margin: 0 auto;
}
#wrap ul{ text-align:center; width:100%; margin-top:-10px;}
#wrap ul li{width:31%; margin:0 1% 20px 0; float:none; display:inline-block; height:auto;}
#wrap ul li img{ width:100%; height:auto;}
#wrap ul li .a1{ height:100%; width:100%;}
#wrap ul li .a1 .p1{ top:35%; width:100%; margin:0; }
#wrap ul li .a1 .p2{ top:70%; width:100%; font-size:12px; left:0;}
#wrap ul li:nth-last-child(1)
{
	float:none;
}
.xilie{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding-top:20px;
}
.xilie_img{
	width:100%;
	height:auto;
	float:none;
	display:inline-block;
}
.xilie_img img{
	width:100%;
	height:auto;
}
.xilie_con{
	width:100%;
	height:auto;
	float:none;
	background-color:#00bc74;
	padding-left:0px;
	padding:40px 0;
	text-align:left;
	display:inline-block;
}
.xilie_title{
	width:100%;
	height:auto;
	float:left;
	border-bottom:2px solid #fff;
	font-family:΢���ź�;
	font-size:22px;
	color:#fff;
	line-height:35px;
	margin-right:0px;
	text-align:center;
}
.xilie_data{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding-top:40px;
}
.xilie_data a{
	width:110px;
	height:auto;
	float:none;
	border-radius:6px;
	-webkit-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #fff;
	text-align:center;
	color:#fff;
	line-height:25px;
	font-family:΢���ź�;
	font-size:14px;
	background-color:#00bc74;
	margin:8px 50px;
	display:inline-block;
}
.xilie_data a:hover{
	border:1px solid #fff;
	color:#00bc74;
	background-color:#fff;
}
.xilie_title2{
	clear:both;
	width:auto;
	height:auto;
	float:right;
	padding-left:0px;
	margin-top:-100px;
	padding-right:10px;
}
.caipu{
	width:100%;
	height:auto;
	float:left;
	padding-top:30px;
	text-align:center;
}
.caipu_title{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	background:url(../images/line.png) no-repeat center center;
	font-family:΢���ź�;
	font-size:35px;
}
.caipu_title span{
	color:#00bc74;
}
.caipu_con{
	width:100%;
	height:auto;
	float:none;
	padding-top:30px;
	padding-left:0;
	display:inline-block;
}
.caipu_con a{
	width:170px;
	height:250px;
	float:none;
	background:url(../images/ico_1.png) no-repeat bottom center;
	font-family:΢���ź�;
	font-size:22px;
	line-height:110px;
	margin:0 10px;
	margin-bottom:20px;
	display:inline-block;
}
.caipu_con a img{
	width:170px;
	height:170px;
}
.caipu_con a:nth-child(2n)
{
	margin-right:0px;
	float:none;
}
.pro_ca_cl{
	width:320px;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.pro_ca_cl a{
	width:auto;
	height:30px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	color:#00bc74;
	margin-left:10px;
	margin-right:10px;
	font-family:΢���ź�;
	font-size:14px;
	padding-top:7px;
	margin-top:50px;
}
.pro_ca_cl a:nth-last-child(1)
{
	margin-right:0px;
}
.pro_ca_cl a:hover{
	background-color:#00bc74;
	color:#fff;
}
.pro_ca_cl a.act{
	background-color:#00bc74;
	color:#fff;
}
.pro_ca_cl2{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.pro_ca_cl2 a{
	width:auto;
	height:30px;
	float:left;
	padding-left:55px;
	padding-right:55px;
	color:#00bc74;
	margin-left:0px;
	margin-right:10px;
	_margin-right:5px;
	font-family:΢���ź�;
	font-size:14px;
	padding-top:7px;
	margin-top:20px;
}
.pro_ca_cl2 a:nth-last-child(1)
{
	margin-right:0px;
}
.pro_ca_cl2 a:nth-child(2n)
{
	float:right;
	margin-right:0px;
}
.pro_ca_cl2 a:hover{
	background-color:#00bc74;
	color:#fff;
}
.pro_ca_cl2 a.act{
	background-color:#00bc74;
	color:#fff;
}
.pro_ca_con_list{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding-top:40px;
}
.pro_ca_con_list a{
	width:170px;
	height:310px;
	float:none;
	border:1px solid #f5f5f5;
	overflow:hidden;
	margin:0 10px;
	margin-bottom:20px;
	display:inline-block;
}
.pro_ca_con_list img{width:100%; height:174px;}
.pro_ca_con_list a:nth-child(2n)
{
	margin-right:0px;
	float:none;
}
.pro_ca_con_list a:hover{
	border:1px solid #00bc74;
}
.local{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	line-height:25px;
	font-size:13px;
	background-color:#eee;
	border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-border-radius:5px;
	padding-left:20px;
	padding-bottom:5px;
	padding-top:5px;
	margin-left:0;
	box-sizing:border-box;
}
.pro_detail{
	width:100%;
	height:auto;
	float:left;
}
#demo A {
	display:block;
	float:left;
	width:400px;
	text-align:left;
	text-decoration:none;
	color:#000;
	font-size:11px;
}
#demo {
	padding-left:0px;
}
#demo img{width:100px;}
#demo ul {
	text-align:left;
	color:#000;
}
p.code {
	margin-left:60px;
}
pre {
	margin-left:60px;
	background:#CCC;
	padding:6px;
}
.pro_detail_left{
	width:100%;
	height:auto;
	float:left;
	margin-left:0;
	padding-top:20px;
}
.largepic{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}
.largepic img{
	width:100%;
	height:auto;
}
.pro_detail_right{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	padding-top:20px;
	padding-left:0;
	margin-right:0;
}
.pro_detail_right_title{
	width:100%;
	height:auto;
	float:left;
	color:#00bc74;
	font-family:΢���ź�;
	font-size:22px;
}
.pro_detail_right_con{
	width:100%;
	height:auto;
	float:left;
	line-height:25px;
	padding-top:10px;
}
.otherpro{
	width:100%;
	height:auto;
	float:left;
	padding-top:40px;
}
.otherpro_title{
	width:100%;
	height:auto;
	float:left;
	font-size:18px;
	font-family:΢���ź�;
	color:#00bc74;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}
.otherpro a{
	width:218px;
	height:300px;
	float:left;
	border:1px solid #f5f5f5;
	overflow:hidden;
	margin-right:40px;
	margin-bottom:20px;
	line-height:22px;
	font-size:14px;
	font-family:΢���ź�;
	color:#555555;
}
.otherpro a span{
	width:100%;
	float:left;
	font-size:18px;
	font-family:΢���ź�;
	color:#00bc74;
	padding-top:15px;
	padding-bottom:10px;
}
.otherpro a:nth-child(4n)
{
	margin-right:0px;
	float:right;
}
.otherpro a:hover{
	border:1px solid #00bc74;
}
.otherpro{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding-top:40px;
}
.otherpro a{
	width:170px;
	height:300px;
	float:none;
	border:1px solid #f5f5f5;
	overflow:hidden;
	margin:0 10px;
	margin-bottom:20px;
	display:inline-block;
}
.otherpro a img{width:100%; height:174px;}
.otherpro a:nth-child(2n)
{
	margin-right:10px;
	float:none;
}
.content .con{ min-height:0;}
.contactus{ padding-bottom:0;}
.contactus h2{ line-height:30px; padding:15px 0;}
.contactus .info{ padding:10px 0; font-size:15px; line-height:23px; color:#333;}
.contactus .info a{color:#ff0000;}
.contactus .info a:hover{ text-decoration:underline; color:#777;}
.contactus .info table{margin:10px 0; padding:5px; width:100%; float:left;}
.contactus .info table td{padding: 0 15px 10px 0; text-align: left;}
.contactus .info .title_contact {padding-right: 15px; width: 12%;}
.contactus .maparea{float:left; margin:0; width:100%;}
.facebook{margin-right:5px;}
.newsleftpanel{width:100%;}
.newsrightpanel{float:left; width:100%;}
.newsrightpanel .title{ margin-top:20px;width:100%;}
.newsrightpanel .con{width:100%;}
.newsrightpanel .title.s1{ margin-top:20px;}
.contactus .con{ width:100%;}
.contactus .con .con_txt
{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}
.contactus .con .con_map
{
	width:100%;
	height:auto;
	float:right;
}

}

@media (max-width:400px)
{
#wrap ul li .a1 .p2{ top:75%; width:100%; font-size:12px; left:0;}
.caipu_con{
	width:100%;
	height:auto;
	float:left;
	padding-top:30px;
}
.caipu_con a{
	width:160px;
	height:220px;
	float:left;
	background:url(../images/ico_1.png) no-repeat bottom center;
	font-family:΢���ź�;
	font-size:22px;
	line-height:60px;
	margin-right:0px;
}
.caipu_con a img{width:160px; height:160px;}
.contactus .con{ width:100%;}
.contactus .con h2{ font-size:16px;}
.contactus .con .maparea{width:97%;}
.contactus .con .maparea img{max-width:100%;}
.contactus .con .con_txt
{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
}
.contactus .con .con_map
{
	width:100%;
	height:auto;
	float:right;
}
.pro_ca_con_list{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding-top:40px;
}
.pro_ca_con_list a{
	width:165px;
	height:300px;
	float:none;
	border:1px solid #f5f5f5;
	overflow:hidden;
	margin:0 0px;
	margin-bottom:20px;
	display:inline-block;
}
.pro_ca_con_list img{width:100%; height:170px;}
.pro_ca_con_list a:nth-child(2n)
{
	margin-right:0px;
	float:right;
}
.pro_ca_con_list a:hover{
	border:1px solid #00bc74;
}
.newsleftpanel{width:98%;}
.newsleftpanel .title,.newsdate{ margin-top:20px;width:100%;}
.newsleftpanel .con{width:100%;}
.newsrightpanel{width:98%;}
.otherpro
{
	width:345px;
	height:auto;
	float:left;
	margin-left:0px;
	padding:0px;
}
.otherpro a{
	width:160px;
	height:300px;
	float:left;
	border:1px solid #f5f5f5;
	overflow:hidden;
	margin-right:0px;
	margin-bottom:20px;
	line-height:22px;
	font-size:14px;
	font-family:΢���ź�;
	color:#555555;
}
.otherpro img{ width:100%; height:auto;}
.otherpro a span{
	width:100%;
	float:left;
	font-size:18px;
	font-family:΢���ź�;
	color:#00bc74;
	padding-top:15px;
	padding-bottom:10px;
}
.otherpro a:nth-child(2n)
{
	margin-right:0px;
	float:right;
}

}