@charset "gb2312";
/* CSS Document */
/*--关于我们--*/
.zhishi{ width:100%; height:55px; border-bottom:1px solid #e7e7e7; min-width:1200px;}
.zhishi_con{ width:1200px; height:55px; margin:0 auto; line-height:55px; color:#333; font-size:16px; background:url(../images/shouye.gif) no-repeat 5px; padding-left:50px;}
.zhishi_con a{ padding:0px 5px;}
.zhishi_con a span{ color:#099859;}
.about{ width:1200px; margin:0 auto; margin-top:28px; margin-bottom:50px; overflow:hidden;}
/*--内页左侧--*/

.con_left{ width:265px; float:left;}
.con_left_pro{ width:265px; border:1px solid #afafaf; overflow:hidden;}
.con_left_pro h3{ width:201px;height:45px; line-height:45px; color:#fff; font-size:16px; background:url(../skins/pro_bg.gif) no-repeat 20px 11px;background-color:#007358; padding-left:65px; letter-spacing:3px; margin-bottom:10px;}
.con_left_pro ul li{ width:250px; height:32px; margin:0 auto; line-height:50px; overflow:hidden; border-bottom:1px dashed #c5c5c5; background:url(../skins/pro_li_bg.gif) no-repeat 15px 15px; padding-bottom:5px;}
.con_left_pro ul li span {width:250px; height:32px; margin:0px; padding:0px;background:url(../skins/class_lin.gif) no-repeat 15px 15px; padding-bottom:5px;}
.con_left_pro ul li a{ width:220px; height:32px; line-height:50px;  padding-left:56px; display:block;}
.con_left_pro ul li a:hover{color:#FF9900;}
.con_left_pro ul li:hover{ width:250px; height:32px; margin:0 auto; line-height:50px; border-bottom:1px dashed #c5c5c5; background:url(../skins/pro_li_bg1.gif) no-repeat 15px 15px;}
.con_left_lianxi{ width:265px; border:1px solid #afafaf; margin-top:20px; overflow:hidden; padding-bottom:15px;}
.con_left_lianxi h3{ width:201px;height:45px; line-height:45px; color:#fff; font-size:16px; background:url(../images/lianxi.png) no-repeat 20px 9px;background-color:#d76451; padding-left:65px; letter-spacing:3px; margin-bottom:10px;}
.con_left_lianxi span{ font-size:16px; font-weight:bold; padding-left:25px; padding-top:5px; display:block;}
.con_left_lianxi p{ line-height:28px; padding-left:25px; padding-right:15px;}
.con_left_pro ul .sbt{height:45px; font-weight:bold; padding-left:20px;  font-size:16px; background:url(); border-bottom:3px solid #007358;}
.con_left_pro ul .sbt:hover{height:45px; font-weight:bold; padding-left:20px;  font-size:16px; background:url(); border-bottom:3px solid #007358;}
.about_con{width: 265px;
    border: 1px solid #afafaf;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 15px;}
/*--内页右侧--*/
.con_right{ width:908px; min-height:650px; height:auto!important; height:650px; float:right;}
.con_right_bt{ width:908px; height:50px;  line-height:50px; padding-left:30px; box-sizing:border-box; border-bottom:3px solid #007358;}
.con_right_bt span{ width:45px; height:1px; background:#8d8d8d; float:left; margin-top:25px;}
.con_right_bt h3{ font-size:16px; height:50px; line-height:50px; float:left; padding:0px 8px;}
.about_img{ width:840px; margin:0 auto; background:url(../images/about.jpg) no-repeat; margin-top:40px; margin-bottom:30px;}
.about_nr{ width:908px;}
.network_nr{ width:908px;}
.about_nr p{ width:888px; font-size:15px; color:#333; line-height:35px; text-indent:2em; padding-left:20px;}
.talent_nr{ width:908px; padding-top:30px; padding-left:50px; box-sizing:border-box;}
.talent_nr h3{ font-size:15px; line-height:35px;}
.talent_nr p{ font-size:15px; line-height:35px;}

.xinwen_con{ width:908px;}
.xinwen_con ul li{ width:908px; height:105px; padding:26px 0px; border-bottom:1px dashed #cdcdcd; overflow:hidden;}
.xinwen_con ul li img{ width:164px; height:105px; float:left;}
.xinwen_con ul li .nr{ width:705px; height:105px; float:right;}
.xinwen_con ul li .nr h3{ width:705px; height:30px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xinwen_con ul li .nr h3 a:hover{ color:#099859;}
.xinwen_con ul li .nr p{ width:705px; height:50px; overflow:hidden; line-height:23px;}
.xinwen_con ul li .nr span{ color:#666; display:block; margin-top:5px;}

.xinwen_con_bt{ width:890px; height:60px; margin:0 auto; text-align:center; margin-top:35px; border-bottom:1px solid #ccc; padding-bottom:20px;}
.xinwen_con_bt h3{ font-size:16px; margin-bottom:15px;}
.xinwen_con_bt span{ color:#666;}
.xinwen_con_bt i{ font-style:normal; color:#666; margin-left:20px;}
.xinwen_con_nr{ line-height:35px; font-size:15px; padding:30px 0px;}
.xinwen_con_nr p{ line-height:35px; font-size:15px;}
.shang{ width:450px; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#666;}
.shang a{ color:#666;}


/*--产品--*/
.chanpin_con{ width:900px; overflow:hidden; padding-top:2px;}


.chanpin_con ul{ width:1220px; overflow:hidden; margin-top:35px;}
.chanpin_con ul li{ width:280px; height:250px; float:left; margin-right:30px; position:relative; margin-bottom:30px;}
.chanpin_con li img{ width:274px; height:203px; margin:0 auto; border:3px solid #e9e9e9; margin:0 auto; display:block; transition:all 0.5s;}
.chanpin_con li span{ width:280px; height:39px; border-bottom:1px solid #eaeaea; color:#666; text-align:center; line-height:39px; display:block;}
.chanpin_con li div{ width:280px; height:209px; margin:0 auto; overflow:hidden;}
.chanpin_con li:hover img{ transform: scale(1.1)}

.chanpin_con h3{ text-align:left; padding-left:5px;}
.chanpin_con .img{overflow:hidden; width:350px; height:350px; padding:1px; margin-right:10px; float:left; border:1px solid #CCCCCC;}
.chanpin_con .img img{ max-width:100%; height:auto; margin:0 auto; }
.chanpin_con p{ line-height:30px; color:#666; padding-left:5px; float: left; width: 535px; border-bottom:1px dotted #CCCCCC; margin-bottom:10px;}
.chanpin_con .hintcon{float:left; width:530px;}

.case_con ul{ width:1225px; overflow:hidden; margin-top:35px;}
.case_con ul li{ width:282px; height:230px; float:left; margin-right:30px; position:relative; margin-bottom:10px;}
.case_con li img{ width:276px; height:176px; margin:0 auto; border:3px solid #e9e9e9; margin:0 auto; display:block; transition:all 0.5s;}
.case_con li span{ width:282px; height:39px;color:#666; text-align:center; line-height:39px; display:block;}
.case_con li div{ width:282px; height:182px; margin:0 auto; overflow:hidden;}
.case_con li:hover img{ transform: scale(1.1)}


.contact_img{ width:684px; height:352px; margin:0 auto; background:url(../images/contact_img.jpg) no-repeat; margin-top:40px; margin-bottom:30px;}
.contact_nr{ width:688px; margin:0 auto; overflow:hidden; margin-top:40px;}
.contact_nr_ma{ width:161px; height:161px; float:left; margin-top:20px;}
.contact_nr_ma img{ width:161px; height:161px;}
.contact_nr_n{ width:450px; float:right;}
.contact_nr_n h3{ font-size:16px;}
.contact_nr_n p{ line-height:30px;}


.ditu_w{ width:1200px; height:700px; margin:50px auto; border:2px solid #eee; box-sizing:border-box;  padding-top:25px;}
.ditu_nnr{ width:1100px; height:auto; margin:0 auto; margin-top:25px;}
.ditu_nnr h3{ font-size:18px; color:#333;}
.ditu_nnr p{ width:1100px; height:auto; border:1px solid #ccc; overflow:hidden; padding:5px 20px; margin-top:20px; box-sizing:border-box;}
.ditu_nnr p a{ width:150px; height:30px; line-height:30px; display:block; color:#666; float:left;}
.ditu_nnr p a:hover{ font-weight:bold;}

.img{ }
.img img{ float:left; width:300px;}
.img h3{width:300px; float:right; }

#tab-head {
    margin-bottom: 10px;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #ddd;
    background-color: #f4f4f4;
    width: 900px;
	margin-top:30px;
}


#tab-head li.act {
    line-height: 37px;
    border: 1px solid #ddd;
    border-top: 2px solid #225aa7;
    border-bottom: none;
    color: #225aa7;
    background: #fff;
}

#tab-head li {
    padding: 0 18px;
    font-size: 14px;
    color: #666;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    clear: both;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}




.xg-title {
    /* width: 700px; */
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    margin: 0 auto;
    color: #ff6803;
    font-weight: bold;
    text-indent: 10px;
}

.tuli {
    margin: 5px auto;
    overflow: hidden;
    width: 900px;
    height: auto;
    padding: 5px 3px 25px 0px;
}

.xg-title {
    /* width: 700px; */
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    margin: 0 auto;
    color: #ff6803;
    font-weight: bold;
    text-indent: 10px;
}

#hezi {
    margin: 5px auto;
    overflow: hidden;
    width: 900px;
    height: auto;
    padding: 5px 3px 5px 0px;
}

.frontspan {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.backspan {
    width: 600px;
    margin-left: 20px;
}

.x{    width: 201px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    
    
    padding-left: 65px;
    letter-spacing: 3px;
    margin-bottom: 10px;
	border-bottom:3px solid #099859;
	}

.x li {
    float: left;
    width: 267px;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    border-bottom: 1px dashed #ccc;
   
}


.xg-title { 
     
     height: 45px;
	 line-height: 45px;
     color: #fff;
	 font-size: 16px;
	 margin-top:20px;
	 border:0px;
	 border-bottom:3px solid  #007358;
	 
}
.abouttab{
  
  color:#099859;
  width:150px;
  float:left;
  margin-left:3px;
  margin-top:10px;
  text-align:left;
  height:35px;
  }
 .cc li{line-height:150%; list-style:none;}
 .titleclass{float:left;}
 .tagclass{padding-left:3px; padding-right:2px;}
 .pn{ height:30px; line-height:30px; border:1px solid #ccc; margin:0 auto; color:#ff6803; font-weight:bold; margin-top: 30px;}
 .xg-artical{padding-left:12px;}
 .xg-artical li{margin-bottom:7px; overflow:hidden;}
#dtcon{line-height:150%;}