body{ background:#f7f7f7; color:#4d4d4d; font-family: Microsoft Yahei,sans-serif; } .box-shadow:hover{box-shadow:0 0 20px #acacac;} .fl{float:left;} .fr{float:right} .txtfr{text-align:right;} .hover-shadow>li,.box-shadow{ transition: 0.5s all;} .hover-shadow>li:hover{box-shadow:0 0 20px #acacac;} #share a{height:20px;width:20px;} #share a span{opacity: 0.5;} #share a span:hover{opacity: 1;} #share .jtico_tsina{background:url(images/weibo-icon2.png) 0 0 no-repeat;} #share .jtico_weixin{background:url(images/wechat-icon2.png) 0 0 no-repeat;} #share .jtico_qzone{background:url(images/qzone-icon.png) 0 0 no-repeat;} input::-webkit-input-placeholder { color: #b3b3b3!important; } input::-moz-placeholder { color: #b3b3b3!important; } input::-ms-input-placeholder { /* IE10+ */ color: #b3b3b3!important; } .mfocus .swiper-slide a span{height:400px;} .navbar_focus #focus .bbg1{ background:rgba(255, 255, 255, 0.5); } .navbar_focus #no LI{ height:6px; width:6px; } .footer_textbox p{ color:#999; } .footer_textbox p a{ color:#999!important; } #top,#navbar,#menu,.footer_textbox .poweredBy{display:none;} #header{ height:90px; border-top:none; background:#fff; } #header .logo a{ height:90px; line-height:112px; } #header .banner_def_bg{ height:90px; margin-top:-90px; } #bannerMenuBar{ border-left:none; height: 52px; line-height: 48px; margin-top: 38px; } #bannerMenuBar>li{ border-right:none; width:108px; height:52px; line-height:48px; padding:0; margin-left:10px; } #bannerMenuBar>li>a{ width:108px; height:49px; line-height:48px; position: relative; font-weight:100; color:#333; transition:all 0.5s; } #bannerMenuBar>li.sfhover>a{ color:#067c75; border-bottom:3px solid #1b987f; } #bannerMenuBar>li>a:hover:after{ content: ""; position: absolute; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #1b987f; bottom: 0px; left: 50%; margin-left: -6px; } #bannerMenuBar>li a:before{ display:none; } #bannerMenuBar>li.sel>a{ background:none; color:#067c75!important; } #bannerMenuBar>li.sfhover>a:after{ content: ""; position: absolute; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #1b987f; bottom: 0px; left: 50%; margin-left: -6px; } #header .banner_def_bg,.menuList{overflow: initial;} #bannerMenuBar li.sfhover .subMenuList{ display: block; top: 52px; left: inherit; min-width: 432px; right: 0; } .menuList LI.sfhover .subMenuList{ background: none; border:none; } .menuList LI.sfhover .subMenuList:after{ content:""; position:fixed; left:0; top:90px; width:100%; height:36px; background: rgba(0, 0, 0, 0.3); z-index:-1; } .menuList li ul.subMenuList li{ border: none; float: right; color:#fff; height:36px; line-height:36px; } .menuList li ul.subMenuList li a{ height:36px; line-height:36px; } .menuList li ul.subMenuList li a:hover{ background-color:transparent; padding:0; } #bannerMenuBar>li.sel a{ background-color:transparent; } .menuList li ul.subMenuList li a,.menuList li.sel ul.subMenuList li a{ color:#fff!important; padding:0; } .topbanner{width:100%;} .topbanner span{height:230px;} .index_advert{ background:#fff; padding:12px 0 24px; height:170px; } .index_ad_l{ float:left; width:710px; height:220px; position: relative; overflow:hidden; } .index_ad_l a .year{ position: absolute; font-size: 170px; bottom: -60px; color: rgba(91, 169, 151, 0.34); left: 70px; } .index_ad_l a .title{ font-size: 22px; color: #fff; top: 65px; left: 36px; position: absolute; } .index_ad_l a .en{ font-size: 20px; color: #fff; top: 100px; left: 36px; position: absolute; text-transform:uppercase; } .index_ad_r{ float:right; width:470px; height:220px; position: relative; overflow:hidden; } .index_ad_r a .title{ color: #fff; font-size:22px; text-align: center; position: absolute; top: 65px; left: 36px; } .index_ad_r a .en{ font-size: 20px; color: #fff; top: 100px; left: 36px; position: absolute; text-transform:uppercase; } .indexPage #content{ padding:20px 0; } #content{ padding-top:50px; overflow: inherit; } .index_news_img{ width:404px; height:160px; margin:10px 40px 0 0 ; float:left; } .index_news_cont{ float: left; width: 756px; } .index_news_cont_h b{ position: relative; font-size:20px; color:#4d4d4d; padding:0 4px; } .index_news_cont_h span{ font-size:14px; color:#4d4d4d; } .index_news_list{ margin-top:50px; } .index_news_list>li{ float: left; width: 45%; margin-right: 10%; position: relative; margin-bottom: 8px; } .index_news_list>li:nth-child(2n){ margin-right:0; } .index_news_list>li a{ overflow: hidden; -webkit-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; padding-right: 60px; color:#8B8B8C } .index_news_list>li a:hover{ color:#4D4D4D; } .index_news_list .date{ position: absolute; right: 0; top: 0; } /*氓潞鈥⒚┢捖?/ #footer{ padding-top:70px; border-top:6px solid #189a80; background:url(images/bottom-bg.png) center center no-repeat #2b5d5e; } #footer a:hover { color: #d0d0d0; } .footer_menubox{ border:none; } .footerSubMenuList .titleBox { font-size:12px; } #footerMenu{ float:right; } .footer_menubox .part2{ float:left; } .footerMenuList>li .titleBox{ display:inline-block; margin-bottom:6px; } .footerMenuList>li .titleBox .title{ color:#8cdacb; } .footerMenuList>li .footerSubMenuList .titleBox .title{ color:#79a79e; } .footer_add_left{ position: absolute; top: 40px; width:470px; z-index:9; } .footer_add_left .bootom_logo{ margin-right: 60px; position: relative; float: left; } .footer_add_left .bootom_logo:after{ content:""; border-right: 1px solid #fff; position: absolute; top: -2px; right: -60px; height: 100px; } .footer_add_left .bottom_contact{ margin-left:40px; float:left; } .bottom_contact_icon{ text-align:left; margin-bottom:12px; position: relative; } .bottom_contact_icon .wechat{ margin-right:40px; } .bottom_contact_icon .wechat_qr{ width: 100px; height: 100px; display: block; position: absolute; bottom: 33px; left: -34px; opacity: 0; transition:all 500ms; } .bottom_contact_icon .wechat_qr img{width:100%;} .bottom_contact_icon:hover .wechat_qr{ opacity: 1; } .bottom_contact .bottom_contact_txt p{ margin-bottom:6px; text-align:left; } .bottom_contact .bottom_contact_txt p img{ margin-right:6px; } #footer a{ color:#e6e6e6; } /********* *茅赂驴氓庐聺莽鈥奥┟ぢ概? *********/ #hbwy .head h1{ color:#067c75; font-size:32px; height: 36px; } #hbwy .head h2{ color:#4d4d4d; font-size:22px; font-weight:100; } /*氓鈥βヂ徛该偓盲禄鈥?/ #gsjj{ padding-top:20px; } .gsjj_info{ margin-bottom:60px; } .gsjj_info_left{ float:left; width:320px; position: relative; padding: 50px 0 0 30px; } .gsjj_info_left:after{ content:""; position:absolute; background-image:url(images/line.png); width:300px; height:11px; bottom:-12px; left:52px; } .gsjj_info_left p{ color:#c4ab8d; font-size:20px; font-weight:bold; } .gsjj_info_left p .text-small{ font-size:12px; font-weight:100; } .gsjj_info_right{ float:right; width:650px; } .gsjj_info_right p{ text-indent: 2em; color:#808080; } /*盲录聛盲赂拧忙鈥撯€∶ヅ掆€?/ #qywh{ background:url(images/qiyewenhua-bg.png) center 0 no-repeat; height:1210px; padding-top:20px; background-size: cover; } #qywh .head h1{ color:#fff; } #qywh .head h2{ color:#fff; } #qywh .body dl{ text-align:center; margin-bottom:36px; } #qywh .body dl dt{ font-size:18px; color:#5ba997; } #qywh .body dl dd{ font-size:24px; color:#fff; } #qywh .body .text-bottom{ text-align:center; font-size:16px; color:#5ba997; margin-top:100px; } /*猫碌鈥灻绰嵚C€?/ #zzry{ padding-top:20px; } .carousel{ height:430px!important; background:none!important; margin:0 auto!important; width: 960px; position: relative; font-size: 12px; font-family: Arial; } .carousel-feature{ box-shadow:0 0 20px #dadada!important; border:none!important; height: auto!important; } .carousel-feature .carousel-caption{ background:#fff!important; position:relative!important; display:block!important; opacity:1!important; overflow: hidden; } .carousel-feature .carousel-caption p:first-child{ color:#333!important; padding:30px 10px 10px!important; text-align:center; font-size:16px; } .carousel-feature .carousel-caption .summary{ padding:0 30px!important; line-height:24px; max-height:72px; overflow:hidden; margin-bottom:10px; } #zzry .carousel-feature .carousel-caption{ } /*********** **忙艙聧氓艩隆盲赂拧忙鈧?* ***********/ /*莽陇戮氓艗潞莽鈥奥┟ぢ概?/ #fwyt{margin-top:50px;} #fwyt .head h1{ color:#067c75; font-size:32px; height: 36px; } #fwyt .head h2{ color:#4d4d4d; font-size:18px; font-weight:100; } #fwyt>.head{ text-align: center; width: 1072px; margin: 0 auto 20px; position:relative; } #fwyt>.head .head_tabs{ width: 536px; display: inline-block; font-size: 20px; color: #aaa; height:50px; line-height:40px; } #fwyt>.head .head_tabs span{ font-size:16px; } #fwyt>.head .tabf{ color:#000; } .sqwy_part1_list>li{ float: left; width: 360px; background: #fff; margin-left: 60px; } .sqwy_part1_list>li:first-child{ margin-left:0; } .sqwy_part1_list>li .pic{ width:360px; height:230px; overflow:hidden; } .sqwy_part1_list>li .text{ padding: 40px 20px 0; font-size: 12px; height: 170px; box-sizing: border-box; line-height:24px; text-indent: 2em; } .sqwy_part2 { background:url(images/fuwulinian-bg.png) 0 0 no-repeat; height:450px; margin-top: -100px; padding-top: 100px; } #fwyt .sqwy_part2 .head h1,#fwyt .sqwy_part2 .head h2{color:#fff;} .sqwy_part2_info {color:#fff;text-align:center;margin-top:10px;} .sqwy_part2_info h1{margin-top:36px;font-size:28px;} .sqwy_part2_info p{margin-top:10px;font-size:18px;} /*氓鈥⑩€犆ぢ概∶р€奥┟ぢ概?/ .sywy_part1_list>li{ float:left; width:360px; height:300px; margin-left:56px; box-sizing:border-box; padding:20px; border:1px solid #005950; color:#fff; } .sywy_part1_list>li.first{ margin-left:0; background:url(images/btn1-bg.png) top right no-repeat #077c74; } .sywy_part1_list>li.second{background:url(images/btn2-bg.png) top right no-repeat #077c74;} .sywy_part1_list>li.third{background:url(images/btn3-bg.png) top right no-repeat #077c74;} .sywy_part1_list>li .title{ text-align: center; font-size: 24px; margin-bottom: 70px; margin-top: 20px; } .sywy_part1_list>li .summary{ text-indent: 2em; } /*********** **盲鹿聬盲潞芦莽鈥澟该β绰?* ***********/ .body_tabs>div{ margin-bottom:20px; } .body_tabs>div>.head{ margin-bottom:20px; } /*莽鈥澟该︹偓聛氓鈥郝?/ .sty_part1{position: relative;} .sty_part1:after{ content: "ECOLOGY PARK"; position: absolute; top: 0; color: #f1f1f1; font-size: 100px; z-index: -1; width: 1px; line-height: 1; letter-spacing: 20px; } #lxsh{margin-top:50px;} #lxsh.head h1{ color:#067c75; font-size:32px; height: 36px; } #lxsh.head h2{ color:#4d4d4d; font-size:18px; font-weight:100; } #lxsh>.head{ text-align: center; width: 450px; margin: 0 auto 50px; position: relative; } #lxsh>.head .head_tabs{ width: 150px; display: inline-block; font-size: 20px; color: #aaa; height:50px; line-height:40px; padding-bottom:4px; } #tag{ position:absolute; display:inline-block; height:4px; background:#07967b; bottom:0; left:0px; } #lxsh #tag{width:150px;} #fwyt #tag{width:536px;} #xwdt #tag{width:300px;} #lxsh>.head .tabf{ color:#000; } #lxsh .head h1{ color:#067c75; font-size:30px; height: 36px; } #lxsh .head h2{ color:#4d4d4d; font-size:22px; font-weight:100; } .lxsh_part1_list>li{ float:left; width:280px; margin-left:180px; } .lxsh_part1_list>li:first-child{ margin-left:0; } .lxsh_part1_list .title {text-align:center;color:#067c75;margin-bottom:20px;} .lxsh_part1_list .title p{font-size:90px;height:100px;} .lxsh_part1_list .title span{font-size:40px;} .sty_part2 .body{width:1200px;margin:0 auto;} .sty_part2 .body .tabs_head{height:54px;line-height:54px;position:relative;} .sty_part2 .body .tabs_head .tabs_item {width: 200px;display: inline-block;text-align: center;} .sty_part2 .body .tabs_head .tabf{ color: #fff; position:relative; } #tag2{ position: absolute; background: #077c74; width: 200px; height: 54px; left: 0; top: 0; z-index: -1; } .sty_part2 .body .tabs_head .tabf:after{ content: ""; position: absolute; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 10px solid #fff; left: 50%; margin-left: -12px; bottom: 0; } .sty_part2 .body .tabs_body .tabs_item_info{ background:#fff; height:190px; } .sty_part2 .body .tabs_body .tabs_item_info .text_area{ float:left; padding:20px 0 0 40px; box-sizing:border-box; } .sty_part2 .body .tabs_body .tabs_item_info .text_area .text-top{margin-bottom:10px;color:#666;} .sty_part2 .body .tabs_body .tabs_item_info .text_area .text-bottom{margin-top:10px; color:#067c75;} .sty_part2 .body .tabs_body .tabs_item_info .pic{ float:right; } .stq_part3_info{background:#fff;margin-bottom:20px;} .stq_part3_info .text-area p{ text-indent: 2em; } .stq_part3_info .pic img{ display:block; } .stq_part3_info .text-area{ width:500px; margin:80px 60px 0px 60px; } .stq_part3_info .text-area h1{ font-size:26px; color:#000; position:relative; padding-top:20px; margin-bottom:40px; } .stq_part3_info .fr h1:after{ content:""; position:absolute; top:0; right:0; width:110px; height:10px; background:#1b987f; } .stq_part3_info .fl h1:after{ content:""; position:absolute; top:0; left:0; width:110px; height:10px; background:#1b987f; } #lxsh .text-area p{ margin-bottom:10px; } #lxsh .text-area .title{ font-weight:bold; } .zhy_part1{ position:relative; height:200px; } .zhy_part1:after{ content: "INTELLIGENT HOME"; position: absolute; COLOR: #f0f0f0; font-size: 100px; z-index: -1; top: 0; right: 0; width: 766px; text-align: right; line-height: 1; } .zhy_part1 .head,.zhy_part2 .head{ margin-bottom:60px!important; } .body_tabs .zhy_part2{margin-bottom:100px} .zhy_list>li{ float:left; width:360px; height:80px; margin-left:60px; margin-bottom:20px; position:relative; } .zhy_list>li:nth-child(3n+1){ margin-left:0; } .zhy_list>li a{ width:360px; height:80px; line-height:80px; text-align:center; background:#fff; font-size:20px; display:block; color:#067c75; } .zhy_list_item_info{display:none; position: absolute; width: 1200px; height:140px; background: #077c74; z-index: 9; top:100px; left:0; } .zhy_list_item_info .txt{ float: left; color: #fff; padding-left: 150px; padding-top: 24px; } .zhy_list_item_info .txt p{ margin-bottom:5px; } .zhy_list_item_info .pic{float:right;margin-right:30px;} .zhy_list>li:nth-child(3n+2) .zhy_list_item_info{ left:-420px } .zhy_list>li:nth-child(3n+3) .zhy_list_item_info{ left:-840px } .zhy_list>li:hover a:after{ content:""; position:absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #077c74; left:50%; margin-left:-20px; bottom:-24px; } .zhy_list>li:hover .zhy_list_item_info{display:block;} .ysy_part1{ position:relative; } .ysy_part1 p{ width:500px; text-indent: 2em; margin-bottom:30px } .ysy_part1:after{ content: "ART SPACE"; position: absolute; COLOR: #f0f0f0; font-size: 100px; z-index: -1; top: 0; right: 0; width: 570px; text-align: right; line-height: 1; letter-spacing: 20px; } .ysy_part2{ background:#fff; padding:20px 0; } .ysy_part2 .ysy_part2_item1 .fl,.ysy_part2 .ysy_part2_item1 .fr{ width:500px; } .ysy_part2_item1 .fl .head{ margin-bottom:40px; } .ysy_part2_item1 .fl p{ line-height:32px; } .ysy_part2_item1 .head p{ font-size:20px; height:32px; line-height:32px; margin-bottom:10px; color:#007971; } .ysy_part2_item1 dl{ float:left; width:220px; text-align:center; margin-bottom:40px; margin-left:60px; } .ysy_part2_item1 dl:nth-child(2n+1){ margin-left:0; } .ysy_part2_item1 dt{ margin-bottom:20px; color:#007971; } .ysy_part2_item1 dd{ color:#333; } .ysy_part3 .text-area{ width:500px; text-align:left; margin-top:40px; } .ysy_part4 { background:#fff; padding:20px 0; } .ysy_part4 .head { width:500px; } .ysy_part4 .text-area{ text-align: left; margin-top: 90px; width: 320px; margin: 50px auto 0; } /*********** **忙鈥撀懊┾€斅幻ヅ犅︹偓聛** ***********/ #xwdt{margin-top:50px;} #xwdt>.head { text-align: center; margin:0 auto 60px; width:910px; position:relative; } #xwdt>.head .head_tabs { width: 300px; display: inline-block; font-size: 20px; color: #aaa; height: 50px; line-height: 40px; } #xwdt>.head .tabf { color: #000; } #xwdt>.head .head_tabs span { font-size: 16px; } .ml_list2>li{ float:left; width:536px; height:230px; position: relative; margin-left:128px; margin-bottom:30px; } .ml_list2>li:nth-child(2n+1){ margin-left:0; } .ml_list2>li .photo{ width:536px; height:230px; overflow:hidden; } .ml_list2>li .photo img{ width:536px; height:230px; display:block; } .ml_list2>li .title{ position: absolute; height: 50px; line-height: 50px; padding: 0 20px; width: 100%; font-size: 16px; color: #fff; background: rgba(0, 0, 0, 0.3); bottom: 0; box-sizing: border-box; } .ml_list2>li .title a{ color:#fff; overflow: hidden; -webkit-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; } .newshead p{ height: 36px; line-height: 36px; font-size: 20px; margin-bottom: 10px; text-align: center; color: #838383; } .ml_list1>li{ width:1200px; height:300px; position: relative; margin-bottom:20px; } .ml_list1>li .photo{ width:1200px; height:300px; overflow:hidden; } .ml_list1>li .photo img{ width:100%; } .ml_list1>li .title{ position: absolute; height: 50px; line-height: 50px; padding: 0 20px; width: 100%; font-size: 16px; color: #fff; background: rgba(0, 0, 0, 0.3); bottom: 0; box-sizing: border-box; text-align:right; } .ml_list1>li .title a{ color:#fff; overflow: hidden; -webkit-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; } .ml_list_item2>li{ float:left; background:#fff; width:534px; height:290px; margin-left:130px; margin-bottom:30px; } .ml_list_item2>li:nth-child(2n+1){ margin-left:0; } .ml_list_item2>li .photo{ width:314px; height:290px; display:block; float:left; overflow:hidden; } .ml_list_item2>li .title{ float: left; width: 180px; text-align: center; font-size: 22px; padding: 50px 20px; color:#4d4d4d; } .ml_list_item2>li .title a{ overflow: hidden; -webkit-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; } .ml_list_item2>li .summary{ color:#999; padding: 0px 20px; width:180px; float:left; } .ml_list3>li{ float:left; width:360px; height:350px; background:#fff; margin-left:60px; margin-bottom:50px; } .ml_list3>li:nth-child(3n+1){ margin-left:0; } .ml_list3>li .photo{ width:360px; height:150px; overflow:hidden; } .ml_list3>li .photo img{ width:360px; height:150px; display:block; } .ml_list3>li .title{ padding:30px 24px 20px; } .ml_list3>li .title a{ font-size:22px; color:#333; overflow: hidden; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; } .ml_list3>li .summary{ color:#4d4d4d; padding:0 24px; overflow: hidden; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; } /*********** **氓艩聽氓鈥βッλ嗏€樏ぢ宦?* ***********/ #jrwm{margin-top:50px;} #jrwm>div{margin-bottom:20px;} .tdjs { background:#fff; height:436px; padding:30px 20px; box-sizing:border-box; } .tdjs .fl{ width:500px; } #jrwm .text-area h1{ padding-top:20px; position: relative; margin-bottom:20px; font-size:26px; color:#000; } #jrwm .text-area h1 .line{ position:absolute; top:0; width:110px; height:10px; background:#1d9780; } #jrwm .text-area p{ text-indent: 2em; margin-bottom:20px; color:#4d4d4d; } #jrwm .text-area p b{ color:#000; } #jrwm .letter_bg p{ color: #f0f0f0; font-size: 120px; font-family: arial; height: 100px; } .rcln .text-area{ width:500px; } #jrwm .rcln .text-area h1 .line{ right:0; } .pic_banner{ margin:0 auto; width:1200px; } .yg_list3>li{ float:left; width:360px; height:248px; position:relative; margin-left:58px; margin-bottom:30px; } .yg_list3>li:nth-child(3n+1){ margin-left:0; } .yg_list3>li .photo{ width:360px; height:248px; overflow:hidden; position:relative; } .yg_list3>li .photo img{ width:360px; height:248px; display:block; } .yg_list3>li .photo i{ position:absolute; width:360px; height:100px; background:url(images/yxyg-bg.png) 0 0 no-repeat; bottom:0; } .yg_list3>li .title{ position: absolute; bottom: 12px; right: 2px; font-size: 18px; color: #333; max-width: 145px; overflow: hidden; height: 55px; line-height: 24px; } .yg_list3>li .author{ color:#999; position: absolute; bottom: 16px; right: 20px; max-width: 120px; overflow: hidden; height: 30px; line-height:30px; } /*猫聛艗盲陆聧忙鈥光€好佀?/ .recuitment_box{ background:url(images/zhaopin-bg.png) 0 0 no-repeat; height:560px; } .recuitment_box table{ width:100%; color:#fff; } .recuitment_box thead{ height:58px; line-height:58px; background:#1c9880; font-size:20px; } .recuitment_box thead th{ font-weight: 100; } .recuitment_box tbody td a{ font-size:14px; color:#fff; } .recuitment_box tbody td .positionName{ font-size:16px; } .recuitment_box tbody tr{ height:58px; line-height:58px; transition: all 0.5s; } .recuitment_box tbody tr:hover{ background:#1c9880; } .recuitment_box tbody td{ text-align:center; } .serch_box{ float:right; width: 400px; text-align: center; border: 1px solid #fff; height: 30px; line-height: 30px; border-radius: 30px; margin: 30px 0; color: #fff; } .serch_box .form-control{ background: none; outline: none; border: none; color: #fff; width: 360px; text-align: center; font-size:12px; } .serch_box input::-webkit-input-placeholder { color:#fafafa; } /********* **忙鈥撯€∶犆┞÷?* *********/ .article dd.line{ display:none; } .article h1{ font-size:24px; } .article dd.head{ position: absolute; top: 130px; left: 350px; width: 100px; } .article dd.author{ width: 750px; margin: 0 auto; padding-left: 70px; box-sizing: border-box; } .news_main .article dd.head{ width: 100%; position: relative; margin-top: 20px; top: 0; left: 0; } .news_sidebar{float:right;width:310px;} .hongyuan_news{width:310px;height:420px;overflow:hidden;position:relative;margin-bottom:50px;} .hongyuan_news .year{ position: absolute; font-size: 70px; bottom: 76px; color: rgba(91, 169, 151, 0.61); left: 42px; } .hongyuan_news .title{ font-size: 16px; color: #fff; bottom: 116px; left: 44px; position: absolute; } .hongyuan_news_list .head{ font-size:18px; margin-bottom:20px; } .hongyuan_news_list .article_news_list>li{ height:30px; line-height:30px; } .hongyuan_news_list .article_news_list>li a{ -webkit-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; overflow:hidden; color: #8B8B8C; } .hongyuan_news_list .article_news_list>li a:hover{ color: #4D4D4D; } .news_main{float:left;width:850px;} .news_main .title{ background: url(images/hy_bg.png) 0 0 no-repeat; color: #fff; height: 130px; line-height: 100px; overflow: hidden; margin:0!important; } .news_main .article{padding-top:0;} .news_main .author{display:none;} .article dd.author .group {margin-left:120px;} .article dd.author .gdate .key{display:none;} /*盲录藴莽搂鈧モ€標溍ヂ仿?/ .person-info{ background:#fff; padding:20px 0; } .person-info .photo{ float:left; width:534px; height:368px; overflow:hidden; } .person-info .photo img{ width:534px; height:368px; display:block;; } .person-info .person-item{ float:right; width:500px; position:relative; padding-top:124px; z-index:1; } .person-info .person-item .title{ text-align:right; font-size:24px; color:#797979 } .person-info .person-item .author{ text-align:right; font-size:24px; color:#797979 } .person-info .person-item .subtitle{ position: absolute; top: 0; right: 0; text-align: right; font-size: 80px; color: #f9f9f9; line-height: 1; z-index: -1; } .person-info .person-item .summary{ margin-top:40px; } .content-info .title,.content-info .subtitle,.content-info .author{display:none;} /*忙鈥光€好佀溍γζ掆€γ┞÷?/ .recruit_meg{ background:#fff; padding:100px 320px ; margin-bottom:50px; } .recruit_head{ margin-bottom:100px; border-bottom: 2px solid #999; } .recruit_head .name{ font-size: 30px; color: #067c75; border-bottom: 2px solid #067c75; line-height: 40px; } .recruit_head .date{ font-size: 22px; color: #999; margin-left: 10px; } .recruit_body dl{ margin-bottom:100px; } .recruit_body dt{ font-size:22px; color:#000; margin-bottom:10px; padding-left:30px; background:url(images/icon.png) left center no-repeat; } .recruit_body dd{ font-size:16px; color:#4d4d4d; } @media only screen and (max-width: 1920px){ .cw { width: 1200px; margin: 0 auto; } } @media only screen and (max-width: 1200px){ .cw{width:100%;} #content{padding:0;} .topbanner span{height:140px;} #header{height:60px;} #header .banner_def_bg{height:60px;margin-top: -60px;} #header .logo a{height:60px;line-height:60px;} #bannerMenuBar{margin-top: 9px;height:auto; width: 90%; right: 0px;background:#fff;padding:0 20px;box-sizing: border-box;transition: all 0.5s;} #bannerMenuBar>li{width:100%;margin-left:0;border-bottom: 1px solid #ccc;height:auto;background:none;padding-bottom: 6px;} #bannerMenuBar>li>a{text-align:left;color:#333;padding-left:26px;height:36px;line-height:36px;} #bannerMenuBar li .subMenuList{display:block;border:none;} #bannerMenuBar li .subMenuList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .menuList li ul.subMenuList li{float:left;} #bannerMenuBar>li.sel a{color: #a7a7a7!important;} .menuList li ul.subMenuList li a{color:#a7a7a7!important;} .menu_btn{top:20px;background-image:url(images/menuBtn.png);} #bannerMenuBar .subMenuList{display:none;} #bannerMenuBar>li.sel>a {color: #067C75!important;border:none;} #bannerMenuBar>li.sel>a:after{display:none;} #bannerMenuBar>li.sfhover>a{border:none;} #bannerMenuBar>li.sfhover>a:after{display:none;} #bannerMenuBar li.sfhover .subMenuList{ position: relative; top: 0; left: 0; right: 0; min-width: auto; } .menuList LI.sfhover .subMenuList:after{ position: relative;} .indexPage #content{margin-bottom:0;} .index_ad_l{ width: 54.5%; } .index_ad_r{ width: 44.5%; } .index_ad_l a .year{ font-size:30px; } .index_ad_l a .title,.index_ad_r a .title{ font-size:20px; } .index_news{padding:0 10px} .index_news_img{width:35.5%;overflow:hidden;margin-right:0;} .index_news_cont{ float:right; width:62.5%; } #footer{display:block;background-color:#2b5656; background-position: bottom center;padding-top:30px;} #fwyt,#lxsh,#xwdt,#jrwm{margin-top:20px;} #zzry{display:none;} #hbwy .box{ padding:0 10px; } #hbwy .head{ text-align:center; margin-bottom:20px; } .gsjj_info_left{ float:none; width:100%; padding:0 0 10px 0; text-align:center; } .gsjj_info_left:after{ display:none; } .gsjj_info_right{ float:none; width:100%; } #qywh{height:810px;} #qywh .body dl dt{ margin-bottom: 4px;} #qywh .body dl{ margin-bottom: 16px; } #qywh .body dl dd{ font-size:20px; } #tag{left:12px;} #fwyt>.head{width:90%;} #fwyt #tag{width:45%;} #fwyt>.head .head_tabs{width:45%;} #fwyt>.head .head_tabs span{display:none;} .body_tabs>div>.head{text-align:center;} .sqwy_part1_list{padding:0 10px;} .sqwy_part1_list>li{width:32%;margin-left:2%;} .sqwy_part1_list>li .pic{width:100%;height:auto;} .sqwy_part1_list>li .pic img{width:100%;} .sqwy_part1_list>li .text{height:200px;} .sqwy_part2{margin:0;padding-top:10px;height:320px;} .sqwy_part2 .head{text-align:center;} .sywy_part1_list{padding:0 10px;} .sywy_part1_list>li{width:32%;margin-left:2%;} #lxsh>.head .head_tabs{width:30%;} #lxsh .head .txtfr{text-align: center; } #lxsh>.head{margin-bottom:20px;width:100%;} #lxsh #tag{width:30%;} #lxsh .head h1{font-size:20px;text-align: center;} #lxsh .head h2{text-align: center;} .lxsh_part1_list{width: 900px;margin:0 auto;} .lxsh_part1_list>li{ margin-left: 30px;} .sty_part1:after{ font-size:36px; letter-spacing: 10px; top:20px; left:20px; } .sty_part3 .head .txtfr{text-align:center;} .stq_part3_info .pic{float:none;} .stq_part3_info .pic img{width:100%;} .stq_part3_info .text-area{width:100%;margin:0px;float:none;padding:10px; box-sizing: border-box;} .stq_part3_info .text-area h1{margin-bottom:20px;} .zhy_part1 .body p{text-align:center;padding:0 10px;} .zhy_part1:after{ font-size: 34px; top: 42px; right: 10px; width: 320px; } .body_tabs .zhy_part2{margin-bottom:20px;} .zhy_list{padding:0 10px;} .zhy_list>li{width: 49%; padding-left: 0px; box-sizing: border-box; margin-left: 0; } .zhy_list>li:nth-child(2n){float:right;} .zhy_list>li a{width: 100%;} .zhy_list_item_info{display:none!important;} .zhy_list>li:hover a:after{display:none;} .ysy_part1 p{width:100%;padding:0 10px;box-sizing:border-box;} .ysy_part1:after{width:auto; font-size: 60px;} .ysy_part2 .ysy_part2_item1 .fl, .ysy_part2 .ysy_part2_item1 .fr{ width:100%; float:none; } .ysy_part2_item1 .fl .head{ margin-bottom:20px; padding:0 10px; text-align:center; } .ysy_part2_item1 .fl p{ padding:0 10px; } .ysy_part2_item1 .pic img{ width:100%; } .ysy_part2_item1 .head p{ text-align: center; } .ysy_part2_item1 dl{ float:none; margin:0 auto 40px!important; } .ysy_part3 .fl{float:none;} .ysy_part3 .text-area{ width:auto; margin-top:20px; } .ysy_part4{padding:0;} .ysy_part4 .fl,.ysy_part4 .fr{float:none;} .ysy_part4 .head{width:auto;text-align:center;padding: 0 10px;} .ysy_part4 .text-area{margin-top:20px;width:auto;} .ysy_part4 .fl img{width:100%;} #xwdt>.head{width:90%; margin-bottom: 20px;} #xwdt>.head .head_tabs{width:30%;} #xwdt>.head .head_tabs span{display:none;} #xwdt #tag{width:30%} .ml_list2 {padding:0 10px;} .ml_list2>li{ width: 49%; margin-left: 1%; height:auto; } .ml_list2>li .photo{ width:100%; height:auto; } .ml_list2>li .photo img{ width:100%; height:auto; } .ml_list2>li .title{ line-height:36px; height:36px; font-size:14px; padding:0 10px; } .ml_list1>li,.ml_list1>li .photo,.ml_list1>li .photo img{ width:100%; height:auto; display:block; } .ml_list_item2>li{float:none; margin: 0 auto 20px!important;} .ml_list3 {padding:0 10px;} .ml_list3>li{ width:32%; margin-left:2%; overflow: hidden; height: 230px; margin-bottom:20px; } .ml_list3>li .photo{ width: 100%; } .ml_list3>li .title{padding:10px;} .ml_list3>li .title a{font-size:16px;} .ml_list3>li .summary{padding:0 10px;} .ml_list3>li .photo{width:100%;height:auto;} .ml_list3>li .photo img{width:100%;height:auto;} .tdjs{height:auto;padding:10px;} .tdjs .fl{width:100%;float:none;} .tdjs .fr{display:none;} .rcln .fl{display:none;} .rcln .fl{float:none;} .rcln .text-area{width:100%;padding:10px; box-sizing: border-box;} #jrwm .text-area h1{text-align:left; } #jrwm .rcln .text-area h1 .line{right: inherit;} .pic_banner{width:100%;} .pic_banner img{width:100%;} .yxyg .text-area{padding-left:10px;} .yg_list3{padding:0 10px;} .yg_list3>li{ float:none; width:100%; height:auto; margin-left:0; } .yg_list3>li .photo,.yg_list3>li .photo img{ width:100%; height:auto; } .yg_list3>li .photo i{background-size:100%; width:100%; height: 100px; background-position: right 20px;} .yg_list3>li .title{bottom:26px;} .yg_list3>li .author{bottom:4px;} .person-info .photo{ float:none; width: 100%; height: auto; } .person-info .photo{ width: 100%; height: auto; } .person-info .person-item{ float:none; width:100%; padding:0 10px; box-sizing:border-box; } .article dt.title{padding:0 .5em;margin:0 0 10px 0;} .article h1{margin:0;} .article dd.head{top: 42px;left: 25px;width: 90%;} .article dd.author{width: 90%;padding-left: 84px;box-sizing: border-box;} .article dd.author .group{ margin-left: 20px;} .recuitment_box{padding-top:20px;} .serch_box { float:none; width:90%; margin:0 auto 20px; } .serch_box .form-control{ width:80%; } .recuitment_box{ height:auto; } .recuitment_box thead{ height:auto; line-height:24px; font-size:14px; } .recuitment_box tbody tr{ height:auto; line-height:24px; } .recuitment_box tbody td { padding: 10px 0; } .sty_part2 .body{ width:100%; } .sty_part2 .body .tabs_head .tabf:after{ display:none; } .sty_part2 .body .tabs_head{ height: auto; line-height: 36px; } .sty_part2 .body .tabs_head .tabs_item{ height: 36px; line-height: 36px; width:49%; } .sty_part2 .body .tabs_body .tabs_item_info .pic{ display:none; } .article h1{ font-size: 16px;} .news_main .title{height:60px;line-height:60px;} .recruit_meg{padding:10px;} .recruit_head{margin-bottom:20px;} .recruit_body dl{margin-bottom:20px;} .sqwy_part3,.sywy_part2 {display:none;} #tag,#tag2{display:none;} .sty_part2 .tabs_head .tabf{background:#077c74;} #fwyt>.head .tabf,#xwdt>.head .tabf,#lxsh>.head .tabf{ border-bottom: 4px solid #07967b; box-sizing: border-box; } } @media only screen and (max-width: 900px){ .topbanner span #footer{ background-position:center bottom; background-color:#2e5a57; } .footer_add_left{ position:relative; margin:0 auto 40px; height: 100px; } #footerMenu{ float:none; margin:0 auto; width:416px } .sqwy_part1_list>li .text{ padding:10px; } .sywy_part1_list>li{ height:360px; } .lxsh_part1_list {width:100%;} .lxsh_part1_list>li{float:none;margin: 0 auto 10px!important;} .sty_part1 .head .txtfr{text-align:center;} .sty_part2 .head .txtfr{text-align:center;} } @media only screen and (max-width: 700px){ .index_ad{height:auto;} .mfocus .swiper-slide a span{height:320px;} .index_news_img{display:none;} .index_news_cont{ float:none; width:100%; } .index_news_list{ margin-top:20px; } .index_news_list>li{ float:none; width:100%; } .news_main{ float:none; width:100%; } .news_sidebar{ float:none; width:100%; } .hongyuan_news{width:100%;margin-bottom:20px;} .hongyuan_news_list{padding:0 10px;} } @media only screen and (max-width: 550px){ .mfocus .swiper-slide a span{height:270px;} .topbanner span{height:100px;} .index_ad_l,.index_ad_r{ float:none; width: 96%; margin: 0 auto 10px; } .footer_add_left .bootom_logo,.footer_add_left .bottom_contact{ float:none; } .footer_add_left .bottom_contact{ display:none; } .footer_add_left{ top:0; height:auto; margin-bottom:0; width:100%; } .footer_add_left .bootom_logo{ margin:0 auto; } .footer_menubox{display:none;} .footer_add_left .bootom_logo:after{display:none;} .sqwy_part1_list>li{ width:90%; float:none; margin: 0 auto 10px!important; } .sqwy_part1_list>li .text{height:auto;} .sywy_part1_list>li{ width:90%; float:none; margin: 0 auto 10px!important; height:auto; } .sywy_part1_list>li .text{height:auto;} .sywy_part1_list>li .title{margin-bottom: 20px;} .ml_list1>li .title{ height: 36px; line-height: 36px; } .ml_list2>li{ float:none; width:90%; margin:0 auto 20px!important; } .ml_list_item2>li{ width:90%; float:none; height: auto; } .ml_list_item2>li .photo{ float:none; width:100%; height:auto; } .ml_list_item2>li .photo img{ width:100%; } .ml_list_item2>li .title{ float:none; width:100%; padding:10px; box-sizing:border-box; } .ml_list_item2>li .summary{ float:none; width:100%; padding: 0px 10px 10px; box-sizing:border-box; } .ml_list3>li{ width:100%; float:none; margin-left:0; height:auto; padding-bottom:10px; margin-bottom:20px; } }