/*紊���羌頵���而絨閞���羯����≧����勈捷腥榊�緒�莊�����綽����弱���*/
body {width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1200px; }


/*���劫��*/
.slide .vc-slide{ position:relative; width: 100%; height:540px; margin: 0; padding:0;}
.slide .vc-slide .slides li { width: 100%; height:540px; position: relative;}
.slide .vc-slide .slides li a{ display:block; width:100%; height:540px; background: none; margin: 0 auto;position:relative; } 
.slide .vc-slide .slides li a img{ position:absolute; width:1920px; left:50%; margin-left:-960px; z-index:1} 
.slide .vc-slide .slides li.flex-active-slide a img{ z-index:2}
.slide .vc-slide .flex-control-nav{ position: absolute; bottom: 10px; left:48%; }
.slide .vc-slide .flex-control-nav li{ float: left; margin: 0 4px;  }
.slide .vc-slide .flex-control-nav li a{cursor: pointer; float: left; width:10px; height:10px; background:#fff; border-radius:10px; text-indent: -9999px; }
.slide .vc-slide .flex-control-nav li a.flex-active{ opacity: 1; -moz-opacity: 1; background:#90a2a3;}
.slide .flex-direction-nav{ position:absolute; left:0px; top:200px; }
.slide{ position:relative;}
.slide .nav{ width:1200px;height:85px;background:#3e444d; position:absolute; left:50%; top:0px; margin-left:-600px; }
.slide .nav li{ float:left; width:240px; text-align:center; box-sizing:border-box; border-right:1px solid #53585f; }
.slide .nav li:last-child{border-right:none; }
.slide .nav li:hover{ background:#3a3f47; transition: all 2s;}
.slide .nav li.on{ background:#3a3f47;}
.slide .nav li a{ display:block;font-size:14px; line-height:85px; color:#fff; }


/*菴���蕁狗��*/
.back-top{ width:40px; height:40px; position:fixed; bottom:20px; right:20px; display:none;z-index:999; }
.back-top a{ color:#999; font-size:40x; line-height:40px;   }

/*紊顔��*/
.top-logo{ margin:0 auto; background-color: #4cb5bb;}
.top-logo img{ display: block; max-height: 80px; margin: 0 auto; }

.menu{ width:100%; padding:80px 0; background:#f4f5f5;}
.menu .menu-cont{ width:1200px; margin:0 auto;}
.menu .menu-cont li{ margin-bottom:10px; float:left; width:380px; height:300px; background:#fff; margin-right:30px; padding-top:50px; box-sizing:border-box; position:relative; }
.menu .menu-cont li:last-child{ margin-right:0px;}
.menu .menu-cont li h3{font-size:24px; line-height:30px; color:#a0c346; padding:0 30px; box-sizing:border-box;  }
.menu .menu-cont li p{ font-size:14px; line-height:22px; color:#999; padding:0 30px;box-sizing:border-box; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:3;-webkit-box-orient: vertical;text-overflow:ellipsis;} 
.menu .menu-cont li p.bt{  font-size:18px; line-height:22px; color:#333; margin:35px 0 15px;}
.menu .menu-cont li .xx{position:absolute; bottom:0px; left:0px; width:50px; text-align:center; height:50px; background:#99bf38;transition: all 1s;  }
.menu .menu-cont li .xx i{font-size:24px; line-height:50px; color:#fff;}
.menu .menu-cont li .xx:hover{ width:380px; transition: all 1s;}

/*����*/
.ft { width: 100%; height: 100px; background: #363636; position: relative; margin-top:60px; }
.ft .ft-c { width: 1100px; margin: 0 auto; }
.ft .ft-a { border-bottom: 1px solid #666; }
.ft .ft-a span { font-size:14px; line-height:40px; color: #666; }
.ft .ft-a a {font-size:14px; line-height:40px;  color: #666; margin: 0 10px; display: inline-block; box-sizing: border-box; }
.ft .ft-a a:hover { color: #fff; }
.ft .ft-b { text-align: center; }
.ft .ft-b a { font-size:14px; line-height:30px;  color: #666; margin: 0 5px; display: inline-block; box-sizing: border-box; }
.ft .ft-b a:hover { text-decoration: none; }
.ft .ft-d { text-align: center;font-size:12px; line-height:20px;  color: #666; }
.ft .ft-d a { font-size:12px; line-height:20px; color: #666; margin: 0 5px; display: inline-block; box-sizing: border-box; }

.fw{ width:1200px; padding:50px 0px; margin:100px auto;}
.fw h4{ padding-left:20px; border-left:4px solid #a0c346;  font-size:18px; line-height:40px; color:#333;box-sizing:border-box; margin-bottom:20px;}
.fw .fw-list dd{ margin-bottom: 14px; float:left; width:277px; height:300px; background:#f4f4f6; margin-right:30px; border-bottom:3px solid #cacacc; overflow:hidden;transition: all 1s; }
.fw .fw-list dd:hover{ border-bottom:3px solid #a0c346;transition: all 1s; }
.fw .fw-list dd:last-child{ margin-right:0px;}
.fw .fw-list dd img{ height: 210px; display: block; margin: 0 auto; }
.fw .fw-list dd h2{ padding:0 30px; box-sizing:border-box; font-size:16px; line-height:23px; color:#333; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fw .fw-list dd p{ padding:0 20px;  box-sizing:border-box; margin-top:15px;font-size:14px; line-height:18px; color:#999; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis; text-align:center;}

.new-list dd{ position:relative;}
.new-list dd .thumb{ height: 150px; overflow: hidden; margin: 0px 0 20px;}
.new-list dd .thumb img{ width:100%; border-radius:0px;}
.new-list dd{ margin-bottom: 20px; float:left; width:380px; height:300px; background:#f4f4f6; margin-right:30px; border-bottom:3px solid #cacacc;transition: all 1s; }
.new-list dd:hover{ border-bottom:3px solid #a0c346;transition: all 1s; }
.new-list dd:last-child{ margin-right:0px;}
.new-list dd h2{ padding:0 20px; box-sizing:border-box; font-size:16px; line-height:23px; color:#333;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new-list dd p{ padding:0 20px;  box-sizing:border-box; margin-top:15px;font-size:14px; line-height:18px; color:#999; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:3;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.new-list .date{ position:absolute; left:0px; top:-10px; padding-top:25px; box-sizing:border-box; width:120px; height:160px; background:#a0c346; }
.new-list .date em{ display:block;font-size:80px; line-height:80px;color:#fff; text-align:center;  }
.new-list .date span{ display:block;font-size:18px; line-height:25px; color:#fff; text-align:center;  }


/*��篁�������*/
.serve { width:1200px; margin:0 auto; padding-top:50px;}
.serve h2{ padding-left:20px; border-left:2px solid #a0c346;  font-size:18px; line-height:40px; color:#333;box-sizing:border-box; margin-bottom:20px;}
.serve dd{ width:585px; height:120px; float:left; padding-left:90px; position:relative; box-sizing:border-box; margin-bottom:20px;}
.serve dd .serve-icon{ position:absolute; left:0px; top:0px; width:70px; height:70px; background:#99bf38; text-align:center;  }
.serve dd .serve-icon i{font-size:30px; line-height:70px; color: #fff; display:block; }
.serve dd .serve-icon i:hover{ transform:rotate(180deg); transition:all .5s;}
.serve dd h5{ font-size:16px; line-height:20px; color:#99bf38; margin-bottom:10px;}
.serve dd p{ font-size:14px; line-height:18px; color:#666;display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:3;-webkit-box-orient: vertical;text-overflow:ellipsis;}

/*�割���篁�*/
.about-us{ width:1200px; margin:0 auto; padding-top:50px;}
.about-us h2{ padding-left:20px; border-left:4px solid #a0c346;  font-size:18px; line-height:40px; color:#333;box-sizing:border-box; margin-bottom:20px;}
.about-us .about-us-main{ width:100%; overflow: hidden; }
.about-us .about-us-main.about-us-main-a{ margin-bottom:20px;}
.about-us .about-us-main .show-img{ width:400px; height:280px;}
.about-us .about-us-main .show-img img{ width: 96%;}
.about-us .about-us-main .show-text{ display: flex; flex-direction: column; width:800px;}
.about-us .about-us-main .show-text h5{font-size:16px; line-height:24px; color:#99bf38; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.about-us .about-us-main .show-text p{ font-size:14px; line-height:24px;color:#666; margin:15px 0 0; }
.about-us .about-us-main .show-text p.news-p{ flex:1; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:6;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.about-us .about-us-main .show-text .show-btn{ width:130px; height:40px; background:#5c9bbc; text-align:center; border-radius:4px; margin-top:25px; }
.about-us .about-us-main .show-text .show-btn a{  font-size:14px; line-height:40px;color:#fff;}
.about-us .about-us-main .show-text.show-text-a{ width:800px; height:auto; }
.about-us strong{ font-weight: 600;}
.about-us{ width:1200px; margin:100px auto; }
.about-us .about-title{font-size:25px; line-height:30px; color:#333; margin-bottom:30px;}

.article{ width:1200px; margin:100px auto; }
.article h2{font-size:34px; line-height:40px;color:#333; text-align:center; margin-top:40px; }
.article .art_img{ max-width:100%; margin:20px auto; text-align: center;}
.article .art_img img{ max-width: 100%;}
.article .art_text{ width:100%; padding:10px; box-sizing:border-box;}
.article .art_text p{font-size:14px; line-height:22px; color:#666; margin-top:20px;}
.article .art_btn{ width:100%; text-align:center; margin:40px 0 30px; }
.article .art_btn a{ display:inline-block; font-size:14px; line-height:22px; color:#666; margin:0 20px; }
.article .art_btn a.grey{ display:inline-block; font-size:14px; line-height:22px; color:#999; }
.article .fx{ width:100%; height:36px;  }
.article .fx .fx-p{ font-size:14px; line-height:36px; color:#666; margin-right:20px;}

.map{ width:1200px; margin:30px auto; height:500px;}