.banner { position:relative; width:100%; height:418px; overflow: hidden;}
.container { padding:0px 0px 150px;background: url(../image/qdBg.png) no-repeat center bottom;}
.main>.wrap{min-height: 240px; height:auto !important;margin:0 auto;position: relative;}

.navbar{width: 100%;height: 71px;border-bottom: 1px solid #dfdfdf;margin-bottom:45px;}
.navbar .colPicTitle{float:right;font-size:14px;line-height:70px;color: #1b934c;padding-left: 20px;background: url(../image/house.png) no-repeat center left;}
.navbar .colPicTitle a{display:inline-block;color: #888;margin-right:6px;padding-right:12px;position: relative;}
.navbar .colPicTitle a:after{content: '>';font-family: 'simsun';position: absolute;right: 0;top: 0;color: #888}
.navbar .colPicTitle a:hover:after{color: #888}
.navbar .colPicTitle a.cptCur,.navbar .colPicTitle a:hover{color: #1b934c;}
.navbar .breadcrumbs{float:left;background: url(../image/line.jpg) no-repeat right center;}
.navbar .breadcrumbs a{font-size:14px;height:70px;display:block;float: left; line-height: 71px;color: #5b5b5b;position: relative;padding: 0 46px;background: url(../image/line.jpg) no-repeat left center;}
.navbar .breadcrumbs a:after{content: '';display: block;width:0%;height:1px;background-color: #1b934c;position: absolute;left:50%;bottom: -1px;visibility: hidden;opacity: 0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.navbar .breadcrumbs a.cur,.breadcrumbs a:hover{color: #1b934c}
.navbar .breadcrumbs a.cur:after,.breadcrumbs a:hover:after{visibility: visible;opacity: 1;width: 100%;left: 0}

.anchorBL{display: none !important;}

.join ul{overflow: hidden;}
.join li{background-color: #fff;overflow: hidden;border:1px solid #ddd;margin-bottom: 10px; border-radius: 6px; position: relative;}
.join li:after{content: '';display: block;width: 13px;height: 7px;background: url(../image/down.png) no-repeat 0 -7px;position: absolute;
right: 19px;top: 22px;}
.join li h2{width: 100%;height: 50px;font-size: 18px;line-height: 50px;color: #666;background-color: #f4f4f4;padding: 0 20px; border-radius:4px;cursor: pointer;}
.join li h2 span{display: inline-block;height: 100%;}
.join li h2 span:nth-child(1){width: 455px;color: #1b934c}
.join li h2 span:nth-child(2){width: 266px}
.join li h2 span:nth-child(3){width: 226px}
.join li .date_con{display: none; padding: 20px 35px 36px; line-height:22px;}
.join li .date_con h3{line-height:36px;}
.join li .date_con .prevent{display: inline-block;font-size: 14px;line-height: 32px;padding: 0 38px;background-color: #1b934c;border-radius: 8px;color: #fff}
.join li .date_con .prevent:hover{opacity: .8;}
.join li.active:after{background-position: 0 0}
.join li.active{border: 1px solid #1b934c}
.join li.active h2{background-color: #1b934c;color: #fff}
.join li.active h2 span:nth-child(1){color: #fff}

.message-tit{text-align: center;}
.message-tit h1{display: inline-block;font-size: 36px;line-height: 36px;color: #1b934c;background: url(../image/mTit.png) no-repeat center 16px;width: 495px;margin-bottom: 4px;}
.message-tit h1 span{display: block;font-size: 16px;line-height:50px;color: #a4a4a4;font-weight: bold;text-transform: uppercase;}
.message-tit p{font-size: 20px;line-height: 28px;color: #666;font-family: 'AdobeHeitiStd Regular';letter-spacing:8px}
.message-panel{}
:-moz-placeholder {color: #666;}
::-moz-placeholder {color: #666;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #666;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #666;}
input,textarea,button{border: none;outline: none;background: none; resize:none;color: #666;padding: 0 18px;font-size: 14px; height: 38px;background-color: #fff}
input:focus,.input:active{box-shadow: none;}
.message-panel{text-align: center;padding-top: 30px;}
.input-panel {border: 1px solid #dddddd;border-radius:50px;display: inline-block;overflow: hidden; margin:0 10px 30px;}
.input-panel:hover{border: 1px solid #aaa}
.input-panel input{width: 548px;height: 42px;font-size: 16px;line-height: 42px;color: #666}
.input-panel textarea{width: 1122px;height:165px;padding-top:12px;font-size: 16px;line-height: 24px;}
.input-panel.text-panel{border-radius: 20px;}
.submit input{width: 190px;height: 45px;font-size: 20px;line-height: 45px;background-color: #1b934c;border-radius: 50px;color: #fff}
.submit input:hover{opacity: .8;}

.news_list_dl {padding: 0 15px;}
.news_list_dl dt{border-bottom: 1px dashed #8c8c8c;padding-bottom:47px;overflow: hidden;}
.news_list_dl dt .news_list_dt_con{width:638px;float: left;}
.news_list_dl dt .news_list_dt_con h1{margin-bottom: 10px;font-size: 18px;padding-top: 4px;color: #888888;}
.news_list_dl dt .news_list_dt_con h1 span{font-size: 26px;line-height:36px;color: #1b934c;margin-bottom:3px; display: block;}
.news_list_dl dt .news_list_dt_con p{font-size: 14px;line-height:28px;height:85px; color: #888;overflow: hidden;}
.news_list_dl dt img{float: right;}

.news_list_dl dd{padding: 20px 0;border-bottom: 1px dashed #8c8c8c;overflow: hidden;position: relative;}
.news_list_dl dd img{float: left;margin-right: 22px}
.news_list_dl dd h2{font-size: 18px;line-height:32px;color: #1b934c;}
.news_list_dl dd h2 span{float: right;font-size: 12px;color: #999999}
.news_list_dl dd p{font-size: 14px;line-height: 26px;color: #666666;height:64px;}
.news_list_dl dd>a{font-size: 12px;line-height:30px;color: #1c934d;text-transform:uppercase;}
.news_list_detail{display: block;text-align: center;width: 100%;height: 45px;margin-top: 20px;background:#e0dee2 url(../image/view.png) no-repeat center;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
.news_list_detail:hover {background-color: #b9b5b5;}
.news_list_dl dd:hover>a{color: #999999}
.about_left {
  float: left;
  
  width: 50%;
}
.about_right {
  float: right;
  padding-left: 40px;
  width: 50%;
}

.page {color:#209238;font-size: 12px; line-height:12px; clear:both; display:table; margin:30px auto 0;}
.page a { float:left; width: 35px;height: 35px; color:#209238;font-size: 14px; line-height:35px;display:table-cell;text-transform: uppercase;text-align: center;border: 1px solid #cccccc;border-radius: 4px;margin: 0 6px}
.page a.pg-prev,.page a.pg-next {width:35px; height:35px; line-height: 35px; color: #8c8c8c;display:block;padding:0; margin:0 6px;font-family: 'simsun';font-weight: bolder;font-size: 16px;}
.page a:hover,.page a.current,.page a.pg-prev:hover,.page a.pg-next:hover  { color:#fff;background: #209238;border: 1px solid #209238;}

.newsInfo-tit{text-align: center;font-size: 28px;line-height: 30px;color: #333333;border-bottom: 1px dashed #8c8c8c;margin-bottom: 35px;}
.newsInfo-tit span{display: block;font-size: 12px;line-height: 30px;color: #1b934c;margin:10px 0;}
.proList{}
.proList li{width: 280px;border: 1px solid #fff;border-radius: 4px;overflow: hidden;height: 420px;}

.proList ul {overflow: hidden;}
.proList li {float: left;margin:10px 26px 0 0px;position: relative;overflow: hidden;}
.proList li:nth-child(4n){margin-right: 0}
.proList li .txt {background: rgba(255,255,255,1);line-height: 26px; font-size:14px; color: #9d9d9d;position: absolute;width: 100%;transition:top .25s;height: 100%;top:0;margin-top: 0;}
.proList li .txt .content {padding: 0 13px;}
.proList li .txt .content p{text-align: center;}
.proList li .txt .content p img{height: 320px; margin-top:30px;}
.proList li .txt h3 {color: #828181;font-size: 14px;font-weight: normal;line-height: 60px;border-top: 1px solid #1b934c;margin-bottom: 26px;}
.proList li .txt h3 a {display: block;}
.proList li .txt i {font:normal 24px/60px 'SimSun';color: #1b934c;float: right;-margin-top: 19px;transition:.3s;}
.proList li .txt:hover i {transform:rotate(-90deg);}
.proList li .txt .more {bottom:5%;line-height: 28px;border: 1px solid #dbdbdb;padding-left:11px;position: absolute;left: 31%;}
.proList li .txt .more span {font-family: 'SimSun';margin:0 20px 0 8px;display: inline-block;}

.proList li:hover {border: 1px solid #ddd;border-radius: 4px;overflow: hidden;}
.proList li:hover .txt {top: 0;margin-top: 0;}
.proList li:hover h3 a {color: #1b934c;}
.proList li:hover span {animation:arrMove 1.5s infinite;color: #1b934c;}
.proList li .txt .more:hover {border-color: #1b934c;color: #1b934c;}
@keyframes arrMove {0 {opacity: 1;transform:translateX(0);}100% {opacity: 0;transform:translateX(24px);}}

.proDetail{}
.proTab {width:530px;float: left; position: relative;overflow: hidden;}
.proTab .bd1 {float: left; width: 448px;height: 518px;overflow: hidden;border: 1px solid #dddddd;border-radius: 4px;}
.proTab .hd1 {float: right; height:518px;width:70px;overflow: hidden;padding-top: 25px}
.proTab .hd1 li {box-sizing: content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; width:68px;float: left;margin-bottom:8px;border:1px solid #ddd;opacity:0.7;filter:alpha(opacity=70);cursor:pointer;border-radius: 4px;overflow: hidden;}
.proTab .hd1 li.on {border:1px solid #1b934c;opacity:1;filter:alpha(opacity=100);}
.proTab a.prev,.proTab a.next { z-index: 99;position:absolute; right:0px;top:0px;display:block; width:70px; height:15px;cursor:pointer; border: 1px solid #dddddd;text-align: center;line-height:10px;color:#1b934c;border-radius: 4px;overflow: hidden;}
.proTab a.next { top:auto; bottom:0;line-height:20px;}
.proTab .prev:hover,.proTab .next:hover{border: 1px solid #1b934c;}

.proDescrible{float: right;width: 618px;font-size: 14px;line-height: 26px;color: #666666}
.proDescrible h1{font-size: 22px;line-height: 32px;color: #008245;padding-bottom: 12px;padding-top:6px; position: relative;margin-bottom: 20px;}
.proDescrible h1:after{content: '';display: block;width: 30px;height: 1px;background-color: #008245;position: absolute;left: 0;bottom: 0}
/*