/*处理浏览器缩小横向滚动条拉动右边空白，跟着版心的值变动*/
body {width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1200px; }
.main-center{ width:1200px; height:auto; margin:0 auto; }


/*返回顶部*/
.back-top{ width:40px; height:40px; position:fixed; bottom:100px; right:10px; display:none;z-index:999; }
.back-top a{background:url(../images/back-top.png) no-repeat; width:40px; height:40px; display:block;   }
.back-top a:hover{background:url(../images/back-top-hover.png) no-repeat;   }


/*头部*/
.head-top{ width:100%; background:#fff;}
.head-cont{ width:1200px;margin:0 auto; height:100px; }
.logo{ /* height:65px;*/ float:left;/*margin-top:17.5px;*/}
.logo img{ width: 300px;  }
.nav{ float:right; padding-top:32.5px;  }
.nav li{ float:left; margin-right:15px; height:35px;  }
.nav li:last-child{ margin-right: 0px; }
.nav li a{ font-size:15px; width: 100px; color:#333; display:block ; line-height:35px; height:35px; text-align:center; }
.nav li.on a , .nav li a:hover{ color:#ffffff; background:#ff9600;  }




/*焦点图*/
.focus{ position:relative;}

/*脚部*/
.footer{ width:100%; background:url(../images/foot-bg.jpg) no-repeat center center;  height:300px;  padding:40px 0 20px; box-sizing:border-box;  }
.footer-cont{ width:1200px; height:auto; margin:0 auto; }
.footer-img{ width:1000px; margin:0 auto;  }
.footer-img img{ display:block; margin:0 auto; width:80px; height:80px; }
.footer-nav { width:100%; text-align:center; margin:20px 0;  }
.footer-nav a{ display:inline-block; padding:0 10px; color:#fff; line-height:30px; text-align:center; }
.footer-ewm { width:500px; margin:0 auto;   }
.footer-ewm img{ width:100px; height:100px; margin:0 auto; display:block;  }
.footer-ewm h3{ line-height:40px; color:#999; text-align:center; font-size:12px; }
.footer-text{ width:100%; text-align:center; padding-top:20px; border-top:1px solid #333; }
.footer-text h2 span{ font-size:13px; color:#888; display:inline-block; margin:0 10px;  }
.footer-text h2 span a{ color:#fff; font-size:13px;}
.footer-text h2 span a:hover{ color:#f60; }


/*栏目标题*/
.title-big{ width:100%; padding:50px 0;  text-align:center; }
.title-big h4{ text-align:center; font-size:25px; font-weight:bold; color:#000; margin-bottom:10px; }
.title-big p{ text-align:center; font-size:14px; color:#999;  }
.title-big.title-big-w h4,.title-big.title-big-w p{ color:#fff; }


.show{ width:100%; box-sizing:border-box; }
.show-main{ width:1200px; margin:0 auto;}
.show-main li{ float:left; width:270px; box-sizing:border-box;  margin:0 15px;}
.show-main h3{  text-align:center; width:100px; height:100px; margin:0 auto;  }
.show-main h3 img{   width:100px; height:100px;  }
.show-main h2{  text-align:center; font-size:18px; padding:0 10px; box-sizing:border-box; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:15px 0 0;  }
.show-main p{ margin-top:5px; text-align:center; font-size:14px;height:25px;line-height:25px;  color:#666; display:-webkit-box!important; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;  }


/* 产品中心展示 */
.tj dl{ display:flex; }
.tj dd{ flex:1; }
.tj dd a{ display:block; }
.tj dd img{ width:216px; height:216px; border-radius:216px; border:8px solid #f8f8f8; transition:all ease-in .2s; box-sizing:border-box; cursor:pointer; margin:0 auto; display: block;   }
.tj dd img:hover{ border:8px solid #ff6600; transition:all ease-in .2s; }
.tj dd p{ width:100%; font-weight:bold;  font-size:16px; display:block; color:#555; margin-top:10px; text-align:center; }

.check-more{ border-radius:40px;  width:145px; height:45px; margin:40px auto; box-sizing:border-box; border:2px solid #f60; text-align:center;  }
.check-more a{ display:block; line-height:42px; font-size:16px; color:#f60; }
.check-more-w{ width:145px; height:45px; margin:30px auto; box-sizing:border-box; border:2px solid #fff; text-align:center;  }
.check-more-w a{ display:block; line-height:42px; font-size:16px; color:#fff; }

.zzdj{ width:1200px; margin:0 auto; }
.zzdj dd{ float:left; width:400px; height:auto; margin-bottom:40px;  }
.zzdj dd a{ display:block; }
.zzdj dd img{ width:280px; height:auto; margin:0 auto; display:block;}
.zzdj dd p{ width:100%; font-weight:bold;  font-size:16px; display:block; color:#555; margin-top:10px; text-align:center; }



.yyly-cont{ width:1080px; margin:0px auto 50px; height:auto; position:relative;  }
.yyly-cont dd{ width:340px; height:auto; background:#000;  float:left;  }
.yyly-cont dd:nth-of-type(2){ margin:0 30px; }
.yyly-cont dd a{ display:block; width:100%;  position:relative; }
.yyly-cont dd img{ width:340px; height:200px; }
.yyly-hover{ width:100%; height:200px; background:rgba(0,0,0,0.7); position:absolute; left:0px; top:0px; padding-top:70px; box-sizing:border-box; transition:all ease-in .3s; display:none;    }
.yyly-cont dd:hover .yyly-hover{ transition:all ease-in .3s; display:block; }
.yyly-hover h3{ width:100%; font-size:22px; color:#fff; text-align:center; padding:0 10px; box-sizing:border-box;    }
.yyly-hover p{ width:100%; font-size:14px; color:#fff; text-align:center; padding:0 10px; box-sizing:border-box; margin-top:20px;    }
.yyly-cont dd h5{ width:100%; height:55px; background:#3368ba; position:relative; line-height:55px; text-align:center; color:#fff; padding:0 10px; box-sizing:border-box;  font-size:15px; }
.yyly-cont dd h5 em{ position:absolute; width:50px; height:50px; border-radius:50px; left:50%; margin-left:-25px; top:-30px; background:#3368ba; display:block; font-size:30px; line-height:50px; color:#fff;    }        	


.cpzx-cont{ width:1000px; margin:20px auto; height:auto;}
.cpzx-cont dd{ width:100%; height:185px; padding:15px 10px 15px 250px; border-bottom:1px dashed #ccc;  box-sizing:border-box; position:relative;  }
.cpzx-cont a{ display:block; }
.cpzx-cont img{ width:230px; height:155px; position:absolute; left:0px; top:15px; }
.cpzx-cont h5{ font-size:22px; line-height:50px; color:#333; margin-top:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;    }
.cpzx-cont h5:hover{ color:#f60;  }
.cpzx-cont p{ color:#666; line-height:30px; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.hzjg-cont{ width:1000px; margin:20px auto; height:auto;}
.hzjg-cont img{ display:block; margin:0 auto; }

.bhcx{ width:1200px; height: 480px;padding-top:50px; box-sizing:border-box; margin:20px auto 20px; border-radius:20px; box-shadow:5px 5px 8px rgba(0,0,0,0.2);  background:url(../images/cx-bg.png) no-repeat;  }
.bhcx-cont{ width: 500px; overflow: hidden; margin:0 auto;   }
.bhcx-item{ width: 100%; padding:10px 0; box-sizing: border-box; height: auto; }
.bhcx-item input{ display: block; width:400px; margin:20px auto 0;  height:40px;  border-radius: 5px; padding: 0 10px; box-sizing: border-box; line-height:40px; font-size:14px; color: #333; box-shadow:5px 5px 8px rgba(0,0,0,0.2);  }
.bhcx-item a{  text-align: center;  margin:20px auto 0;  display: block; background: #FF6600;  width:400px; height:40px; border-radius: 5px;box-sizing: border-box; line-height:40px; font-size:15px; color: #fff; }
.bhcx-item p{ margin-top:5px; color:#f00; padding-left:50px; box-sizing:border-box;   }

.bg-b{ width: 100%; height: 100%; background: #333;}
.look-cont{ display: block; margin: 0 auto !important; }
.look-cont img{ max-width: 1000px; height: auto; display: block; margin: 0 auto !important;}

.bhcxs-jg{  height: auto !important; background:#ecf4f9 !important; }
.bhcx-jg{ width:1000px; overflow: hidden; margin:0 auto 50px;   }
.bhcx-jg h5{ width:100%; height:40px; border-bottom:1px solid #ddd; line-height:40px; font-size:15px; color:#333;  }
.bhcx-jg h5 strong{ font-weight:bold; }
.bhcx-jg h4{ width:100%; height:40px;margin-bottom:10px;  line-height:40px; font-size:15px; color:#333;  }
.bhcx-jg h4 strong{ font-weight:bold;   }
.bhcx-jg img{ display:block; max-width:100% !important; }


.product-list,.product-list dl{ width:1150px; height:auto; margin:0 auto;  }
.product-list dd{ width:210px; height:295px;  margin:0 10px 20px; float:left; border:1px solid #eee; box-sizing:border-box;  }
.product-list dd:hover{ border-color:#f60; }
.product-img , .product-img img{ width:100%; height:195px;  }
.product-img a{ display:block; }
.product-list h4{ padding:0 10px; box-sizing:border-box; }
.product-list h4 a{ width:100%; display:block;color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:5px;line-height:18px; }
.product-list h3{ width:100%; padding:0 10px; box-sizing:border-box; font-size:12px; line-height:25px;  color:#ff9600;}
.product-list p{ font-size:12px; color:#999; width:100%; padding:0 10px; box-sizing:border-box;  display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;}



.news { width:1200px; margin:0 auto 80px; }
.news-list{ width:600px; padding:0 20px; box-sizing:border-box; float:left;  }
.news-list dd{ border-bottom:1px dashed #dbdbdb; width:100%;  padding: 15px 20px 15px 100px; position:relative; box-sizing:border-box; min-height:90px; }
.news-time{width:60px; height:60px;  background:#ff9600; text-align:center; position:absolute; left:20px; top:15px;  }
.news-time h4{font-size:30px; line-height:38px;  color:#fff; }
.news-time p{font-size:12px; line-height:20px;  color:#fff; }
.news-conts{ width:100%; }
.news-conts h2 a{ display:block;font-size:16px; line-height:30px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-conts h2 a:hover{ color:#ff9600;}
.news-conts p{font-size:14px; line-height:30px;  color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}



/*关于我们*/
.about-us{ width:1200px; padding:20px 0; margin:0 auto; }
.about-us-l{ float:left; width:460px;}
.about-us-l img{ width:460px; height:auto; }
.about-us-txt{ width:700px; float:right;line-height:35px;  color: #666; font-size:15px; }
.about-us-txt img{ max-width:100% !important; display:block;  }



/*服务项目*/
.service-tab{ width:1200px; margin:0 auto 40px; text-align:center; }
.service-tab-cont{margin:0 auto;  padding:0 15px; background:#f0f0f0;  height:40px; }
.service-tab li{ width:115px;  line-height:40px; float:left; cursor:pointer;  }
.service-tab li.on{ background:#ff9600;  }
.service-tab li a{  color:#333; }
.service-tab li.on a{color:#fff;}


/*页码*/
.page{ width:100%; text-align:center; height:auto; margin-top:10px; }
.page ul{ display:inline-block; }
.page ul li{  display:inline-block; width:20px; height:20px;  text-align:center;box-sizing:border-box;   }
.page ul li a{display:block; line-height:18px;  color:#333;box-sizing:border-box; border:1px solid #ccc; }
.page ul li.on a{display:block; background:#f60;  border:1px solid #f60; color:#fff; box-sizing:border-box; }
.page span{ display:inline-block; line-height:20px; color:#333; }
.page input{ display:inline-block; width:35px; height:20px; box-sizing:border-box; border:1px solid #ccc; text-align:center; font-size:14px; line-height:20px;  color:#000;}
.page .tz-btn{display:inline-block;line-height:20px; color:#333;}

.show-page , .show-page a{ font-size:13px; line-height:30px; color:#666; }
.show-page a:hover{ text-decoration:underline; }

.banner-show{ width:100%; height:290px; background:url(../images/banner-a.jpg) center center;   }
.service-detail-title{ width:1200px; margin:20px auto; text-align:center; }
.service-detail-title h4{ font-size:22px; line-height:35px; color:#333; margin-bottom:8px; }
.service-detail-title h3{ width:100%; margin:10px auto 30px; text-align:center; }
.service-detail-title h3 span{ display:inline-block; margin:0 20px; font-size:12px; color:#999;}
.service-detail-img{ width:1200px; margin:20px auto;}
.service-detail-img img{ max-width:100%; margin:0 auto; display:block; }
.service-detail-cont{ width:1200px; height:auto;  margin:30px auto 40px; color:#666; line-height:30px; }
.service-detail-cont img{ max-width:100% !important; display:block; }



/*新闻中心*/ 

.news-item { width:1050px; margin:40px auto; position:relative;  }
.news-item dd{ padding:20px 0; box-sizing:border-box; border-bottom:1px dashed #dbd4cd;}
.news-times{ float:left; width:60px; height:60px; margin:0 35px; background:#f2f2f2; text-align:center; box-sizing:border-box; }
.news-times h4{ font-size:33px; line-height:40px;  color:#838383; }
.news-times p{font-size:12px; line-height:20px;  color:#666; }
.news-txt{ float:left; width:920px; }
.news-txt h2 a{ display:block;font-size:16px; line-height:24px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-txt h2 a:hover{  color:#ff9600;  }
.news-txt p{ margin-top:10px; font-size:13px; line-height:22px; color:#999; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;}


/*新闻详情页面*/
.news-detail{ width:1200px; height:auto; margin:0 auto 50px; }
.news-detail-title{ font-size:18px; line-height:40px;  color:#333; font-weight:bold;  text-align:center;   }          
.news-detail-ms{ width:100%; margin:10px auto 30px; text-align:center;    }
.news-detail-ms span{ display:inline-block; margin:0 20px; font-size:12px; line-height:20px;  color:#777;  }
.news-detail-txt{ width:100%; color:#666; line-height:30px; }
.news-detail-txt img{ max-width:100% !important; display:block; }


/*联系我们*/
.contacts { width:1100px; margin:0px auto 20px; }
.contact-l{ width:465px; float:left; margin:0px 35px 0 0;  }
.contact-l p{ font-size:16px; line-height:60px; color:#333;  }
.contact-l p i{ display:inline-block; width:20px; height:20px; background:url(../images/icons-a.png) no-repeat;vertical-align:middle; margin-right:15px;}
.contact-l p i.icon-b{  background:url(../images/icons-b.png) no-repeat;  }
.contact-l p i.icon-c{  background:url(../images/icons-c.png) no-repeat;  }
.contact-l p i.icon-d{  background:url(../images/icons-d.png) no-repeat;  }
.contact-l p i.icon-e{  background:url(../images/icons-e.png) no-repeat;  }

.contact-r{ width:600px; height:auto; float:left;  }
.contact-r h5{ font-size:17px; color:#333; line-height:40px; padding-bottom:20px; margin-bottom:30px;  border-bottom:1px dashed #aaa;    }
.contact-r h4{ font-size:14px; color:#666; line-height:20px; margin-bottom:15px;   }
.contact-r input{ width:100%; height: 35px; border:1px solid #d9d9d9; padding:0 10px; box-sizing:border-box; font-size:14px; line-height:35px; color:#333; margin-bottom:15px; border-radius:5px;    }
.contact-r textarea{ width:100%; height:75px; border:1px solid #d9d9d9;  padding:8px 10px; box-sizing:border-box; font-size:14px; color:#333; margin-bottom:15px;   border-radius:5px;  }
.contact-r a{ width:100%; height:40px; line-height:40px; background:#ff9600; text-align:center; font-size:13px; color:#fff; display:block; border-radius:5px; }

.map{ width:1100px; height:320px; margin:50px auto; }


.pro-show{ width:1200px; margin:10px auto 60px;}
/*产品展示滚动css*/
.pro-show .picMarquee-left{ width:1200px;  overflow:hidden; position:relative;   }
.pro-show .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.pro-show .picMarquee-left .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center;  }
.pro-show .picMarquee-left .bd ul li .pic{ text-align:center; }
.pro-show .picMarquee-left .bd ul li .pic img{ width:200px; height:80px; display:block;  }
