#wrapper{width:100%;height:auto; margin:40px 0 55px}
.maincon{width:1186px;min-height:500px;float:left;margin-top:30px;}
/*左边内容 */
.left{width:260px;float:left;}


/*右边内容 */
.right {width:890px; min-height: 300px; float: right;}


/*左边导航*/
.left .l_tit{height:55px;font-size:18px;background: #efbc0c;line-height: 55px;text-align: center; color:#333}
.left .l_tit span{font-size:16px;display:block;font-weight:normal;}
.l_menu ul{padding-bottom:20px;}
.l_menu li{border-bottom: 1px solid #e5e5e5;}
.l_menu li a{ color:#;font-size:14px; display:block; line-height:50px; padding-left:50px;background:#f4f4f4 url(../images/dbico.png) no-repeat 20px center;}
.l_menu li a:hover{color:#efbc0c; background:#f4f4f4 url(../images/dbico2.png) no-repeat 20px center;}



.l_con{width:auto; font-size:14px;padding:20px;line-height:28px;background: #f4f4f4}
/*右边导航*/
.r_tit{height:55px;line-height:55px;font-size:18px; background:#efbc0c url(../images/fyico.png) no-repeat 20px center;; padding:0 20px 0 50px; margin-bottom:40px}
.r_tit span{float:right;padding:0 10px 0 20px;display:inline-block; font-size:14px;}
.r_tit span a{}
.r_tit span a:hover{color:#fff;}

.r_con {line-height:28px;font-size:14px ;overflow:hidden;}


.r_abo {padding:20px;line-height:2em;font-size:14px;overflow:hidden; text-indent:2em;}

.r_abo p{line-height:2em;font-size:16px;}

.abo_tit{ font-size:28px; line-height:40px; margin-bottom:10px; text-align:center}

.r_con2 { width:870px; float:right; padding:10px 15px;line-height:26px;font-size:14px;overflow:hidden; margin-top:10px;}
.r_con2  p{line-height:26px;}
/*新闻列表*/
.r_new_list{overflow:hidden;}

.r_new_list li{padding:15px 18px;border-bottom:1px dashed #999;background:url(../images/san_03.png) left 22px no-repeat;}
.r_new_list li i{ margin-right:10px; font-style:normal;color: #293036;}
.r_new_list li span{float:right; }


/*产品列表*/
.gallery {width: 890px; }
.gallery li { width:22.75%; height:auto;float: left; margin-right:3%; margin-bottom:20px}
.gallery li:nth-child(4n){margin-right:0;}
.pro-pic {position: relative; width:100%; height:auto;overflow:hidden; }
.pro-pic img, .pro-pic a{width: 100%; overflow:hidden;display: block;transition: .4s transform;transform: translateZ(0); /* hack */}
.pro-pic:hover {z-index: 1;}
.pro-pic:hover img {transform: scale(1.3, 1.3);transition: .8s transform; }

.pro-tit{ text-align:center; width: auto; height:auto; line-height:40px; font-size:14px}


.gcpic{ width:100%; text-align:center}

.cppic{ width:400px; height:400px}
.cppic img{ width:400px; height:400px}
.pagebar{text-align:center;padding:20px 0;clear:both;}
.pagebar span{ padding:0 5px}
.pagebar a{ padding:0 5px}

._title{ font-size: 20px ; text-align: center; line-height:2em;}
.description{text-align: center;color: #5A5A5A; font-size:12px;  padding:5px 0 20px;}

.cpxh{ margin-left:40px; width:450px;}
.cpxh_tit{font-size: 20px ; margin-bottom:30px}
.cpxh p{ font-size:14px; line-height:28px;margin-bottom: 15px;}
.fhcp{padding-bottom: 5px;}
.fhcp a{padding-left: 15px;color: #808080;background: url(../images/bico.gif) no-repeat left center;}
.fhcp a:hover{ color:#efbc0c}

.conxq{background: #efbc0c; color:#333; font-size:18px; padding-left:20px;line-height:55px; margin:45px 0 20px 0; }

.n-p{ margin:20px 0}
.n-p li{ float:left; width:50%}


.bottom {width:1000px;height:20px;background:url(../images/con_bottom_bg.png) 1px;}



 /*招聘列表*/
.zp_tb{width:98%;border-collapse:collapse;border:1px solid #ccc;text-align:center;margin:20px auto;}
.zp_tb td{padding:16px 0;font:14px/14px "微软雅黑";}
.zp_tb .zp_tit{background:url(/images/zp_tit_bg.png) left bottom no-repeat;}
.zp_tb .zp_tit td{font-size:16px;color:#5F1D8F;}
.zp_tb a:hover{color:#F00;text-decoration:underline;}

/*放大镜*/
.tb-pic{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic img{vertical-align:middle; }
.tb-s310, .tb-s310 {height:310px;width:310px;}
.tb-s310, .tb-s310 img{max-height:310px;max-width:310px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1; }
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}