@charset "utf-8";
*{margin:0 auto; padding:0;}
body {font-size:14px; line-height:25px; margin:0 auto; padding:0; border:0px; background-color:#efefef;color:#221e1f; text-align:center; font-family:"microsoft yahei",simhei; background:#34495e}
ul,h1,h2,h3,h4,h5{margin:0;padding:0;font: inherit;}
li{list-style:none;}
input{outline:none} 
img{border:0;}
select{font-size:12px;}
a{text-decoration:none; color:#FFF;}
a:hover{color:#005f9b}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clear0{clear:both; height:0; overflow:hidden;}
.f12{font-size:12px}
.box{width:1180px; height:auto; overflow:hidden; margin:0 auto; background:#20272d}
.boxcon{width:1180px; height:auto; overflow:hidden; margin:0 auto;}
.boxproduct{width:1180px; height:auto; overflow:hidden; padding:10px 0 0 0;}
.boxproduct .left{width:64px; height:239; overflow:hidden; float:left;background:#20272d}
.boxproduct .right{width:64px; height:239; overflow:hidden; float:right;background:#20272d}
.boxproduct .cont{width:1052px; height:239; overflow:hidden; background:#20272D; float:left}

.box1{position:relative;auto; height:717px; overflow:hidden; margin:0 auto; background:url(../images/home_top.jpg);background-size:cover;}
.box2{position:relative;width:1423px; height:776px; overflow:hidden; margin:0 auto; background:url(../images/home_about.jpg)}
.box3{position:relative;width:1423px; height:778px; overflow:hidden; margin:0 auto; background:url(../images/home_products.jpg)}
.box4{position:relative;width:1423px; height:776px; overflow:hidden; margin:0 auto; background:url(../images/home_news.jpg)}
.box5{position:relative;width:1423px; height:439px; overflow:hidden; margin:0 auto; background:url(../images/home_con.jpg)}

.boxP{width:1100px; height:auto; overflow:hidden; margin:0 auto}
.boxFull{width:100%; min-width:1180px; height:auto; overflow:hidden; margin:0 auto}
.center{padding:0px 0px 0px 40px;width:783px;text-align:center;}
.Appcenter{padding:0px 30px 0px 20px;width:680px;text-align:center;}
.first{border:none !important;}
.blank5{height:5px; visibility:hidden;line-height:5px;clear:both;}
.blank10{height:10px; visibility:hidden;line-height:10px;clear:both;}
.pageBox{clear:both; text-align:center; font-size:13px; border-top: solid 1px #c0c0c0; line-height:22px; padding-top:5px; color:#FFF}
.pageStatus{clear:both; line-height:20px;}
.pageBox a{padding:0px 8px; border:1px solid #c0c0c0; display:inline-block; width:auto; margin:0px 3px; line-height:20px;color:#FFF}
.pageBox a.cur, .pageBox a:hover{background:#c0c0c0; text-decoration:none; color:#FFF;}
.pageSel{line-height:30px; height:30px; overflow:hidden; border-top: solid 1px #c0c0c0;}

.f4{color:#F48335 !important;}
.ml5{margin-left:5px}
.mr5{margin-right:5px}
.ml10{margin-left:10px}
.mr10{margin-right:10px}
.ml15{margin-left:15px}
.mr15{margin-right:15px}
.ml20{margin-left:20px}
.mr20{margin-right:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mb10{margin-bottom:10px}

.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pb10{padding-bottom:10px}

.tr{text-align:right}
.tl{text-align:left}
.pr{position:relative;}

.p10{padding:10px; height:auto; overflow:hidden}

.c9{color:#999}
.none{display:none}
.left{text-align:left}
.right{text-align:right}

.w220{width:205px; height:auto; overflow:hidden}
.w370{width:370px; height:auto; overflow:hidden}
.w490{width:490px; height:auto; overflow:hidden}
.w620{width:620px; height:auto; overflow:hidden}
.w740{width:760px; height:auto; overflow:hidden}

.mypng img {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}

.center {margin-left: auto; margin-right: auto; display: block;}
.hidden {display: none; animation: none !important;}
.just{text-align:justify; text-justify:inter-ideograph;}
.left{text-align:left;}
.indent{text-indent:2em;}

/*header*/
.topMenu{height:40px; overflow:visible; position:relative;}

.header{height:61px; overflow:visible; position:relative;}
.header .hbox{width:1180px;height:61px; overflow:visible; position:relative; margin:0 auto;}
.header .logo{width:132px; height:61px; overflow:hidden; position:absolute; left:0px; padding-top:0px}

.topnavdiv{ width:auto;height:40px;background:#343537;}
.topnav{width:960px; height:40px; overflow:hidden;margin:0 auto; padding-left:220px}
.topnav li{width:135px; height:40px; overflow:hidden; float:left; font-family:"microsoft yahei",simhei; line-height:40px; font-size:16px;}
.topnav a{width:120px; height:40px;  overflow:hidden; display:block; background-repeat:no-repeat; color:#FFF}
.topnav .on a,.topnav a:hover{ background-color:#ba0506; color:#FFF}


/*nav*/
.navdiv{ width:auto;height:40px;background:#343537;}
.nav{width:1000px; height:40px; overflow:hidden;margin:0 auto; padding-left:20px}
.nav li{width:140px; height:40px; overflow:hidden; float:left; font-family:"microsoft yahei",simhei; line-height:40px; font-size:16px;}
.nav a{width:120px; height:40px;  overflow:hidden; display:block; background-repeat:no-repeat; color:#FFF}
.nav .on a,.nav a:hover{ background-color:#ba0506; color:#FFF}

.header .weixin_code { position: absolute; right: 50px; top: 60px; width: 150px; height: 150px; overflow: hidden; z-index: 1000; border: 1px solid #ececec; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px;}
.header .weixin_code img{width:150px; height:150px;}
.ad2{position:fixed; top:400px; width:100px; height:205px; z-index:10000}
.ad2.l{left:45px;}
.ad2.r{right:45px;}

/*footer*/
.foot{position:relative;color:#fff; font-size:12px; line-height:20px; background:#20272D;}
.foot .fcont{height:auto; overflow:hidden; padding:10px 0px;}
.foot a{color:#fff;}
.foot .fbox{width:1180px;height:80px; overflow:visible; position:relative; margin:0 auto;}
.foot .logo{width:202px; height:62px; overflow:hidden; position:absolute; left:0px; padding-top:10px}

.footnavdiv{ width:auto;height:80px;background:#20272D;border-bottom: 1px dotted #353c3f;}
.footnav{width:978px; height:80px; overflow:hidden;margin:0 auto; padding-left:220px}
.footnav li{width:130px; height:40px; overflow:hidden; float:left; font-family:"microsoft yahei",simhei; line-height:40px; font-size:16px; padding-top:20px; padding-bottom:20px}
.footnav a{width:120px; height:40px;  overflow:hidden; display:block; background-repeat:no-repeat; color:#FFF}
.footnav .on a,.footnav a:hover{ background-color:#317de9; color:#FFF}

/*listBox*/
.listBox{width:290px;height:auto;overflow:hidden;float:left;}
.listBox .picHold{width:280px; height:auto; overflow:hidden; padding:4px;}
.listBox .picHold img{height:210px; max-width:280px; min-height:210px; width:expression(this.width > 280 ? 280:true);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px; border: 1px solid #f4cf05;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px; }
.listBox .title{width:290px; height:25px; overflow:hidden; line-height:25px; text-align:center; text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}
.listBox .title a{ color:#FFF}

.listBox1{width:290px;height:auto;overflow:hidden;float:left; }
.listBox1 .picHold{width:280px; height:auto; overflow:hidden; padding:4px; }
.listBox1 .picHold img{height:210px; max-width:280px; min-height:210px; width:expression(this.width > 280 ? 280:true);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
.listBox1 .title{width:290px; height:25px; overflow:hidden; line-height:25px; text-align:center; text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}
.listBox1 .title a{ color:#FFF}

.prodTit,.prodBack{text-align:center; line-height:25px;}
.prodDeta{line-height: 26px; height:26px; border-bottom:1px solid #c0c0c0; text-align:left;}
.prodDeta h1{float:left;color:#FFF; font-weight:bold; padding:0px 10px; line-height:26px; height:26px; margin:0px;background:#c0c0c0;}
.prodCont{padding:10px 0px; min-height:20px; text-align:left}
.prodBack{border-top:1px solid #c5c5c5;}
.order_btn{border:1px solid #768565; border-radius:3px; height:20px; padding:0 5px 0 20px; color:#9a9a9a; background:#FFF url(../images/o.png) no-repeat 5px center}

/*hr*/
.hr table{width:710px;}
.hr table td{background: #FFF; height:22px; }
.hr table th{color:#000; height:25px; background:#FFF}
.hrc {padding:20px 20px 20px 40px;text-align:left; line-height:25px;}

.hrPer table{width:720px;}
.hrPer table td{background: #FFF; text-align:left; padding-left:5px; height:22px;}
.hrPer table th{background: #FFF; font-weight: normal; text-align:right; padding-right: 5px;height:22px;}

/*feedback*/
.feedback{padding:0px 30px 0px 30px;text-align:left;}
.feedbackList{line-height:20px; border-bottom:1px dashed #666; padding:10px 0px; }
.feedbackReContBox{border:1px solid #e95533; display:block; height:auto; overflow:hidden; padding:5px; background:#f7f7f7; color:#e95533}

/*QQ*/
.qq_service{ width:40px; height:200px; background:url(http://demo.lanrenzhijia.com/2014/service0924/images/lanrenzhijia.png) no-repeat; position:fixed; right:0px; top:200px;}
.qq_service ul{ display:block; width:160px; height:200px; float:left; position:relative;}
.qq_service ul .right_bar{ position:absolute;width:40px; height:200px; left:0; top:0; display:block;}
.qq_service ul .right_qq{ position:absolute; width:120px; height:85px; right:0; top:0; display:block;}
.qq_service ul .right_phone{ position:absolute; width:120px; height:105px; padding-top:10px;right:0; bottom:0; display:block; text-align:center; color:#555; font-size:16px; font-family:'Microsoft Yahei'; text-decoration:none;}