@charset "utf-8";
/* CSS Document */
/* ti_list */
.ti_list{font-size: 20px;font-weight: bold; color:#333;text-align: left;line-height: 40px;margin-bottom:10px;margin-top: 20px;}


/* --------------------------------about---------------------------------------------- */
.about{text-align: center;}
.about dl{width:96%;height: auto;overflow: hidden;padding:20px 2%;}
.about dt{width:35%;}
.about dd{width:60%;}
.about dd strong{font-size: 14px;margin-right: 5px;display: inline-block;}
.about p{line-height: 28px;text-indent:2em;text-align: left;}

.heart li img{width: auto;height:280px;}
.about_ul li{float: left;width: 30%;margin-right: 3%;}
.about_ul li:last-child{margin-right: 0;}
/* --------------------------------------products---------------------------------- */
.list{width:100%;}
.list .tab{height:50px ;line-height: 48px;border-bottom: 2px solid #006633;}
.tab span{display: inline-block;line-height:50px ;text-align: center;cursor: pointer;font-size: 12px;font-weight: bold;padding: 0 1%;}
.tab span:last-child{margin-right:0 ;}

.tab strong{font-size: 18px;display: inline-block;width: 9%;}

.tab span.current{ background: #006633;}
.tab .current a{color:#fff;}
.tab_span{display: inline-block;width: 90%;}
.list ul .current{display: block;}
.list li{display: none;width: 100%;height: auto;overflow: hidden;}
.ti_r{text-align: right;color:#006633;}
.ti_r a{color:#006633;font-size: 14px;background: url(../images/more.jpg) no-repeat right center;padding-right:20px;line-height: 40px;width: 60%;text-align: right;}
.tables{width: 100%;height: auto;overflow: hidden;}
.tables tr{width: 100%;}
.tables tr:first-child{height: 50px;}

.tables td{width: 25%;}

.tables a{width: 80%;display: block;margin: 0 auto;/*position: relative;*/overflow: hidden;}
/*.tables img{position: absolute;left:0;top:0;z-index: 2;}*/
.tables  p{/*z-index: 10;position: absolute; left:0; top:160px;height: 120px;background: rgba(0,0,0,0.6);color:#fff;*/width: 90%;padding:0 5%;text-align: center;line-height: 36px;}
.tables span{display: block;}

.fly{width:500px; height: auto; position:absolute;left:0; top:0;z-index: 999; }



.pro_ol li{display: block;width: 25%;float: left;margin-bottom: 20px;text-align: center;}
.pro_ol .li_first{width: 100%;}
.pro_ol li  span{display: block;height: 170px;overflow: hidden;}
.pro_ol{width: 100%;height: auto;overflow: hidden;display: block;}
.pro_ol li img{width: 80%;}
/* -----------------------------------------------产品展示----------------------------------------

/* section.article */
.article>*{float: left;height: auto; overflow:hidden}

.article .line{display:inline-block;width: 45px;height:8px;border-top: 1px solid #ccc; transition:all 0.3s;}
.article_in{width: 31%;margin-right:2%;height: auto;overflow: hidden;}
.sec .last{margin-right: 0;}
.middle{height:46px;border-bottom: 1px solid #999;text-align: left;line-height:46px;background: url(../images/hr_down.png) center 0 no-repeat;background-size: 100% 5px;padding: 20px 10px 5px 10px;font-size: 30px;font-weight: normal;}
.middle a{color:#007dbb;}
.article_list{width: 100%;}
.article_list li{border-bottom: 1px solid #999;padding-top: 10px;box-shadow: 0 6px 6px -9px transparent;transition: all 0.5s ease;padding: 15px 0;}

.article_list li:hover{background: #fafafa; box-shadow: 0 6px 6px -6px rgba(0,0,0,0.5); color: #004976}
.article_list li:hover h5{background:url(../images/news_next.png) no-repeat 5px 5px; transition:all 0.3s}
.article_list .last{border-bottom: 0;}
.article_list a h5{color:#007dbb;font-size: 14px;line-height:22px; background:url(../images/news_next.png) no-repeat 12px 5px;padding:0 30px;}
.article_list a small{padding:0 30px;}

/* ----------------------------------------news-------------------------------------------dynamic */
section{padding-top: 50px;}
#dynamic{  margin-bottom: 30px;}
.dynamic{height: 170px;}
.dynamic_l{width:64% ; float:left;}
.dynamic_nav{height: 32px; width:100%; border-bottom: 1px solid #006633;}

.dynamic_nav h2{ font-size:20px; color:#006633; float:left;height: 32px;overflow:hidden;}
.dynamic_nav h2 span{color:#006633 ; margin-left: 16px;}


.dynamic_l dl{ border-bottom: 1px dashed #e0e1e5; overflow:hidden;margin-top: 20px;padding-bottom: 10px;}
.dynamic_l dl:hover{ border-bottom: 1px solid #006633;}
.dynamic_l dt{width:10%;}
.dynamic_l .day{display: block;font-size:50px;width:60px;height: 60px;line-height: 50px;text-align: center;border: 2px solid #006633;}
.dynamic_l .year{width: 64px;display: block;font-size: 12px;background: #006633;color:#fff;text-align: center;line-height: 24px;}
.dynamic_l h4{height:30px; font-size:16px; font-weight: bold; margin-top:8px;}
.dynamic_l dd{line-height: 20px;width:88%;}
.dynamic_l dl a{max-height:60px;overflow: hidden;display: block;line-height: 30px;}
.dynamic_r{width:30%; float:right;  }

.dynamic_r img{display: block; width:100%;margin-top: 25px;}
.dynamic_r h3{font-weight: normal; font-size:18px; margin-top: 26px; text-align: center;}


.ofa{width:100%;height:auto;overflow: hidden;background: #fafafa;}
.ofa li{ padding:1% 0; text-align: center; border-bottom: 1px dashed #ccc;height: auto;overflow: hidden;width: 96%;}
.ofa ul{width:100%;}
.ofa li h4{ background:url(../images/more.jpg) no-repeat 10px center;font-size: 14px;color:#666;text-align: left;padding-left: 30px;line-height:30px;}
.ofa h3{    border-bottom: 1px solid #dadada;line-height: 40px; height: 40px;font-weight: bold; background: #f5f5f5;text-align: left; margin: 0;}
.ofa i{  background: url(../images/common_v2.png) no-repeat left -60px; width: 15px;height: 20px; display: inline-block; margin-left: 10px; margin-top: 10px;}
.ofa li a{display: none;height:80px;width: 100%;margin-top: 10px; text-indent: 2em;}
.ofa li:first-child a{display: block;}
.ofa li:hover a{display: block;} 
.ofa a{line-height: 30px;max-height:60px;overflow: hidden;text-align: left;}
.ofa span{float:left;height:90px;overflow: hidden;line-height: 30px !important;display: block;width:100%;}
.ofa img{width:30%;height: auto; float: left;}
.ofa .current a{display: block;}
/* ----------------------------------job------------------------------------------------ */
.jobs h4{font-size: 16px;font-weight: bold;}
.jobs span{color:#006633;float: right;} 
.contact_job{background: #eee;margin-top: 20px;}
.contact_job dl{margin: 0;margin-top: 10px;width: 40%;font-size: 14px;margin-left: 10%;}
.contact_job li{width: 90%;margin: 0;font-size: 14px;margin-left: 10%;}
.contact_job .mg{}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/* ----------------------------------contact------------------------------------------------ */
/* contact_list */
.contact_list{margin-top: 50px;background: none; box-shadow:none;}
.contact_list dl{margin: 0;width: 100%;border-bottom: 1px dashed #006633;height: auto;overflow: hidden;}
.contact_list dl>*{float: left;width: 30%;}
.contact_list li{margin: 0;}
.con_in{padding-top: 10px;}
.map{width:1197px;height:300px;border:#ccc solid 1px;}

/* ---------------------------------客户留言--------------------------------------------- */
.customer {width: 100%;margin-top: 20px;}
.customer td{background: #fff;line-height:60px;}

.customer label{font-weight: bold;font-size: 16px;text-align: right;display: inline-block;width: 150px;}
.customer input{display: inline-block;width: 350px;border: 1px solid #ccc;height:30px;padding-left: 10px;font-size: 14px; border-radius:5px; margin-left: 10px}
.customer b{font-weight: bold;}
.customer p{ text-indent:2em;}
.btn input{width: auto;padding: 0 16px;height: 30px;line-height: 30px;background:#006633 ;border: 0;color:#fff;cursor: pointer;}
.btn{text-align: center;}
.liu textarea{border: 1px solid #ccc;display:inline-block;float: left;width:340px;border-radius:5px;padding: 10px;margin-left: 10px;}
.liu label{display: block;float: left;} 
.verify_img{width:210px;display: block;margin-left: 200px;height: auto;}

/* -----------------------------------------------news-datel---------------------------------------- */
.news_sec{padding-top: 0;}
.tianqi{height: 90px;overflow: hidden;}
.news_top{height:90px;line-height: 90px;}
.news_top h2{font-size: 28px;height: auto;}
.news a{color:#006633;}
.news_detal{line-height:50px; text-indent:2em;color:#666; min-height:300px;font-size:18px;}
.news_detal h3{font-size: 18px;color:#333}
.time{width: 100%;height: auto;overflow: hidden;color:#999;line-height: 60px;font-size: 14px;}
.news_in{width: 100%;}

/* ----------------------------------------jobs_datel---------------------- */

.about_con,.job_con{ box-shadow:none;}
.pro_tab a{display: inline-block;line-height: 50px; text-align: center;margin-right: 10px;cursor: pointer;font-size: 12px;font-weight: bold;padding: 0 2%;}
.pro_tab .current{color:#fff;background: #006633;}
.pro_ti{font-size: 30px;line-height: 60px;font-weight: bold;color:#333;padding: 10px 0;}
.pro_in h4,.can strong{ font-size: 22px;font-weight: bold;color:#333;line-height: 50px;}
.can{width: 90%;padding:20px 5%;margin-top: 20px;}
.can img{width:80%;}