@charset "utf-8";
/* ��ҵ��� */
.con_content { }
.about_box { width: 830px;min-height:655px; height: auto; padding:0px; background-color: #FFF;float: right; margin-top: 10px;  }
.about_box2 { width: 830px;min-height:655px; height: auto; padding:0px;float: right; margin-top: 10px;  }
.about_content { line-height: 24px; font-size: 14px; padding: 20px }
.about_content p { margin-bottom: 15px; text-indent: 2em }
.about_content span{ display: block; margin: 20px;}
.about_content span img{ vertical-align: middle; display: inline-block; margin-right: 10px;}
.about_content p img{_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<700?"700px":""); overflow: hidden; max-width: 700px; text-align: center; display: block; margin: auto; text-indent: 0em}
.nh1 { line-height: 31px; height: 31px; font-size: 14px;  margin-bottom: 5px; }
.nh1 img{ float: left; margin-right: 5px; margin-top: 5px; vertical-align: middle}
.nh1 span { float: left; font-size: 14px; color: #666; }
.nh1 span a { color: #666; margin: 0 5px }
.nh1 span a:hover { color: #000 }
.nh2 { line-height: 31px; width: 1000px; margin:0px auto; height: 31px; font-size: 14px; border-bottom: #689014 2px solid }
.nh2 span {  font-size: 12px; color: #666; }
.nh2 span a { color: #666; margin: 0 5px }
.nh2 span a:hover { color: #000 }
.con_left { width: 350px; float: left; margin-top: 10px; }

.con_left ul { margin-top: 36px }
.con_left ul li { height: 40px; line-height: 40px; text-align: center; background: #f1f1f1; margin-bottom: 1px; border-bottom: #c7c7c7 1px solid }
.con_left ul li a { color: #333; display: block; }
.con_left ul li a:hover { background: #65B12D; color: #fff }

.te_left { width: 290px; float: left; margin-top: 10px; background: #FFF; height:400px; }
.te_left .titles img{  margin: 0px auto; padding:10px 0px 0px 0px }
.te_left .titles{ height:130px; color:#FFF; font-size: 18px; background-color: #B50005; text-align: center}
.te_left ul { margin-top: 5px; }
.te_left ul li { font-size: 16px; height: 40px; line-height: 40px; text-align: center;  margin-bottom: 1px; border-bottom: #fff 1px solid }
.te_left ul li a { color: #333; display: block; }
.te_left ul li a:hover { background: #f0f0f0;  border-left:3px #B50007 solid }
.te_left ul li.selist{background: #f0f0f0; border-left:3px #B50007 solid }

.te_right { width: 875px;margin-left:20px; min-height:655px;  background: #FFF; float: right; margin-top: 10px;  }

/* sliderbox */
.te_right .sliderbox{width:840px;height:500px; position:relative;padding:0px;margin:0px auto;}
.te_right .btn{position:absolute;display:none;padding-top:200px;width:22px;height:205px;cursor:pointer;text-indent:-999em;}
.te_right .pre{background:url(../images/left.png) no-repeat 0 200px;left:20px;}
.te_right .next{background:url(../images/right.png) no-repeat 0 50px;right:30px;}
.te_right #ztbox{width:100%;position:relative;height:160px;}
.te_right .bpic{ width: 840px; height:500px;}
.te_right .spic{width:840px;position:relative;background:#f9f9f9;padding-top:6px;height:60px;}
.te_right #left{width:13px;height:43px;float:left;top:40px;position:absolute;left:4px;cursor:pointer;background:url(../images/left.gif) no-repeat;}
.te_right #right{width:13px;height:43px;right:4px;top:40px;position:absolute;cursor:pointer;background:url(../images/right.gif) no-repeat;}
.te_right #conter{margin-left:18px;width:810px;position:relative;height:120px; margin-top:0px;float:left;display:inline;overflow:hidden;}
.te_right #conter .txt{display:none;}
.te_right #conter ul{width:auto;height:120px;overflow:hidden;top:0px;left:0px;position:absolute;}
.te_right #conter li{width:150px;cursor:pointer;height:96px;float:left;border:1px solid #eaeaea;display:inline;margin:0 0 0 4px;}
.te_right #conter li b,#conter li strong{font-weight:normal;}
.te_right #conter li.on{border:1px solid #898989;}
.te_right #conter li.on span{background:#898989;color:#fff;}
.te_right #conter li img{width:150px;height:96px;float:left;overflow:hidden;}
.te_right #conter li span{display:block;width:100%;line-height:17px;color:#797979;float:left;height:17px;overflow:hidden;background:#eaeaea;text-align:center;}
.te_right #scroll{background:url(../images/line.gif) repeat-x left bottom;width:840px;height:13px;left:0px;bottom:14px;cursor:pointer;position:absolute; }
.te_right #scroll span{width:142px;height:13px;left:0px;bottom:0px;cursor:pointer;position:absolute;background:url(../images/scrollBg.png) no-repeat;}


.te_right .tablediv{ padding-top: 40px; margin: 20px auto; width: 96%; clear: both; display: block}






.tebox{width: 100%; margin-top: 23px;}
.tebox ul{  margin:10px 0px; width: 100%;}
.tebox ul li{ display: inline-block; position: relative; margin-left: 20px; margin-bottom: 15px;}

.tebox ul li img{ width: 400px; height:270px; margin: 0px;}
.tebox ul li .telist{ width:400px; position: absolute; bottom:0px; background: rgba(0,0,0,0.5); font-size: 16px;line-height: 50px; text-align: center; color:#FFF;}

.zhaos{width: 100%; margin-top: 23px; clear: both; height:120px;padding-left: 25px;}
.zhaos ul{ margin:5px 10px 10px 10px;}
.zhaos ul li{
     display: block;
}
.zhaos .imgclass{ float: left; width: 160px;height:120px;}
.zhaos .imgclass img{ width: 160px;height:120px;}
.zhaos ul { float:left; margin-left: 20px; width: 640px;}
.zhaos ul  span{ float: right;font-size:12px;}
.zhaos ul li{height: 30px; line-height:30px; font-size: 14px;color:#383838;}
.zhaos ul li.gray{color:#666; font-size: 12px;}
.zhaos ul li span.tels{ font-size: 20px; color:#FF9900;}
.zhaos ul li span.tels img{ display: inline-block; vertical-align: middle}
.zhaos ul  button{margin-top:-25px;padding:2px 5px;border:1px #B50007 solid; color:#B50007; border-radius: 4px; background-color: #F9F9F9; float: right}

.zhaos ul h3{font-size: 18px; margin-bottom: 20px;color:#000;}
.zhaos ul h3 a{color:#333;}
.zhaos ul h3 a:hover{color:#ce0000;}
/* ��ҵ��̬ */
.news_list { margin: 10px 0; overflow:hidden}
.news_list li { background: url(../images/jt2.jpg) no-repeat left center; ; padding-left: 20px; line-height: 26px; font-size: 14px }
.news_list li span { float: right; color: #999; font-size: 12px }
.news_list li a { color: #333 }
.news_list li a:hover { color: #f00; text-decoration: underline }
/* ��ҳ */
.pagelist { text-align: center; color: #666; width:100%; clear:both; margin:10px 0}
.pagelist a { margin: 0 3px; padding:2px 5px; background-color: #d0d0d0;color:#333; font-size: 14px; }
.pagelist a:hover { background-color: #CE0000;color:#FFF  }
.pagelist .selected{ background-color: #CE0000;color:#FFF}

.case_list{ overflow:hidden; margin:20px 0}
.case_list li{ float:left; width:212px; display:block; height:242px; margin:2px 15px}
.case_list img{ width:200px; height:200px; padding:5px; border:#CCC 1px solid}
.case_list li a span{ line-height:26px; height:26px; width:100%; display:block; text-align:center; color:#FFF}
.case_list li:hover{ background:#ccc}