* { margin: 0; padding: 0; border: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; font-family: 寰蒋闆呴粦; outline: none; -webkit-font-smoothing: subpixel-antialiased; } a:link { text-decoration: none; } a:hover { text-decoration: none; } a:visited { text-decoration: none; } a:active { text-decoration: none; } .cl { clear: both; } ul, li { list-style: none; } html, body { width: 100%; height: 100%; -webkit-font-smoothing: antialiased; min-width: 1180px; } span { transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0); -o-transform: translate3D(0, 0, 0); -ms-transform: translate3D(0, 0, 0); } .all { width: 100%; position: relative; } .header { width: 100%; height: 174px; box-shadow: 0 3px 3px #2B7313; position: relative; z-index: 998; min-width: 1100px; } /* .header{width: 100%;height: 174px;box-shadow: 0 3px 3px #c90402;position: relative;z-index: 998;min-width: 1100px;background-image: url('../images/header-bg.jpg');background-size: 100% 100%;background-position: top right;background-size: contain;background-repeat: no-repeat;} */ .top { width: 1100px; height: 121px; margin: 0 auto; position: relative; } .top a { width: 205px; overflow: hidden; position: absolute; left: 0; top: 35px; } .top a img { width: 100%; display: block; } /*sxx娣诲姞*/ .navAhover { background-color: rgba(255, 255, 255, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9fffffff, endColorstr=#9fffffff); } .home_phone { width: 163px; overflow: hidden; float: right; margin-top: 28px; padding-top: 16px; } .home_phone img { display: block; } .nav { width: 100%; height: 53px; background-color: #2ca644; overflow: hidden; position: relative; z-index: 32 } /* .nav{width: 100%;height: 53px;background-color: #c90402;overflow: hidden;position:relative;z-index: 32} */ .navContent { width: 1100px; height: 100%; margin: 0 auto; position: relative; } .navContentA a { display: block; width: 113px; height: 100%; float: left; text-align: center; line-height: 16px; color: #fff; font-size: 16px; position: absolute; z-index: 20; } .navContentA a span { display: block; width: 113px; height: 16px; margin-top: 18px; border-left: 1px solid #fff; } .navContentA a:nth-child(1) { left: 0; } .navContentA a:nth-child(2) { left: 113px; } .navContentA a:nth-child(3) { left: 226px; } .navContentA a:nth-child(4) { left: 339px; } .navContentA a:nth-child(5) { left: 452px; } .navContentA a:nth-child(6) { left: 565px; } .navContentA a:nth-child(7) { left: 677px; } .navContentA a:nth-child(8) { left: 790px; } .navContentA { width: 920px; height: 100%; position: relative; float: left; } .navContentA .on { color: #353535; font-size: 18px; } .navSearch { width: 161px; height: 27px; float: right; position: relative; margin-top: 13px; } .navSearch input { width: 100%; height: 100%; border-radius: 8px; background-color: #fff; display: block; box-shadow: 0 2px 3px #848484 inset; padding: 0 34px 0 10px; line-height: 27px; font-size: 12px; } .home_searchBtn { width: 28px; height: 100%; background: url(../images/home_search.png) no-repeat center; position: absolute; top: 0; right: 6px; z-index: 10; cursor: pointer; } .navRollBg { width: 114px; height: 53px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: 5; filter: alpha(opacity=0.9); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; display: none; } .homeTopSlider { width: 100%; height: 516px; position: relative; } .homeTopSlider ul { width: 100%; height: 100%; position: relative; } .homeTopSlider ul li { height: 100%; } .sliderNav { width: 100%; height: 33px; border-bottom: 1px solid #b1b1b1; position: absolute; bottom: 0; left: 0; z-index: 10; } .sliderNavBg { width: 100%; height: 33px; position: absolute; bottom: 0; left: 0; z-index: 100; background-color: #1d0808; opacity: 0.1; } .sliderNavBtn { position: absolute; z-index: 200; height: 33px; display: inline-block; bottom: 0; left: 50%; margin-left: -46px; } .homeRight { width: 67px; height: 279px; background: url(../images/home_Right.png) no-repeat center; position: fixed; right: 50px; bottom: 5%; z-index: 1001; } /* .homeRight{width: 67px;height: 279px;background-color: #c90402;position: fixed;right: 50px;bottom: 5%;z-index: 1001;} */ .homeTopSliders { width: 100%; height: 100%; position: relative; overflow: hidden; } .homeTopSliders .flex-viewport { height: 100%; } .slides { height: 100% !important; } .homeTopSliders .flex-direction-nav { *height: 0; position: relative; z-index: 1110; } .homeTopSliders .flex-direction-nav a { text-decoration: none; display: block; width: 22px; height: 47px; margin-top: -22px; position: absolute; top: 0; z-index: 10; overflow: hidden; cursor: pointer; color: transparent; } .homeTopSliders .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .homeTopSliders .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } .homeTopSliders .slides { position: relative; } .homeTopSliders .flex-control-nav { position: absolute; bottom: 9px; left: 50%; z-index: 1001; margin-left: -46px; } .homeTopSliders .flex-control-nav li { width: 15px; height: 15px; float: left; border-radius: 100%; cursor: pointer; color: transparent; margin-right: 12px; } .homeTopSliders .flex-control-nav li a { display: block; width: 10px; height: 10px; background-color: #fff; border-radius: 100%; } .homeTopSliders .flex-control-nav li a:hover { background-color: #2ca644 !important; } .homeTopSliders .flex-control-nav li a:visited { background-color: #2ca644 !important; } .homeTopSliders .flex-control-nav li .flex-active { background-color: #2ca644; } .homeRight ul { width: 100%; height: 100%; } .homeRight ul li { width: 100%; height: 68px; text-align: center; color: #fff; font-size: 12px; overflow: hidden; cursor: pointer; } .homeRight ul li a { display: block; width: 100%; height: 100%; cursor: pointer; color: #fff; } .homeRight ul li.attention { position: relative; overflow: visible; } .homeRight ul li.attention .erm_attention { position: absolute; top: -45px; width: 180px; height: 210px; background: #fff; text-align: center; left: -178px; } .homeRight ul li.attention .erm_attention img { width: 100%; } .nChild1 .homeRightIcon { background: url(../images/home_right_icon.png) no-repeat; background-position: 17px 11px; } .homeRight ul li:nth-child(2) .homeRightIcon { background: url(../images/home_right_icon.png) no-repeat; background-position: 17px -55px; } .homeRight ul li:nth-child(3) .homeRightIcon { background: url(../images/home_right_icon.png) no-repeat; background-position: 17px -122px; } .homeRight ul li:nth-child(4) .homeRightIcon { background: url(../images/home_right_icon.png) no-repeat; background-position: 17px -195px; } .homeRightIcon { width: 100%; height: 46px; overflow: hidden; } .dynamics_body .flex-viewport { height: 100%; } .dynamics_body .flex-direction-nav { *height: 0; position: relative; z-index: 1110; } .dynamics_body .flex-direction-nav a { text-decoration: none; display: block; width: 22px; height: 47px; margin-top: -22px; position: absolute; top: 0; z-index: 10; overflow: hidden; cursor: pointer; color: transparent; } .dynamics_body .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .dynamics_body .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } .dynamics_body .slides { position: relative; } .dynamics_body .flex-control-nav { position: absolute; bottom: 28px; right: 27px; z-index: 1001; } .dynamics_body .flex-control-nav li { width: 23px; height: 22px; float: left; cursor: pointer; color: #fff; margin-right: 3px; } .dynamics_body .flex-control-nav li a { display: block; width: 23px; height: 22px; background-color: #646464; border-radius: 3px; text-align: center; border: 1px solid #868984; line-height: 20px; padding-left: 1px; } .dynamics_body .flex-control-nav li a:hover { background-color: #fff; border: 1px solid #7d373d; color: #2ca644; } .dynamics_body .flex-control-nav li .flex-active { background-color: #fff; border: 1px solid #7d373d; color: #2ca644; } .dynamics_body .slides li { height: 100%; position: relative; } .dynamics_body_bottom { width: 100%; height: 39px; background-color: #2ca644; position: absolute; bottom: 0; left: 0; z-index: 10; } .dynamics_body_bottom img { float: left; margin: 14px 10px 0 16px; } .dynamics_body_bottom span { font-size: 16px; color: #fff; float: left; line-height: 39px; width: 370px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dtLink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /**鍦板浘**/ .map { width: 100%; height: 100%; position: relative; background: #fff; overflow: hidden; } .chinaMap { width: 100%; height: 100%; position: absolute; z-index: 20; display: block; } .bigMapBox { width: 100%; height: 100%; position: absolute; z-index: 10; display: none; /*display: block;*/ } .china_pg { position: relative; z-index: 1; } .map_icon_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 25; } .icon_shadowm_box { position: absolute; top: 24px; left: -3px; display: none; } .icon_shadows_box { position: absolute; top: 12px; left: -2px; display: none; } .icon_shadowmm_box { position: absolute; top: 16px; left: -2px; display: none; } .icon_shadowb_box { position: absolute; top: 45px; left: -7px; display: none; } .city1 { position: absolute; left: 770px; /*top:120px;*/ top: -36px; display: block; } .city2 { position: absolute; left: 780px; /*top:170px;*/ top: -36px; display: block; } .city3 { position: absolute; left: 485px; /*top:275px;*/ top: -36px; display: block; } .city4 { position: absolute; left: 675px; /*top:210px;*/ top: -36px; display: block; } .city5 { position: absolute; left: 610px; /*top:250px;*/ top: -36px; display: block; } .city6 { position: absolute; left: 662px; /*top:241px;*/ top: -36px; display: block; } .city7 { position: absolute; left: 695px; /*top:270px;*/ top: -36px; display: block; } .city8 { position: absolute; left: 652px; /*top:315px;*/ top: -36px; display: block; } .city9 { position: absolute; left: 743px; /*top:314px;*/ top: -80px; display: block; z-index: 30; cursor: pointer; } .bigShadow { position: absolute; left: 736px; top: 358px; display: none; } .city10 { position: absolute; left: 578px; /*top:315px;*/ top: -36px; display: block; } .city11 { position: absolute; left: 489px; /*top:380px;*/ top: -36px; display: block; } .city12 { position: absolute; left: 550px; /*top:383px;*/ top: -36px; display: block; } .city13 { position: absolute; left: 670px; /*top:387px;*/ top: -36px; display: block; } .city14 { position: absolute; left: 710px; /*top:350px;*/ top: -36px; display: block; } .city15 { position: absolute; left: 650px; /*top:410px;*/ top: -36px; display: block; } .city16 { position: absolute; left: 774px; /*top:390px;*/ top: -36px; display: block; } .city17 { position: absolute; left: 700px; /*top:395px;*/ top: -36px; display: block; } .city18 { position: absolute; left: 545px; /*top:440px;*/ top: -36px; display: block; } .city19 { position: absolute; left: 765px; /*top:450px;*/ top: -36px; display: block; } .city20 { position: absolute; left: 465px; /*top:470px;*/ top: -36px; display: block; } .city21 { position: absolute; left: 580px; /*top:496px;*/ top: -36px; display: block; } .city22 { position: absolute; left: 685px; /*top:495px;*/ top: -36px; display: block; } .js_red { position: absolute; top: 315px; left: 702px; display: none; } .js_hover { width: 101.5px; height: 80.5px; position: absolute; top: 315px; left: 702px; display: block; z-index: 27; } .js_red_c { position: absolute; top: 314px; left: 701px; display: none; z-index: 0; } .JScitys { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 25; } .wshadowb_box { position: absolute; top: 40px; left: -27px; z-index: 30; display: none; } .wshadows_box { position: absolute; top: 19px; left: -16px; z-index: 30; display: none; } .wshadowm_box { position: absolute; top: 28px; left: -17px; z-index: 30; display: none; } .JScity1>img, .JScity2>img, .JScity3>img, .JScity4>img, .JScity5>img, .JScity6>img, .JScity7>img, .JScity8>img, .JScity9>img, .JScity10>img, .JScity11>img, .JScity12>img, .JScity13>img, .JScity14>img, .JScity15>img, .JScity16>img, .JScity17>img { cursor: pointer; z-index: 40; position: relative; } .JScity1 { position: absolute; top: -40px; left: 408px; display: block; } .JScity2 { position: absolute; top: -40px; left: 386px; display: block; } .JScity5 { position: absolute; top: -40px; left: 450px; display: block; } .JScity14 { position: absolute; top: -40px; left: 475px; display: block; } .JScity15 { position: absolute; top: -40px; left: 562px; display: block; } .JScity7 { position: absolute; top: -60px; left: 442px; display: block; } .JScity16 { position: absolute; top: -40px; left: 432px; display: block; } .JScity8 { position: absolute; top: -40px; left: 540px; display: block; } .JScity9 { position: absolute; top: -40px; left: 580px; display: block; } .JScity10 { position: absolute; top: -40px; left: 585px; display: block; } .JScity11 { position: absolute; top: -40px; left: 488px; display: block; } .JScity12 { position: absolute; top: -40px; left: 545px; display: block; } .JScity13 { position: absolute; top: -40px; left: 600px; display: block; } .JScity4 { position: absolute; top: -40px; left: 430px; display: block; } .JScity3 { position: absolute; top: -40px; left: 408px; display: block; } .JScity6 { position: absolute; top: -40px; left: 495px; display: block; } .JScity17 { position: absolute; top: -40px; left: 520px; display: block; } .prompt_box1 { position: absolute; height: 80px; width: 200px; z-index: 26; top: -80px; left: 14px; font-size: 10px; display: none; } .prompt_round1 { height: 4px; width: 4px; border-radius: 50%; position: absolute; left: 0; bottom: 0; z-index: 50; background-color: #aaaaaa; display: block; } .slantBox1 { height: 42px; width: 1px; position: absolute; left: -1px; bottom: 0; z-index: 27; display: none; } .slant1 { height: 1px; width: 50px; border: 1px dashed #aaaaaa; transform: rotate(-40deg); position: absolute; left: 0; bottom: 20px; z-index: 50; } .line1 { height: 1px; width: 1px; border: 1px dashed #aaaaaa; position: absolute; left: 42px; bottom: 36px; z-index: 50; display: none; } .informationBox1 { height: 30px; line-height: 30px; width: 1px; border: 1px solid #aaaaaa; position: absolute; left: 93px; bottom: 23px; border-radius: 8px; font-size: 14px; text-align: center; color: #2ca644; background-color: rgb(255, 255, 255); cursor: pointer; z-index: 50; display: none; } .prompt_box2 { position: absolute; height: 80px; width: 200px; z-index: 26; top: -80px; left: -200px; display: none; } .prompt_round2 { height: 4px; width: 4px; border-radius: 50%; position: absolute; right: 0; bottom: 0; z-index: 50; background-color: #333333; display: block; } .slantBox2 { height: 42px; width: 50px; position: absolute; right: -1px; bottom: 0; z-index: 27; display: none; } .slant2 { height: 1px; width: 50px; border: 1px dashed #555555; transform: rotate(40deg); position: absolute; right: 0; bottom: 20px; z-index: 50; display: block; } .line2 { height: 1px; width: 50px; border: 1px dashed #666666; position: absolute; right: 43px; bottom: 37px; z-index: 50; display: none; } .informationBox2 { height: 30px; line-height: 30px; width: 100px; border: 1px solid #666666; position: absolute; right: 93px; bottom: 23px; border-radius: 12px; font-size: 14px; text-align: center; color: #2ca644; background-color: rgb(255, 255, 255); cursor: pointer; z-index: 50; display: none; } .prompt_box3 { position: absolute; height: 40px; width: 200px; z-index: 26; top: -10px; left: -210px; display: none; } .prompt_round3 { height: 4px; width: 4px; border-radius: 50%; position: absolute; right: 0; bottom: 0; z-index: 50; background-color: #333333; display: block; } .slantBox3 { height: 25px; width: 60px; position: absolute; right: -1px; bottom: 0; z-index: 27; display: none; } .slant3 { height: 1px; width: 50px; border: 1px dashed #555555; transform: rotate(25deg); position: absolute; right: 0; bottom: 10px; z-index: 50; display: block; } .line3 { height: 1px; width: 50px; border: 1px dashed #666666; position: absolute; right: 47px; bottom: 21px; z-index: 50; display: none; } .informationBox3 { height: 30px; line-height: 30px; width: 100px; border: 1px solid #666666; position: absolute; right: 93px; bottom: 7px; border-radius: 12px; font-size: 14px; text-align: center; color: #2ca644; background-color: rgb(255, 255, 255); cursor: pointer; z-index: 50; display: none; } /*鎸囩ず淇℃伅妗?/ #shade_img { width: 880px; height: 419px; text-align: center; line-height: 420px; font-size: 30px; } .jiangSu { width: 630px; height: 728px; position: relative; left: 591px; top: 302px; border: 1px solid black } .jiangSu img { width: 100%; display: block; border: 1px solid red } .jiangSu .icon--02 { font-size: 90.5px; color: red; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; } .jiangSu .icon--02:hover { color: #fff; cursor: pointer; } .xuzhou { width: 35.5px; height: 35px; position: absolute; top: 9px; left: 2.5px; } .icon03 { font-size: 35.5px; color: #5ad4ce; } .lianyungang { width: 23.5px; height: 23px; position: absolute; top: 8px; left: 30.5px; } .icon04 { font-size: 23.5px; } .suqian { width: 32px; height: 32px; position: absolute; top: 17px; left: 20px; } .icon05 { font-size: 32px; } .yancheng { width: 41px; height: 41px; position: absolute; top: 17px; left: 37px; } .icon07 { font-size: 41px; } .huaian { width: 32px; height: 32px; position: absolute; top: 23px; left: 27px; } .icon06 { font-size: 32px; } .yangzhou { width: 32px; height: 32px; position: absolute; top: 36px; left: 37px; } .icon08 { font-size: 24px; } .taizhou { width: 16px; height: 16px; position: absolute; top: 39px; left: 42px; } .icon09 { font-size: 31px; } .nantong { width: 31px; height: 31px; position: absolute; top: 44px; left: 58px; } .icon10 { font-size: 37px; } .nanjing { width: 28px; height: 28px; position: absolute; top: 51px; left: 29px; } .icon11 { font-size: 28px; } .zhenjiang { width: 19px; height: 19px; position: absolute; top: 52px; left: 41px; } .icon12 { font-size: 19px; } .changzhou { width: 19px; height: 19px; position: absolute; top: 58px; left: 43px; } .icon13 { font-size: 22px; } .suzhou { width: 19px; height: 19px; position: absolute; top: 61px; left: 59px; } .icon14 { font-size: 22px; } .wuxi { width: 19px; height: 19px; position: absolute; top: 58px; left: 48px; } .icon15 { font-size: 24px; } .jiangSuContent { display: none; perspective: 3000px; -webkit-perspective: 3000px; -moz-perspective: 3000px; } .jiangSuContent span:hover { color: deepskyblue !important; cursor: pointer } /**琛屼笟鍜ㄨ_璐㈢粡鏂伴椈**/ .hyzx_cjxw { width: 895px; height: 1200px; float: right; border: 1px solid #b4b4b4; } .hyzx_cjxw_content { width: 100%; overflow: hidden; } .hyzx_cjxw_content li { width: 100%; height: 139px; border-bottom: 1px solid #b4b4b4; color: #353535; } .hyzx_cjxw_date { width: 92px; height: 100%; float: left; border-right: 1px solid #b4b4b4; text-align: center; padding: 30px 0; } .hot { background-color: #2ca644; color: #fff; } .hyzx_cjxw_date span { font-size: 12px; display: inline-block; } .hyzx_cjxw_date p { font-size: 45px; display: block; } .hyzx_cjxw_detail { width: 800px; height: 100%; float: right; padding: 24px 25px 25px 25px; } .hyzx_cjxw_detail p { font-size: 14px; text-indent: 2em; line-height: 1.4; } .hyzx_cjxw_detail_top a.a_fx_color { cursor: pointer; color: #2ca644; } .hyzx_cjxw_detail_top { width: 100%; height: 33px; border-bottom: 1px solid #b4b4b4; color: #353535; font-size: 12px; } .hyzx_cjxw_detail_top img { float: left; margin-right: 8px; } .hyzx_cjxw_detail_top .hyzx_cjxw_title { float: left; line-height: 1; font-weight: bold; font-size: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 540px; } .hyzx_cjxw_detail_top .hot_title { color: #2ca644; } .hyzx_cjxw_detail_top span { float: right; line-height: 2.5; margin-left: 5px; } .hyzx_cjxw_detail_top a { float: right; line-height: 1.5; color: #353535; margin-left: 18px; } .hyzx_cjxw_detail_top a img { float: left; } .hyzx_cjxw_detailP { display: block; width: 100%; font-size: 14px; color: #353535; line-height: 1.8; padding-top: 8px; text-indent: 2rem; } .fenye { width: 895px; height: 120px; margin-top: 3px; position: absolute; bottom: 0; right: 0 } .fenye_content { display: inline-block; } .fenye_content a { padding: 4px 10px; border-radius: 3px; float: left; border: 1px solid #d5d5d5; color: #717171; } .fenye_content .fenye_on { background-color: #2ca644; border: 1px solid #e9a1a9; color: #fff; } .fenye_content a:hover { background-color: #2ca644; border: 1px solid #e9a1a9; color: #fff; cursor: pointer; } .btn2, .btn3, .btn4, .btn5 { display: none; } .btnMgnR { margin-right: 16px; } .hyzx_cjxw_child { width: 895px; height: 967px; border: 1px solid #dddddd; float: right; } .hyzx_cjxw_child_top { width: 100%; height: 141px; border-bottom: 1px solid #b4b4b4; position: relative; padding-top: 50px; } .hyzx_cjxw_child_title { color: #353535; font-size: 24px; text-align: center; padding-top: 50px; font-weight: bolder; display: block; } .hyzx_cjxw_child_in { position: absolute; left: 40px; bottom: 9px; } .hyzx_cjxw_child_in span { color: #353535; font-size: 12px; display: inline-block; } .fenxiang { position: absolute; right: 83px; bottom: 9px; cursor: pointer; } .dayin { position: absolute; bottom: 9px; right: 17px; cursor: pointer; } .hyzx_cjxw_child_content { width: 100%; height: 772px; border-bottom: 1px solid #b4b4b4; padding: 22px 8px 22px 40px; } .hyzx_cjxw_child_content_box { height: 719px; /*overflow:hidden;*/ overflow-y: scroll; text-align: center; position: relative; /*border:1px solid green;*/ } .hyzx_cjxw_child_content_box h4, .hyzx_cjxw_child_content_box h5 { text-align: left; } /* .hyzx_cjxw_child_content p.p1 { text-align: left; } */ .hyzx_cjxw_child_content_box h4 { line-height: 36px; } .hyzx_cjxw_child_content_box h5 { line-height: 20px; margin-bottom: 5px; } .hyzx_cjxw_child_content_box img { margin-top: 5px; /* margin-bottom: 15px; */ width: 90%; } /*娣诲姞寮€濮?/ #hyzx_cjxw_child_content_txt_box { width: 814px; position: absolute; top: 0; left: 0; display: block; } .hyzx_cjxw_scrollBox { /*border:1px solid deeppink;*/ width: 12px; height: 100%; position: absolute; top: 0; right: 0; z-index: 10; } .scrollhr { border-left: 1px solid #868984; width: 1px; height: 100%; margin: 0 auto; } .scrollbar { width: 3px; border-radius: 1px; background-color: #2ca644; position: absolute; top: 0; left: 4px; cursor: pointer; } .noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } /*娣诲姞缁撴潫*/ .hyzx_cjxw_child_content_header { width: 100%; padding: 10px 22px 10px 22px; color: #fff; font-size: 14px; background-color: #969696; text-indent: 2rem; margin-bottom: 15px; } /* .hyzx_cjxw_child_content h2 { color: #353535; font-size: 14px; font-weight: bold; margin: 22px 0; } */ /* .hyzx_cjxw_child_content p { text-indent: 2rem; font-size: 14px; line-height: 1.8; margin-bottom: 20px; display: block; text-align: center; } */ /*header閮ㄥ垎鏍峰紡閲嶇疆*/ .hyzx_cjxw_child_content_header>p { line-height: 2; margin-bottom: 10px; font-size: 15px } .hyzx_cjxw_child_content_box h4 { margin: 15px 45px; } .hyzx_cjxw_child_next { color: #2ca644; font-size: 12px; float: right; margin: 13px 21px 0 0; cursor: pointer; padding-bottom: 2px; display: inline-block; ; position: relative; } .hyzx_cjxw_child_next img { float: left; margin: 4px 5px 0 0; } .nextNewBootom { width: 0; height: 1px; background-color: #2ca644; position: absolute; bottom: -1px; left: 50%; } /*transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);*/ /*transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;}*/ /**绾㈢偣鍔ㄦ€?*/ .hyzx_hddt { width: 895px; height: 967px; float: right; border: 1px solid #dddddd; position: relative } .hyzx_hddt ul { width: 100%; overflow: hidden; } .hyzx_hddt ul li { width: 100%; height: 222px; border-bottom: 1px solid #b4b4b4; padding: 19px 22px; } .hyzx_hddt_left { width: 346px; height: 181px; float: left; padding: 4px; border: 1px solid #b4b4b4; background: url(../images/hddt.jpg) center no-repeat; } .hyzx_hddt_right { width: 448px; height: 100%; float: right; position: relative; } #hdgy_box .hyzx_hddt_right .hyzx_hddt_right_top { display: block; width: 100%; height: 52px; border-bottom: 1px solid #b4b4b4; margin-bottom: 15px; color: #353535; font-size: 22px; font-weight: bold; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; float: none; } .hyzx_hddt_right p { display: block; /*padding-top: 15px;*/ color: #353535; font-size: 14px; line-height: 1.8; text-indent: 2rem; /*margin-bottom: 25px;*/ clear: both; } .hyzx_hddt_right span { position: absolute; bottom: 0; left: 0; color: #353535; font-size: 12px; } .hdgy_topA { float: right; color: #2ca644; font-size: 12px; display: inline-block; position: absolute; bottom: 0; right: 0; cursor: pointer; } .hyzx_hddt_right a { float: right; color: #2ca644; font-size: 12px; display: inline-block; position: absolute; bottom: 0; right: 0; cursor: pointer; } .hyzx_hddt_right a img { float: left; margin: 5px 3px 0 0; } /**绾㈢偣绀惧尯_鎷涜搐绾冲+**/ .jionUs { width: 895px; height: 208px; float: right; background: url(../images/joinUs.jpg) center no-repeat; color: #353535; } .jionUs span { display: block; text-align: center; font-size: 13px; margin: 126px 0 5px 0; } .jionUs p { display: block; text-align: center; font-size: 16px; } .employContent { width: 895px; height: 889px; padding-top: 8px; float: right; height: auto !important; } .employContent ul li.employLayer { width: 100%; height: 42px; line-height: 42px; font-size: 18px; color: #353535; text-align: center; font-weight: 600; } .employContent ul { width: 100%; overflow: hidden; } .employContent ul li { width: 100%; overflow: hidden; color: #353535; margin-bottom: 5px; /* height: 37px; */ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* 绂忓埄寰呴亣 鑱旂郴鏂瑰紡 */ .employContent ul li[class="fuli"] { height: auto; overflow: auto; margin-bottom: 20px; } .employContent ul li[class="yingpin"] { height: auto; overflow: auto; width: 600px; margin: 0 auto; } .employContent ul li[class="fuli"] .fuli-title, .employContent ul li[class="yingpin"] .yingpin-title { font-size: 16px; font-weight: bolder; text-align: center; } .employContent ul li[class="fuli"] .fuli-line { font-size: 14px; text-align: center; margin: 5px 0px; } .employContent ul li[class="yingpin"] .yingpin-line { font-size: 14px; text-align: left; margin: 5px 0px; } .employ-title { width: 100%; height: 37px; line-height: 37px; cursor: pointer; background-color: #c8c8c8; } .employTitle { width: 100%; height: 37px; line-height: 37px; cursor: pointer; background-color: #c8c8c8; } .employTitleArrow { width: 20px; height: 37px; background-color: #2ca644; float: left; margin-right: 14px; } .employ-title-arrow { width: 20px; height: 37px; background-color: #2ca644; float: left; margin-right: 14px; } .employ-title-arrow img { margin-left: 5px; /* transform: rotate(-90deg); */ position: relative; top: -3px; /* -webkit-transform: rotate(-90deg); */ /* -o-transform: rotate(-90deg); */ /* -moz-transform: rotate(-90deg); */ transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; } .employTitleArrow img { margin-left: 5px; transform: rotate(-90deg); position: relative; top: -3px; -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; } .employ-content-details { width: 100%; overflow: hidden; /* border: 1px solid #b4b4b4; */ border-right: 0 !important; color: #353535; border-bottom: 0 !important; display: flex; flex-direction: column; } .employ-content-details div { overflow: hidden; float: left; text-indent: 10px; } .employContentDetails { width: 100%; overflow: hidden; border: 1px solid #b4b4b4; border-right: 0 !important; color: #353535; border-bottom: 0 !important; } .employContentDetails div { overflow: hidden; float: left; } .stationName { width: 136px; border-right: 1px solid #b4b4b4; padding: 18px 0; border-bottom: 1px solid #b4b4b4; } .stationName span { display: block; text-align: center; position: relative; top: 50%; margin-top: -10px; } .station-title>div { font-weight: 600; } .station-title>div, .station-content>div { height: 40px; line-height: 40px; border-bottom: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; } .post { width: 20%; border-left: 1px solid #b4b4b4; } .nums { width: 20%; } .site { width: 60%; } .dispalyNone { /* display: none; */ } .stationDetails { padding: 18px 8px 10px 21px; font-size: 12px; width: 757px; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; } .stationDetails p { margin-bottom: 8px; display: block; width: 100%; overflow: hidden; } .station-title, .station-content { width: 100%; overflow: hidden; } .stationAll { width: 100%; overflow: hidden; } .regularHeight img { transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } .regularImg img { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } /**绾㈢偣绀惧尯_鑱旂郴鎴戜滑**/ .contactUs { width: 895px; height: 1057px; border: 1px solid #b4b4b4; float: right; } .contactUs_top { width: 100%; background-color: #f0f0f0; overflow: hidden; padding: 18px 0 18px 16px; } .contactUs_top p { display: block; margin-bottom: 3px; color: #353535; font-size: 20px; } .contactUs_number { width: 100%; overflow: hidden; padding: 21px 0 21px 16px; border-bottom: 1px solid #b4b4b4; color: #353535; } .contactUs_phone { width: 335px; overflow: hidden; float: left; } .contactUs_phone img { float: left; margin-right: 12px; } .contactUs_phone span { float: left; font-size: 13px; display: inline-block; margin-top: 2px; } .contactUs_location { width: 863px; height: 853px; margin: 13px auto; border: 1px solid #b4b4b4; background-color: #f0f0f0; } .branchCompany { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1001; display: none; } .branchCompany_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); } .branchCompany_content { width: 885px; height: 493px; background-color: #fff; position: relative; top: 50%; left: 50%; margin: -246px 0 0 -442px; z-index: 101; } .branchCompany_contentUl { width: 875px; height: 416px; position: relative; left: 5px; top: 5px; overflow: hidden; } .branchCompany_contentUl ul { width: 100%; height: 100%; overflow: hidden; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; } .branchCompany_contentUl ul li { width: 875px; height: 416px; float: left; } .branchCompany_sliderLeft { position: absolute; top: 203px; left: 12px; cursor: pointer; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; } .branchCompany_sliderRight { position: absolute; top: 203px; right: 12px; cursor: pointer; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; } .branchCompany_sliderLeft:hover, .branchCompany_sliderRight:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } .sliderClose { position: absolute; top: 10px; right: 10px; z-index: 200; cursor: pointer; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; } .sliderClose:hover { transform: rotate(-180deg); } .branchCompanyName { display: inline-block; float: left; color: #353535; font-size: 24px; margin: 22px 90px 0 109px; } .secondNav_box { width: 100%; position: absolute; left: 0; top: 138px; background-color: rgba(255, 255, 255, 0.8); z-index: 11; } .secondNav { width: 1100px; height: 36px; margin: 0 auto; position: relative; z-index: 11; line-height: 36px; } .secondNav p { display: inline-block; position: absolute; } .secondNav p a { float: left; padding: 0 16px; color: #353535; font-size: 14px; cursor: pointer; } .secondNav p span { float: left; color: #353535; } .secondNav p a:hover { color: #2ca644; } /*sxx娣诲姞*/ .tab_con_comm { display: none; width: 82.5%; min-height: 646px; border: 1px solid #ddd; float: right; overflow: auto; } .hyzx_cjxw_child_top_p { font-size: 24px; text-align: center; color: black; font-weight: bold; } .hyzx_cjxw_child_top_span { font-size: 12px; color: #353535; position: absolute; bottom: 10px; left: 40px; } .shade_box { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8f000000, endColorstr=#8f000000); position: absolute; top: 0; left: 0; z-index: 2000; } .shade_img_box { width: 886px; height: 493px; position: fixed; top: 50%; left: 50%; margin-left: -443px; margin-top: -246.5px; background-color: #fff; /*border:1px solid red;*/ padding-top: 3px; padding-left: 3px; } .shade_img_box img { margin: 0; } .company_profile { /*border: 1px solid green;*/ width: 99.4%; height: 66px; font-size: 0; color: #353535; } .company_name { height: 100%; width: 320px; display: inline-block; line-height: 66px; font-size: 24px; text-align: center; float: left; height: 698px; overflow-y: auto; } .company_address { height: 100%; width: 286px; display: inline-block; font-size: 13px; color: #000000; float: left; padding-top: 13px; margin-right: 10px; position: relative; z-index: 3000; } #copAddress { display: block; position: absolute; left: 63px; width: 210px; height: auto; overflow: hidden; letter-spacing: 0.9px; } .company_tele { height: 100%; width: 250px; display: inline-block; line-height: 66px; font-size: 18px; float: left; } .company_profile img { float: left; margin-top: 12px; margin-left: 10px; margin-right: 15px; } .close_icon { position: absolute; right: -10px; top: -10px; } /*鐣欑櫧*/ .leave_a_note { width: 100%; height: 28px; } /*about鍐呭搴曢儴footer閮ㄥ垎寮€濮?/ .footer_about { width: 100%; height: 131px; overflow: hidden; position: relative; border-bottom: 5px solid #2ca644; background-color: #fff; margin-top: 58px; } .footer_about_body { width: 1102px; height: 100%; margin: 0 auto; } .footer_about_box1, .footer_about_box2, .footer_about_box3 { float: left; height: 100%; } .about_code, .footer_about_logo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .about_code { width: 103px; height: 89px; } .footer_about_logo { height: 39px; width: 154px; cursor: pointer; } .footer_about_box1 { width: 23%; position: relative; z-index: 10; } .footer_about_box2 { width: 56%; position: relative; z-index: 10; } .footer_about_box3 { width: 21%; position: relative; z-index: 6; } .footer_about_txt { padding-top: 34px; height: 100%; width: 100%; font-size: 12px; color: #000000; text-align: center; } .footer_about_txt ul { list-style: none; margin-left: 78px; overflow: hidden; margin-bottom: 5px; } .footer_about_txt .footer_striation_about { width: 1px; border-left: 1px solid black; height: 10px; position: relative; top: 3px; } .footer_about_txt ul li { float: left; text-align: center; width: 82px; font-size: 12px; color: #000000; } .footer_about_txt ul li a { text-decoration: none; color: #000000; } .footer_about_txt p { line-height: 20px; } .footer_about_txt .prompt_about { font-size: 14px; color: #000000; margin-top: 4px; } .footer_about_txt ul li.footer_cancel_w1 { width: 223px; } .footer_about_txt ul li.footer_cancel_w2 { width: 1px; height: 13px; } .about_code {} .footBack { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; background: rgba(226, 226, 226, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); } /*about鍐呭搴曢儴footer閮ㄥ垎缁撴潫*/ /*涓啘鏂板*/ /*浜烘墠鐞嗗康*/ .rcln_box1, .rcln_box2 { overflow: hidden; float: left; } .rcln_box { margin-left: 14px; margin-top: 45px; overflow: hidden; } .rcln_box1 { width: 425px; margin-right: 10px; } .rcln_box2 { width: 420px; } .rcln_box1 ul, .rcln_box2 ul { list-style: none; } .rcln_box1 ul li, .rcln_box2 ul li { float: left; } .rcln_box2 ul li:last-child { height: 246px; width: 205px; background: url(../znImages/rcln4.jpg); font-size: 22px; color: #fff; text-align: center; padding-top: 95px; padding-left: 18px; margin-left: 7px; } .talent { width: 160px; height: 148px; background-color: #2ca644; color: #fff; font-size: 24px; padding-top: 45px; padding-left: 26px; margin-right: 8px; } .rcln-con { height: 60px; width: 100%; line-height: 60px; color: #fff; text-align: center; font-size: 20px; background-color: #fcb231; margin-bottom: 9px; } .rcln_con_box { margin-left: 15px; margin-right: 15px; line-height: 26px; } .rcln_con_box h3 { font-size: 14px; color: #2ca644; font-weight: bold; margin-top: 24px; } .rcln_con_box p { font-size: 14px; color: #666; } /*涓啘閫氱敤*/ .v_line { height: 46px; border-left: 4px solid #2ca644; margin-right: 8px; display: inline-block; } .ty_top>p { display: inline-block; font-size: 30px; margin-right: 9px; } .ty_top img { margin-bottom: 18px; } .ty_top>p>span { display: block; color: #444; } /*鍐滃壇浜у搧*/ .product_box, .food_box, .wine_box, .product_box { margin-left: 13px; margin-top: 50px; } .product_bottom { margin-left: 27px; /*margin-top:40px;*/ } .jtdjDiv { width: 100%; margin-bottom: 15px; } .jtdjTh { color: red; font-weight: bold; line-height: 30px; margin-bottom: 5px; } .jtdjTr { text-indent: 2em; line-height: 30px; } .jtdjImgDiv { width: 100%; display: flex; flex-direction: row; } .jtdjImgDiv:last-child { margin-bottom: 30px; } .jtdjImg { width: 400px; height: 250px; } .jtdjImg img { width: 390px; height: 240px; } .product_bottomC { overflow: hidden; margin-bottom: 44px; } .pro_txt { margin-top: 23px; margin-left: 16px; margin-right: 13px; } .green_block, .product_txt { float: left; } .green_block { display: block; width: 167px; height: 170px; background-color: #38a54c; color: #fff; font-size: 22px; text-align: center; padding-top: 66px; margin-top: 90px; cursor: pointer; } .green_block:hover { opacity: 0.9; } .green_block>hr { border-top: 4px solid #ffea35; width: 40px; margin-left: 65px; margin-top: 20px; } .product_txt { width: 613px; /*height:430px;*/ border: 1px solid #d4d4d4; color: #666666; font-size: 14px; padding-bottom: 25px; } .pro_txt>h3 { font-size: 18px; font-weight: bold; } .pro_txt>hr { border-top: 2px solid #2ca644; width: 52px; margin-top: 8px; margin-bottom: 20px; } .pro_txt>p { text-align: justify; line-height: 22px; } .product_bottom>p { color: #666; font-size: 14px; } .foot_bottom { margin-top: 33px; } .foot_bottom ul { list-style: none; overflow: hidden; } .foot_bottom ul li { float: left; margin: 0; padding: 0; } .spsjg_box { width: 468px; height: 304px; background-color: #f0f0f0; } .spsjg_box_in { padding-top: 18px; padding-left: 21px; padding-right: 20px; } .spsjg_box_in h3 { font-size: 24px; color: #444444; font-weight: normal; } .spsjg_box_in>ul { margin-top: 15px; margin-bottom: 5px; } .spsjg_box_in>ul>li+li { margin-left: 60px; } .spsjg_box_in>ul>li:first-child { margin-left: 5px; } .spsjg_box_in>p { color: #666; font-size: 14px; text-align: justify; line-height: 20px; } .spsjg_circle_body { width: 92px; height: 92px; border-radius: 50%; background-color: #e16e6e; color: #fff; font-size: 24px; text-align: center; line-height: 92px; } .spsjg_circle_shadow img { display: block; margin: 7px auto; } .foot_bottom>p { font-size: 14px; color: #666; line-height: 22px; margin-top: 8px; text-align: justify; padding-right: 15px; } .foot_bottom>ul { margin-bottom: 20px; } .wine_bottom { margin-top: 35px; } .wine_bottom li a:hover { opacity: 0.9; } .wine_bottom>ul { list-style: none; overflow: hidden; } .wine_bottom>ul>li { float: left; } .wine_bottom>ul>li:nth-child(-n+3) { height: 186px; overflow: hidden; } .wine_bottom>ul>li:nth-child(3) { width: 312px; background-color: #fcb231; color: #fff; font-size: 28px; text-align: center; line-height: 186px; } .wine_bottom>ul>li:nth-child(5) { width: 238px; height: 288px; background-color: #f56464; color: #fff; font-size: 14px; text-align: left; line-height: 22px; } .wine_p { padding: 34px 14px 0 20px; } .yykt_box { padding: 20px 10px 5px 17px; } .yykt_box .ty_top img { float: right; display: block; margin: 23px 8px 0px 0px; width: 690px; } .yykt_bottom { margin: 26px 0px 0px 0px; } .yykt_bottom p.left { width: 427px; height: 315px; float: left; overflow: hidden; } .yykt_bottom p.left img { width: 427px; height: 315px; } .yykt_bottom div.right { width: 427px; height: 315px; float: left; padding: 20px 20px 15px 40px; line-height: 25px; font-size: 12px; } .yykt_bottom div.right .title_sz { font-size: 30px; font-weight: bold; width: 38px; padding: 0px 0px 10px 0px; } .yykt_bottom div.right .text_one { font-size: 16px; margin: 20px 0px 0px 0px; } .yykt_bottom div.right .text_two { color: #444444; } .yykt_bottom div.right .yykt_ewm { margin-top: 30px; } .yykt_bottom ul li { margin-bottom: 10px; } .clear { clear: both; } /*鍦颁骇***/ .estate_bottom { width: 100%; height: 542px; background: url(../znImages/estate-bj.jpg) no-repeat center; padding: 35px 50px; font-family: "寰蒋闆呴粦"; } .estate_bottom .estate-text { width: 265px; height: 480px; padding: 15px; background: rgba(255, 255, 255, 0.7); } .estate_bottom .estate-text h5.title { font-size: 15px; color: #080f40; line-height: 35px; } .estate_bottom .estate-text p { font-size: 12px; color: #080f40; line-height: 20px; } .estate_bottom .img-logo-dc { padding: 0px 0px 10px 0px; }