@charset "utf-8";

body{ background: #fff; font-family:"微软雅黑"; font-size:12px; line-height:24px; color:#666; min-width: 1000px; }
a{color:#666; text-decoration:none; -webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
a:hover{color:#757456; text-decoration:none;}

.fl{ float:left; }
.fr{ float:right; }
.cr{ clear: both; }

.w1000{width: 1000px; margin: 0 auto;}
.w1195{width: 1195px; margin: 0 auto;}

/*======================top======================*/
#top{width:100%; height:78px; background: url(../images/top-bg.png) repeat; position: relative; z-index: 99;}

#top .main{position: relative; height:78px;}

#top .logo{ display: inline-block; position: absolute; top: 0; left: -6px; z-index: 99;}
#top .tab{display: inline-block; position: absolute; top: 7px; left: 735px; height: 22px; line-height: 20px;}
#top .tab a{color: #8b8b8b; height: 22px; display: inline-block; margin-right: 20px; overflow: hidden; font-size: 12px; position: relative;}

#top .tab a span{position: absolute; display: block; height: 20px; padding: 0 5px; border: 1px solid #e5e5e5; left: 25px;}

#top .tab a.tab-cn{background: url(../images/tab-bg.png) left top no-repeat; width: 21px; overflow: hidden;}
#top .tab a.tab-cn:hover{width: 75px;}

#top .tab a.tab-en{background: url(../images/tab-bg.png) left center no-repeat; width: 21px; overflow: hidden;}
#top .tab a.tab-en:hover{width: 80px;}
#top .tab a.tab-phone{background: url(../images/tab-bg.png) left bottom no-repeat; width: 15px; overflow: hidden;}
#top .tab a.tab-phone span{left: 20px;}
#top .tab a.tab-phone:hover{width: 90px;}


/*=======================nav======================*/
#nav{ height: 36px; position: absolute; bottom: 0; }
#nav li{float: left; width: 106px; height:36px; position: relative; padding-right: 6px;}
#nav li a{ width: 106px; height: 36px; display: block; line-height: 28px; font-size: 13px; font-weight: bold; text-indent: 10px; color: #fff; overflow:hidden; background: url(../images/nav-li.png) 90px top no-repeat;}
#nav li:hover a,#nav li a:hover,#nav li.over a{color: #757456; background: #fff url(../images/nav-li.png) 90px bottom no-repeat;}

#nav li:first-child{margin-left: 98px; width: 76px;}

#nav li:first-child a{ width: 90px; text-indent: 38px; background: url(../images/nav-li-first.png) 15px top no-repeat;}
#nav li:first-child:hover a,#nav li:first-child a:hover,#nav li:first-child.over a{color: #757456; background: #fff url(../images/nav-li-first.png) 15px bottom no-repeat;}

#subNav{width: 100%; position: absolute; top: 78px; z-index: 98;background: url(../images/subNav-bg.png) repeat; height: 0; overflow: hidden;}
#subNav .main{position: relative; height: 43px; z-index: 99;}
#subNav ul{display: none; height: 38px; position: absolute; left: 170px;}
#subNav li{ height: 38px; line-height: 38px; overflow: hidden; float: left; position: relative;}
#subNav li a{display: block; font-size: 13px; padding: 0 28px; text-align: center; overflow: hidden; color: #757456; background: url(../images/subNav-li.png) left center no-repeat;}

#subNav li a:hover{color: #757456;}
#subNav li:first-child a{background: none;}


/*====================mainBanner=====================*/
#mainBanner{ position:relative; margin:0 auto; }
#mainBanner .bd{ position:relative; z-index:0; }
#mainBanner .bd li img{width:100%; vertical-align:top; }

#mainBanner .hd{z-index: 3; position: absolute; height: 18px; bottom: 18px; width: 65px; left: 50%; margin-left: -42px; overflow: hidden; padding: 0 7px 0 11px; background: url(../images/banner-hd-bg.png) repeat; border-radius: 9px; }
#mainBanner .hd ul{ text-align:center; height: 8px; margin: 5px 0; }
#mainBanner .hd ul li{ cursor:pointer; display:block; float: left; zoom:1; width: 8px; height: 8px; line-height: 8px; margin:0 5px 0 0 ; background: url(../images/banner-hd.png) left center no-repeat; overflow:hidden; text-indent: 999px; }
#mainBanner .hd ul li.on{ background-position:right center; }


/*=========================foot====================*/
#foot{ width:100%; text-align: left; height: 55px; line-height: 55px; position: relative; background: url(../images/foot-bg.jpg) repeat; z-index: 98; }

#foot ul.links{margin: 16px 0 0 0; width: 100px; height: 26px; background: #ececec;}
#foot ul.links li.show{width: 100px; height: 26px; line-height: 26px; float: left; position: relative; text-indent: 10px; background: url(../images/foot-links.png) 84px center no-repeat; }
#foot ul.links li.show input{background: none; border: none; width: 84px; height: 26px; color: #686868; font-size: 10px; line-height: 26px; font-family: "微软雅黑";}
#foot ul.links li.show ul{position: absolute; width: 100%; height: 26px; overflow-y: auto; top: -26px; left: 0; display: none; text-indent: 10px;}
#foot ul.links li.show:hover ul{display: block;}
#foot ul.links li.show ul li{float: none; background: #ececec; cursor: pointer;}
#foot ul.links li.show ul li a{display: block; color: #686868;}
#foot ul.links li.show ul li:hover{background: #ccc;cursor: pointer;}

#foot .con{margin-left: 198px; width: 550px; height: 55px; overflow: hidden;}

#foot .follow a{width:21px; height: 21px; display: block; margin: 16px 0 0 7px; background: url(../images/follow-bg.png) left center no-repeat; overflow: hidden;}

#foot .follow a.weixin{background-position: right center;}

/*	内页 */
/*====================banner=====================*/
#banner{ position:relative; margin:0 auto; }
#banner .bd{ position:relative; z-index:0; }
#banner .bd li img{width:100%; vertical-align:top; }

/*menu*/
.menu{height: 54px; width: 100%; border-bottom: 1px solid #edeaea;}
.menu .main{position: relative;}
.menu .tit{line-height: 54px; }

.menu .tit a{display: inline-block; margin-right: 10px; background: url(../images/menu-a.png) left center no-repeat; padding-left: 10px; color: #615e5e;}
.menu .tit a:first-child{ background: url(../images/menu-first.png) left 20px no-repeat; padding-left: 15px;}
.menu .menuUl{}
.menu .menuUl li{float: left; height: 54px; line-height: 52px; margin-left: 24px;}
.menu .menuUl a{font-weight: bold; color: #615e5e; height: 52px; display: block; border-bottom: 2px solid #fff;}
.menu .menuUl a.on,.menu .menuUl a:hover{ border-color: #757456;}

/*=========================con=======================*/

#con{border-bottom: 1px solid #edeaea; width: 100%; min-height: 660px; }

#con .con-line{ background: url(../images/con-line.png) 703px top repeat-y;}

/*video ul*/

ul.video{width: 1100px; margin: 55px 0 0 30px;}
ul.video li{width: 277px; text-align: center; float: left; height: 205px; margin: 0 55px 8px 0; }
ul.video li a{width: 277px; height: 205px; display: block; position: relative;}
ul.video li a img{display: block; width: 277px; height: 175px;}
ul.video li a span.litit{display: block; height: 24px; overflow: hidden; margin-top: 6px;}

ul.video li a span.icon{display: block; position: absolute; background: url(../images/video-li.png) center no-repeat; width: 100%; height: 50px; top: 62px;}


/*about 关于我们*/

#aboutFl{width: 676px; position: relative; overflow: hidden; padding: 40px 26px 40px 0; color: #746969;}

#aboutFr{width: 277px; padding: 18px 0;}
#aboutFr ul.video{width: 277px; margin: 0;}

/*honors*/
ul.honors{width: 700px;}
ul.honors li{width: 227px; height: 190px; text-align: center; float: left; margin:0 5px 20px 0;}
ul.honors li img{width: 211px; height: 146px; background: url(../images/honors-li.png) no-repeat; padding: 8px; display: block;}
ul.honors li span{display: block; height: 24px; margin-top: 4px; color: #333;}

/*=================imgShow   图片全屏展示===================*/
#imgShow{width: 100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99;  display: none;}

#imgShow .mask{background: rgba(0,0,0,0.75); width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 3;}

#imgShow .con{ width: 960px; height: 670px; background: url(../images/imgShow-con.png) no-repeat; -webkit-background-size: cover;
background-size: cover; left: 50%; margin-left: -480px; top: 50%; margin-top: -335px; position: absolute; z-index: 10; border-radius: 10px;}
#imgShow a.esc{position: absolute; background: url(../images/imgShow-esc.png) no-repeat; display: block; width: 21px; height: 21px; bottom: 35px; right: 30px;}
#imgShow a.prev,#imgShow a.next{display: block; overflow: hidden; width: 21px; height: 21px;  position: absolute; bottom: 35px; background: url(../images/imgShow-prev.png) no-repeat; z-index: 80; left: 30px;}
#imgShow a.next{background: url(../images/imgShow-next.png) no-repeat; left: 60px;}

#imgShow .con img{position: absolute; left: 30px; top: 30px; }
#imgShow .title{ display: block; width: 800px; text-align: center; height: 24px; line-height: 24px; position: absolute; left: 100px; bottom: 35px; color: #949494; overflow: hidden;}

/*pro*/
#con .main{position: relative;}

ul.protype{width: 1050px; margin-top: 40px;}
ul.protype li{width: 310px; height: 290px; float: left; text-align: center; margin: 0 35px 6px 0;}
ul.protype li img{width: 308px; height: 258px; border: 1px solid #ededed; display: block;}
ul.protype li span{ height: 24px; margin-top: 6px; display: block; font-weight: bold; color: #3f3e3e; font-size: 14px;}


ul.pro{width: 1050px; margin-top: 40px;}
ul.pro li{width: 310px; height: 290px; float: left; text-align: center; margin: 0 35px 6px 0;}
ul.pro li img{width: 308px; height: 258px; border: 1px solid #ededed; display: block;}
ul.pro li span{ height: 24px; margin-top: 6px; display: block; color: #615e5e;}


/*news*/

ul.news{margin-top: 30px;}
ul.news li{height: 95px; margin-bottom: 20px; background: url(../images/news-li.png) left bottom repeat-x; overflow: hidden;}

ul.news li .date{width: 125px; height: 70px; position: relative; background: #757456;color: #fff; text-align: center; font-family: "Arial";}
ul.news li .date .icon{position: absolute; display: block; background: url(../images/news-date.png) no-repeat; width: 5px; height: 11px; right: -5px; top: 30px;}
ul.news li .date .day{line-height: 70px; display: inline-block; width: 50px; font-size: 24px;}
ul.news li .date .year{display: inline-block; padding: 23px 0; line-height: 12px; width: 75px; }
ul.news li .date .year em{display: block; font-size: 11px;}

ul.news li .licon{width: 830px; height: 70px; overflow: hidden; margin-right: 20px;}
ul.news li .litit{display: block; height: 24px; overflow: hidden; color: #757456; font-size: 14px; font-weight: bold;}
ul.news li .limemo{color: #7f7f7f; line-height: 22px; height: 44px; overflow: hidden; margin-top: 4px;}

ul.news li:first-child{height: 166px;}

ul.news li:first-child .img{width: 200px; height: 138px; padding: 3px; border: 1px solid #edeaea;}
ul.news li:first-child .licon{width: 750px; height: 146px; overflow: hidden; margin-right: 20px;}
ul.news li:first-child .litit{display: block; height: 24px; overflow: hidden; color: #757456; font-size: 14px; font-weight: bold;}
ul.news li:first-child .hits{color: #9d9d9d; display: block; margin-top: 4px;}
ul.news li:first-child .limore{display: block; width: 86px; height: 26px; line-height: 26px; background: #757456; color: #fff; text-align: center; margin-top: 10px;}

#con .newsd{padding: 30px 0;}
#con .newsd h1{text-align: center; font-size: 18px; }
#con .newsd h2{text-align: center; font-size: 14px;  line-height: 50px; }

/*join */

#con .join{ padding: 30px 0; color: #666; line-height: 30px;}


#con .jobs{ padding: 30px 0;}
#con .jobs .kouhao{display: block; height: 24px; color: #333; font-size: 14px; margin-top: 20px;}

ul.jobsUl{width: 1000px; margin-top: 30px;}
ul.jobsUl li{width: 100%; margin-bottom: 1px;}
ul.jobsUl li .name{width: 100%; display: block; height: 54px; line-height: 54px; color: #fff; background: url(../images/jobs-li.png) 948px top no-repeat #bababa; }
ul.jobsUl li .name .jobs-name{display: inline-block; margin-left: 10px; font-size: 18px; padding-right: 14px; background: url(../images/jobs-li-line.png) right center no-repeat; margin-right: 12px;}
ul.jobsUl li .name .jobs-bumen{display: inline-block; font-size: 14px; padding-right: 14px; background: url(../images/jobs-li-line.png) right center no-repeat; margin-right: 12px;}
ul.jobsUl li .name .jobs-add{display: inline-block; font-size: 14px; }
ul.jobsUl li .name .shenqing{display: inline-block; color: #f7f7f7; margin-right: 68px;}


ul.jobsUl li .con{width: 100%; background: #f7f7f7; height: 0; overflow: hidden;}
ul.jobsUl li .con .content{padding: 40px;}
ul.jobsUl li .con .claim{width: 100%; height: 30px; line-height: 30px; m}
ul.jobsUl li .con .claim span{display: inline-block; margin-right: 15px; color: #666;}
ul.jobsUl li .con .claim span em{color: #818058;}

ul.jobsUl li .con .memo{line-height: 18px; color: #888; padding-top: 18px; border-top: 1px solid #dfdfdf; margin-top: 10px;}

ul.jobsUl li .on{background: url(../images/jobs-li.png) 948px bottom no-repeat #818058; color: #fff;}


.jobsd-table{width: 680px; color: #504f50;}
.jobsd-table tr{height: 36px;}
.jobsd-table .jobsd-tit{font-size: 14px; color: #000;}

.jobsd-table input[type='text']{width: 140px; height: 20px; line-height: 20px; border: 1px solid #cdcdcd; padding: 0 5px; font-size: 12px; color: #504f50;}
.jobsd-table textarea{width: 660px; height: 160px; padding: 5px; border: 1px solid #cdcdcd; font-size: 12px; color: #504f50; max-width: 660px;}

.jobsd-table input[type='reset']{width: 100px; height: 32px; border: none; background: #a5a5a5; font-size: 14px; color: #fff; margin-right: 12px; cursor: pointer; font-family: "微软雅黑";}
.jobsd-table input[type='submit']{width: 100px; height: 32px; border: none; background: #757456; font-size: 14px; color: #fff; cursor: pointer; font-family: "微软雅黑";}


/*culture*/
ul.culture{margin-top: 40px; width: 1100px;}
ul.culture li{width: 485px; height: 148px; overflow: hidden; float: left; margin: 0 30px 50px 0;}
ul.culture li .img{width: 212px; height: 148px;}
ul.culture li .licon{width: 255px; height: 148px; position: relative; overflow: hidden;}
ul.culture li .litit{display: block; max-height: 48px; overflow: hidden; color: #666; font-size: 14px; font-weight: bold;}
ul.culture li .memo{color: #666; height: 48px; margin-top: 5px; overflow: hidden;}
ul.culture li .limore{display: block; width: 86px; height: 26px; line-height: 26px; border: 1px solid #bcbcbc; background: url(../images/culture-li.png) 10px center no-repeat; color: #898989; text-align: left; text-indent: 28px; position: absolute; bottom: 8px;}


/*periodical*/
ul.periodical{margin-top: 40px; width: 1100px;}

ul.periodical li{float: left;}
ul.periodical a{ display: block; position: relative; width: 200px; height: 270px; padding: 18px; border: 1px solid #edebeb; margin: 0 16px 16px 0;}
ul.periodical a img{width: 200px; height: 270px;}
ul.periodical a span{position: absolute; width: 200px; height: 35px; line-height: 35px; background: url(../images/periodical-li.png) repeat; bottom: 18px; left: 18px; z-index: 5; text-indent: 12px; color: #fff;}


#periodical{width: 100%; }
#periodical .top{width: 100%; height: 39px; background: url(../images/periodical-top.jpg) repeat-x;}
#periodical .top .tit{display: inline-block; height: 34px; line-height: 34px; font-size: 14px; color: #fff;}
#periodical .top a{display: inline-block; height: 34px; line-height: 34px; color: #fff; margin-left: 36px;}

#periodical .con{margin-top: 18px; width: 100%;}

#periodical .bd{width: 1195px; height: 593px; overflow: hidden;}
#periodical .bd li{width: 1195px; height: 593px;}
#periodical .bd img{width: 1195px; height: 593px;}

/*cont  联系我们*/
#con .cont{ margin-top: 30px; width: 100%; }
#con .cont .tit{height: 40px; line-height: 40px; background: url(../images/cont-tit.png) left bottom no-repeat; display: block; margin-bottom: 10px;}

.cont-table{width: 600px; color: #666;}
.cont-table tr{height: 45px;}
.cont-table input[type='text']{width: 270px; height: 30px; line-height: 20px; border: 1px solid #d9d9d9; padding: 0 5px; font-size: 12px; color: #666;}
.cont-table textarea{width: 500px; height: 120px; padding: 5px; border: 1px solid #d9d9d9; font-size: 12px; color: #666; max-width: 500px;}

.cont-table input[type='reset']{width: 100px; height: 32px; border: none; background: #a5a5a5; font-size: 14px; color: #fff; cursor: pointer; font-family: "微软雅黑";}
.cont-table input[type='submit']{width: 100px; height: 32px; border: none; background: #757456; font-size: 14px; color: #fff; margin-right: 12px; cursor: pointer; font-family: "微软雅黑";}

.cont-table .cont-btn{ display: inline-block; margin-left: 20px;}
.cont-table .cont-btn a{color: #000;}

/*分页*/
div.pager{ text-align:center; color: #666; font-size: 14px; clear: both; padding: 20px 0 20px 0;  height:28px; line-height: 26px; }
div.pager span{margin: 0 0 0 10px; overflow: hidden; display: inline-block;}
div.pager a{display: inline-block; margin: 0 5px; color: #666;}


div.pagerPn{clear: both; height:52px; margin-top: 20px; padding-top: 10px; border-top: 1px dotted #666;}
div.pagerPn span{display: block;}
div.pagerPn span,div.pagerPn a{}


/*==============producttype======================*/

.producttype{ width: 150px; text-align: left; margin-left: -158px; position: absolute;}

.producttype1,.producttype1sel{ width: 150px; height: 24px; overflow: hidden; background: url(../images/type-li.png) left center no-repeat;}
.producttype1 a,.producttype1sel a{ display: inline-block; height: 24px; font-size: 14px; font-weight:bold; color: #000; overflow: hidden; padding-left: 12px;}

.producttype2,.producttype2sel{ width: 150px; height: 24px; overflow: hidden;}
.producttype2 a,.producttype2sel a{ display: inline-block; height: 24px; font-size: 12px; color: #333; overflow: hidden; text-decoration: underline; padding-left: 12px;}