/*.production {}
.production ul { width: 100%; height: auto; overflow:hidden;display: block; text-align: center; }
.production ul li { width: 33%; height: 245px; overflow: hidden; display: inline-block; box-sizing: border-box; border: 1px solid #fff; margin-bottom: 20px; transition: .3s all;}
.production ul li:hover { border: 1px solid #ddd; transition: .3s all;}
.production ul li:hover img { width: 106%; height: auto; margin: -3% 0 0 -3%; }
.production ul li img { display: block; margin: 30px auto 10px; transition: .3s all;}
.production ul li a { font-size: 12px; color: #333;}*/

.breadCrumb { }
.breadCrumb .breadCrumbBox { height:45px; line-height: 45px; font-size: 14px; color: #bbb; }
.breadCrumb .breadCrumbBox a { color: #666; padding: 0 10px;}

.productionDetail  { height: auto; overflow: hidden;}
.productionDetail img { width:255px; height: auto; display: block; float: left; border: 1px solid #ddd; }
.productionDetail .detail { width:660px; height: auto; display: block; float: right; font-size: 14px; line-height: 30px; color: #666; }
.productionDetail .detail p { display: block; padding: 15px 0; }
.productionDetail .detail .p_title { width:700px; height: auto; overflow: hidden; display: block; font-weight: bold; padding: 0px 0 20px; font-size: 20px; color: #333 }
.productionDetail .detail2 { width:100%; height: auto; display: block;  font-size: 14px; line-height: 30px; color: #666; clear: both;  padding: 30px 0 ;}
.productionDetail .detail2 .p_title { height: 30px; border-bottom: 1px solid #c2c2c2; position: relative; margin: 0 0 10px;}
.productionDetail .detail2 .p_title h4 {  width: 90px; background: #fff; line-height: 30px; margin:0 10px; position: absolute; text-align: center; border: 1px solid #c2c2c2;  border-bottom: 0; color: #333; font-size: 15px;}
.productionDetail .detail2 table { width: auto; border: 1px dotted #c2c2c2; }
.productionDetail .detail2 table tr th,.productionDetail .detail2 table tr td { border-bottom: 1px dotted #c2c2c2; padding: 0 12px;}
.productionDetail .detail2 table tr th { width: 100px; background: #efefef;}

.news { height: auto; overflow: hidden;}

.content { width:100%; line-height: 26px; font-size: 14px; margin: 15px auto 0; height: auto; overflow: hidden; color: #333; padding: 25px 0; }
.content p { padding: 10px 0; text-indent: 28px;}

.guestbook {}
.guestbook .guestbookForm { width: 800px; height: auto; margin: 30px auto 50px;}
.guestbook .guestbookForm label { display: block; padding: 10px 0; font-size: 12px;}
.guestbook .guestbookForm label strong { color: #f00;}
.guestbook .guestbookForm input { width: 100%; height: 30px; border: 1px solid #dadada; padding: 0 10px;}
.guestbook .guestbookForm textarea { width: 100%; height: 100px; border: 1px solid #dadada; padding: 0 10px;}
.guestbook .guestbookForm button { width: 120px; height: 40px; border: 0; background: #BD0000; border-radius:4px; color: #fff; margin-top: 30px;}

.contactInfo { height: 250px; overflow: hidden; padding: 60px 0 80px;}
.contactInfo .map { width: 56%; height: 250px; overflow: hidden; background: url(../img/map.png) no-repeat center center; background-size: 100% auto; float: right;}
.contactInfo .info { width: 42%; height: 250px;  float: left; font-size: 14px; line-height: 30px; color: #333;}
.contactInfo .info strong { display: block; line-height: 30px; background: #0db4b6; color: #fff; margin: 15px 0 6px; padding: 0 8px;}
.contactInfo .info i { color: #ccc; margin-right: 8px;}

.production {}
.production ul { width: 100%; height: auto; overflow:hidden;display: block; text-align: center;margin: 50px 0; }
.production ul li { width: 300px; height: 300px; overflow: hidden; display: inline-block; box-sizing: border-box; border: 1px solid #fff;  margin: 10px 15px 20px; transition: .3s all;}
.production ul li img { height: 200px; width: auto; display: block; margin: 0 auto 10px;}
.production ul li a { font-size: 20px; color: #333; display: block; text-align: left; padding: 10px 0;}
.production ul li span { font-size: 13px; color: #666; display: block; text-align: left; line-height: 22px;}


/**/
.contentMain {height: auto; overflow: hidden;}
.contentMain .contentRight {width:730px; float: right;} 

.contentMain .title {width:100%;height: auto;  text-align: center; background: url(../img/titleBg.png) no-repeat center center; background-size: auto 80%;}
.contentMain .title .text { width: ;  color: #444;}
.contentMain .title .text H2 { margin:6px 0; font-weight: normal; font-size: 22px;}

.news_menu { width:230px; height:auto; font-size:12px; text-align:center; border-radius:5px;  float: left; margin-top: 15px;}
.news_menu .tit { width:100%; height:60px; overflow:hidden; background:#0cb4b6; font-weight: bold; color: #fff; line-height:60px; font-size:24px;  }
.news_menu .tit i { margin-right:10px; color:#fff; margin-left: 15px;}
.news_menu ul { width:100%; height:auto; overflow:hidden; display:block; }
.news_menu ul li { line-height:60px; border-top:1px solid #fff; background: #d4d4d4 }
.news_menu ul li a { color:#444; font-size: 16px; }
.news_menu ul li.selected,.news_menu ul li:hover { background:#0cb4b6; font-weight:bold}
.news_menu ul li.selected a,.news_menu ul li:hover a { color:#fff;}

.news { text-align: center;}
.news ul { display: block; padding: 10px 0 25px;}
.news ul li { width: 100%; height: 62px; overflow: hidden; border-bottom: 1px dashed #ddd; padding: 15px 0;}
.news ul li p { width: 60px;  height: 62px;overflow: hidden; display: inline-block; text-align: center; margin-right: 20px; background: #0cb4b6; color: #fff; font-size: 12px;}
.news ul li p span { width: 100%; display: inline-block; font-size: 24px; padding: 6px 0 4px; border-bottom: 3px solid #fff; margin-bottom: 4px;}
.news ul li a { width: 900px; height: 62px; overflow: hidden; display: inline-block; color: #474747;  text-align: left}
.news ul li a h4 { margin: 0; font-size: 14px; padding: 5px 0 3px;}
.news ul li a span { font-size: 12px; line-height: 16px;}

.tags {}
.tags ul { text-align: center; }
.tags ul li { display: inline-block; width: 140px;  padding: 0 20px; line-height: 40px;}
.tags ul li a { color: #abfeff; padding: 0 20px; display: block;background: #152f33; border-radius:4px; transition: .4s all;}
.tags ul li a:hover,.tags ul li.selected a { color: #fff; padding: 0 20px; display: block;background: #0cb4b6; border-radius:4px; transition: .4s all;}

.gray { color: #999; display: block; line-height: 26px; padding-bottom: 5px; font-size: 12px; font-weight: normal;}
.wz { width:100%; line-height: 31px; font-size: 16px; margin: 15px auto 0; height: auto; overflow: hidden; color: #333; background-image: url(../images/nr_dl.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 25px; text-align: left;}
.wz .font { display:block; width:100%; height:auto; text-align:center; margin:-15px 0 0; padding-bottom:10px;}
.wz_t { text-align: center; line-height: 28px; padding:10px 10px; font-size: 20px; font-weight: bold; color: #333; margin-top: 6px; text-indent:0;}

.documentation { padding-bottom: 50px;}
.documentation .documentBox { padding-top: 30px;}
.documentation .documentBox .name { height: 40px; border-bottom: 2px solid #ddd; line-height: 40px;}
.documentation .documentBox .name a {color:black;}
.documentation .documentBox .name span {
        display: inline-block;
        width: auto;
        border-bottom: 2px solid #0cb4b6;
        font-size: 18px;
    }
.documentation .documentBox p {  padding: 20px 0 0px;line-height: 20px; font-size: 14px;}