body { font-family: 寰蒋闆呴粦, "Open Sans", sans-serif; font-size: 14px; color: #fff; line-height: 30px; background: #212222 url(../images/bg2.jpg) no-repeat center center; background-size: cover; } input, select, textarea { font-family: 寰蒋闆呴粦, "Open Sans", sans-serif; font-size: 1em; ; } .wrap { width: 96%; margin: 0 auto; max-width: 1300px; position: relative; } h3 { font-weight: normal; } .over { overflow: hidden; } img, a { border: 0; } ul, li { list-style: none; } * { margin: 0; padding: 0; } .flt { float: left; } .frt { float: right; } .clear { clear: both; } p { color: #B2B2B2; } .clear:after, .clear:before { content: ''; clear: both; display: table; } img { max-width: 100%; } .img { overflow: hidden; position: relative; opacity: 1; } .img:hover{opacity: 1;} .img:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); z-index: 100; } .img:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); } .img:hover img { transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); } .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; margin: 0 !important; padding: 0 !important; } .owl-theme .owl-controls { bottom: 0%; height: 0; } .owl-theme .owl-controls .owl-nav { height: 0; position: relative; } .owl-theme .owl-controls .owl-nav .owl-prev { left: 5%; } .owl-theme .owl-controls .owl-nav .owl-next { right: 5%; } .owl-theme .owl-dots .owl-dot span { width: 4px; height: 4px; opacity: .2; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { opacity: 1; width: 30px; background: #fff; } *, *:after, *:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } /*----------header----------*/ .header { position: fixed; top: 0; left: 0; width: 100%; border-bottom: 1px solid rgba(255,255,255,.26); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; line-height: 80px; } .header.fixed { background: rgba(0,0,0,0.3); } .header .logo { width: 215px; text-align: center; } .header .logo img { vertical-align: middle; } .h_icon { padding: 0 40px; color: #fff; text-align: center; border-left: 1px solid rgba(255,255,255,.26); } .h_icon span { display: inline-block; padding-left: 30px; } .h_icon span.qq { background: url(../images/icon1.png) no-repeat left center; } .h_icon span.tel { background: url(../images/icon2.png) no-repeat left center; } .h_text { color: #fff; margin-right: 112px; padding: 0 30px; } .menu_btn { cursor: pointer; z-index: 100; position: absolute; width: 112px; right: 0; top: 0; background: #b2d235; height: 81px; } .menu_btn label { display: block; width: 32px; height: 3px; background: #fff; margin: 2px auto; position: absolute; left: 0; top: 50%; right: 0; } .menu_btn label.lbl1 { margin-top: -10px; } .menu_btn label.lbl2 { margin-top: 0px; } .menu_btn label.lbl3 { margin-top: 10px; } .menu { position: fixed; top: 0; right: -340px; bottom: 0; background: #272727; width: 340px; z-index: 99; } .menu ul { margin-top: 80px; border-top: 1px solid rgba(255,255,255,.05); } .menu li a { background-position: right center; background-repeat: no-repeat; display: block; padding: 35px; color: #fff; line-height: 1.2em; } .menu li a:hover, .menu li.on a { background-image: url(../images/icon3.png); background-position: 95% center; background-color: #B2D234; } .menu li h4 { padding: 5px 0; padding-left: 70px; ; font-size: 16px; font-weight: normal; } .menu li h4.icon1 { background: url(../images/menu_03.png) no-repeat left center; } .menu li h4.icon2 { background: url(../images/menu_06.png) no-repeat left center; } .menu li h4.icon3 { background: url(../images/menu_08.png) no-repeat left center; } .menu li h4.icon4 { background: url(../images/menu_10.png) no-repeat left center; } .menu li h4.icon5 { background: url(../images/menu_13.png) no-repeat left center; } .menu li h4.icon6 { background: url(../images/menu_16.png) no-repeat left center; } .menu li span { font-size: 10px; opacity: .2; display: block; text-transform: uppercase; margin-top: 5px; } .page1_text { overflow: hidden; } @media only screen and (max-height: 780px) { .menu li a { padding: 30px; } } @media only screen and (max-height: 700px) { .menu li a { padding: 20px; } } .h_menu .h_text { margin-right: 340px; } .h_menu .menu_btn { right: 228px; } .h_menu .menu { right: 0; } .h_menu .menu_btn label.lbl1 { transform: rotate(45deg); margin-top: 0px; } .h_menu .menu_btn label.lbl2 { opacity: 0; } .h_menu .menu_btn label.lbl3 { transform: rotate(-45deg); margin-top: 0px; } .banner .item img { display: block; } p { text-align: justify; } .banner p { text-align: center; } .banner .item { position: relative; font-family: Arial; } .banner .item .text { font-size: 22px; line-height: 36px; text-align: center; color: #fff; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); text-shadow: 0 2px 10px rgba(0,0,0,0.5); } .banner .item .text h2 { font-size: 42px; text-transform: uppercase; margin-bottom: 25px; } .page { padding: 140px 0; } .page1 { background: url(../images/page1.jpg) no-repeat center center; background-size: cover; } .page1_text .img_box { width: 470px; float: left; text-align: center; margin-right: 40px; } .page1_text .img_box .img { box-shadow: 0 2px 10px rgba(0,0,0,0.5); } .img_box img { display: block; margin: 0 auto; } .page1_text .text { overflow: hidden; line-height: 30px; color: #B2B2B2; padding-top: 70px; } .page1_text .text h3 { font-size: 18px; font-weight: normal; color: #fff; } .page1_text .text h4 { font-size: 18px; font-weight: normal; color: #fff; margin-bottom: 25px; } .page7 .page1_text .text p { height: auto; } .page1_text .text h2 { font-size: 46px; font-weight: normal; text-transform: uppercase; margin-bottom: 30px; color: #fff; } .page1_text .text p { height: 210px; overflow: hidden; } .page5 .text p { color: #666; } .page5 .text p:hover,.page5 .text h3:hover { color: #82C41C; } .page1_text .text .btn { margin-top: 40px; } .btn #tj { display: inline-block; width: 110px; line-height: 34px; background: #82C41C; color: #fff; text-align: center; border:0 } .btn #tj:hover { background: #5c7a29; } .btn a { display: inline-block; width: 110px; line-height: 34px; background: #82C41C; color: #fff; text-align: center; } .btn a:hover { background: #5c7a29; } .page2 { background: url(../images/page2.jpg) no-repeat center center; background-size: cover; } .page2_text { padding: 90px 45px; background: rgba(255,255,255,.03); line-height: 30px; } .page2_text .img_box { float: left; padding-left: 90px; position: relative; margin-right: 50px; } .page2_text .img_box .text1 { position: absolute; top: 0; left: 0; } .page2_text .img_box .text1 span { display: block; width: 1em; padding-right: 20px; font-size: 18px; line-height: 40px; } .page2_text .img_box .text1 span:after { content: ''; position: absolute; right: -4px; top: 10px; display: inline-block; width: 4px; height: 60px; background: #fff; } .page2_text { margin-bottom: 100px; } .page2_text .img_box .img { float: left; margin: -140px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.45); } .page2_text .text { overflow: hidden; color: #B2B2B2; } .page2_text .text h3 { margin-bottom: 30px; font-size: 22px; color: #fff; } .page2_text .text h3 a{ color:#fff} .page2_owl { position: relative; padding: 0 15%; } .owl_cur { position: absolute; top: 50%; margin-top: -20px; left: 5%; right: 5%; } .owl_cur span { display: block; width: 2em; text-align: center; padding: 0 20px; opacity: .8; line-height: 1.2em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl_cur span.prev { float: left; ; background: url(../images/cur1.png) no-repeat left center; } .owl_cur span.next { float: right; background: url(../images/cur2.png) no-repeat right center; } .page2_owl .item { max-width: 180px; margin: 0 auto; border: 1px solid rgba(255,255,255,0.2); margin-bottom: 20px; } .page2_owl .item .box { cursor: pointer; padding: 20px; padding-right: 0px; } .page2_owl .item .box .img1 { height: 70px; } .page2_owl .item .box h3 { font-size: 14px; } .page2_owl .item .box p { font-size: 10px; text-transform: uppercase; opacity: .4; text-align: left; } .page2_owl .item.on, .page2_owl .item:hover { border: 1px solid rgba(255,255,255,.6); } .page2_owl .item.on .box, .page2_owl .item .box:hover { background: rgba(255,255,255,.2); } .page3 { background: url(../images/page3-2.jpg) no-repeat center center; background-size: cover; } .page3_text { margin-right: 40px; width: 408px; line-height: 30px; float: left; } .page3_text p { height: 240px; color: #B2B2B2; } .page3_text h3 { font-size: 18px; } .page3_text .list ul li { width: 33.33%; float: left; } .page3_text .list { margin-bottom: 20px; padding: 10px 0 30px; border-bottom: 1px solid rgba(255,255,255,.2); } .page3_text h4 { font-size: 16px; font-weight: normal; margin-bottom: 10px; } .page3_text .list ul li a { display: block; margin: 10px; line-height: 34px; border: 1px solid rgba(255,255,255,.2); text-align: center; color: #fff; } .page3_text .list ul li.on a, .page3_text .list ul li a:hover { background: #82C41C; } .page3_text .list ul { margin: -10px; } .page3_list::-webkit-scrollbar { width: 12px; background: rgba(255,255,255,.1); } .page3_list::-webkit-scrollbar-thumb { background: #b2d235; } .page3_list { padding-right: 10px; height: 548px; overflow: hidden; overflow-y: auto; } .page3_list .list ul li { width: 33.333%; float: left; } .page3_list .list ul { margin: -5px; } .page3_list .list ul li a { display: block; margin: 5px; position: relative; } .page3_list img { display: block; } .page3_list a:hover .text { opacity: 1; } .page3_list .text { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg1.png) no-repeat bottom right; } .page3_list .text span { display: block; width: 1em; font-size: 14px; position: absolute; top: 50%; right: 15%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #fff; line-height: 1.2em; } label.line { display: inline-block; width: 160px; height: 4px; background: #82C41C; margin: 10px 0; } .page4 { background: url(../images/page4.jpg) no-repeat center center; background-size: cover; } .page5 { background: url(../images/page3.jpg) no-repeat center center; background-size: cover; } .page6 { background: url(../images/page6.jpg) no-repeat center center; background-size: cover; } .page_tit { text-align: center; } .page_tit.left { text-align: left; } .page_tit h3 { font-size: 18px; color:#eee; } h3 i{ font-size: 80px;margin:-30px 35px 15px 0;color:#555; float:left; } h3 i:first-letter{ font-size: 160px; color:#3c800a; text-transform:capitalize; } .tyvoo{text-align:center;border:0px solid #f00;padding-left:250px;} .tyvoo h3 i{ font-size: 20px;color:#777; margin-top: 30px; } .tyvoo h3 i:first-letter{ font-size: 20px;color:#777; } .tyvoo h3 i span{ font-size: 30px; color:#B2D235; text-transform:capitalize; margin-top: 40px; } .team_owl { position: relative; } .team_owl .owl_cur { left: 0; right: 0; } .team_text { position: relative; text-align: center; } .team_text h4 { margin-top: 10px; line-height: 20px; font-size: 16px; font-weight: normal; } .team_text h4:hover { color:#82C41C; } .team_text p { max-width: 670px; margin: 0 auto; text-align: center; line-height: 30px; } .team_owl .item { max-width: 200px; margin: 0 auto; background: rgba(255,255,255,.03); text-align: center; margin-top: 120px; } .team_owl .item:hover, .team_owl .item.on { margin-top: 80px; border-bottom: 1px solid rgba(255,255,255,.2); } .team_owl .item .text { padding: 25px 0; } .team_owl .item .text h3 { font-size: 14px; margin-bottom: 15px; } .team_owl .item .text h3 a{ color:#fff} .team_owl .item:hover{background-color:#3e3e3e;border-bottom:#3e3e3e;} .team_owl .item p { text-align: center; } .owl_carousel { position: relative; } .news_owl { padding: 0 7%; margin: 0 auto; margin-top: 50px; } .news_owl .owl_cur { left: 0; right: 0; top: 35%; } .news_owl .item { line-height: 30px; max-width: 338px; margin: 0 auto; } .news_owl .item h3 { margin-bottom: 10px; line-height: 60px; border-bottom: 1px solid rgba(255,255,255,.5); color: #fff; margin-top: 10px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_owl .item p { height: 90px; overflow: hidden; margin-bottom: 25px; } .news_owl .item .bottom { color: #fff; } .news_owl .item .bottom .btn { float: right; } .btn span { display: block; width: 76px; line-height: 28px; border:1px dotted #999; color: #fff; text-align: center; } .btn span:hover { background: #b2d235; border:1px solid #b2d235; color: #fff; } .page6_text { width: 45%; float: left; } .page6 { position: relative; } .copyright { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; } .copyright p { text-align: center; opacity: .8; font-size:10px; color:#fff; } .copyright p a{ color:#fff;} .copyright p a:hover{ color:#82C41C;} .page6_contact { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.2); border-radius: 5px; width: 45%; float: right; padding: 25px 0; } .page6_contact .list { padding: 0 25px; } .page6_contact .list li { width: 48%; margin: 0 1%; float: left; margin-bottom: 25px; } .page6_contact .list li.li_last { width: 98%; } .page6_contact .list ul { margin: 0 -1%; } .page6_contact .list span { display: block; margin-bottom: 10px; color: #afb6be; } .div_input { background: #fff; padding: 0 15px; line-height: 46px; } .div_input textarea { padding: 10px 0; background: none; height: 150px; width: 100%; border: 0; resize: none; } .div_input input { background: none; width: 100%; border: 0; } .page6_contact h3 { text-align: center; font-size: 18px; line-height: 50px; margin-bottom: 25px; } .page6_text .list ul li { margin-top: 15px; line-height: 40px; padding-left: 64px; } .page6_text .list ul li p { color: #fff; } .page6_text .list ul li.li1 { background: url(../images/icon8.png) no-repeat left center; } .page6_text .list ul li.li2 { background: url(../images/icon9.png) no-repeat left center; } .page6_text .list ul li.li3 { background: url(../images/icon10.png) no-repeat left center; } .page6_text .ewm { width: 172px; position: relative; padding: 12px; margin-top: 40px; } .page6_text .ewm i { display: block; width: 22px; height: 22px; border-style: solid; border-color: #fff; position: absolute; } .page6_text .ewm i.i_t { top: 0; border-top-width: 2px; } .page6_text .ewm i.i_l { left: 0; border-left-width: 2px; } .page6_text .ewm i.i_r { right: 0; border-right-width: 2px; } .page6_text .ewm i.i_b { bottom: 0; border-bottom-width: 2px; } .page6_text .ewm img { display: block; } .page6_contact .btn { margin: 20px 0; } .center { text-align: center; } /*Fish 2020/9/3*/ .tyjob{border:0px solid #555;min-height:300px;margin-bottom:20px;} .wow_list{clear:both;} .wow_list h1{font-size:14px;} .tyjobleft{width:25%;border:1px solid #555;float:left;} .tyjobleft ul{margin:5px;} .tyjobleft ul li{margin:8px;border-bottom:1px solid #555;list-style-type:none ;margin-left:15px;} .tyjobleft ul li span{float:right;} .tyjobleft ul li a{color:#aaa;} .tyjobleft ul li a:hover{color:#B2D235;} .tyjobleft ul li a span{font-size:12px;;} .tyjobright{display:none;width:72%;border:1px solid #333;float:left;min-height:300px;margin-left:15px;margin-bottom:20px;} .tyjobright .abc{margin:10px;} .tyjobright table{border:1px solid #555;margin:5px 35px 35px 35px;width:90%;border-collapse:collapse;background:#222;} .tyjobright td{border:1px solid #555;width:25%;border-collapse:collapse;padding:12px;color:#aaa;text-align:center;} .tyjobright span{margin:0px 0 0 35px;font-size:18px;line-height:55px;} .tyjobright td.tyr{text-align:left;} .tyss1{display:block;} /*----------mainer----------*/ .mainer { } .full { position: fixed; top: 50%; right: 0; z-index: 1001; } .full li a { display: block; width: 52px; height: 52px; margin-bottom: 1px; position: relative; background: rgba(255,255,255,.2); z-index: 1; } .full li a:hover span, .full li a:hover label { background-color: #b2d235 !important; } .full li:last-child a { border-bottom: 0; } .full li a span { display: block; width: 52px; height: 52px; position: relative; z-index: 100; background-position: center center; background-repeat: no-repeat; } .full li:nth-child(2) a, .full li:nth-child(1) a { z-index: 2; } .full li a label { display: block; width: 100px; white-space: nowrap; padding: 0 20px; position: absolute; line-height: 52px; color: #fff; z-index: -1; background: #000; bottom: 0; left: 100%; box-sizing: inherit; max-width: 300%; ; } .full li a:hover label { left: -130px; } .full li a .lbl_img { padding: 10px; height: auto; line-height: normal; } .full li a span.span1 { background-image: url(../images/full1.png); } .full li a span.span2 { background-image: url(../images/full2.png); } .full li a span.span3 { background-image: url(../images/full3.png); } .full li a span.span4 { background-image: url(../images/full4.png); } .page_tag { padding: 20px 0; margin-bottom: 60px; text-align: center; } .page_tag ul { display: inline-block; border: 1px solid rgba(255,255,255,.2); } .page_tag ul li { margin-right: -3px; display: inline-block; } .page_tag ul li a { display: block; padding: 0 28px; position: relative; line-height: 34px; color: #fff; } .page_tag ul li a:after { content: "|"; display: block; position: absolute; top: 0; right: -2px; opacity: .26; } .page_tag ul li:last-child a:after { display: none; } .page_tag ul li a:hover, .page_tag ul li.on a { background: #b2d235; } .page_tag ul li a:hover:after, .page_tag ul li.on a:after { display: none; } .fzlc_list .list { padding: 20px 0; position: relative; } .fzlc_list .list .line { position: absolute; left: 98px; top: 0; bottom: 0; width: 6px; background: #fff; opacity: .2; } .fzlc_list ul li { padding: 15px 0; } .fzlc_list ul li span { font-size: 16px; position: relative; display: block; width: 100px; float: left; margin-right: 30px; } .fzlc_list ul li span:after { content: ''; display: block; width: 16px; height: 16px; border-radius: 100%; background: #fff; border: 3px solid #b2d235; position: absolute; top: 50%; margin-top: -11px; right: -11px; } .fzlc_list ul li .text { overflow: hidden;min-height: 90px; } .fzlc_list ul li .text p { } .mainer { position: relative; } .jxry_list ul li { width: 25%; float: left; } .jxry_list ul li a { font-size: 14px; color: #fff; text-align: center; display: block; margin: 10px; line-height: 50px; } .jxry_list ul li .img { max-width: 256px; margin: 0 auto; margin-bottom: 10px; } .jxry_list ul li img { display: block; } .zp_list ul li { width: 25%; float: left; } .zp_list ul li a { font-size: 14px; color: #fff; text-align: center; display: block; margin: 10px; line-height: 50px; } .zp_list ul li a:hover{ color:#A1C125;} .zp_list ul li .img { max-width: 290px; margin: 0 auto; margin-bottom: 10px; border-radius: 3px; } .zp_list ul li img { display: block; } .pagesize { margin: 50px 0; text-align: center; } .pagesize a { display: inline-block; width: 40px; height: 40px; background-position: center center; background-repeat: no-repeat; line-height: 40px; vertical-align: middle; background-color: #edf1f2; margin: 0 5px; color: #4f6074; } .pagesize a.prev { background-image: url(../images/prev.png); } .pagesize a.next { background-image: url(../images/next.png); } .pagesize a.on, .pagesize a:hover { background-color: #b2d235; color: #fff; } /*----------footer----------*/ .footer { } /*----------custom----------*/ .team_list { } .team_list ul { margin: 0 -1.5%; } .team_list ul li { float: left; width: 47%; margin: 0 1.5% 30px; background: #222; position: relative; } .team_list ul li .img { float: left; width: 200px; height: 200px; overflow: hidden; } .team_list ul li .img img { display: block; width: 100%; } .team_list ul li .web { overflow: hidden; padding: 38px 30px 0 20px; } .team_list ul li .web h3 { font-size: 15px; font-weight: normal; line-height: 22px; } .team_list ul li .web h3 a{ color:#fff;} .team_list ul li .web h3 a:hover{ color:#A1C125;} .team_list ul li .web h3 span { float: right; width: 95px; height: 22px; line-height: 22px; text-align: center; background: #333; font-size: 12px; border-radius: 3px; } .team_list ul li .web p { margin-top: 20px; } .team_list ul li .web a.btn_def { display: block; width: 110px; height: 34px; line-height: 34px; text-align: center; background: #333; color: #fff; position: absolute; bottom: 15px; right: 8px;; } .team_list ul li .web a.btn_def:hover { background: #b2d235; } /*鍥㈤槦 2020/7/1 涓€鍒?鍥 .team_list2 ul li { float: left; width:auto; min-width: 254px; margin: 0 0.5% 12px; background: #222; position: relative; } .team_list2 ul li .img { float: left; width: 254px; height: 254px; overflow: hidden; } .team_list2 ul li.tyh .img { float: left; width: 522px; height: 254px; overflow: hidden; } */ .team_list2 ul{margin:0 0 0 55px;} .team_list2 ul li { float: left; width:auto; min-width: 135px; margin: 0 0.2% 5px; background: #222; position: relative; } .team_list2 .ty_team_about{width:65%;margin:0 auto;text-indent:2em;margin-bottom:35px;background: #333;padding:25px;border-radius: 10px;} .team_list2 ul li .img { float: left; width: 144px; height: 130px; overflow: hidden; border-radius: 3px; } .team_list2 ul li.tyh .img { float: left; width: 293px; height: 130px; overflow: hidden; } .yewu_list { } .yewu_list ul li { margin-bottom: 30px; background: #222; } .yewu_list ul li .img { float: left; width: 245px; height: 270px; overflow: hidden; } .yewu_list ul li .img img { display: block; width: 100%; } .yewu_list ul li .web { overflow: hidden; padding: 40px 64px 0 44px; } .yewu_list ul li .web h3 { font-size: 16px; } .yewu_list ul li .web h3 a{ color:#fff} .yewu_list ul li .web h3 a:hover{ color:#A1C125;} .yewu_list ul li .web p { margin-top: 17px; } .modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; transition: all 0s; } .fp_modal { display: table; background: rgba(20,29,38,0.8); } .cell { display: table-cell; vertical-align: middle; } .modal_cont { width: 90%; max-width: 1145px; background: #fff; margin: 0 auto; position: relative; padding: 30px 0 0; } .md_close { width: 33px; height: 33px; background: url(../images/close.png) no-repeat center center; position: absolute; top: 20px; right: 20px; cursor: pointer; } .news_md_cont { } .page1_text .tit { border-bottom: 1px solid #555; padding-bottom: 5px; margin: 20px 20px; } .page1_text .tit h3 { font-size: 18px; line-height:150%; letter-spacing:-2px; color: #fff; text-align: center; } .page1_text .tit p { color: #fff; margin-top: 5px; display:none; } .news_md_cont .web { margin: 30px 0 0; height: 448px; padding: 0 20px; overflow-y: auto; } .news_md_cont .web .img { float: left; margin-right: 30px; margin-top: 8px; } .news_md_cont .web .img img { display: block; } .news_md_cont .web .text { } .news_md_cont .web .text p { color: #666; line-height: 28px; } .btn_sx { line-height: 60px; padding: 0 8px; margin-top: 27px; border-top: 1px solid #e5e5e5; } .btn_sx p { text-align: right; color: #e5e5e5; } .btn_sx a { color: #666; margin: 0 12px; } .btn_sx a:hover { color: #b2d235; } .job_list { } .job_list ul li { border: 1px solid #444; background: #222; border-radius: 3px; margin-bottom: 20px; } .job_list ul li .tit { padding: 35px 40px 40px 30px; } .job_list ul li .tit h3 { font-size: 16px; color: #ddd; } .job_list ul li .tit h3 label { float: right; width: 24px; height: 24px; background: url(../images/icon11.png) no-repeat center center; margin-top: 3px; } .job_list ul li.on .tit h3 label { background: url(../images/icon11-1.png) no-repeat center center; } .job_list ul li .tit p { font-size: 14px; color: #999; margin: 15px 0 12px; } .job_list ul li .tit span { display: block; width: 136px; height: 22px; line-height: 22px; background: #444; color: #aaa; border-radius: 5px; text-align: center; } .job_list ul li .drop { padding: 18px 30px 45px 37px; border-top: 1px solid #444; transition: all 0s; display: none; } .job_list ul li .drop .text { margin-top: 22px; } .job_list ul li .drop .text h4 { font-size: 12px; font-weight: normal; line-height: 36px; } .job_list ul li .drop .text p { } @media only screen and (max-width: 1200px) { .banner .item .text h2 { font-size: 36px; } } @media only screen and (max-width: 1000px) { .page3_list .list ul li { width: 50%; } .page2_text .img_box .img { width: 300px; margin: -90px 0; } .page2_text { padding: 50px; } .page2_text .text h3 { margin-bottom: 10px; } .h_icon { padding: 0 20px; } .header .logo { width: 180px; } .h_text { padding: 0 10px; } .zp_list ul li { width: 33.33%; } .yewu_list ul li .web { padding: 20px; padding-bottom: 0; } .team_list ul li { width: 97%; } .page1_text .img_box { width: 40%; } .page1_text .text { padding-top: 20px; } } @media only screen and (max-width: 800px) { .page_tag { margin-bottom: 20px; } .page { padding: 100px 0; } .h_menu .h_text { margin: 0; z-index: 100; position: absolute; right: 0; } .fzlc_list ul li span { width: 120px; margin-right: 40px; } .fzlc_list .list .line { left: 118px; } .jxry_list ul li { width: 33.333%; } .page_tag ul li { display: block; width: 16.66666%; float: left; margin: 0 auto; } .page_tag ul li a { padding: 0; display: block; } .page_tag ul { display: block; } .page_tag ul:after { content: ''; display: block; clear: both; } .page1_text .text, .page1_text .text p { height: auto; overflow: initial; } .page1_text .img_box { margin-right: 20px; } .yewu_list ul li .web { overflow: initial; } .yewu_list ul li .img { margin-right: 20px; } .page6_text, .page6_contact { width: 100%; float: none; } .page6_text { margin-bottom: 20px; } .page2_text .img_box .img { width: 250px; } .page2_text { margin-bottom: 40px; padding: 40px 30px; } .page2_text .img_box { margin-right: 20px; } .page3_text, .page3_list { width: 100%; float: none; } .page3_text p { height: auto; } .page3_text { margin-bottom: 30px; } .page3_list .list ul li { width: 33.333%; } .page3_list { height: auto; } .team_text .text { width: 80%; margin: 0 auto; } .page_tit.left { text-align: center; } .page6_text .text p { text-align: center; width: 90%; margin: 0 auto; } .page6_text .list li { display: inline-block; margin: 0 15px; } .page6_text .ewm { margin: 20px auto; } .page6_text { text-align: center; } .banner .item .text h2 { font-size: 18px; } .banner .item .text { font-size: 16px; } .page2_owl { padding: 0 60px; } .owl_cur { left: 0; right: 0; } } /*2020/5/25 fish */ .tytcent{width:500px;margin:0px auto;} .page5 .text h3{font-size:14px;} /*鏂板缈婚〉鏍峰紡 */ .dede_pages{height:28px;padding:20px 0;font-size:12px;text-align:center; color:#b2d235} .dede_pages ul{display:inline-block;margin:0 auto;padding:0} .dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;padding:0 10px;line-height:25px;border:1px solid #b2d235} .dede_pages ul li a{float:left;color:#b2d235;display:block} .dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #b2d235 solid;background-color:#b2d235} .dede_pages ul li:hover a{color:#fff} .dede_pages ul li:hover a:hover{color:#fff;text-decoration:none} .dede_pages ul li.thisclass{background-color:#b2d235;color:#fff;border:1px #b2d235 solid} .dede_pages ul li.thisclass a{color:#fff} .dede_pages .pageinfo{line-height:30px;padding-left:5px} .dede_pages strong{font-weight:400} #maximg img{ max-width:100% !important; height:auto !important;margin:0px auto;} #maximg p img{margin:0px auto;} #maximg{color:#B2B2B2;} /*浠ヤ笅鏄墜鏈虹増锛燂紵 2020-07-02*/ @media only screen and (max-width: 750px) { body{font-size:70%;} .h_icon { line-height: 60px; display: none; } .h_text { margin-right: 60px; } .menu_btn { width: 60px; height: 60px; background-size:10px 10px; } .header { line-height: 60px; } /*Fish 2020/7/3*/ h3 i{ font-size: 40px;margin:30px 35px 15px 0;color:#555; float:left; margin-top: -20px; } h3 i:first-letter{ font-size: 90px; color:#3c800a; text-transform:capitalize; margin-top: -80px; } h3 { margin-top:20px; color: #fff; border:0px solid #f00; } h4{font-size: 14px;} .page1_text .text h3,.page_tit h3,.page3_text h3,.page4_text h3 { font-size: 14px; } .tytcent{width:200px;margin:0px auto;} .team_owl h4{margin-top:30px;} label.line{ display:block; width: 100px; height: 2px; background: #3c800a; margin:-10px 0 0 0px; clear:both; } .menu{width:180px;opacity:0.95;filter:alpha(opacity=95);} .menu ul li{background-size:10px 10px; } .menu ul li h4{padding-left: 50px;font-size:14px;height:10px;border:0px solid #f00;background-size:10px 10px; } .icon2,.icon3{height:20px;} .menu li a:hover, .menu li.on a {background-size:20px 20px;background-position: 95% center;} .menu ul { margin-top: 40px; } .h_menu .menu_btn { right: 180px; } .banner .img1 { overflow: hidden; } .banner .img1 img { width: 180%; margin-left: -40%; max-width: inherit; } .wrap { width: 90%; } .banner .item .text { margin-top: 20px; } .page1_text .img_box { width: 100%; float: none; margin: 0; margin-bottom: 20px; display:none; } .page { padding: 20px 0; } .page2_text .img_box { margin-right: 0; float: none; } .page2_text .img_box:after { content: ''; clear: both; display: block; } .page2_text .img_box .img { margin: 0 20px; width: 200px; } .full { display: none; } .page3_text .list ul li a { margin: 5px; } .page3_text .list ul { margin: 0 } .page3_text .line { margin-bottom: 0; } .page3_text p { margin-bottom: 15px; } .team_text .text { width: auto; margin: 0 0px; } .team_owl .owl_cur { bottom: -40px; top: auto; z-index: 100 } .team_text { z-index: 100 } .team_owl .item { margin-top: 80px; } .team_owl .item:hover, .team_owl .item.on { margin-top: 40px; } .news_owl { padding: 0 0px; } .news_owl .owl_cur { z-index: 10 } .page6_text .list ul li { display: block } .page6_contact .list li { width: 98%; } .mainer { padding-bottom: 80px; } .copyright { bottom: 10px; } .page6_text .list ul li p { line-height: 20px; padding: 10px 0; } .page_tag ul li { width: 33.333%; } .page7, .page8 { padding-top: 80px; } .zp_list ul li { width: 50%; } .zp_list ul li a { font-size: 14px; line-height: 30px; } .header.fixed { background: rgba(0,0,0,.75) } .yewu_list ul li .img { margin-right: 0; width: 100%; float: none; } .yewu_list ul li .web { padding: 15px; } /* 鍥㈤槦 Fish 2020/9/4 */ .team_list ul li .img { float: none; width: 100%; height: auto; margin: 0 auto; } .team_list ul li .web { padding: 20px 15px; padding-bottom: 40px; } .news_md_cont .web .img { float: none; width: 100%; } .team_list ul li .web p { margin-top: 10px; } .modal_cont { padding: 15px 0; } .news_md_cont .web { margin-top: 15px; height: 350px; } .btn_sx { line-height: 30px; } .jxry_list ul li { width: 50%; } .jxry_list ul li a { font-size: 14px; line-height: 40px; margin: 5px; } .jxry_list ul { margin: 0 -5px; } .job_list ul li .tit { padding: 10px; } .job_list ul li .drop { padding: 10px; } .job_list ul li .drop .text { margin-top: 0 } .fzlc_list ul li span { font-size: 16px; width: 80px; margin-right: 35px; } .fzlc_list .list .line { left: 78px; } .job_list ul li .tit p { font-size: 14px; } .ht50 { height: 10px; } .page1_text .text h2 { font-size: 30px; } .copyright p { font-size: 10px; margin: 0 15px; } /*fish 2020/9/3*/ .text p { line-height:150%; margin:5px auto; } .page6_text .text p { line-height:150%; margin:13px auto; } .page5{display:none;} .owl-theme .owl-controls .owl-nav .owl-prev { display:none;width:0px;height:0px; } .owl-theme .owl-controls .owl-nav .owl-next { display:none;width:0px;height:0px; } .page6_contact .list ul li span{display:none;} .li_last .div_input textarea{height:85px;} .page6_text .list ul li{border:0px solid #222;margin:0px;height:28px;margin:0px 0 0 10px;padding-left:40px;} .page6_text .list ul li p{margin:-5px 0 0 0;} .copyright .icp{ width:100%; display: inline-block; float: right; margin-top:-12px; border-radius: 4px; background2:#f00; } .copyright .icp2{ width:100%; display: inline-block; } /*浼佷笟鍥㈤槦*/ .team_list2 .ty_team_about{width:92%;margin:0 auto;text-indent:2em;line-height:160%;margin-bottom:8px;background: #333;padding:12px;border-radius: 5px;} .team_list2 ul{margin:0 0 0 5px;} .team_list2 ul li { float: left; width:auto; min-width: 61px; margin: 0 0.3% 5px; background: #222; position: relative; } .team_list2 ul li .img { float: left; width: 61px; height: 55px; overflow: hidden; border-radius: 3px; } .team_list2 ul li.tyh .img { float: left; width: 123px; height: 55px; overflow: hidden; } .tyjobleft{width:97%;} .tyjobleft ul li{margin:-13px 0 0 10px;width:45%;float:left;} .tyjobleft ul li span{display:none;} .tyjobright{display:none;width:98%;border:1px solid #333;float:left;min-height:300px;margin:12px 0px 20px 0;padding-top:15px;} .tyjobright .abc{margin:10px;} .tyjobright table{border:0px solid #555;margin:20px 5px;width:97%;border-collapse:collapse;background:#222;} .tyjobright td{border:0px solid #555;width:25%;border-collapse:collapse;padding:12px;color:#aaa;text-align:center;} .tyjobright span{padding:0px auto;margin:0px 0 0 8px;font-size:18px;line-height:160%;} .tyjobright td.tyr,.page1_text p{line-height:150%;} .tyr2{color:#B2D235;} .dede_pages {display:none;} .zp_list ul li a { font-size: 12px; line-height: 150%; } .zp_list ul li a div.text { height:20px;overflow:hidden; } /****/ } /*鎵嬫満椤甸潰end*/