锘 img{ max-width: 100%; } .wrap { width: 980px; margin: 0 auto; } .tar { text-align: right; } input, textarea { border: none; width: 100%; height: 100%; background: none; } .header { width: 100%; height: 156px; background:#fff; } .header-main { position: relative; } .logo { padding-top: 20px; } .nav { padding-top: 34px; } body{ background:#fff;min-width:1200px} .nav li { padding: 0 34px; border-right: 1px solid #efefef; font-size: 14px; line-height: 14px; position: relative; } .nav li.on span,.nav li:hover span{ position:absolute; top:-17px; left:0; background:#009241; width:100%; height:49px} .nav li > a { /*padding-bottom: 35px;*/ position:relative; z-index:1 } .nav li.on a,.nav li:hover a{ color:#fff} .nav li:first-child{border-left:1px solid #efefef;} .nav li.noline { /* border-right: none; padding-right: 0px; */} .nav li.on dl dd a,.nav li:hover dl dd a{ color:#666} .nav li dl dd:hover a{ color:#00903d} .nav li dl { background-color: #fff; border-top: 2px solid #7fc79f; width: 100%; line-height: 30px; position: absolute; left: 0; top: 32px; /* text-align: center; */ display: none; z-index: 10; } .nav li dl a i { display: inline-block; *display: inline; *zoom: 1; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #c3c3c3; border-right: 6px solid transparent; margin-right: 10px; float: left; margin: 10px 0 0 20px } .nav a { color: #666; } .nav a:hover { color: #00903d; } .top { position: absolute; top:45px; right: 0px; width: 266px; } .top .phone { background: url(../img/phone.png) no-repeat 0 2px; padding-left: 18px; float: left; } .top .language { padding-left: 20px; position: relative; } .top .language a{ color: #666; } .top .language .lan-f { color: #999; font-size: 12px; } .top .language .lan-tri { display: inline-block; *display: inline; *zoom: 1; border-top: 6px solid #000; border-right: 6px solid transparent; border-left: 6px solid transparent; margin-left: 5px; } .top .language .lan-list { position: absolute; top: 14px; right: 18px; display: none; } .footer { background-color: #242323; } .news,.hongqu,.ab-con,.tec,.mess,.hr,.con-box,.hq-sort-li{ margin-bottom:100px} .footer .wrap { padding-top: 55px; } .foot-nav { font-size: 14px; padding-bottom: 20px; overflow:hidden } .foot-nav a { color: #999; line-height: 12px; display: block; position: relative; width: 100%; text-align: center; } .foot-nav li:first-child a{ padding-left:0;} .foot-nav li.noline span{ background:none} .foot-nav li{ position:relative; width:90px;} .foot-nav li span{ position:absolute; bottom:0; right:0; background:url(../img/line_r.png) no-repeat right center; width:3px; height:16px;} .foot-nav a i{ margin:0 auto 12px auto; display:block} .foot-nav a i img{ display:block; margin:0 auto;} .foot-nav a:hover{ color: #fff; } .foot-share a { margin-left: 35px; } .foot-share strong{ margin-left: 35px; font-size: 22px; line-height: 22px; color: #fff; position:relative; } .foot-share strong i{ display:none; position:absolute; top:-20px; right:-100px; width:200px} .foot-share strong:hover i{ display:block} .boc { position:relative; padding-top: 30px; border-top: 1px solid #333332; width: 100%; font-size: 14px; color:#fff; padding-bottom:30px } .foot-share{ position:absolute; top:28px; right:0} .boc a { color: #fff } /* 棣栭〉 */ .i-banner { width: 100%; /* height: 640px; */ position: relative; } .i-banner img { max-width: 100%; } .i-banner ul { width: 100%; height: 100%; } .i-banner ul li { width: 100%; position: absolute; top: 0; left: 0; height: 100%; display: none; } .i-banner .banner-info { position: absolute; top: 0px; left: 50%; margin-left: -300px; color: #fff; padding-top: 8%; } .i-banner .banner-info h2 { font-size: 60px; line-height: 84px; font-weight: normal; } .i-banner .banner-info h3 { font-size: 50px; line-height: 150px; font-weight: normal; } .jiaod{ text-align:center; position: absolute; bottom: 15px; left: 0; width: 100%; height: 12px; } .jiaod a{ width: 12px; height: 12px; background: url(../img/dot_0.png) no-repeat; /* float: left; */ display: inline-block; margin-left: 8px; } /* .jiaod a:hover{ background: url(../img/dot_on.png) no-repeat; } */ .jiaod a.cur{ background: url(../img/dot_on.png) no-repeat; } .i-title { height: 140px; background: url(../img/line.png) no-repeat center; } .i-title h2 { font-size: 30px; color: #444; font-weight: normal; line-height: 140px; } .i-pro-con .i-pro-t { height: 340px; background-color: #eae9e9; overflow: hidden; } .i-pro-con .i-pro-info { width: 50%; padding-top: 4%; } .i-pro-con .i-pro-info a { color: #999; } .i-pro-con .i-pro-info a:hover { color: #666; } .i-pro-img{ /* display: block; */ } .i-pro-con .i-pro-info h3 { font-size: 24px; padding-top: 57px; line-height: 72px; font-weight: normal; background: url(../img/i_pro_ic.png) no-repeat center 0; } .i-pro-con .i-pro-info p { font-size: 16px; line-height: 24px; width: 460px; margin: 0 auto; } .i-about { height: 637px; background: url(../img/i_ab_bg.jpg) repeat-x; } .i-ab-con li { margin-left: 6px; overflow: hidden; } .i-ab-con li a { color: #656363; display: block; width: 320px; height: 412px; background-color: #fff; } .i-ab-con li a:hover strong,.i-ab-con li a:hover span{ color: #72262c } .i-ab-con li a i{ display: block; overflow: hidden; width: 100%; height:267px; } .i-ab-con li a img{ -webkit-transition:transform 1.4s; -moz-transition:transform 1.4s; -o-transition:transform 1.4s; -ms-transition:transform 1.4s; transition:transform 1.4s; } .i-ab-con li a img:hover{ -webkit-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } .i-ab-con li strong { display: block; font-size: 18px; line-height: 38px; margin-top: 22px; margin-bottom: 13px; } .i-ab-con li strong em { font-style: normal; border-bottom: 1px solid #bcb1af; display: inline-block; *display: inline; *zoom: 1; } .i-ab-con li span { font-size: 14px; line-height: 20px; /* width: 238px; */ width: 274px; margin: 0 auto; display: block; } .i-about2 { width: 100%; height: 443px; background: url(../img/i_ab2_bg.jpg) no-repeat center center; } .i-about2 a { color: #787878; } .i-about2 a:hover { color: #72262c; } .i-about2-l { width: 360px; } .i-about2-l .i-about2-li { margin-top: 75px; } .i-about2-l h3 { font-size: 20px; line-height: 50px; } .i-about2-l p { font-size: 14px; line-height: 24px; } .i-news { width: 100%; background: url(../img/i_ab_bg.jpg) repeat-x; border-bottom: 1px solid #e5e5e5; padding-top: 60px; padding-bottom: 46px; } .i-news-left { width: 627px; } .i-news-tit a { color: #444; font-size: 18px; font-weight: bold; display: inline-block; *display: inline; *zoom: 1; line-height: 30px; margin-right: 38px; } .i-news-tit a:hover{ border-bottom: 2px solid #ff4229 } .i-news-tit a.on { border-bottom: 1px solid #ff4229; } .i-news-li { /* margin-top: 30px; */ } .i-news-li .i-new-img{ display: block; overflow: hidden; width: 268px; height: 176px; } .i-news-li .i-new-img img{ -webkit-transition:transform 1.4s; -moz-transition:transform 1.4s; -o-transition:transform 1.4s; -ms-transition:transform 1.4s; transition:transform 1.4s; } .i-news-li .i-new-img img:hover{ -webkit-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } .i-news-li li { border-bottom: 1px dashed #e3e3e2; padding: 32px 0; } .i-news-info { width: 265px; padding-left: 18px; } .i-news-info h3 { line-height: 20px; } .i-news-info h3 a { color: #666; font-size: 15px; } .i-news-info h3 a:hover{ color: #333; } .i-news-info p { line-height: 24px; padding-top: 24px; } .i-news-info p a { color: #888; font-size: 14px; } .i-news-info .i-news-more { font-size: 14px; color: #666; text-transform: uppercase; padding-top: 20px; font-family: 'Arial'; } .i-news-info .i-news-more:hover{ color: #009241; } .i-news-right { width: 300px; padding-left: 50px; border-left: 1px solid #e5e5e5; } .i-news-right .i-news-rcon { box-shadow: 5px 5px 5px #ccc; background-color: #fff; } .i-news-right video { width: 300px; height: 275px; } .i-news-right .ricon { padding-top: 15px; padding-bottom: 15px; } .i-map { width: 100%; background: url(../img/i_ab_bg.jpg); } .i-map .wrap { background: url(../img/map_bg.png) no-repeat 0 0; padding-top: 90px; height: 600px; position: relative; } .i-mess { width: 452px; background-color: #fff; font-size: 14px; line-height: 50px; color: #666; padding-left: 22px; padding-bottom: 18px; } .i-mess dd { width: 405px; height: 50px; padding-left: 1em; border: 1px solid #c7c7c7; margin-top: 16px; } .i-mess dd.textarea { height: 158px; } .i-mess dd.sub { height: 40px; background-color: #615a5a; font-size: 18px; margin: 0; border: none; padding: 0; width: 421px; } .i-mess dd input{ color: #AEAEAB; } .i-mess dd.sub input { color: #fefefe; margin: 0; display: block; line-height: 42px; line-height: 40px; background: none; text-align: center; width: 100%; height: 40px; border: none; } .i-mess dd textarea { line-height: 40px; color: #AEAEAB; } .loca-a { width: 24px; height: 31px; background: url(../img/loca.png) no-repeat 0 0; position: absolute; top: 283px; right: 209px; } .loca-alert { width: 217px; background-color: #fff; padding: 20px 30px; position: absolute; top: 327px; right: 87px; box-shadow: 5px 5px 5px #ccc; display: none; } .loca-alert p { color: #333; line-height: 18px; } .loca-alert .line { width: 100%; height: 1px; background-color: #f2f2f2; margin: 10px 0; } .loca-alert .laca-close { position: absolute; top: 8px; right: 10px; color: #999; font-size: 14px; line-height: 1; } /* 鍐呴〉 */ .con-box{ overflow:hidden;} .con_right{width:632px; background:#fff; float:left; padding:38px;} .con_right td{border-width: 1px;border-style: solid;} .left_nav{ width:253px; box-shadow:0 0 10px #888; background:#fff; float:left; margin-right:19px} .left_nav h1{ background:#009241; height:84px; line-height:84px; color:#fff; padding-left:35px; font-size:30px; font-weight:normal; text-align:left} .left_nav ul{ padding:12px} .left_nav li:first-child{ border-top:none} .left_nav li{ border-top:1px dashed #eee; display:block; float:none; padding:25px 0 25px 45px; font-size:14px; text-align:left} .left_nav li.one{ background:url(../img/left1.png) no-repeat left 20px;} .left_nav li.two{ background:url(../img/left2.png) no-repeat left 20px;} .left_nav li.three{ background:url(../img/left3.png) no-repeat left 20px;} .left_nav li.four{ background:url(../img/left4.png) no-repeat left 20px;} .left_nav li.five{ background:url(../img/left5.png) no-repeat left 20px;} .news-det-page a.back{ background:#009241; width:94px; height:42px; line-height:42px; color:#fff; text-align:center; font-size:14px} .news-det-page{ border-top:1px solid #e6e6e6; padding-top:32px;} .sub-nav_news_b{ background:url(../img/news_b.jpg) no-repeat; height:425px} .sub-nav_mess_b{ background:url(../img/mess_b.jpg) no-repeat; height:425px} .sub-nav_tec_b{ background:url(../img/tec_b.jpg) no-repeat; height:425px} .sub-nav_tec_b .bz{ color:#009241; font-weight: normal; font-size: 48px; line-height:50px; margin-top:224px;} .sub-nav_about_b{ background:url(../img/about_b.jpg) no-repeat; height:425px} .sub-nav_mess_b .ly{ color:#009241; font-weight: normal; font-size: 48px; line-height:50px; margin-top:224px;} .sub-nav { overflow: hidden; } .sub-nav .sub-left { font-weight: normal; font-size: 48px; color:#fff; line-height:50px; margin-top:224px; } .sub-nav .sub-left span { font-size: 14px; color: #c4c4c4; text-transform: uppercase; font-family: 'Arial'; } .sub-right { background:#fff; box-shadow:0 0 8px #f5f5f5; margin-bottom:68px; height:77px; } .sub-right a.dh { display: inline-block; *display: inline; *zoom: 1; width: auto; padding:0 15px; line-height: 75px; color: #333; background-color: #fff; font-size: 18px; float:left;border-bottom:2px solid #fff } .sub-right a.dh.on { color: #009241; border-bottom:2px solid #009241 } .w980{ width:980px; margin:0 auto; position:relative} .sub-right .w980 .fixed_loc{ position:absolute; top:30px; right:0} .sub-right .w980 .fixed_loc a{ color:#888; padding:0 22px; font-size:14px} .sub-right .w980 .fixed_loc a.on{ color:#009241} .sub-right .w980 .fixed_loc span{ background:url(../img/point.png) no-repeat; width:7px; height:11px; display:inline-block;} .bjf5{ background:#f5f5f5} .news .wrap{ background:#fff; padding:46px 35px} /* .鍏充簬鎴戜滑 */ .pro_de .about-top .about-l h1{ color:#333; font-size:18px; margin-bottom:30px; line-height:24px;} .pro_de .about-top .about-l p{ line-height:26px; font-size:14px; color:#666} .pro_de .about-top {float:left; width:708px; } .pro_de .about-bot{border-top:1px solid #e6e6e6; padding-top:30px} .pro_de .about-bot td{border-style: solid;border-width: 1px;border-color: #999;} .about-top .about-r {width:476px;} .pro_de .about-top .about-r {width:296px; margin-right:40px;} .about-top .about-r .pro-li-imgbox{ width:296px; height:296px;} .about-top .about-l { width: 372px; } .ab-con{ overflow:hidden} .ab-con h3 { color: #009241; font-size: 20px; line-height: 80px; } .ab-con p { font-size: 16px; line-height: 30px; color: #666; margin-bottom: 0; margin-left: 0!important; } .ab-con table{ margin: 0 auto; } .ab-con p span { font-size: 24px; /*color: #999;*/ } .cul-top { width: 660px; margin:0 auto; } .cul-top h2 { font-size: 36px; color: #c0c0c0; line-height: 72px; text-transform: uppercase; font-weight: normal; font-family: 'Arial'; } .cul-top .line { width: 27px; height: 1px; background-color: #e0e0e0; margin: 0 auto; } .cul-top h3 { font-size: 30px; line-height: 60px; font-weight: normal; } .cul-top p { font-size: 14px; line-height: 24px; color: #999; margin-top: 16px; } .cul-bot { border: 1px solid #f1efef; margin-top: 50px; } .cul-l { width: 456px; height: 490px; background: url(../img/cul_bg.jpg) no-repeat; padding-right: 32px; } .cul-l h2 { font-size: 24px; line-height: 48px; color: #009241; padding-top: 160px; } .cul-l p { font-size: 14px; color: #666; line-height: 30px; border-bottom: 5px solid #c4c4c4; text-transform: uppercase; } .cul-r { height: 490px; padding-left: 22px; width: 466px; background: url(../img/cul_bg2.jpg) repeat-y; } .cul-r h3 { line-height: 40px; font-size: 16px; border-bottom: 1px solid #e1e1e1; text-align: center; margin-top: 34px; } .cul-r h3 span { display: block; width: 120px; background-color: #e7e7e7; } .cul-r h3.right span { float: right; } .cul-r p { font-size: 14px; line-height: 24px; color: #777; margin-top: 10px; } .honor-show { padding-top: 60px; } .honor-show .honor-img { width: 100%; overflow: hidden; } .honor-show .honor-img ul { width: 1000%; } .honor-show .honor-img li { margin-right: 60px; width: 270px; text-align: center; font-size: 14px; color: #333; line-height: 2; } .honor-show .honor-btn { width: 254px; margin: 0 auto; background: url(../img/h_btn_bg.jpg) no-repeat center; margin-top: 67px; } .honor-show .honor-btn a { width: 38px; height: 38px; display: inline-block; *display: inline; *zoom: 1; margin-left: 5px; } .honor-show .honor-btn a.btn-l { background: url(../img/h_btn_l.jpg) no-repeat; } .honor-show .honor-btn a.btn-r { background: url(../img/h_btn_r.jpg) no-repeat; } .his-con { padding-top: 50px; width: 980px; margin: 0 auto; } .his-con .his-img { width: 410px; } .his-right { /*background-color: #f4f4f4;*/ background: url(../img/his_r_bg.jpg) no-repeat right; width: 570px; height: 320px; } .his-right .his-list { /*padding-left: 64px;*/ padding-left: 113px; /*padding-right: 40px;*/ overflow: hidden; height: 274px; margin-left: -60px; width: 482px; position: relative; } .his-right .his-box { width: 100%; /* height: 274px; */ /* height: 142px; */ margin-bottom: 10px; } .his-right dl { position: relative; font-size: 14px; margin-top: 26px; padding-left: 10px; } .his-right dt { width: 110px; height: 40px; line-height: 40px; background: url(../img/his_bg.png); position: absolute; top: 0; left: -110px; z-index: 10; color: #fff; text-align: center; /*float: left; margin-left: -110px;*/ } .his-right dd { /*font: right;*/ } #scrollBar { width: 6px; height: 250px; position: relative; margin-top: 35px; margin-right: 5px; background-color: #e2e2e2; } #scrollBtn { width: 6px; height: 24px; background-color: #999999; } .his-line { margin-top: 100px; } .his-line .wrap{ position: relative; } .his-line .his-ul { width: 100%; overflow: hidden; height: 60px; } .his-line .his-ul ul { width: 1000%; background: url(../img/his_line.png) repeat-x 0 center; height: 50px; } .his-line .his-ul li { width: 88px; display: block; font-size: 14px; color: #999; line-height: 1; padding-top: 42px; cursor: pointer; background: url(../img/his_li_bg.png) no-repeat center 9px; } .his-line .his-ul li.cur { background: url(../img/his_on.png) no-repeat center 9px; } .his-line a.btnl{ position: absolute; top: 15px; left: -46px; width: 26px; height: 26px; background: url(../img/his_btnl2.png); } .his-line a.btnl:hover{ background: url(../img/his_btnl.png); } .his-line a.btnr{ position: absolute; top: 15px; right: -46px; width: 26px; height: 26px; background: url(../img/his_btnr.png); } .his-line a.btnr:hover{ background: url(../img/his_btnr2.png); } /*鏂伴椈*/ .news { } .news-list li { width: 875px; padding: 45px 60px 45px 45px; position: relative; } /* .news-list .news-l { width: 526px; } */ .news-list .news-l { width: 503px; } .news-list .news-r { width: 268px; height: 176px; overflow: hidden; } .news-list .news-r img { max-width: 100%; } .news-list .news-l .time { font-size: 12px; color: #999; line-height: 12px; font-family: 'Arial'; } .news-list .news-l h3 { font-size: 18px; height:48px; overflow:hidden; line-height: 48px; } .news-list .news-l h3 a{ color: #4d4d4d; } .news-list .news-l h3 a{ color: #009241 } .news-list .news-l p { line-height:26px; height:52px; overflow:hidden} .news-list .news-l p a{ color: #999; } .news-list .news-l .more { color: #999; position: absolute; left: 45px; bottom: 45px; } .news-list{ margin-bottom:40px} .pagination a.active{border: 1px solid #009241;color:#009241} .news-list .news-l .more:hover{ color:#009241} /*浜у搧*/ .hongqu { } .hq-his { border-bottom: 2px solid #f5f5f5; padding-bottom: 40px; } .hq-his .hq-his-l { width: 517px; } .hq-his .hq-his-l h3 { font-size: 30px; font-weight: normal; } .hq-his .hq-his-l h4 { font-size: 18px; line-height: 44px; text-transform: uppercase; font-weight: normal; color: #969797; } .hq-his .hq-his-l p { color: #969797; margin-bottom: 22px; } .hq-his-r { width: 434px; } .hq-his-r .hq-his-img { width: 100%; overflow: hidden; } .hq-his-r .hq-his-img ul { width: 1000%; } .hq-his-r .hq-his-img li { width: 434px; } .hq-his-r .hq-his-btn a { width: 40px; height: 40px; display: inline-block; *display: inline; *zoom: 1; margin-left: 20px; } .hq-his-r .hq-his-btn a.btn-l { background: url(../img/hq_his_l.png) no-repeat; } .hq-his-r .hq-his-btn a.btn-r { background: url(../img/hq_his_r.png) no-repeat; } .hq-sort { } .hq-sort-li { } .hq-sort-li li { margin: 10px 3px; position: relative; overflow: hidden; } .hq-sort-li li .imgbox { width: 100%; height: 296px; overflow: hidden; position: relative; } .hq-sort-li li .imgbox img { position: absolute; top: 0; left: 0; width:100%; height:100% } .hq-sort-li li .sear { width: 56px; height: 56px; background: url(../img/hq_sor_s.png) no-repeat; position: absolute; /*top: 174px;*/ top: -56px; left: 140px; } .hq-sort-li a { width: 320px; /* height: 412px; */ height: 360px; display: block; background-color: #f8f8f8; color: #79645f; } .hq-sort-li .hq-s-info { /* padding: 8px 40px 0; */ padding: 0 40px 0; } .hq-sort-li .hq-s-info h3 { font-size: 16px; color:#333;font-family: "寰蒋闆呴粦"; line-height: 66px; } .hq-sort-li .hq-s-info p { font-size: 14px; line-height: 20px; } .hq-app-li { padding-top: 30px; position: relative; overflow: hidden; } .hq-app-li .hq-app-l { width: 475px; height: 368px; } .hq-app-li .hq-app-r { width: 375px; height: 318px ; padding: 50px 60px 0 40px; background-color: #02c258; color: #fff; } .hq-app-li ul { width: 1000%; } .hq-app-li li { height: 368px; width: 980px; } .hq-app-li li h3 { font-size: 24px; line-height: 66px; font-weight: normal; } .hq-app-li li p { font-size: 14px; line-height: 24px; } .hq-app-btn { position: absolute; right: 405px; bottom: 60px; } .hq-app-btn a { margin-left: 30px; } .pro-li { width: 100%; margin-bottom:36px; } .left_products_box{float: left; width: 253px;margin-right: 19px; margin-bottom:20px;} .left_products_box .left_nav{ margin-right:0} .left_products{ box-shadow: 0 0 10px #888; background: #fff; margin-bottom:26px; } .left_products a.on{ color:#009241} .left_products h1{background: #009241; height: 84px; line-height: 84px; color: #fff; padding-left: 35px; font-size: 30px; font-weight: normal; text-align:left} .left_products a{ border-bottom:1px solid #e6e6e6; height:70px; line-height:70px; color:#666; display:block; float:none; font-size:14px; text-align:left; padding-left:40px} .pro-li ul { width: 100%; } .pro-li li { width: 100%; border-bottom: 2px solid #f5f5f5; padding: 45px 0 90px; line-height: 24px; } .pro-li-imgbox { width: 374px; height: 374px; } .about-r .nobgc{ background: none; } .pro-li-imgbox .pl-con { width: 296px; height: 296px; background: url(../img/log.png) no-repeat center 120px; background-color: #fff; position: relative; overflow:hidden } .pro-li-imgbox .pl-con h3 { font-size: 26px; color: #02c258; text-transform: uppercase; font-family: 'Arial'; } .pro-li-imgbox .pl-con p { font-size: 18px; line-height: 40px; color: #999; } .pro-li-info h1{ color:#333; font-size:18px; margin-bottom:30px;} .pro-li-info p{ line-height:26px; color:#666; font-size:14px} .pro-li-imgbox .pl-con .pa-img img:hover{ /* -webkit-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); transform: scale(1.2,1.2); */ } .pro-li .pro-li-imgbox .pl-con{ width:374px; height:374px; overflow:hidden} .pro-li-info { width: 540px; padding-left: 46px; padding-top: 30px; padding-right: 20px; } .pro-li-info h3 { font-size: 24px; line-height: 24px; color: #009241; } .pro-li-info h4 { font-size: 18px; line-height: 48px; font-family: 'Arial'; } .pro-li-info p { font-size: 14px; line-height: 30px; color: #969797; } .pro-li-info .pl-more { width: 130px; line-height: 32px; /*background: url(../img/more_bg.png) no-repeat;*/ margin-top: 45px; background:#009241; border-radius:30px; } .pro-li-info .pl-more a { color: #fff; font-size: 14px; font-weight:700; text-transform: uppercase; font-family: 'Arial'; } .pro-li-info .pl-more a:hover { color: #fff; } .w980{ width:980px; margin:0 auto} /*.pro-li-info .pl-more a i { display: inline-block; *display: inline; *zoom: 1; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #666; margin-left: 12px; }*/ .pro-de-show img { display: none; } .pro-de-l { position: absolute; top: 172px; left: -27px; } .pro-de-r { position: absolute; top: 172px; right: -27px; } .ab-con .pl-con h3 { line-height: 1; } .tec { overflow:hidden } .tec .wrap{ text-align: center; } .sub-nav h2{ font-weight:700;} .tec .wrap h2{ color: #333333; font-size: 20px; line-height: 48px; font-weight:700; border-bottom:1px solid #f3f3f3; font-family:"寰蒋闆呴粦"; padding-bottom:22px; margin-bottom:20px } .sub-nav_jobs_b{ background:url(../img/job_b.jpg) no-repeat; height:425px;} .tec .wrap .mess-con{ color: #666; font-size:18px; line-height:32px; margin:0 0 50px; } .tec .wrap img{ max-width:100%; } .tec-con { margin-bottom: 150px; } .tec-con .tec-info { width: 416px; position: relative; padding-left: 90px; } .tec-con .tec-info h3 { color: #009241; font-size: 30px; line-height: 48px; } .tec-con .tec-info p { font-size: 14px; line-height: 28px; color: #999; } .tec-con .tec-info .line { position: absolute; top: 48px; left: 35px; color: #b0acac; font-weight: bold; } .tec-con .tec-info .tec-num { font-size: 24px; position: absolute; bottom: -12px; color: #999; } .tec-con .tec-info .tec-num1 { left: 0; } .tec-con .tec-info .tec-num2 { right: -35px; } .mess { } .mess .wrap { /* box-shadow: 0 0 5px #ccc; */ overflow:hidden; } .mess-con { padding:38px; width: 632px; margin: 0 auto; color: #999; background:#fff; float:left } .mess-con h2 { font-weight: normal; text-align: center; margin-bottom: 8px; font-family: 'Arial'; padding-top:20px } .mess-con h3 { font-size: 24px; line-height:42px; font-weight: normal; text-align: center; color:#333; margin-bottom:50px; } .mess-con dl { font-size:15px; color:#333; height: 30px; border-bottom: 1px solid #d3d3d3; margin-bottom: 28px; line-height: 30px; } .mess-con dt { float: left; } .mess-con dd { float: left; } .mess-con .mess-txt { height: 164px; border: 1px solid #d3d3d3; margin-top: 56px; } .mess-con .mess-txt textarea { line-height: 30px; color: #999; padding-left: 0.5em; height:150px; } .mess-con .mess-sub { padding-top: 40px; } .mess-con .mess-sub input { width: 170px; height: 42px; color: #fff; font-size: 15px; line-height: 42px; background-color: #62595a; margin: 0 auto; } .mess-con .mess-sub input:hover{ background-color: #009241; } .mess-con .mess-bot { line-height: 112px; font-size: 12px; font-family: 'Arial'; } .contact { position: relative; } .contact img { max-width: 100%; } .contact .cont-con { padding-top: 20px; width: 980px; background-color: #fff; position: absolute; top: 18%; left: 50%; margin-left: -490px; } .contact .i-mess dd.textarea { height: 96p; } .cont-l { padding-top: 16px; padding-left: 27px; } .cont-l h3 { font-size: 30px; color: #62595a; line-height: 1; font-weight: normal; } .cont-l .line { width: 32px; height: 1px; background-color: #efeeee; margin: 20px 0; } .cont-l p { font-size: 15px; color: #777; margin-top: 5px; } .cont-l .cont-share { padding-top: 24px; margin-top: 24px; border-top: 1px solid #efeeee; } .hr { } .hr-list { width: 558px; } .hr-list li { width: 186px; overflow: hidden; cursor: pointer; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:grayscale(100%); filter:gray; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } .hr-list li.act { width: 186px; overflow: hidden; cursor: pointer; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter:grayscale(0%); filter:gray; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } .hr-list li:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter:grayscale(0%); filter:gray; } .hr-show-li { width: 421px; background-color: #fff; padding-bottom: 70px; border-bottom: 2px solid #e9e7e7; } .hr-show-li .hr-show-con { padding: 26px 30px 0; } .hr-show-li .hr-show-con h3 { font-size: 30px; line-height: 1; font-weight: normal; color: #444; } .hr-show-li .hr-show-con h4 { font-size: 14px; line-height: 32px; font-weight: normal; } .hr-show-li .hr-show-con p { font-size: 14px; line-height: 24px; color: #888; } .recruit { overflow:hidden; } .rec-list { width:708px; float:left; border-bottom: 1px solid #e9e7e7; position: relative; background:#fff; margin-bottom:6px } .rec-list .tog-on, .rec-list .tog-off { position: absolute; right: 102px; top: 35px; font-size: 16px; } .rec-list .tog-on { color: #fff; display: none; } .rec-list .tog-off { color: #009241; } .rec-list div.on { background-color: #009241; color: #fff; } .rec-list .rec-togcon { display: none; padding:0 74px 0 62px; line-height:24px; color:#333; font-size:14px } .rec-list .rec-tit { height: 85px; color: #999; } .rec-list .rec-tit dl { padding-top: 33px; float: left; } .rec-list .rec-tit dd { padding: 0 28px; float: left; line-height: 24px; position:relative } .rec-list .rec-tit dd span{ background:#e0dede; width:1px; height:16px; position:absolute; left:0; top:5px} .rec-list .rec-tit dt { font-size: 22px; padding: 0 30px 0 62px; float: left; line-height: 24px; width: 200px; color:#666; /* text-align: center; */ } .rec-list .rec-info dd strong{ color:#333; font-size:16px; font-weight:700; margin-bottom:15px; display:block} .con-right{ float:left; width:708px; background:#fff; padding:38px;} .rec-list div.on dt{ color:#fff} .rec-list div.on dd span{ background:#33a867;} .rec-list .rec-tit dd { font-size: 16px; } .rec-list table { margin-top: 30px; width: 700px; /* text-align: center; */ line-height: 28px; } .rec-list .rec-info { border-top: 1px solid #efeeee; margin-top: 24px; padding-top:16px } .rec-list .rec-info dt { line-height: 76px; font-size: 16px; } .rec-list .rec-info dl{ padding-bottom:16px;border-bottom: 1px solid #efeeee;} .rec-list .rec-info dd { color: #888; line-height: 30px; font-size: 14px; } .rec-list .rec-info .apply { color: #009241; font-size: 18px; line-height: 66px; } /*椤电爜*/ .pagination a{ display: inline-block; *display: inline; *zoom:1; padding:0 15px; height: 36px; border:1px solid #ccc; line-height: 36px; font-size: 15px; color: #666; margin-left: 15px; border-radius: 5px; } /* 鏂伴椈璇︽儏 */ .con-box{ } .con-box .con_right h1{ line-height: 30px; color:#333; font-weight:normal; text-align:center; border-bottom:1px solid #e6e6e6; padding:10px 0; margin-bottom:22px; } .con-box .con_right h1 span{ display:block; font-size:14px; color:#888; line-height:40px;} .news-det-page a{ color: #666; } .con-text{ line-height:28px; padding-bottom:20px} .wrap td input.error{ border: 1px solid #D70128; } .wrap td textarea.error{ border: 1px solid #D70128; } .recr_table input{ border: 1px solid #eee;background:#fff; width: 222px; height: 30px; line-height:30px; padding:4px; } .recr_table input[type="submit"]{ background:#009241; border:none} .recr_table select{ border: 1px solid #eee; background:#fff; width: 60px; height: 30px; line-height:30px;padding:4px; } .recr_table textarea.feedback_input{ border: 1px solid #eee;background:#fff; width: auto; height: auto;padding:4px; } .recr_table tr td{ padding:6px 0} .recr_table tr td b{ font-weight:normal; font-size:14px} #weixin_share{/* position: fixed; */z-index: 2147483647;} #jiathis_modal_header{border-bottom: 1px solid #EEEEEE; padding: 9px 15px;} #jiathis_weixin_close{text-decoration:none; margin-top: 2px; color: #000000; float: right; font-size: 20px; font-weight: bold; cursor:pointer;line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #FFFFFF;} .ewm_box{ background-clip: padding-box;background-color: #FFFFFF;border: 1px solid #999; border-radius: 6px 6px 6px 6px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); left: 50%; margin: -180px 0 0 -180px;overflow: hidden; position: fixed; top: 50%; width:360px;height:360px; overflow:hidden; } #jiathis_weixin_h3{line-height: 30px; margin: 0; font-weight:normal; font-family:" 脦垄脠铆脩脜潞脷"; } #jiathis_modal_body{text-align:center;height:251px;} #jiathis_modal_footer{border-radius: 0 0 6px 6px; border-top: 1px solid #DDDDDD; box-shadow: 0 1px 0 #FFFFFF inset; height:100%;padding:0 10px;padding-top:11px;text-align: right; font-size:12px; }#jiathis_weixin_tip{text-align:left;margin:0; padding:0;font-size:12px; } input,textarea,select{ background:none; border:none;} .job tr td { padding: 8px 6px; border: 0; border-width: 1px 1px 0 0; font-size: 14px; } .job input[type="text"]{width: 150px; height: 27px; padding: 8px 10px; line-height: 18px; color: #666; border: 1px solid #eee; background: #fff; font-size: 14px;} .job select{ width: 270px; line-height: 45px; height: 45px; padding: 0 10px; color: #666; border: 1px solid #eee; background: #fff; font-size: 14px;} .job textarea{ width: 270px; line-height: 45px; height: 45px; padding: 0 10px; color: #666; border: 1px solid #eee; background: #fff; font-size: 14px;} input[type="reset"]{ background:#5c5c5c;width: 80px;height: 35px;font-size: 16px;color: #fff;cursor: pointer;} input[type="submit"]{ background:#0049b4;width: 80px;height: 35px;font-size: 16px;color: #fff;cursor: pointer;} .job tr td #spred{ padding-left:5px;font-size: 18px; font-family: Arial; color: #F00;} .hide{ display:none} .rz-li { padding-top: 20px; } .rz-li li { margin: 0 0 6px 0; position: relative; overflow: hidden; width:365px; } .rz-li li .imgbox { width: 100%; height: 202px; overflow: hidden; position: relative; } .rz-li ul.three,.rz-li ul.two{ width:365px;margin: 0 3px 0 3px;} .rz-li ul.three { margin-right:0} .rz-li ul.one li{width:237px; height:410px; margin-left:0} .rz-li ul.one li .imgbox { width: 100%; height: 410px; overflow: hidden; position: relative; } .rz-li li .imgbox img { position: absolute; top: 0; left: 0; } .rz-li ul.two li .sear { width: 56px; height: 56px; background: url(../img/hq_sor_s.png) no-repeat; position: absolute; top: -64px; left:140px; } .rz-li ul.three li .sear { width: 56px; height: 56px; background: url(../img/hq_sor_s.png) no-repeat; position: absolute; top: -64px; left:140px; } .rz-li li .sear { width: 56px; height: 56px; background: url(../img/hq_sor_s.png) no-repeat; position: absolute; top: -174px; left: 90px; } .rz-li a { width: 365px; /* height: 412px; */ height: 202px; display: block; background-color: #f8f8f8; color: #79645f; } .rz-li ul.one li a { width: 237px; /* height: 412px; */ height: 410px; display: block; background-color: #f8f8f8; color: #79645f; } .sub-nav_hq_b{ background:url(../img/hq_b.jpg) no-repeat; height:425px;} .sub-nav_pro_b{ background:url(../img/pro_b.jpg) no-repeat; height:425px;} .rz-li .hq-s-info { position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; width: 100%; background: rgba(0,0,0,0.6); } .rz-li .hq-s-info h3 { font-size: 18px; line-height: 52px; font-weight:normal } .rz-li .hq-s-info p { font-size: 14px; line-height: 20px; } .honor,.history,.cul-con,.recruit{ padding-bottom:50px;} /*2017-6-7*/ .other_b{ overflow:hidden} .i-banner ul{ position:absolute; top:0; left:0; width:100%; height:100%;} .nav li dl dd { position:relative} .nav li dl dd b{ position: absolute; right: -260px; top: 0; width: 260px; background: #fff; display:none} .nav li dl dd:hover b{ display:block} .nav li:hover dl dd a b a{ color:#666} .nav li:hover dl dd:hover b a{ color:#666} .nav li dl dd:hover b a:hover{ color:#009241} .nav li dl dd b a{ display: block; padding: 10px; font-weight: normal;} .hq_pro_list .hq-sort-li li{ margin:10px 20px; width:448px; border:1px solid #f8f8f8} .hq_pro_list .hq-sort-li a{ width:100%; height:448px;} .hq_pro_list .hq-sort-li li .imgbox{ height:382px} .hq_pro_list .hq-sort-li li .sear{ left:200px} .rz-li li:hover .hq-s-info h3{ color:#fff}