/* CSS Document */
*{list-style:none;margin: 0;padding: 0;}
html{width:100%;height:100%; overflow-x:hidden; overflow-y:auto;}
body{min-width:1232px;height:100%;background-attachment:fixed; font-size:14px;color:#222;line-height:28px;margin:0px;font-family:"Microsoft YaHei","Arial", "Helvetica", sans-serif;list-style:none; }
dl,ul,li{list-style:none} 
form,dl,ul,li,dl,dt,dd,input,textarea,p{margin:0px;padding:0px;list-style:none} 
img{border:0px;vertical-align:middle} 
h1{margin:0px}
h2{margin:0px}
h3{margin:0px}
p{margin:0px;word-wrap:break-word;overflow:hidden} 
a{color:#222; text-decoration: none}
a:hover{color:#82c41c; text-decoration: none}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
.clear{clear:both;}
.clearfix:after{ content:"."; display:block; height:0; visibility:hidden;overflow: hidden; clear:both; }/*伪类清除*/
.clearfix{ *zoom: 1;}    
.clearit{ clear:both; height:0; font-size:0; overflow:hidden; }/*设置class名清除*/
.l{ float:left}
.r{ float:right}
form {display: inline;}
.none {display: none;}
table,tr,td{border-collapse:collapse; padding:5px}
/**/
.main{width:100%;clear:both;margin:0 auto;}
.main1{width:100%;clear:both; padding-top:150px;margin:0 auto;}
.wrap{width:1232px;clear:both;margin:0 auto;}
.wrap1{width:1232px;clear:both;margin:0 auto;}
.t_p_70{ padding-top:70px}
.t_m_70{ margin-top:70px}
.t_m_40{ margin-top:40px}
/*头部公司名*/
#nav{top:0px;position:absolute; z-index:9999; background:#fff;}
.head{ border-top:10px #82c41c solid;}
.head .name_company{ width:500px;float:left;}
.head .name_company .logo{ width:auto; margin-top:50px;  float:left;}
.head .name_company dl{ width:320px; padding-left:20px;  margin-top:35px; float:left;}
.head .name_company dl dt{ width:100%; font-size:32px; color:#82c41c; font-weight:bold; letter-spacing:3px; float:left;}
.head .name_company dl dd{ width:100%; font-size:16px; font-weight:bold; color:#777; line-height:22px; padding-top:10px; background:url(../image/logo_line.png) left 8px no-repeat; float:left;}
.head .nav{ width:672px; float:right;}
.head .nav ul{ width:672px; font-size:16px;text-align:center;  float:right;}
.head .nav ul li{ width:96px; float:left;}
.head .nav ul li a{ width:96px; height:150px; line-height:150px; float:left;}
.head .nav ul li a:hover{  background:#82c41c; color:#fff;}
.head .nav ul ol{ width:96px; float:left;}
.head .nav ul ol a{ width:96px; height:150px; line-height:150px;background:#82c41c; color:#fff; float:left;}
.head .nav ul ol a:hover{  background:#82c41c; color:#FF0;}

/*首页-大标题*/
.headline{ width:100%; text-align:center;float:left;}
.headline .title{ width:100%;font-size:36px; line-height:70px; font-weight:bold; color:#82c41c; float:left;}
.headline .sub{ width:100%;font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#666; background:url(../image/headline.png) center center repeat-x; float:left;}
.headline .sub .s_wrap{ width:250px; background:#fff;margin:0 auto;}

/*内页-大标题*/
.headline_ny{ width:100%; text-align:center;float:left;}
.headline_ny .title{ width:100%;font-size:36px; line-height:70px; font-weight:bold; color:#82c41c; border-bottom:1px #ddd solid; padding-bottom:10px; float:left;}

/*产品中心*/
.products{}
.products .catalog{width:100%; margin:40px 0; color:#fff;float:left;}
.products .catalog ul{width:810px;margin:0 auto;}
.products .catalog ul ol{width:130px;position:relative;border:1px #82c41c solid;margin:10px;text-align:center;line-height:36px;color:#fff;float:left;}
.products .catalog ul ol:hover{text-decoration:none;background:#82c41c; font-weight:bold;color:#fff;}
.products .catalog ul ol:hover a{ color:#fff;width:130px;float:left;}
.products .catalog ul ol .popup{display:none; width:132px;}
.products .catalog ul ol:hover .popup{position:absolute;display:block;top:37px;left:-1px;z-index:4; background:#82c41c; border-top:1px #fff solid;}
.products .catalog ul ol:hover .popup dl{ width:100%; float:left;}
.products .catalog ul ol:hover .popup dl dt{ width:100%;float:left;}
.products .catalog ul ol:hover .popup dl dd{ width:100%; text-align:center; font-weight:normal;float:left;}
.products .catalog ul ol:hover .popup dl dd a{ color:#fff;width:100%;float:left;}
.products .catalog ul ol:hover .popup dl dd a:hover{ color:#FF0;width:100%; background:#6daa0f;float:left;}





.products .content{width:100%;float:left;}
.xc_c{ float:left}
.xc_c ul{}
.xc_c ul li{ float:left; margin-right:37px; margin-bottom:40px; display:inline; overflow:hidden; border-bottom:#82c41c solid 1px;}
.xc_c ul li p{width:280px; height:200px;line-height:200px; text-align:center; background:#fff;margin:0 auto;}
/* 兼容标准浏览器 */
.xc_c ul li p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-4px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.xc_c ul li img{
    *margin-top:expression((200 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.xc_c ul li img:hover{transform: scale(1.2);}
.xc_c ul li span{ text-align:center; display:block; width:280px; height:80px; line-height:80px;overflow:hidden;margin:0 auto;}
.xc_c ul li a:hover { text-decoration:none;}
.xc_c ul .nobot { margin:0;}
.xc_c .btn { display:block; margin-top:20px;text-align:center; height:32px; overflow:hidden;padding-left: 500px;clear:both;*zoom:1;}
.xc_c .btn a { display:block; width:50px; height:32px;float:left}
.xc_c .btn a.a01{ background:url(../image/xl.jpg) no-repeat; width:50px; height:32px; display:block;}
.xc_c .btn a.a01:hover{ background:url(../image/xl01.jpg) no-repeat; display:block;}
.xc_c .btn a.a02{ background:url(../image/xr.jpg) no-repeat; width:50px; height:32px; display:block;}
.xc_c .btn a.a02:hover{ background:url(../image/xr02.jpg) no-repeat; display:block;}
.xc_c .btn a.a03{ background:#82c41c; width:100px; height:30px; display:block; margin:0 20px; color:#FFF; border:1px #82c41c solid;font-style:normal; font-family:Arial, Helvetica, sans-serif;}
.xc_c .btn a.a03:hover{ color:#82c41c; border:1px #82c41c solid; background:#fff;}

/*项目案例*/
.case{}
.case .content{width:100%; margin-top:50px;float:left;}

/*视频欣赏*/
.video{}
.video .content{width:100%; margin-top:50px;float:left;position:relative;}
.video .content ul{width:100%;float:left;position:relative;}
.video .content ul li{width:380px; margin:0 15px; text-align:center;float:left;position:relative;}
.video .content ul li .v1{width:100%;float:left;width:380px; height:253px; overflow:hidden; position:relative;}
.video .content ul li .v1 img{ width:380px; height:253px;transition: all 0.5s;cursor: pointer;}
.video .content ul li .v1 img:hover{transform: scale(1.2);}
.video .content ul li .v1 .player{
	position: absolute;
	left: 160px;
	top: 90px;
	width: 67px;
	height: 67px;
	background: url(../image/player.png) center center no-repeat;
	z-index: 1;
}
.video .content ul li .v1 .player img{ width:67px; height:67px;}
.video .content ul li .v2{width:100%; height:50px; line-height:50px; overflow:hidden;float:left;}

/*资讯中心*/
.information{}
.information .content{width:100%; margin-top:50px;float:left;}
.information .content .c_pic{width:570px;float:left;}
.information .content .c_pic p{width:515px; height:368px;line-height:368px; text-align:center; background:#fff;border:1px #eee solid; background:#f8f8f8;margin:0 auto;}
/* 兼容标准浏览器 */
.information .content .c_pic p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-4px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.information .content .c_pic img{
    *margin-top:expression((368 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.information .content .c_pic img:hover{transform: scale(1.2);}
.information .content .c_info{width:560px; margin-right:30px;float:right;}
.information .content .c_info .date{width:100%;font-size:17px; padding-bottom:15px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; background:url(../image/information_date_line.png) left bottom no-repeat;float:left;}
.information .content .c_info .title{width:100%; font-size:20px; font-weight:bold; margin:40px 0;float:left;}
.information .content .c_info .title a{color:#82c41c;}
.information .content .c_info .title a:hover{color:#F90;}
.information .content .c_info .desc{width:100%; height:120px; overflow:hidden; margin-bottom:20px;float:left;}
.information .content .c_info .more{width:100%;float:left;}
.information .content .c_info .more a{ width:100px; background:#82c41c; color:#fff; text-align:center; border-radius:30px; float:left;}
.information .content .c_info .more a:hover{background:#F90; color:#fff; }

.information .content .c_wrap{width:100%; margin-top:70px;float:left;}
.information .content .c_wrap .list{width:33.333%;float:left;}
.information .content .c_wrap .list .list2{width:300px; padding:30px; background:#f5f5f5;margin:0 auto;}
.information .content .c_wrap .list .list2 .date{width:100%; padding-bottom:10px;font-size:14px;color:#666;font-family:Arial, Helvetica, sans-serif; background:url(../image/information_date_line2.png) left bottom no-repeat;float:left;}
.information .content .c_wrap .list .list2 .title{width:100%; font-size:16px; font-weight:bold; margin:10px 0 20px 0;float:left;}
.information .content .c_wrap .list .list2 .title a{color:#82c41c;}
.information .content .c_wrap .list .list2 .title a:hover{color:#F90;}
.information .content .c_wrap .list .list2 .desc{width:100%; height:170px; overflow:hidden; color:#666;float:left;}

/*友情链接*/
.link{}
.link .content{width:100%; margin-top:50px; line-height:34px;float:left;}
.link .content span{width:120px; font-size:16px; background:#82c41c; border-radius:5px; text-align:center; color:#fff;float:left;}
.link .content a{ width:auto; margin-left:25px; padding-left:17px; color:#999;background:url(../image/link_icon.png) left no-repeat;float:left;}
.link .content a:hover{ color:#82c41c}

/*版权信息*/
.cnpy{ background:#82c41c; padding:7px 0;}
.cnpy .menu{width:800px;float:left;}
.cnpy .menu a{ color:#FFF; padding:0 15px;}
.cnpy .menu a:hover{ color:#FF0}
.cnpy .kefu{width:370px; padding-left:12px; background:url(../image/kf_line.jpg) left no-repeat;float:right;}
.cnpy .kefu .k{width:50px;float:left;}

/*二维码弹出*/
.weixin{ width:50px;position:relative; float:left}
/*.weixin a img{width:30px; height:30px; display:block; position:absolute; left:0; top:0;background:url(http://images.cnblogs.com/cnblogs_com/heyiming/947284/t_weixin.png) no-repeat center top; }*/
/*注释打开明暗效果替换  下面替掉*/
.weixin a img{} /*微信图标*/
.weixin .weixin_nr{width:100px; height:140px; padding:10px; border:1px #82c41c solid; background:#efefef; font-size:12px; text-align:center; position:absolute; left:-45px; top:-168px; display:none;}
.weixin .weixin_nr img{ margin-bottom:5px; width:100px; height:100px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-top:5px solid #82c41c;border-left:5px solid transparent;border-right:5px solid transparent; position:absolute; left:55px; top:145px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on .weixin_nr img{width:100px; height:100px;}
/*.weixin.on a{ background:url(http://images.cnblogs.com/cnblogs_com/heyiming/947284/t_weixin.png) no-repeat left bottom;}  注释打开明暗效果替换*/
.cnpy .kefu .tel{width:150px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:18px;float:left;}
.cnpy2{ text-align:center; padding:30px 0;}

/*关于我们*/
.singlepage{ width:100%; padding-top:30px; font-size:16px; line-height:36px;float:left;}

/*关于我们*/
.singlepage2{ width:94%; margin:0 3%;padding-top:50px; font-size:16px; line-height:36px;float:left;}

/*产品中心*/
.product_catalog2{width:100%; margin:40px 0; color:#fff;float:left;}
.product_catalog2 .pc_wrap{width:920px;clear:both;margin:0 auto;}

.product_catalog2 ul{width:100%;float:left;}
.product_catalog2 ul ol{width:130px;position:relative;border:1px #82c41c solid;margin:10px;text-align:center;line-height:36px;color:#fff;float:left;}
.product_catalog2 ul ol:hover{text-decoration:none;background:#82c41c; font-weight:bold;color:#fff;}
.product_catalog2 ul ol:hover a{ color:#fff;width:100%;float:left;}
.product_catalog2 ul ol .popup{display:none; width:132px;}
.product_catalog2 ul ol:hover .popup{position:absolute;display:block;top:37px;left:-1px;z-index:4; background:#82c41c; border-top:1px #fff solid;}
.product_catalog2 ul ol:hover .popup dl{ width:100%; float:left;}
.product_catalog2 ul ol:hover .popup dl dt{ width:100%;float:left;}
.product_catalog2 ul ol:hover .popup dl dd{ width:100%; text-align:center; font-weight:normal;float:left;}
.product_catalog2 ul ol:hover .popup dl dd a{ color:#fff;width:100%;float:left;}
.product_catalog2 ul ol:hover .popup dl dd a:hover{ color:#FF0;width:100%; background:#6daa0f;float:left;}

.product_wrap{ width:100%;float:left;}
.product_wrap ul{width:100%;float:left;}
.product_wrap ul li{ float:left; width:280px; margin:0 14px; margin-bottom:40px; border-bottom:#82c41c solid 1px;}
.product_wrap ul li p{width:280px; height:200px;line-height:200px; text-align:center; background:#efefef;margin:0 auto;}
/* 兼容标准浏览器 */
.product_wrap ul li p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-4px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.product_wrap ul li img{
    *margin-top:expression((200 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.product_wrap ul li img:hover{transform: scale(1.2);}
.product_wrap ul li span{ text-align:center; display:block; width:280px; height:80px; line-height:80px;overflow:hidden;margin:0 auto;}
.product_wrap ul li a:hover { text-decoration:none;}

/*列表翻页*/
.pagelist{width:100%; text-align:center;float:left;}

/*产品图内页*/
.product_show{ width:100%; padding-top:30px;float:left;}

.product_show .ps_left{ width:840px; margin-right:25px;padding-left:40px;box-shadow:6px 6px 6px #ddd; border:1px #eee solid;float:left;}
.product_show .ps_left .ps_title{ width:800px; font-size:24px; padding:50px 0 30px 0; text-align:center;float:left;}
.product_show .ps_left .ps_pic{ width:800px; text-align:center;float:left;}
.product_show .ps_left .ps_pic embed{ width:100%; height:566px;}

.product_show .ps_left .ps_previous_next{ width:800px; text-align:center; margin-top:30px;float:left;}
.product_show .ps_left .ps_previous_next .ps_p_pre{ width:290px;border:1px #CCC solid;text-align:center; height:46px; line-height:46px; margin-left:80px; float:left;}
.product_show .ps_left .ps_previous_next .ps_p_pre a{ width:250px; height:46px; line-height:46px; padding:0 20px; overflow:hidden;float:left;}
.product_show .ps_left .ps_previous_next .ps_p_pre a:hover{ width:250px; background:#82c41c; color:#fff;float:left;}
.product_show .ps_left .ps_previous_next .ps_p_next{ width:290px;border:1px #CCC solid;text-align:center; height:46px; line-height:46px;margin-left:80px;float:left;}
.product_show .ps_left .ps_previous_next .ps_p_next a{ width:250px; height:46px; line-height:46px; padding:0 20px; overflow:hidden;float:left;}
.product_show .ps_left .ps_previous_next .ps_p_next a:hover{ width:250px; background:#82c41c; color:#fff;float:left;}
.product_show .ps_left .ps_content{ width:800px;float:left;}
.product_show .ps_left .ps_content .s_c_content{ width:800px; margin-top:50px; padding-bottom:50px;float:left;}
.product_show .ps_left .ps_content .s_c_content img{ max-width:850px}
.product_show .ps_left .ps_content .s_c_content table{margin:0 auto;}


.product_show .ps_recommend{ width:298px;float:right;box-shadow:6px 6px 6px #ddd;border:1px #eee solid;}
.product_show .ps_recommend .ps_r_name{ width:95%; padding-left:5%; font-size:16px; line-height:60px;float:left;}
.product_show .ps_recommend .ps_r_content{ width:268px; padding-right:30px;float:left;}
.product_show .ps_recommend .ps_r_content .ps_r_list{ width:250px; text-align:center;float:right;}
.product_show .ps_recommend .ps_r_content .ps_r_list .pic{ width:250px;float:left;}
.product_show .ps_recommend .ps_r_content .ps_r_list .pic p{width:250px; height:179px;line-height:179px; text-align:center; background:#fff;margin:0 auto;}
/* 兼容标准浏览器 */
.product_show .ps_recommend .ps_r_content .ps_r_list .pic p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-4px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.product_show .ps_recommend .ps_r_content .ps_r_list .pic img{
    *margin-top:expression((179 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.product_show .ps_recommend .ps_r_content .ps_r_list .pic img:hover{transform: scale(1.2);}
.product_show .ps_recommend .ps_r_content .ps_r_list .title{ width:250px; line-height:40px; height:40px; margin-bottom:10px; overflow:hidden;float:left;}

/*案例内页*/
.product_show .ps_left .ps_previous_next_case{ width:800px; text-align:center; margin-bottom:50px;float:left;}
.product_show .ps_left .ps_previous_next_case .ps_p_pre{ width:290px;border:1px #CCC solid;text-align:center; height:46px; line-height:46px; margin-left:80px; float:left;}
.product_show .ps_left .ps_previous_next_case .ps_p_pre a{ width:250px; height:46px; line-height:46px; padding:0 20px; overflow:hidden;float:left;}
.product_show .ps_left .ps_previous_next_case .ps_p_pre a:hover{ width:250px; background:#82c41c; color:#fff;float:left;}
.product_show .ps_left .ps_previous_next_case .ps_p_next{ width:290px;border:1px #CCC solid;text-align:center; height:46px; line-height:46px;margin-left:80px;float:left;}
.product_show .ps_left .ps_previous_next_case .ps_p_next a{ width:250px; height:46px; line-height:46px; padding:0 20px; overflow:hidden;float:left;}
.product_show .ps_left .ps_previous_next_case .ps_p_next a:hover{ width:250px; background:#82c41c; color:#fff;float:left;}


/*视频欣赏-list*/
.video_list{width:100%; margin-top:50px;float:left;}
.video_list ul{width:100%;float:left;position:relative;}
.video_list ul li{width:380px; margin:0 15px; text-align:center;float:left;position:relative;}
.video_list ul li .v1{width:100%;float:left;width:380px; height:253px; overflow:hidden; position:relative;}
.video_list ul li .v1 img{ width:380px; height:253px;transition: all 0.5s;cursor: pointer;}
.video_list ul li .v1 img:hover{transform: scale(1.2);}
.video_list ul li .v1 .player{
	position: absolute;
	left: 160px;
	top: 90px;
	width: 67px;
	height: 67px;
	background: url(../image/player.png) center center no-repeat;
	z-index: 1;
}
.video_list ul li .v1 .player img{ width:67px; height:67px;}
.video_list ul li .v2{width:100%; height:60px; line-height:50px; overflow:hidden;float:left;}





/*新闻中心-list*/
.news_list{width:100%; margin-top:50px;float:left;}
.news_list ul{width:100%;float:left;}
.news_list ul li{width:100%; margin:30px 0 50px 0;float:left;}
.news_list ul li .pic{width:400px; margin-left:40px;float:left;}

.news_list ul li .pic p{width:280px; height:200px;line-height:200px; padding:20px 30px; text-align:center; border:1px #eee solid; background:#f8f8f8; float:left;}
/* 兼容标准浏览器 */
.news_list ul li .pic p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-4px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.news_list ul li .pic img{
    *margin-top:expression((200 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;transition: all 0.5s;
    cursor: pointer;}
.news_list ul li .pic img:hover{transform: scale(1.2);}

.news_list ul li .info{width:650px; margin-right:40px;float:right;}
.news_list ul li .info .date{width:100%; padding-bottom:10px;font-size:14px;color:#666;font-family:Arial, Helvetica, sans-serif; background:url(../image/information_date_line2.png) left bottom no-repeat;float:left;}
.news_list ul li .info .title{width:100%; font-size:16px; font-weight:bold; margin:10px 0 15px 0;float:left;}
.news_list ul li .info .title a{color:#82c41c;}
.news_list ul li .info .title a:hover{color:#F90;}
.news_list ul li .info .desc{width:100%; height:80px; overflow:hidden; color:#666;float:left;}
.news_list ul li .info .more{width:100%;color:#666; margin-top:20px;float:left;}
.news_list ul li .info .more a{width:12%;color:#fff; background:#82c41c; text-align:center; border-radius:5px;float:left;}
.news_list ul li .info .more a:hover{background:#F90;}

/*新闻中心-内页*/
.product_show .ps_left .ps_admin{ width:800px; color:#666; padding:10px 0 0 0; text-align:center;float:left;}
.product_show .ps_left .ps_admin a{ color:#666}