@charset "utf-8";
/* CSS Document */
html{ width:100%; }
body{ margin:0px; padding:0px;}

.clear{ clear:both;}
*{FONT-FAMILY: Arial, Helvetica, sans-serif; font-size:12px; color:#333333;margin:0;padding:0;list-style-type:none;}
a{FONT-FAMILY: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none;}
a:hover{ color:#0983b4; 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;}

.header{ width:1200px; height:100px; margin:0 auto;}
.nav{ background:#0983b4; width:100%; height:50px; min-width:1200px;}
.nav ul{ list-style:none; margin:0px; padding:0px;}
.nav ul li{ float:left; }
.nav ul li a{ display:block; width:171px; line-height:50px;  text-align:center; color: #ffffff; font-size:16px; font-weight:bold}
.nav ul li a:hover{ width:171px; height:50px; color:#fff; background:#66c7d6;}

/*----------------- banner--------------------------- */
.lj-banner{ width:100%; margin:auto; overflow:hidden;height:600px;position:relative;  z-index:9; min-width:1200px;}
.lj-dv_5 .lj-d1{ width:1920px; height:600px;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:#ffffff; }
.lj-dv_5 .lj-d2 table div.nuw{ background:#0983b4; }
.cl{HEIGHT: 0px; CLEAR: both;}
.clearFix:after{
	clear: both;
	content: "";
	display: block;
}
.m30{ margin-top:30px;}
.m40{ margin-top:40px;}
.m50{ margin-top:50px;}
.m80{ margin-top:80px;}
.mb20{ margin-bottom:20px;}
.p50{ padding-top:50px;}

.tybt{ text-align:center; height:70px; font-size:34px; color:#333333; line-height:70px; font-weight:bold }
.tybt2{ eight:70px; font-size:30px; color:#333333; line-height:70px; }
.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 14px; color: #333333; font-size: 13px;  cursor: pointer; background:#dcdcdc}
#menu li.tabFocus {background-color: #0983b4; color: #fff;}
#contentma {width:1200px; padding-top:30px; font-size:12px; height:460px; margin:0 auto;}
#contentma .tan{display:none}
#contentma .tan.conFocus{display:block}
.product{float: left;width: 370px;height: 374px;margin-right: 15px; margin-left:15px;margin-bottom: 20px;border-top: 1px solid #0983b4;position: relative;}
.product img{width: 370px;}
.proName{text-align: center;margin-top: 50px;}
.proName h4{font: 16px/30px Arial, Helvetica, sans-serif;color: #333;}
/*.proName span{font: 14px/26px "微软雅黑";color: #999;}*/
.proHover{display: none;position: absolute;top: 0;bottom: 0;width: 100%;background: rgba(153,153,153,.1);}
.proHover div{position: absolute;bottom: 20px;left: 50%;width: 88px;height: 88px;background: rgba(0,0,0,.1);border-radius: 50%;margin-left: -44px;}
.searchIcon{width: 38px;height: 38px;background: url(../images/searchIcon.png) no-repeat;margin: 25px;}
.proMore{display: block;width: 146px;height: 56px;margin: 0 auto;background: url(../images/icon.jpg) no-repeat;font: 16px/56px Arial, Helvetica, sans-serif;color: #0983b4;text-align: center;}

.aboutbg{width:100%; height:513px; background: url(../images/aboutbg.jpg) no-repeat center center; min-width:1200px; padding-top:30px;}
.abmore{display: block;width: 160px;height: 50px;background: url(../images/abmore.png) no-repeat;font: 16px/56px Arial, Helvetica, sans-serif;color: #0983b4;text-align: center;}

.gywm{ width:630px; float:left;}
.news{ width:500px; float:right;}
.gywm p{ font-size:16px; line-height:40px; text-indent:2em;}
.newsLi{float: left;margin-bottom: 50px;margin-right: 0px;width: 460px;padding: 6px 10px 0 30px;}
.newsLi a{display: block;}
.newsLi:hover{ background:#FFF;box-shadow: 0 0 20px rgba(0,0,0,.1);}
.newsLi div span{float: left;font: 16px/38px arial;color: #999;margin-right: 20px;}
.newsLi div .newsBorder{width: 1px;height: 16px;background: #ccc;margin-top: 8px;}
.newsLi div .newsIcon{width: 8px;height: 14px;background: url(../images/jiantou.png) no-repeat 0px 0px;margin: 10px 0 0 30px;}
.newsLi h4{width: 460px;font: 16px/32px Arial, Helvetica, sans-serif;color: #333;}

.rollBox1{width:1200px;height:290px;position:relative;margin:0 auto; margin-top:20px;}
.rollBox1 .page_on_left { position:absolute; left:0px; top:130px;text-align: center;cursor: pointer; z-index:1000;}
.rollBox1 .page_on_right {position:absolute; right:-30px; top:130px;text-align: center;cursor: pointer; z-index:1000;}
#pic_box1 .li_img{width: 370px;height: 290px;display: table-cell;text-align: center;vertical-align: middle;}
#pic_box1 .li_img img{width: 370px;height: 290px;}
.rollBox1 ul{margin-left:50px;}
.rollBox1 ul li{ width:370px; margin:0 10px 0 0; float:left;}

.nbanner{ width:100%; height:222px; background:url(../images/nbanner.jpg) no-repeat center center; min-width:1200px;}
.zuoce{ width:259px; float:left;}
.youce{ width:898px; float:right;}
.zuoceb{ height:50px; background:#eff4f8;line-height:50px; color:#323232; font-size:20px; padding-left:10px; border-left:10px solid #0983b4}
.lb_memu {WIDTH: 259px;  border-top:none; }
.lb_memu UL {LIST-STYLE-TYPE: none; MARGIN: 0px;  PADDING: 0px; padding-top:10px; padding-bottom:0px; }
.lb_memu UL LI {WIDTH: 259px; MARGIN-BOTTOM: 0px; margin-top:0px; }
.lb_memu UL LI A {LINE-HEIGHT: 33px; PADDING-LEFT: 0px; DISPLAY: block; TEXT-DECORATION: none; font-size:12px; color:#333333;padding-left:0px;border-bottom:1px dashed #d6e5f3}
.lb_memu UL LI A:hover{ color:#0983b4; border-bottom:1px dashed #0983b4}
.zuocelx{}
.rcontent{
	width: 898px;
	
}
.rcontent h1{
	height: 50px;line-height:50px;padding:0px 0px 0px 0px; border-bottom:1px solid #e6e7e8
	
}
.rcontent h1 span.fl{
	display: inline-block;
	font-size: 14px; font-weight:normal; color:#434343; font-family:"微软雅黑"; padding-left:0px;
}
.rcontent h1 span.fr{
	color: #222222;font-size: 13px;font-weight:normal; padding-right:15px;
}
.rcontent h1 span.fr a{
	color: #222222;font-size: 13px;
}
.rcontent h1 span.fr a:hover{
	color: #0a68c8;
}
.companycon{
	padding:15px 0px 0px 0px; line-height:28px; font-size:13px;
}
.companycon p{ text-indent:2em; margin-bottom:15px;}

.companycon{
	padding:15px 0px 0px 0px; line-height:28px; font-size:13px;
}
.companycon p{ text-indent:2em; margin-bottom:15px;}
.companycona{padding:0px 0px 0px 0px; line-height:30px; }
.list_page{text-align:center;margin:30px 10px 10px 10px;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:25px; font-weight:bold; padding-top:30px;}
.artshow{line-height:25px;font-size:14px;padding:0px;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:30px 0 0 0;}
.artshow .info{text-align:center;color:#999;padding:0 0 15px 0;font-size:12px; padding-top:10px;}
.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:925px;}
#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:925px; 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.gif) 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.gif) 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.gif) 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.gif) 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; margin-top:20px;}
.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: #333333; float: left; padding-left:10px;
}
.techology li a:hover{
	color: #0983b4;
}


.product-right-bottom{ width:898px; padding:20px 0px 10px 0px; overflow:hidden; line-height:25px;}
.product-right-bottom ul{ width:898px; display:block; overflow:hidden; margin:0;padding:0;}
.product-right-bottom ul li{ width:272px; float:left; padding:0px; list-style:none;  margin:0px 13px 5px 13px; height:290px;}
.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 #0983b4;}
.product-right-bottom ul li span{ display:block; width:272px; height:50px; text-align:center; padding-top:10px;}
.product-right-bottom ul li span a{ color:#434343; font-size:13px;display:block; line-height:20px;}
.product-right-bottom ul li span a:hover{ color:#3f7fd1; font-size:13px;}

.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;background:#cccccc; border:0px solid #000000}
.yb_bar ul li{width:177px;height:55px;font:16px/55px 'Microsoft YaHei';color:#0983b4;text-indent:50px;margin-bottom:1px;overflow:hidden; background:#FFF;}
.yb_bar .yb_top{background:#ffffff url(../images/db1.png) no-repeat;}
/*.yb_bar .ltlogo{background:#ffffff url(../images/db1.png) no-repeat;}*/
.yb_bar .yb_phone{background:#ffffff url(../images/db2.png) no-repeat;}
.yb_bar .yb_QQ{text-indent:0;background:#ffffff url(../images/db4.png) no-repeat;}
.yb_bar .yb_ercode{background:#ffffff url(../images/db5.png) no-repeat;}
.yb_bar .yb_ly{background:#ffffff url(../images/db3.png) no-repeat;}
.hd_qr{padding:10px 0px 0px 0px; margin-left:35px;}
.yb_QQ a{display:block;text-indent:70px;width:100%;height:100%;color:#333333;}
.yb_ly a{display:block;text-indent:70px;width:100%;height:100%;color:#333333;}


.footer{ width:100%; height:180px; background: url(../images/footbg.jpg) repeat-x; min-width:1200px;}
.footerxq{color:#aaaaaa; line-height:32px; float:left; font-size:14px; padding-top:40px;}
.footerxq p{font-size:14px; color:#aaaaaa;}
.footerxq a{color:#ffffff}
.ewm{ width:113px; float:right; padding-top:15px;}