﻿@charset "utf-8";
/* CSS Document */
html{ width:100%; }
body{ margin:0px; padding:0px;}

.clear{ clear:both;}
*{FONT-FAMILY:Arial, "微软雅黑"; font-size:12px; color:#222222;margin:0;padding:0;list-style-type:none;}
a{FONT-FAMILY:Arial, "微软雅黑"; font-size:12px; color:#222222; text-decoration:none;}
a:hover{ color:#71bd21; border:0px;}
img{ border:0px;}
.clear{ clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size:0;
}
.clearfix { *zoom:1;}

.floatl{ float:left;}
.floatr{ float:right;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.width1200{ width:1200px; margin:0 auto;}
.width1400{ width:1400px; margin:0 auto;}

.h_head{ height:30px; width:100%; border-bottom:1px solid #e1e1e1}
.h_head .h_top{ color:#222222; height:30px; line-height:30px; font-size:12px;}
.h_head .h_top a{ padding:0 9px 0 9px; font-size:12px; display:inline-block;}

.header{ width:1200px; height:95px; margin:0 auto;}
.logo{ width:470px; height:95px;}

.nav{ width:720px; margin:0 auto;}
.nav ul{ list-style:none; margin:0px; padding:0px;}
.nav ul li{ float:left; }
.nav ul li a{ display:block; width:120px; line-height:95px;  text-align:center; color: #222222; font-size:16px; }
.nav ul li a:hover{ width:120px; height:95px; color:#13367a; }
.erji{ width:120px; overflow: hidden; position: absolute; z-index:10000; background:#ffffff; /*filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;*/border-top:2px solid #13367a}
.nav ul li .erji li{height: 36px;line-height: 36px; overflow: hidden; margin-top:10px;}
.nav ul li .erji li a{ display:block; width:120px; margin:0px; padding:0px; height:36px; line-height:36px; color: #222222;font-size: 12px;text-align:center;}
.nav ul li .erji li a:hover{ color: #222222; background:#d3d3d3; border-radius:10px;}

/*----------------- banner--------------------------- */
.lj-banner{ width:100%; margin:auto; overflow:hidden;height:540px;position:relative;  z-index:9; min-width:1200px;}
.lj-dv_5 .lj-d1{ width:1920px; height:540px;overflow:hidden; display:block; position:absolute; left:50%; text-align:center; /*top:0px;*/margin-left:-960px;}
.lj-dv_5 .lj-d2{ width:100%; margin:auto;  height:20px; overflow:hidden; clear:both;position:absolute;z-index:100; left:0; bottom:20px; text-align:center; }
.lj-dv_5 .lj-d2 table{ margin:auto; height:30px; }
.lj-dv_5 .lj-d2 table td{ padding:0px 5px 0px 5px;}
.lj-dv_5 .lj-d2 table div{ width:50px; height:6px; overflow:hidden; cursor:pointer; background-color:#dbe9f6; }
.lj-dv_5 .lj-d2 table div.nuw{ background:#71bd21; }
.cl{HEIGHT: 0px; CLEAR: both;}

.m30{ margin-top:30px;}
.m40{ margin-top:40px;}
.m50{ margin-top:50px;}
.m80{ margin-top:80px;}
.p50{ padding-top:50px;}



.tybt2{ text-align:center; height:70px; font-size:28px; color:#222222; line-height:70px; text-transform:uppercase;background: url(../images/btbg.png) no-repeat}
.tybt{ text-align:center; height:70px; font-size:28px; color:#222222; line-height:70px; text-transform:uppercase;background: url(../images/btbg2.png) no-repeat}
.wh{ color:#FFF}
#menu{text-align: center; padding: 20px 0 0 0; }
#menu li { display: inline-block; line-height: 40px; padding: 0 40px; margin: 0 20px; color: #222222; font-size: 13px;  cursor: pointer; border:1px solid #71bd21}
#menu li.tabFocus {background-color: #71bd21; color: #fff;}
#contentma {width:1200px; padding-top:30px; font-size:12px; height:565px; margin:0 auto;}
#contentma .tan{display:none}
#contentma .tan.conFocus{display:block}
.hy01{ float: left; display: inline; width: 292px; height: 280px;  position:relative; margin:0px 4px 0px 4px; text-align:center}
.hy01 img{ width: 292px; height: 219px; border:1px solid #e1e1e1}
/*.hy01 .hybg {display: none;width: 391px; height: 294px; position: absolute; left: 0;top:0;background:rgba(0,104,183,0.6); z-index: 9;}*/
.hy01 a{color: #222222; font-size:14px; line-height:50px;}
.hy01 img:hover{border:1px solid #71bd21}
.hy01 a:hover{ color:#71bd21}
/*.hy01 .text{ display: none;text-align: center; width: 391px; height: 294px; position: absolute; left: 0;top:0; z-index: 10;}
.hy01 a:hover .text{ text-align: center; width: 391px; height: 294px; display: block; color: #222222; } 
.hy01 a:hover .text h3{font-size: 20px;  font-weight:normal;color: #222222; text-align:center}*/

.aboutbg{width:100%; height:774px; background: url(../images/aboutbg.jpg) no-repeat center center; min-width:1200px; padding-top:30px;}
.ca_img {
	MARGIN: 30px auto auto; WIDTH: 1086px; HEIGHT: 500px;
}
.ca_img UL LI {
	POSITION: relative; WIDTH: 361px; FLOAT: left; HEIGHT: 500px; MARGIN-RIGHT: 1px
}
.ca1 {
	WIDTH: 361px; HEIGHT: 250px
}

.ca2 {
	TEXT-ALIGN: center;  LINE-HEIGHT: 28px; PADDING-LEFT: 0px; WIDTH: 361px; PADDING-RIGHT: 0px; BACKGROUND: #1759d6; HEIGHT: 210px; PADDING-TOP: 40px; color:#ffffff
}
.ca2 P {
	LINE-HEIGHT: 22px;  FONT-SIZE: 12px;color:#ffffff
}
.ca_img UL LI.odd .ca1 {
	POSITION: absolute; BOTTOM: 0px
}
.ca_img UL LI.odd .ca2 {
	POSITION: absolute; TOP: 0px
}
.ca_img UL LI:hover .ca2 {
	BACKGROUND: #71bd21; COLOR: #fff
}
.ca_img UL LI:hover .ca2 P {
	COLOR: #fff
}
.abmore{ text-align:center; }
.notice { width: 1200px; margin:0 auto; height:280px;}
.notice .tab-hd {height: 42px; width:350px; margin:30px auto 40px auto;}
.notice .tab-hd ul {height: 42px; overflow: hidden;position: absolute;z-index: 5;}
.notice .tab-hd li{background: #ffffff; color: #222222; cursor: pointer;float: left;font-size: 14px;height: 40px;line-height: 40px; padding: 0 40px;text-align: center; border:1px solid #71bd21; margin-right:20px;}
.notice .tab-hd li a{color:#222222; font-size: 14px;}
.notice .tab-hd li.on{background:#71bd21; color:#FFF}
.notice .tab-hd li.on a{ color:#FFF}

.hn_list{ width:1200px;}
.hn_list li{ padding:0px 0px 10px 0px; margin-bottom: 0px;zoom: 1; border-bottom:1px dashed #cccccc; border-right:0px solid #cccccc; width:550px; float:left; margin:10px 25px;}
.hn_list li:after{clear: both;content: "";display: table;}
.hn_list .hn_date{float: left; margin-right: 10px;text-align: center;padding: 0px;width: 65px;height: 65px;font-size: 14px;font-family: arial;color: #ffffff; background:#71bd21}
.hn_date .day{font-size: 20px; display: inline-block;padding-left: 0px;margin-bottom: 2px; color:#ffffff; font-weight:bold; padding-top:10px;}
.hn_list h2{font-size: 14px;color: #000000;margin-bottom: 5px; }
.hn_list .txt{font-size: 12px; color: #595959;line-height: 23px;}


.nbanner{ width:100%; height:318px; background:url(../images/nbanner.jpg) no-repeat center center;}

.zuoce{ width:230px; float:left;}
.youce{ width:930px; float:right;}
.zuoceb{ height:72px; background:#71bd21;line-height:66px; color:#ffffff; font-size:24px; padding-left:22px;}
.lb_memu {WIDTH: 230px;  border-top:none; }
.lb_memu UL {LIST-STYLE-TYPE: none; MARGIN: 0px;  PADDING: 0px; padding-top:0px; padding-bottom:0px; padding-left:0px;}
.lb_memu UL LI {WIDTH: 230px; MARGIN-BOTTOM: 0px; HEIGHT: 55px; margin-top:0px;background:url(../images/dian.png) no-repeat 20px 25px;background-color:#f2f2f2;}
.lb_memu UL LI A {LINE-HEIGHT: 55px; PADDING-LEFT:45px; DISPLAY: block; TEXT-DECORATION: none; font-size:13px; color:#666666; }
.lb_memu UL LI A:hover{ color:#666666; background:url(../images/dian.png) no-repeat 20px 25px; background-color:#ffffff}

.zuocelx{WIDTH: 230px; background-color:#f2f2f2; line-height:30px; padding-top:20px; padding-bottom:20px;}
.zuocelx p{ padding-left:20px; padding-right:5px; font-size:13px;}
.rcontent{
	width: 930px;
	
}
.rcontent h1{
	height: 71px;line-height:80px;padding:0px 0px 0px 0px; background:url(../images/wzbg.jpg) no-repeat 0px 32px; border-bottom:1px solid #cccccc
	
}
.rcontent h1 span.fl{
	display: inline-block;
	font-size: 16px; font-weight:normal; color:#71bd21; font-family:"微软雅黑"; padding-left:25px;
}
.rcontent h1 span.fr{
	color: #222222;font-size: 13px;font-weight:normal
}
.rcontent h1 span.fr a{
	color: #222222;font-size: 13px;
}
.rcontent h1 span.fr a:hover{
	color: #71bd21;
}
.companycon{
	padding:15px 0px 0px 0px; line-height:28px; font-size:14px;
}
.companycon p{ text-indent:2em; margin-bottom:15px; font-size:14px;}

.companycona{padding:20px 0px 50px 0px; line-height:30px; }
.list_page{text-align:center;margin:30px 50px 30px 50px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.detailtitle{ line-height: 30px; text-align: center; font-size:18px; font-weight:bold; padding:0px 0;}
.artshow{line-height:25px;font-size:14px; padding:0px 0px 50px 0px;}
.artshow .title{text-align:center;font-size:18px;line-height:30px;font-weight:bold;font-variant: normal;margin:0;padding:15px 0;}
.artshow .info{text-align:center;color:#999;padding:0 0 15px 0;font-size:12px;}
.artshow .content{line-height:28px; color: rgb(102, 102, 102);}
.artshow p{margin:5px 0;font-size:12px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}

#goodsshow{margin:20px auto;overflow:hidden;width:750px;}
#goodsshow img{border:0;}
#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:700px;cursor:pointer; margin-left:20px; text-align:center} 
#goodsshow .shop_plist{clear:both;width:700px; margin-left:22px; }
#prolist{width:638px;float:left;overflow:hidden;height:68px;position:relative;margin:10px;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.html) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:90px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../images/pro_bg.html) no-repeat center top;height:68px;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.html) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.html) no-repeat center;margin-top:12px;}
#goodsshow .right{width:350px;}
#goodsshow .right h1{font-size:18px;font-weight:normal;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#999;min-height:80px;}
#goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px;}
#goodsshow .right .price{color:#999;line-height:30px;padding:10px 0;}
#goodsshow .right .price span{color:#f60;font-size:16px;}

.techology{ margin:0px; padding:0px;}
.techology li {
	height: 45px; padding-top: 0px; border-bottom-color: rgb(219, 219, 219); border-bottom-width: 1px; border-bottom-style: dashed; line-height:45px; list-style:none
}
.techology li a{
	color: #222222; float: left;
}
.techology li a:hover{
	color: #2ea2ea;
}


.product-right-bottom{ width:930px; padding:20px 0px 10px 0px; overflow:hidden; line-height:25px;}
.product-right-bottom ul{ width:930px; display:block; overflow:hidden; margin:0;padding:0;}
.product-right-bottom ul li{ width:272px; float:left; padding:0px; list-style:none;  margin:0px 19px 5px 19px}
.product-right-bottom ul li img{ width:272px; height:210px;  padding:3px; border:1px solid #eeeeee;}
.product-right-bottom ul li img:hover{ width:272px; height:210px;  padding:3px; border:1px solid #71bd21;}
.product-right-bottom ul li span{ display:block; width:272px; height:50px; line-height:50px; text-align:center;}
.product-right-bottom ul li span a{ color:#434343; font-size:13px;display:block;}
.product-right-bottom ul li span a:hover{ color:#71bd21; font-size:13px;}

.footer{ width:100%;  background: url(../images/footbg.jpg) repeat-x; min-width:1200px;}
.footer h3{ text-transform: uppercase; font-size:16px; color:#FFF; font-weight:normal; height:40px; line-height:40px; padding-top:20px;}
.footerL{ width:200px; float:left; margin-right:20px;}
.ksdh{ width:200px; margin-top:20px;}
.ksdh a{color:#FFF; font-size:14px; margin-right:0px; line-height:35px; padding:0px 0px 0px 0px; width:90px; display: block; float:left;}
.footerM{ width:250px; float:left;}
.footerM p{color:#FFF; font-size:14px;line-height:30px; margin-bottom:10px;}
.footerR{ float:right; width:550px;}
.banquan{ text-align:center; color:#ffffff; font-size:13px; line-height:60px;}
.banquan a{color:#ffffff;}

.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#d3d3d3 url(../images/fixcont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#d3d3d3 url(../images/fixcont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#d3d3d3 url(../images/fixcont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#d3d3d3 url(../images/fixcont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.yb_phone a{color:#fff;}




.neiyetable{border-right:1px solid #ccc;border-bottom:1px solid #ccc; width:500px;} 
.neiyetable td{border-left:1px solid #ccc;border-top:1px solid #ccc; padding-left:5px;} 