@charset "gb2312";
/* CSS Document */
* {	padding: 0;	margin: 0;	box-sizing: border-box;}
fieldset,../images,abbr,acronym {border:none;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6,b {font-size:100%;font-weight: normal;}
ol,ul,li {list-style:none;}
li{vertical-align: middle;}
body{ font-size:14px; color: #535353; font:15px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
a {	text-decoration: none;	color:#535353;}
a:hover{color: #8bbd04;}
.clearfix:after {clear: both;content: "$";display: block;height: 0;overflow: hidden;visibility: hidden; font-size:0;}
.clearfix{*zoom:1;} 
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.w1200{ width:1200px; margin: 0 auto;}
.green{ color: #8bbd04;}
.tc{ text-align:center;}
.top{ background-color: #8bbd04; height: 40px;}
.top ul{ float:right;}
.top li{ float:left; color: #fff; line-height: 40px; padding: 0 8px;}
.top li a{ color:#fff;}
.top li.l1{background: url(phone.png)/*tpa=http://localhost:9091/images/phone.png*/ left center no-repeat; padding-left: 25px;}
.top li.l3{background-color: #6b9300}
.top li.l3 a{background: url(sc.png)/*tpa=http://localhost:9091/images/sc.png*/ left center no-repeat; padding-left: 25px;  ;display: block;}
.nav .w1200{ position:relative;}
.nav .logo{ background: url(logo.png)/*tpa=http://localhost:9091/images/logo.png*/ no-repeat; width: 339px; height: 197px; position:absolute; left: -40px; top: -40px; z-index: 999;}
.nav ul{ float:right;}
.nav li{ float:left; line-height: 116px; font-size:15px; position: relative;}
.nav li.on h3 a{color: #89bb01;}
.nav li h3 a{ font-weight:500;}
.nav li a{ padding: 0 9px 0 14px;}
.nav .sub {display:none; width:150px;position:absolute; top:80px; background:#ffffff; left: -25px; padding:35px 0 8px 0;/* box-shadow: 0 0 6px #a2a2a2;*/ z-index: 999; border-radius: 5px;}
.nav .sub li {height:35px;line-height:35px;float:left;width:150px; text-align:center; border-bottom:1px solid #efefef;}
.nav .sub li a {display:block;font-size:14px; color:#666}
.nav .sub li a:hover {color:#89bb01;}
.slideBox{ width:100%; height:680px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:48%; bottom:20px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;   }
.slideBox .hd ul li{ float:left; margin-right:3px;  width:35px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:680px;  }
.slideBox .bd img{display:block;  }
.slideBox .bd li .slideb{ width:506px; height: 306px; position: relative; left: 0; top: 100px;}
.about{ background:url(about.jpg)/*tpa=http://localhost:9091/images/about.jpg*/ top center no-repeat; height: 768px;}
.about .w1200{ padding-top:220px; }
.about .fl{ width:635px;}
.about .t h1{ font-size:24px; font-weight: bold; margin-bottom: 5px;}
.about .t span{ color:#999;}
.about .x{ background-color: #f7b049; height: 2px; width: 80px; margin: 20px 0;}
.about .a{ text-indent:2em; line-height: 28px;}
.about .ys dl{ float:left; width: 160px; border-right:1px solid #dedede; text-align: center; margin: 40px 0;}
.about .ys dl b{ font-weight:bold; color:#f7b049; font-size: 25px; }
.about .more{ border:2px solid #8bbd04; color: #8bbd04; height: 40px; width: 120px; text-align: center; line-height: 36px;display: block;}
.about .fr{ width:390px; height: 440px; margin-right: 50px;}
.pro .t{ margin: 70px 0;}
.t1{ background:url(t1.png)/*tpa=http://localhost:9091/images/t1.png*/ 50% 20px no-repeat; height: 75px;}
.t1 h3,.t2 h3{ color:#8bbd04; font-size: 36px;; font-weight: bold; margin-bottom: 10px;}
.t2{ background:url(t2.png)/*tpa=http://localhost:9091/images/t2.png*/ 50% 20px no-repeat; height: 75px; color: #fff;}
.t2 h3{ color:#fff;}
.picScroll-left{ position:relative; }
.picScroll-left .hd{} 
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:36px; height:54px;   overflow:hidden; position: absolute; cursor:pointer; background:url("arrow.jpg")/*tpa=http://localhost:9091/images/arrow.jpg*/ 0 0 no-repeat; top: 46%; }
.picScroll-left .hd .prev{left:-25px;}
		.picScroll-left .hd .next{ background-position:-36px 0;  right: -25px;}
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("icoCircle.gif")/*tpa=http://localhost:9091/images/icoCircle.gif*/ 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li .pic{ text-align:center;  position: relative;}
.picScroll-left .bd ul li .pic img{ width:362px; height:447px; display:block; border:1px solid #dedede; }
.picScroll-left .bd ul li:hover .title{display: block;}
.picScroll-left .bd ul li .title{ background:url(pro_bg.png)/*tpa=http://localhost:9091/images/pro_bg.png*/ no-repeat; position: absolute; width: 365px; height: 449px; top: 0; vertical-align: middle; display: none;}
.picScroll-left .bd ul li .title a{ color: #fff;}
.picScroll-left .bd ul li .title h2{ font-size: 30px; font-weight: bold; border-bottom: 1px #fff solid; width: 180px; margin: 170px auto 15px; padding-bottom: 15px;}
.picScroll-left .bd ul li .title p{ font-size:20px; line-height: 36px;}

.youshi{ background: url(ab3.jpg)/*tpa=http://localhost:9091/images/ab3.jpg*/ top center no-repeat; padding-top: 50px; margin-top: 70px;}
.youshi .ytop{ margin-top:50px;}
.youshi .ytop .fl{ width:417px;}
.youshi .ytop .fr{width:705px; background: url(01.jpg)/*tpa=http://localhost:9091/images/01.jpg*/ left top no-repeat;margin-top: 170px; padding-left: 80px;}
.youshi .ytop .fr h4,.youshi .ybm .fl h4{ font-size:24px; color: #232323; font-weight: bold; margin-bottom: 15px;}
.youshi .ybm .fl{background: url(02.jpg)/*tpa=http://localhost:9091/images/02.jpg*/ left top no-repeat;width: 650px;padding-left: 80px;margin-top: 50px;}
.youshi .ybm{margin:30px auto 70px;}
.youshi .ybm .fr{ width:472px;}

.ry{ background-color: #8bbe00; padding-top: 50px;}
.picMarquee-left{ overflow:hidden; position:relative;  }
.picMarquee-left .bd{ padding: 50px 0; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ background-color: #fff;margin: 0 15px; float:left; _display:inline;  text-align:cnter;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:269px; height:184px; display:block;  border: 5px solid #fff;}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#e9fae0;  }
.picMarquee-left .bd ul li .title{ line-height:24px;  text-align: center; line-height: 40px;}
.picMarquee-left .bd ul li:hover{ background-color: #e9fae0;}
.new { padding: 70px 0;}
.new .t{ margin-bottom: 35px;}
.newbox{ border-bottom:1px dashed #ccc; padding: 35px 0;}
.new .date{ width: 80px; text-align: right; color: #999; font-size: 18px; line-height: 28px; padding-top: 20px;}
.new .date b{ color:#232323; display: block; font-size: 24px;}
.new .img{ margin:0 45px; }
.new .img img{width: 206px; height: 134px;}
.new .art{ width:824px; color: #999;}
.new .art h3{ font-size:18px; margin-bottom: 12px; color: #232323;}
.new .art:hover h3{ color:#8bbe00; }

.menu{ background-color: #89bb01; position: absolute; right: 0;bottom: 0; content: ''; padding-top: 40px; width: 380px; text-align: center; height: 160px;}
.menu span{ background-color: #fff; height: 3px; display: block; width: 40px; position: relative; left: 225px;}
.menu b{position: relative;
    padding-top: 10px;
    display: inline-block;
    font-size: 40px;
    color: #fff}
.page-menu {background:#fff; width:100%; border-bottom: 1px solid #dedede;}
.page-menu-box {overflow:hidden; position:relative; width:1200px; margin:0 auto;}
.menu-left li a {font-size:15px; line-height:65px; display:block; color:#333;}
.on-page {color:#89bb01 !important; /*font-weight: bold;*/}
.menu-left li a:hover {color:#89bb01; text-decoration:none;}
.menu-left li {margin-right:4%;}
.menu-left li a:hover:after, .on-page:after{background:#89bb01 !important; width:100% !important; transition: 0.3s linear 0s; }
.menu-left li a:after {margin: 0 auto; display: block; background: transparent; content:''; width:0%; height:3px; transition: 0.3s linear 0s; }
.page-menu-box ul {display:flex; width:100%; white-space: nowrap; float:right; text-align: right;}
.page-menu-box ul li{}
.PosList_a1{right:0; top:0; position: absolute; line-height:65px; font-size:14px; color:#999;}
.PosList_a1 img{margin-right:5px;}
.PosList_a1 a{color:#999;}
.PosList_a1 a:hover{color:#cca41a;}
.content{ padding:30px 0px; font-size: 16px; line-height: 36px;}
.content p{ text-indent: 2em; margin-bottom: 10px;text-align:justify;}

.p_right_content{width:1200px; padding:50px 0; margin:0 auto; line-height:240%; font-size:14px; text-align:justify;}

.f_right_content{width:1200px; padding-top:50px; margin:0 auto; line-height:240%; font-size:15px; text-align:justify;}
.f_right_content p{padding-bottom:15px;}
.f_right_content img{max-width:1200px;}
.about_product_content_content{width:1240px; margin-top:10px;}
.about_product_content_content ul li{width:380px; float:left; margin-right:28px; margin-bottom:28px; background:#fff; border:1px solid #eeeeee;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.about_product_content_content ul li:hover{background:#89bb01; border:1px solid #89bb01;transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-webkit-box-shadow:0px 5px 15px #d3d3d3;-moz-box-shadow:0px 5px 15px #d3d3d3;box-shadow:0px 5px 15px #d3d3d3;}
.about_product_content_content ul li .about_product_content_content_img{margin-top:8px; margin-left:8px;}
.about_product_content_content ul li .about_product_content_img{margin-top:13px; margin-left:13px;}
.about_product_content_content ul li .meta{line-height:50px; height:50px; font-size:18px; font-weight: bold; color: #232323; padding-bottom:0; margin-top:0;padding: 0 20px;}
.about_product_content_content ul li p{text-align:center; line-height:60px; height:60px; font-size:15px; padding-bottom:0; margin-top:0;font-size:18px;font-weight: bold; }
.about_product_content_content ul li .ProJj{ font-size:15px; padding: 0 20px;}
.about_product_content_content ul li .ProJz{ font-size:15px; padding: 0 20px; margin: 10px 0 20px 0;}
.about_product_content_content ul li .proJzl{float:left; border: 1px solid #dedede; display: block; width: 50%; text-align: center;}
.about_product_content_content ul li .ProJz .taobao{float:left; border: 1px solid #8bbd04;background-color: #8bbd04; color: #fff; display: block; width: 50%; text-align: center;}
.about_product_content_content ul li:hover .meta,.about_product_content_content ul li:hover .ProJz{color:#fff;}
.about_product_content_content ul li:hover p{ color:#fff;}
.about_product_content_content ul li:hover .ProJj{color:#fff;}
.about_product_content_content ul li:hover .ProJz .taobao{border: 1px solid #fff;background-color: #fff; color: #8bbd04 }


/* pro*/
.proul,.news{ padding: 2rem 0;}
.proul li{ float:left; width: 45%; margin-right: 5%; line-height: 2.2rem; position: relative;}
.proul li td{ padding:0rem;}
.proul li a.taobao{ background-color:#89bb01; display: block; position: absolute; width: 100%; text-align: center; line-height: 3rem; color:#fff; bottom:0rem; font-size: 18px; font-weight: bold;}
.proul img{ width:100%}
.proul table{ margin-top:2.5rem;}
.proul .proar{ margin-left:50px; padding-top: 40px; line-height: 40px; }
.probox h1,.newart h1{font-size:30px; font-weight:bold; text-align:center;  border-bottom:1px solid #e8e8e8; padding: 2rem;}
.probox{ font-size:16px;}
.probox h2{ font-size:18px; color: #fff; background-color: #89bb01; width: 135px; border-radius: 5px; margin: 2rem 0; text-align: center; line-height: 40px;}
.about_qt,.bigpic{  padding: 2rem;}
.bigpic{ text-align:center;}
.probox{ width: 1052px; margin: 0 auto;}
.newart span.xx{color:#969696; font-size:13px; font-weight:normal}
.newart .news{ font-size: 16px; line-height: 32px;}
.newart .news p{ text-indent: 2em;}
/* news */

.dk-news .news-item {
    padding: 50px 0;
    height: 360px;
    border-bottom: 1px dashed #D8D8D8
}

.dk-news .news-item .time {
    margin-right: 30px;
    padding: 20px 0;
    text-align: center;
    width: 100px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666
}

.dk-news .news-item .time .day {
    margin-bottom: 10px;
    font-size: 30px;
    color: #333;
    font-weight: bold;
    line-height: 30px
}

.dk-news .news-item .time .month {
    margin-bottom: 5px;
    color: #333;
    font-size: 16px;
    line-height: 16px
}

.dk-news .news-item .time .year {
    color: #999
}

.dk-news .news-item .pic {
    margin-right: 30px;
    width: 400px;
    height: 260px;
    background-size: cover
}
.dk-news .news-item .pic img{width: 400px;
    height: 260px;}
.dk-news .news-item .content {
    padding-top: 20px;
    width: 640px;
    height: 260px
}

.dk-news .news-item .content .title {
    margin-bottom: 30px
}

.dk-news .news-item .content .title a {
    font-size: 20px;
    color: #333;
    transition: all .2s ease-out;
    line-height: 26px
}

.dk-news .news-item .content .title a:hover {
    color: #89bb01
}

.dk-news .news-item .content .txt {
    margin-bottom: 80px;
    color: #999;
    line-height: 22px
}

.dk-news .news-item .content .know-more {
    float: right;
    color: #666;
    border-color: #666;
	border: 1px solid #666;
	padding: 0 15px;
}

.dk-news .news-item .content .know-more:hover {
    color: #89bb01;
    border-color: #89bb01
}


/*分页*/
.pages{text-align:center; vertical-align:middle; line-height:36px; padding:40px 0 0px; font-size:14px;}
.pages .pages_red{ font-weight:bold; color:#eb0000;}
.pages a{height:32px; line-height:32px; display:inline-block; border:1px solid #e6e6e6; padding:0 12px; vertical-align:middle; margin-right:5px;}
.pages a:hover{background:#89bb01; text-decoration:none; border:1px solid #89bb01; color:#fff;}
.pages a.pages_cur{ border:1px solid #89bb01; background:#89bb01; color:#fff;}
.pages_val{ height:22px; line-height:22px; border:1px solid #cfcfcf; vertical-align:middle; width:30px; text-align:center; color:#333; font-family:Verdana, Geneva, sans-serif;}
.pages_btn{ height:24px; line-height:24px; border:none; background:#b91313; cursor:pointer; color:#fff; font-family:Verdana, Geneva, sans-serif; padding:0 4px; vertical-align:middle;}
/*.article .fl{ width: 300px; position: relative; top: -50px;}
.article .fr{ width:850px;}
.article .menu{ background-color: #89bb01;}
.article .menu ul{ background-color: #fff; margin: 10px;}
.article .menu ul li{ line-height: 45px; font-size: 16px; }
.article .menu ul li h3{border-bottom: 1px solid #dedede; background:url(../images/ico1.png) 160px 10px no-repeat; padding: 0 30px;}
.article .menu ul li ul{ background-color: #faffeb; border-radius: 5px;}
.article .menu ul li ul li{border-bottom: 1px solid #dedede; text-align: center}
.article h2{ line-height:50px; text-align: center; font-weight: bold; font-size: 26px; color: #fff;}

.article .now h2{ font-size:20px; font-weight: bold; color: #89bb01; width: 120px; text-align: left; float: left;}
.article .now{ border-bottom:1px solid #dedede; padding: 0 15px;}
.article .now .fl{width:120px;}
.article .now .fr{ width:700px; text-align: right; line-height: 50px;}
.article .now img{ margin-right:5px; margin-top: 6px;}
.article .right_content{ padding:30px 20px;}
.article .right_content p{ text-indent: 2em; margin-bottom: 5px;}
*/



.foot{ background: url(foot.jpg)/*tpa=http://localhost:9091/images/foot.jpg*/ top center no-repeat; height: 413px;}
.foot ul{ text-align:center; padding: 50px 0 30px 0; border-bottom: 1px solid #555;}
.foot li{ float:left;}
.foot li a{color:#fff; padding: 0 29px; font-size: 15px;}
.fot_bm{ width:500px; margin: 80px auto 0; font-size: 16px; color: #fff; line-height: 28px;}
.fot_bm img{ margin-right:30px;}
.fot_bm a{ color:#fff; width: 148px; height: 16px; margin-top: 10px;}
.fot_bm p{ float:left;}


/*gotop*/
.cbbfixed {position:fixed; right:10px; transition: bottom ease .3s;bottom:-85px;z-index:3; cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color:#8bbe00;}
.cbbfixed .gotop {transition:background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background:url(side-icon02.png)/*tpa=http://localhost:9091/images/side-icon02.png*/;}
.cbbfixed .gotop:hover {background-color:#000;}
.cbbfixed .cweixin {background: #dadbdd;}
.cbbfixed .cweixin div {background: url(ewm.jpg)/*tpa=http://localhost:9091/images/ewm.jpg*/ no-repeat;width: 138px;height: 138px;position: absolute;left: -138px;top: -97px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background:url(side-icon01.png)/*tpa=http://localhost:9091/images/side-icon01.png*/ no-repeat;}



/*job */
.hrList_a1 {background: #fff;}
.hrList_a1_item {background: #fff; max-width: 100%; }
.last { margin-bottom:60px; }
.hrList_a1_item:nth-child(3n) { margin-right: 0; }
.hrList_a1_item>ul li.other span { margin-bottom:10px; display: block; }
.hrList_a1_title {padding:10px 0 10px 30px; cursor: pointer; overflow: hidden; border-bottom: 1px solid #eee; }
.hrList_a1_item:nth-child(even) .hrList_a1_title {background: #f8f8f8; }
.hrList_a1_title ul { overflow: hidden; }
.hrList_a1_button { display: none; border-top: 1px dashed #eee; margin:0 30px 0; padding-top:30px; padding-bottom:30px;}
.hrList_a1_button a.morehr:hover, .DownList_a1 li a:hover { background-color: #89bb01; transition-duration: .3s; }
.hrList_a1_button a.morehr, .DownList_a1 li a { text-align: left; cursor: pointer; display: block; height: 40px; line-height: 40px; padding-left:30px; width:120px; color:#fff; background: #6b9300; transition-duration: .3s; border-radius: 8px; font-size: 16px; margin: 0; }
.hrList_a1_item:first-child>ul, .hrList_a1_item:first-child .hrList_a1_button { }
.hrList_a1_item>ul { display: none; font-size: 16px; padding: 30px; }
.hrList_a1_item>ul li { font-size: 16px; line-height: 2.5; }
.hrList_a1_item>ul li.other { width: 100%; line-height: 22px; padding: 5px 0; color: #777; text-overflow: inherit; white-space: inherit; margin-top: 0; }
.hrList_a1_item>ul li span { }


.JobList_e1 { border: 1px solid #eee; margin-bottom: 35px; min-width: 600px; }
.hrList_a1_title li:first-child { color: #333; }
.job_title { padding: 15px 0; background: #89bb01; min-width: 600px; }
.job_title ul { overflow: hidden; padding-left: 30px; }
.job_title li { color: #fff; float:left; font-size:20px; width:21.25%; line-height: normal; }
.job_title i { display: inline-block; margin-right: 5px; vertical-align: middle; }
.job_title img {max-width: 25px; max-height: 20px; display: block;}
.job_title span { display: inline-block; vertical-align: middle; }

.hrList_a1_title li { width:21.25%; float: left; color: #999; font-size: 16px; box-sizing: border-box; }
.job_box { width: 100%; overflow: auto; }
.hrList_a1_button a.morehr { display: inline-block; vertical-align: top; font-size:14px;}
.hrList_a1_button span { display: inline-block; margin-left: 20px; font-size: 14px; line-height:40px; border-bottom: 1px dashed #00a126; padding: 0 10px; }
.hrList_a1_button span a:hover { text-decoration: underline; }
.job_type { display: inline-block; font-size: 14px; overflow: hidden; vertical-align: middle; margin-left: 50px; }
.job_type select { background: #f5f5f5; font-size: 14px; padding: 10px 20px; color: #666; line-height: 2; }
.job_type .L { float: left; }
.job_type span { color: #fba51a; }
.job_type .L a { padding: 5px 20px; border: 1px solid #ddd; border-radius: 3px; color: #777; margin-right: 10px; transition: 0.3s ease 0s; }
.job_type .R { float: right; }
.job_type .R form { display: inline-block; line-height: 30px; }
.job_type .R input { height: 29px; border-bottom: 1px solid #ddd; padding: 0 10px; line-height: 35px; color: #666; font-size: 14px; width: 200px; }
.job_type .R button { font-size: 14px; font-family:  Microsoft YaHei; border-radius: 3px; width: 80px; height: 30px; color: #666; background: #eee; margin-left: 20px; cursor: pointer; transition: 0.3s ease 0s; }
.job_type .L a:hover, .job_type .R button:hover { border-color: #fff; color: #fff; background: #fba51a; }
.job_type .R input:focus { border-bottom-color: #fba51a; }
@media only screen and (max-width: 1024px) {
.job_title li { font-size: 16px; }
.job_type { display: none; }
}
 @media only screen and (max-width: 800px) {
.hrList_a1_item>ul li { width: 100%; }
}
 @media only screen and (max-width: 720px) {
.hrList_a1_title { }
.job_title img { max-width: 20px; max-height: 16px; }
.job_title ul { padding: 0; }
.job_title li, .hrList_a1_title li { text-align: center; }
.hrList_a1_title { padding-left: 0; }
.hrList_a1_title li { font-size: 14px; }
.hrList_a1_item>ul li { font-size: 14px; line-height: 1.7; }
}
 @media only screen and (max-width: 500px) {
.hrList_a1_title { line-height: 8vw; white-space: normal; font-size: 5vw; }
}

.joinbox{ background: url(zsjm.jpg)/*tpa=http://localhost:9091/images/zsjm.jpg*/ no-repeat left top; height: 525px; padding-left: 650px; margin: 60px auto;}
.joinbox input{ border:1px solid #dedede; line-height: 30px; width: 250px;}
.joinbox textarea{border:1px solid #dedede; line-height: 30px; width: 250px;}
.joinbox .ft_red{ color:#FF0004}
.joinbox .sbm_btn{ background-color:#89bb01; color: #fff; line-height: 45px;}
/*右侧悬浮菜单*/
		.slide{
			width: 50px;
			height: 208px;
			position: fixed;
			top: 50%;
			margin-top: -126px;
			background: #666;
			right: 0;
			border-radius: 5px 0 0 5px;
			z-index: 999;
		}
		.slide ul{
			list-style: none;
		}
		.slide .icon li{
			width: 49px;
			height: 50px;
			background: url(icon.png)/*tpa=http://localhost:9091/images/icon.png*/ no-repeat;
		}
		.slide .icon .up{
			background-position:-330px -120px ;
		}
		.slide .icon li.qq{
			background-position:-385px -73px ;
		}
		.slide .icon li.wap{
			background-position:-384px -155px ;
		}
.slide .icon li.tel{
			background-position:-330px -128px ;
		}
		.slide .icon li.wx{
			background-position:-383px -114px ;
		}
		.slide .icon li.down{
			background-position:-330px -160px ;
		}
		.slide .info{
			top: 50%;
			height: 165px;
			position: absolute;
			right: 100%;
			background: #666;
			width: 0px;
			overflow: hidden;
			margin-top: -73.5px;
			transition:0.5s;
			border-radius:4px 0 0 4px ;
		}
		.slide .info.hover{
			width: 145px;
			
		}
		.slide .info li{
			width: 145px;
			color: #CCCCCC;
			text-align: center;
		}
		.slide .info li p{
			font-size: 1.1em;
			line-height: 2em;
			padding: 15px;
			text-align: left;
		}
		.slide .info li.qq p a{
			display: block;
			margin-top: 12px;
			width: 100px;
			height: 32px;
			line-height: 32px;
			color: #8bbe00;
			font-size: 16px;   
			text-align: center;
			text-decoration: none;
			border: 1px solid #8bbe00;
			border-radius: 5px;
		}
		.slide .info li.qq p a:hover{
			color: #FFFFFF;
			border: none;
			background: #8bbe00;
		}
		.slide .info li div.img{
			height: 100%;
		}
		.slide .info li div.img img{
			width: 100%;
			height: 100%;
		}
.slide .info li.tel p{ line-height:25px;}
.slide .info li.tel p span{ font-size:13px;}
		/*控制菜单的按钮*/
		.index_cy{
			width: 30px;
			height: 30px;
			background: url(index_cy.png)/*tpa=http://localhost:9091/images/index_cy.png*/;
			position: fixed;
			right: 0;
			top: 50%;
			margin-top: 90px;
			background-position: 62px 0;
			cursor: pointer;
		}
		.index_cy2{
			width: 30px;
			height: 30px;
			background: url(index_cy.png)/*tpa=http://localhost:9091/images/index_cy.png*/;
			position: fixed;
			right: 0;
			top: 50%;
			margin-top: 140px;
			background-position: 30px 0;
			cursor: pointer;
		}
		
		/*自适应 当屏小于1050时隐藏*/
		@media screen and (max-width: 1050px) {
			.slide{
				display: none;
			}
			#btn{
				display: none;
			}
			
		}