body{font-family: "氓戮庐猫陆炉茅鈥衡€γ┞烩€?;} .padd_t60{padding-top: 60px;} .padd_t80{padding-top: 80px;} .padd_b80{padding-bottom: 80px;} .padd_b140{padding-bottom: 140px;} .margin_t90{margin-top: 90px;} .margin_b40{margin-bottom: 40px;} .margin_b60{margin-bottom: 60px;} .margin_b120{margin-bottom: 120px;} .margin_b110{margin-bottom: 110px;} .margin_b160{margin-bottom: 160px;} .about_cont{padding-bottom: 195px;background: url(../images/bg01.png) no-repeat 0 bottom;} .about_cont .public_site{margin-bottom: 130px;} .s_line{width: 1px; height: 130px; background: #f2b441;} .public_site .s_line{position: absolute;top:95px;right: -1px;} .sline_block .s_line{display: block;} .about_01{overflow: hidden;margin-bottom: 155px;} .about_01 .left{float: left;width: 42%;} .about_01 .right{float: right;width:58%;} .a_title{color: #545454;margin-bottom: 40px;} .intr_img{margin-bottom: 75px;} .intr_img img{max-width: 100%;} .a_title em{display: block; width: 78px; height: 2px; background: #545454;margin-top: 20px;} .intr_year{background: #000;color: #fff;width: 250px;padding: 20px;padding-bottom: 30px;margin-bottom: 40px;} .intr_year h3{text-align: right;color: #f3b84c;font-weight: bold;line-height: 1em;margin-bottom: 5px;} .intr_year p{text-align: right;line-height: 1.5em;} .about_box_01,.about_left_02{padding-left: 38.5%; padding-right: 10%;} .intr_num{width: 804px;background:#f3b84c url(../images/about_bg01.png) no-repeat 0 center;background-size: cover;} .intr_num ul{overflow: hidden;padding: 85px 65px;padding-bottom: 130px;} .intr_num li{width: 33.33%;*margin-left: -1px;float: left;margin-bottom: 60px;} .intr_num li dl{padding: 0 5px;} .intr_num li:nth-child(3n+1){clear: both;} .intr_num li dd{font-weight: bold;line-height: 0.8em;} .intr_num li dd i{font-family: "Arial";} /*.intr_bottom{background:#000 url(../images/about_bg4_04.jpg) no-repeat;}*/ .intr_bottom img{max-width: 100%;margin-top: -100px;} .about_edit_01{overflow: hidden;} .about_02{overflow: hidden;} .about_02 .left{width: 50%; float: left;*margin-left: -1px;} .about_02 .right{width: 50%; float: right;margin-top: 130px;} .about_left_02{padding: 190px;padding:0% 13% 20% 38.5%;color: #fff; border-right: 11px solid #f2b441;} .about_02 .s_line{margin-bottom: 6%;} .about_edit_02 .edit_con_original{color: #fff;} .about_right_02{position: relative; background:#f0f0f0 url(../images/about_bg03.jpg) no-repeat 0 bottom; padding:100px 0 205px 70px;} .about_right_02 h1{text-transform: uppercase;margin-bottom: 25px;padding: 0 35px;} .about_right_t{background: #f2b441;padding: 45px 35px;margin-bottom: 35px;} .about_right_t h3{line-height: 1.2em;margin-bottom: 15px;} .about_right_t p{font-size: 12px; line-height: 18px;font-weight: bold;} .about_edit_03{padding: 0 35px;width: 530px;} .about_right_02 .index_p03{left:105px; right:auto;} .about_edit_02{max-height: 616px; overflow: hidden;} .about_edit_03{max-height: 588px; overflow: hidden;} .mCSB_inside>.mCSB_container{margin-right: 15px;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 2px;} @media only screen and (max-width:1660px) { .about_01{margin-bottom: 100px;} .about_box_01, .about_left_02{padding-left: 25%;} } @media only screen and (max-width:1520px) { .intr_num{width: 90%;} } @media only screen and (max-width:1440px) { .about_box_01, .about_left_02{padding-left: 50px;padding-right: 50px;} .about_right_02{padding: 50px; padding-right: 0;padding-bottom: 150px;} } @media only screen and (max-width:1366px) { .about_cont{padding-bottom: 120px;} .about_edit_03{ width: auto;} .about_right_02 h1,.about_edit_03{padding: 0 20px;} .about_right_t{padding: 20px;} } @media only screen and (max-width:1024px) { .about_cont{padding-bottom: 60px;} .about_01{margin-bottom: 50px;} .about_cont .public_site{margin-bottom: 70px;} .s_line{height: 70px;} .public_site .s_line{top:70px;} .about_box_01, .about_left_02{padding-left: 20px; padding-right: 20px;} .intr_num li{margin-bottom: 40px;} .intr_num ul{padding: 40px;padding-bottom: 100px;} .intr_img{margin-bottom: 30px;} .a_title{margin-bottom: 20px;} .a_title em{margin-top: 10px;} .about_right_02{padding-left: 20px;} .about_02 .right{margin-top: 60px;} .intr_num{width: 100%;} .about_right_02 .index_p03{left: 0;} .about_left_02{border-right: 6px solid #f2b441;} .about_right_t p{font-weight: normal;} } @media only screen and (max-width:767px) { .about_cont .public_site{margin-bottom: 20px} .about_01 .left{margin-bottom: 20px;} .about_01 .left,.about_01 .right,.about_02 .left,.about_02 .right{width: 100%;} .intr_year{width: 100%; box-sizing:border-box;margin-bottom: 20px;} .intr_year h3,.intr_year p{text-align: left;} .intr_bottom img{margin-top: -50px;} .intr_num ul{padding: 30px 10px; padding-bottom: 60px;} .intr_num li{margin-bottom: 20px;} .about_right_02{padding-top: 20px; padding-bottom: 100px;padding-left: 0} .about_right_02 h1{margin-bottom: 10px;} .about_02 .right{margin-top: 20px;} .about_edit_01{height: auto !important; max-height: inherit !important;} .about_edit_02{max-height: inherit;} .about_edit_03{max-height: inherit;} .intr_num li dd{font-weight: normal;} .about_01{margin-bottom: 20px;} .about_02 .s_line{display: none;} .about_left_02{padding: 20px; border:none;} } /*猫聛鈥澝陈幻λ嗏€樏ぢ宦?/ .contact{margin-top: 60px;} .contact_t{color: #545454;margin-bottom: 40px} .contact_t ul{overflow: hidden;margin: 0 -5px;} .contact_t li{float: left; width: 33.33%;*margin-left: -1px;} .contact_t li dl{background: #f5f5f5;margin: 0 5px;text-align: center;padding: 30px;padding-bottom: 25px;} .contact_t li dt{margin-bottom: 15px;} .contact_t li dt img{width: 40px; height: 40px;} .contact_t li p{line-height: 1.5em;} .contact_t li h3{margin-bottom: 15px;} #map{width: 100%; height: 400px;} .contact_b{position: relative;overflow: hidden;} .map_text{position: absolute;top:0; left: 0; width: 100%;} .map_text dl{float: right; background:#f2b441 url(../images/map_bg.jpg) no-repeat; background-size: cover; padding: 45px 30px;color: #fff;} .map_text dl dt{float: left;width: 52px;margin-right: 14px;} .map_text dl dt img{width: 100%;} .map_text dd{float: left;max-width: 325px;} .map_text dd h3{line-height: 1.5em;margin-bottom: 5px;} .map_text dd p{line-height: 1.2em;} @media only screen and (max-width:1024px) { .contact{margin-top: 40px;} #map{height: 400px;} .contact_t li dl{padding: 30px 20px;} .contact_t li h3{margin-bottom: 10px;} } @media only screen and (max-width:767px) { .map_text dl{padding:30px 20px;} #map{height: 200px;} .contact_t li dl,.contact_t ul{margin: 0;} .contact_t li{width: 100%;margin-bottom: 20px;} .contact_t .text_insert{height: auto !important;} .contact_t{margin-bottom: 0;} .contact{margin: 20px 0;} .map_text{position: static;} .map_text dl{float: none;overflow: hidden;} .map_text dd{width: calc(100% - 70px)} .map_text .wrap{width: 100%;} } /*盲录聛盲赂拧忙鈥撯€∶ヅ掆€?/ .culture{background: url(../images/culture_bg.png) no-repeat 0 0;padding-bottom: 175px;} .culture_cont{margin-top: 58px;} .culture_cont ul{overflow: hidden;position: relative; height: 0;padding-bottom: 111%;} .culture_cont li{position: absolute;} .culture_cont li dl{position: relative;} .culture_cont li dl,.culture_cont li dt{height: 100%} .culture_cont li dt img{width: 100%; height: 100%;} .culture_cont li dd{position: absolute; top:0;left: 0; width: 100%;height: 100%;} .culture_box{padding: 11% 60px; position: relative;z-index: 1;} .culture_box h3{margin-bottom: 45px;color: #f2b441;} .culture_box h3 em{width: 78px; height: 2px; background: #f2b441;display: block;margin-top: 18px;} .culture_box h2{line-height: 1.25em;margin-bottom: 5px;} .culture_box h1{margin-bottom: 15px;line-height: 1.2em;color: #fff;} .culture_box p{line-height: 1.4em;font-family: "Arial";color: #fff;} .culture_cont li:nth-child(1){width: 34%;height: 36.3%;top:0;right:50%;} .culture_cont li:nth-child(2){width: 50%;height: 44%;top:9%;right:0%;} .culture_cont li:nth-child(3){width: 50%;height:36.3%;top:36.3%;left:0%;} .culture_cont li:nth-child(4){width: 33.8%;height:31.3%;top:53%;left:50%;} .culture_cont li:nth-child(5){width: 33.8%;height:27.4%;bottom:0%;right:50%;} .blank_bg{position: absolute;top:0;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.2)} .culture_cont li:nth-child(2) .culture_box{padding-top:30%;} .culture_cont li:nth-child(3) .culture_box{padding-top:14%;} .culture_cont li:nth-child(4) .culture_box{padding-top:16%;} .culture_cont li:nth-child(5) .culture_box{padding-top:13.8%;} .culture_cont li:nth-child(1) .culture_box h3{color: #000000;} .culture_cont li:nth-child(1) .culture_box h3 em{background: #000000;} .culture_cont li:nth-child(1) .culture_box h1,.culture_cont li:nth-child(1) .culture_box p{color: #000000;} .culture_cont li:nth-child(1) .blank_bg,.culture_cont li:nth-child(5) .blank_bg{display: none;} .culture_cont li:nth-child(3) .blank_bg{background: rgba(0,0,0,0.1)} .culture_cont li:nth-child(4) .blank_bg{background: rgba(0,0,0,0.78)} .culture_cont li:nth-child(3) dd{width: 68%;left: auto;right: 0} .culture_p{height:300px;} .culture_cont li:nth-child(1) dl,.culture_cont li:nth-child(3) dl,.culture_cont li:nth-child(5) dl{border-right: 11px solid #f1b441;} @media only screen and (max-width:1660px) { .culture .fnt_48{font-size: 36px;} .culture .fnt_36{font-size: 30px;} .culture_box h3{margin-bottom: 30px;} } @media only screen and (max-width:1440px) { .culture .fnt_48{font-size: 30px;} .culture .fnt_36{font-size: 24px;} .culture_cont li:nth-child(2) .culture_box{padding-top:20%;} .culture_cont li:nth-child(4) .culture_box{padding-top:10%;} .culture_cont li:nth-child(5) .culture_box{padding-top:10%;} .culture_p{height: 200px;} } @media only screen and (max-width:1280px) { .culture{padding-bottom: 100px;} .culture_box h3 em{margin-top: 10px; } .culture_box h3{margin-bottom: 20px;} .culture .fnt_48{font-size: 24px;} .culture .fnt_36{font-size: 20px;} .culture_box{padding: 30px !important;} .culture_cont li:nth-child(2) .culture_box{padding-top: 20% !important;} } @media only screen and (max-width:1024px) { .culture_cont{margin-top: 20px;} .culture_box h3 em{width: 44px;} .culture{padding-bottom:40px;} .culture_box{transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%; padding: 20px !important;} .culture_cont li:nth-child(2) .culture_box{padding: 20px !important; width: 100%;box-sizing: border-box;} .culture_cont li:nth-child(1) dl,.culture_cont li:nth-child(3) dl,.culture_cont li:nth-child(5) dl{border-right: 6px solid #f1b441;} } @media only screen and (max-width:990px) { .culture_p{max-height: 150px; height: auto;} } @media only screen and (max-width:767px) { .culture_box h3 em{margin:auto;margin-top: 10px;} .culture .fnt_48{font-size: 20px;} .culture .fnt_36{font-size: 16px;} .culture_box h1{line-height: 1.5em;} .culture{padding-bottom: 20px;} .culture_cont li{width: 100% !important; position: static;margin-bottom: 20px;} .culture_cont ul{height: auto;padding: 0;} .culture_cont li:nth-child(3) dd{width: 100%;} .culture_box{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;width: 100%;box-sizing: border-box; text-align: center;} .culture_cont li:nth-child(1) .culture_box{transform: translate(-50%,-0%); -webkit-transform: translate(-50%,-0%);-ms-transform: translate(-50%,-0%);-moz-transform: translate(-50%,-0%);-o-transform: translate(-50%,-0%); position:absolute; left:50%; top:20px;} .culture_cont li:nth-child(1) dl,.culture_cont li:nth-child(3) dl,.culture_cont li:nth-child(5) dl{border-right: 0px solid #f1b441;} } /*莽陇戮盲录拧猫麓拢盲禄禄*/ .social_block01{display: table;width: 100%; position: relative;} .news_gray{width: 100%;background: #f5f5f5;position: absolute;top:-50px;left: 0; height: 87%;} .social_block01 .wrap{position: relative;z-index: 9;} .social_block01 dl{overflow: hidden;color: #323334; height: 0;padding-bottom: 34.5%; position: relative;} .social_block01 dt{float: left;width: 46%;} .social_block01 dd{float: left;width: 54%;*margin-left: -1px; background:#f1b13f url(../images/news_bg.jpg) no-repeat;background-size: cover; height: 100%; position: absolute;right: 0;top:0;} .social_block01 dd h1{margin-bottom: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .social_block01 dd h1 em{display: block;width: 56px; height: 2px; background: #323334;margin-top: 25px;} .social_block01 dd p{line-height: 1.7em; height: 11.9em;overflow: hidden;} .news_tiem{display: block;margin-bottom: 10px;} .news_topbox{padding: 55px 95px;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;} .social_block01 dd a{color:#323334; } .news_more{margin-top: 30px;} .social_block01 .news_more a{color: #000; font-weight: bold;} .social_block01 .news_more img{vertical-align: middle;margin-top: -3px;margin-left: 8px;} .social_block02 .index_03{margin-bottom: 0} .social_block02 .index_03 ul{margin: 0 -13px;} .social_block02 .index_03 ul li dl{margin: 0 13px; position: relative;padding-bottom: 60px;padding-top:20px;} .index_03 dd{position: relative;z-index: 88;} .index_03 dt{background-position: center center;background-size: cover;transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-webkit-transition: all .5s;position: absolute;z-index: 2 !important;top: 0;bottom: 0;left: 0;right: 0;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;margin-bottom: 0;visibility: hidden;height: 100% !important;} .index_03 dt a{position:absolute;width: 100%; height: 100%;} .index_03 dt img{display: none;} .social .index_03 ul li{margin-bottom: 50px;} .social_block02 .news_tiem{margin-top: 10px; font-family: "Arial";} .social_block02 .addmore{margin-top: -40px;margin-bottom: 180px;} .addmore{font-size: 14px; width: 94px; height: 34px; line-height: 34px; text-align: center;margin: auto; margin-top: 40px; color: #fff; cursor: pointer;background: #f2b441;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} #infscr-loading{ background:rgba(0,0,0,0.4); position:fixed; width:100px; height:50px; line-height:50px; font-size:16px; overflow:hidden; border-radius:10px; text-align:center; color:#fff; left:50%; top:50%; z-index:1000; margin:-15px 0 0 -50px;} .lt9 #infscr-loading{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#99000000", EndColorStr="#99000000")} #infscr-loading img{ position:absolute; left:50%; top:50%; margin:-57px 0 0 -75px; opacity:0.5; filter:alpha(opacity=50);} @media only screen and (max-width:1279px) { .news_topbox{padding:30px 40px;} .padd_t80,.padd_t60{padding-top: 50px;} .padd_b140,.padd_b80{padding-bottom: 60px;} .margin_t90{margin-top: 50px;} .margin_b120{margin-bottom: 60px;} .margin_b110{margin-bottom: 60px;} .margin_b160{margin-bottom: 60px;} .social_block02 .addmore{margin-top: 0;margin-bottom: 100px;} .news_more{margin-top: 15px;} .social_block01 dd h1 em{margin-top: 10px;} .news_tiem{margin-bottom: 4px;} } @media only screen and (max-width:1024px) { .social_block01 dd p{line-height: 1.7em;height: 6.8em;} } @media only screen and (max-width:767px) { .social_block02 .addmore{margin-bottom: 50px;} .social_block01 dt,.social_block01 dd{width: 100%; float:none;} .social_block01 dd{position: static;} .social_block01 dl{height: auto;padding: 0;} .news_topbox{padding:30px 20px;} .news_topbox{position: static; transform: translate(0,0%); -webkit-transform: translate(0,0%); -ms-transform: translate(0,0%); -moz-transform: translate(0,0%); -o-transform: translate(0,0%);} .social_block01 dd p{height: auto;max-height: 6.8em;} .padd_t80,.padd_t60{padding-top: 30px;} .padd_b80{padding-bottom: 30px;} .margin_t90{margin-top: 30px;} .margin_b120{margin-bottom:20px;} .margin_b110{margin-bottom:20px;} .margin_b160{margin-bottom: 40px;} .padd_b140{padding-bottom: 40px;} .news_gray{display: none;} } .index_03 dl{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} @media only screen and (min-width:1025px) { .index_03 dl:hover{background: #f2b441;} .index_03 dl:hover dt{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;visibility: visible;z-index: 999999;} .index_03 dl:hover dt img{display: block;} } @media only screen and (max-width:1024px) { .index_03 dl{padding-top: 0;} .index_03 dl dt{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;display: block; position: static;padding-bottom: 68%;margin-bottom: 20px;visibility: visible;position: relative;display: none;} .social_block02 .index_03 ul li dl{padding-bottom: 0;padding: 0;} .social .index_03 ul li{margin-bottom: 20px;} } /*忙鈥撀懊┾€斅幻モ€犫€γヂ?/ .detial_cont{width: 1000px;margin: auto;} .detial_cont h1{text-align: center;border-bottom: 2px solid #000;margin-bottom: 30px;padding-bottom: 20px;} .detial_span{text-align: center;font-weight: bold;} .detial_span span{padding: 0 11px;color: #343434;} .source{background: url(../images/span_icon_02.png) no-repeat 0 center;} .detial_span span:last-child{background: url(../images/span_icon_02.png) no-repeat 0 center;} .detial_span .posttime{background: url(../images/span_icon_01.png) no-repeat 0 center;padding-left: 20px;} .edit_close{float: right;margin-top: 20px;} .edit_close a{display: block;background: #f2b441; width: 94px; height: 34px; line-height: 34px; color: #fff; text-align: center;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all; } .edit_close a img{margin-top: 15px} .detial_page_cont{margin-top: 65px;} .detial_page span{display: block; height: 34px; line-height: 34px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .detial_page span a{color: #000000} .detial_page span a.no{cursor: default;color: #000 !important;} .detial_page_cont{overflow: hidden;} .detial_page_cont .detial_page{float: left; width: 70%; font-weight: bold;} .share{margin-top: 40px;overflow: hidden;} .bdsharebuttonbox>a { display: block; float: left; background-position: left top !important; width: 18px !important; height: 15px !important; margin: 0px 20px 0 0 !important; padding: 0 !important; } @media only screen and (max-width:1279px) { .detial_cont{width: 94%; margin: auto;} } @media only screen and (max-width:1024px) { .edit_close{display: none;} .detial_page_cont .detial_page{width: 100%; float: none;} .detial_page_cont{margin-top: 20px;} .share{margin-top: 20px;} .detial_page_cont .detial_page{font-weight: normal;} } @media only screen and (max-width:767px) { .detial_cont h1{padding-bottom: 10px;margin-bottom: 20px;} .detial_span{margin-bottom: 20px;font-weight: normal;} } @media only screen and (max-width:640px) { #views{display: block;background: none;} .detial_span span{padding: 0 6px;} } /*氓庐拧忙艙鸥忙艩楼氓鈥樑?/ .invest{width: 100%; display: table;} .invest ul{margin: 0 -19px;} .invest li{float: left;width: 33.33%;*margin-left: -1px;margin-bottom: 38px;} .invest_box{background: #f5f5f5;padding: 30px 40px;padding-bottom: 60px; margin: 0 19px; position: relative;} .invest_box h1{line-height: 1.25em;height: 2.5em;overflow: hidden;} .invest_box .invest_time{line-height: 1.3em;} .down{background: url(../images/down.png) no-repeat 0 center; padding-left: 20px; height: 24px; line-height: 24px;} .invest_text{position: relative;z-index: 9;} .invest_bg{position: absolute;top:0;left: 0; width: 100%; height: 100%;background:#f2b441 url(../images/invest_bg.jpg) no-repeat; background-size: cover; box-shadow: 1px 2px 10px 2px rgba(0,0,0,0.5); transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; } @media only screen and (max-width:1279px) { .invest ul{margin: 0 -10px;} .invest_box{margin: 0 10px;} .invest li{margin-bottom: 20px;} } @media only screen and (max-width:1024px) { .invest_box{padding: 30px;} .margin_b40{margin-bottom: 20px;} .margin_b60{margin-bottom: 30px;} } @media only screen and (max-width:767px) { .invest li{width: 100%;} .invest_box{padding: 30px 20px;} } /*忙艩鈥⒚碘€灻ㄢ偓鈥γ佲€澝陈?/ .investor_01{color: #323334;padding:40px;padding-bottom:60px; padding-right: 0;} .investor_01 h1{line-height: 1.5em;} .investor_cont .public_site .site{padding-right: 15px;} .investor_02 li{position: relative;margin-bottom: 125px;} .investor_text{color: #000;background: #f0ac3b url(../images/investor_01.jpg) no-repeat; background-size: cover; position: absolute; right: 40px; bottom: -45px; padding: 65px 60px 85px 60px;width:350px;} .investor_text .tel_link{cursor: default;color: #000 !important;} .investor_text h1{padding-left: 22px;} .investor_text h1 em{display: block;width: 78px; height: 2px; background: #545454;margin-top: 15px;} .investor_text .investor_p{line-height: 1.5em; position: relative; background: url(../images/address.png) no-repeat; padding-left: 22px;} .investor_text .investor_p em{position: absolute;top:0;left: -22px;} .investor_text .investor_p em img{width: 14px; height: 18px;} .investor_add{margin: 20px 0;padding-left: 22px;} .investor_02 li.cur .investor_text{right: auto;left: 40px;background: #111213 url(../images/investor_02.jpg) no-repeat;color: #f2b441; background-size: cover;} .investor_02 li.cur .investor_text h1 em{background: #755822;} .investor_02 li.cur .investor_text .tel_link{cursor: default;color: #f2b441 !important;} .investor_02 li.cur .investor_text a{color: #f2b441 !important;} .investor_02 li.cur .investor_text .investor_p{background: url(../images/address2.png) no-repeat;} .investor_text_p{max-height: 170px;font-weight: bold;} @media only screen and (max-width:1900px) { .investor_01{ padding-left: 5%;} } @media only screen and (max-width:1800px) { .investor_01{ padding-left: 10%;} } @media only screen and (max-width:1660px) { .investor_01{ padding: 0%;margin-top: 150px;margin-bottom: 30px;} } @media only screen and (max-width:1279px) { .investor_text{padding: 30px;} .investor_02 li{margin-bottom: 100px;} } @media only screen and (max-width:1024px) { .investor_text h1 em{margin-top: 10px;} .investor_add{margin: 10px 0;} .investor_text{width: 290px;} .investor_01{margin-top: 100px;} .investor_text_p{font-weight: normal;} } @media only screen and (max-width:767px) { .investor_text .tel_link{cursor: pointer;} .investor_text{position: static;width: 100%; box-sizing: border-box;padding: 30px 20px;} .investor_02 li{margin-bottom: 20px;} .investor_text h1,.investor_add{padding-left: 0;} .investor_text_p{height: auto;} .investor_01{margin-top: 30px;} } @media only screen and (max-width:360px) { .investor_text{padding: 30px 10px;} } /*氓聧隆氓庐垄猫陆娄猫陆庐猫茠沤*/ .tyre_top h1{margin-bottom: 20px; font-weight: bold;} .try_search{overflow: hidden;margin-bottom: 58px;} .try_search input{border: none;outline: none; background: none;height:60px;line-height: 60px; border-right: 0; border:1px solid #e9e9e9; padding: 0 20px; box-sizing: border-box; width: calc(100% - 300px)} .try_search button{color: #fff; border: none;outline: none;background: #f2b441; text-align: center;height: 60px; line-height: 60px; width: 300px;float: right} .try_search button img{vertical-align: middle; margin-right: 10px;margin-top: -2px;} .try_tab ul{width: 100%;} .try_tab li{float: left; width: 14.2857%;*margin-left: -1px;text-align: center;height: 60px; line-height: 60px;} .try_tab li a{display: block;color: #949494;} .try_tab li em,.try_tab li em img{display: block;width: 15px; height: 15px;margin:auto;} .try_tab li em{margin-top: -15px;display: none;} .try_tab li.on{background: #f9f9f9;} .try_tab li.on a{color: #ed9a00;} .try_tab li.on em{display: block;} .try_list{background: #f9f9f9;padding: 25px 0 60px 0;} .try_list li{border-bottom: 1px solid #e3e3e3; position: relative;} .try_list dl{overflow: hidden;padding: 40px 0; position: relative;z-index: 9;} .try_list dt{float: left;width: 454px;overflow: hidden;} .try_list dt a{display: block;height: 100%; width: 100%;} .try_list dt img{width: 100%; height: 100%;-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} .try_list dd{float: right;width:calc(100% - 454px);} .try_list dd .try_box{padding-left: 50px;} .try_list dd h1{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 15px; font-family: "Arial";line-height: 1.3em; text-transform: uppercase;} .try_list dd h1 a{color: #545454;} .try_line{display: block;width: 78px; height: 2px; background: #545454;margin-bottom: 15px;} .try_text{color: #949494;} .try_text span{display: block;margin-bottom: 5px;} .try_text p{line-height: 1.5em;overflow: hidden;} .tyy_more{margin-top: 40px;} .tyy_more a{display: block;width: 190px; height: 50px;line-height: 50px;text-align: center;background: #f2b441; color:#000;font-weight: bold;} .tyy_more a img{vertical-align: middle;margin-top: -3px;margin-left: 8px;} .try_list li .try_bg{position: absolute;top:0;left: 0; width: 100%; height: 100%;background:#fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} .try_list .page{padding-top:60px;} .try_table{padding: 60px 0 140px 0;overflow: hidden;} .try_table_tab ul{overflow: hidden;margin-left: 390px;} .try_table_tab li{float: left;width: 190px;height: 55px;line-height: 55px;text-align: center;} .try_table_tab li a{display: block;color: #949494;} .try_table_tab li.on{background: #f2b441;} .try_table_tab li.on a{color: #000;font-weight: bold;} .try_table_tab li.on a:hover{color: #000 !important;} .ph_table { width: 100%; text-align: center;color: #545454; } .ph_table td { text-align: center; line-height: 20px; padding: 40px 10px; border: 1px solid #ffd68b; } .ph_table td {width: 160px;} .ph_table thead{} .ph_table tr:first-child td:first-child{font-size: 16px;background: #fff;overflow: hidden;background: url(../images/skew_line.png) no-repeat; background-size: 100% 100%;} .ph_table tr td:first-child{font-size: 16px;background: #f5f5f5;font-weight: bold;} .try_road{position: relative;font-weight: bold;} .try_road .p01{position: absolute;top:-50px; text-align: right; right: 30px;} .try_road .p02{position: absolute;bottom:-50px; left:20px; text-align: left;} .try_road em{display: none;} .table-box{display: none;} .table-box.on{display: block;} .phone_warning{text-align: center;display: none;} .try_list li:hover .try_bg{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .ph_table .try_car{padding: 15px 10px;background: #f5f5f5;color: #545454; font-size: 16px;font-weight: bold;} .ph_table .try_table_img{padding: 20px 10px;background: #f2b441 url(../images/tyre_bg.jpg) no-repeat center center !important; background-size: cover;font-size: 16px;} .ph_table .try_axis{padding: 20px 10px;background: #9d9d9d !important;color: #fff;font-size: 16px; font-weight: normal !important;} @media only screen and (max-width:1440px) { .try_list li:hover .try_bg{ -webkit-transform: scale(1.02);-moz-transform: scale(1.02);-o-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02); opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .try_list dd .try_box{padding-right: 30px;} } @media only screen and (max-width:1366px) { .try_road .p01{top:-30px;right: 0} .try_road .p02{bottom:-50px;left:0;} .try_table_tab{text-align: center;} .try_table_tab ul{margin:auto;width: 380px;} } @media only screen and (max-width:1279px) { .ph_table td{padding: 20px 10px;} } @media only screen and (max-width:1024px) { .try_table{padding:30px 0 60px 0;} .ph_table tr:first-child td:first-child{background: none;} .try_road em{display: block;} .try_road .p01,.try_road .p02{position: static;width: 100%; text-align: center;} .try_list dd .try_box{padding: 0; padding-left: 20px;} .try_list dt{width: 300px;} .try_list dd{width: calc(100% - 300px)} .tyy_more{margin-top: 20px;} .tyy_more a{width: 130px; height: 36px; line-height: 36px;} .try_list dd h1{margin-bottom: 10px;} .try_line{margin-bottom: 10px;} .try_search button{width: 150px;} .try_search input{width: calc(100% - 150px)} .try_search{margin-bottom: 30px;} } @media only screen and (max-width:767px) { .try_table{padding: 50px 0;} .try_table_cont{display: none;} .try_table_tab ul{width: 240px;} .try_table_tab li{width: 120px; height: 40px; line-height: 40px;} .phone_warning{display: block;margin-top: 30px; color: #949494;} .try_search button{width: 80px;height: 40px; line-height: 40px;} .try_search input{width: calc(100% - 80px); height: 40px; line-height: 40px;} .try_search button img{margin-right: 5px;} .try_search{margin-bottom: 20px;} .try_list{padding-bottom: 30px;} .try_list .page{padding-top: 20px;} .tyy_more a{margin: auto;margin-top: 20px;} .try_text p{height: auto;max-height: 3em;} } @media only screen and (max-width:767px) { .try_list dt,.try_list dd{width: 100%;float: none;} .try_list dd .try_box{padding-left: 0;} .try_list dl{padding: 20px 0;} } /*氓聧隆氓庐垄猫陆娄猫陆庐猫茠沤氓鈥犫€γヂ姑┞÷?/ .tyre_car01{overflow: hidden;padding-top: 100px;background: #f5f5f5;} .tyre_car01 .left{float: left;width: 555px;margin-top:10px;} .tyre_car01 .right{width: 600px; float: right;margin-right: 130px;} .carouer_c{overflow: hidden;} .carouer_cl{float: left;width:487px;position: relative;} .carouer_cl em{display: block;overflow: hidden;} .carouer_cl em img{width: 100%;} .carouer_cr{float: right;width: 81px; position: relative;margin-top: 30px;} .carouer_cr ul{ position: relative; } .carouer_cr ul li{position: relative; cursor: pointer;} .carouer_cr ul li em{display: block;} .carouer_cr ul li em img{width: 100%;height: 100%;opacity:0.37;filter:alpha(opacity=70); -moz-opacity:0.37; -khtml-opacity:0.37;} .carouer_cr ul li.on{ box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.3);} .carouer_cr ul li.on em img{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .carouer_cr ul li.on .arrow{display: block;} .carouer_cr ul li .arrow{position: absolute;top:0;left: 0; width: 100%; height: 100%;border:2px solid #f2b441; box-sizing: border-box; display: none;} .carouer_cr ul li .arrow i{position: absolute;top: 100%;top: 50%;width: 0;left: 0;overflow: hidden;margin: -5px 0 0 -12px;border: 5px dashed transparent;border-right: 5px solid #f2b441} .carou_li_co{position: absolute;width: 100%;height: 100%;top: 0;left: 0; display: none;} .carouer_list{position: relative; height:355px; overflow: hidden;padding-left: 10px;} .carou_prev{ display: block; width: 100%;height: 27px;background:#f2b441 url(../images/pre.png) center no-repeat;z-index: 5;margin-bottom: 10px;display: none;} .carou_next{display: block;width: 100%;height: 27px;background:#f2b441 url(../images/next.png) center no-repeat;z-index: 5;margin-top: 10px;display: none;} .carou_prev.disabled{background:#949292 url(../images/pre.png) center no-repeat;cursor: default;} .carou_next.disabled{background:#949292 url(../images/next.png) center no-repeat;cursor: default;} .carou_prev.cur,.carou_next.cur{display: block;} .carouer_cl_co{padding-left: 105px;} .carouer_cl_co h1{color: #545454; line-height: 1.2em;} .carouer_cl_co em.line{display: block;width: 78px; height: 2px; background: #545454;margin-top: 20px; margin-bottom: 35px;} .carouer_cl_co .car_p {color: #949494;} .carouer_cl_co .car_p span{display: block;color: #545454;margin-bottom: 10px;} .car_features p{background: url(../images/tyre_d.png) no-repeat 0 6px; padding-left: 20px; line-height: 24px;margin-bottom: 6px;} .share_car{margin-top: 55px;overflow: hidden;} .share_car i{float: left;color: #949494;line-height: 22px;margin-right: 8px;} .share_car .share{float: left;margin-top: 0; margin-top: 3px;} @media only screen and (max-width:1350px) { .tyre_car01 .wrap{width: 1080px; margin: auto;} .tyre_car01 .right{margin-right: 0;} .carouer_cl_co{padding-left: 0;} .tyre_car01 .left{width: 480px;} } @media only screen and (max-width:1279px) { .tyre_car01 .wrap{width: 990px;} .tyre_car01 .left{width: 450px;} .carouer_cl{width: 450px;} .carouer_cr{margin-top: 10px;} .tyre_car01 .right{width: 535px;} .share_car{margin-top: 30px;} } @media only screen and (max-width:1024px) { .tyre_car01{padding-top: 50px;} .tyre_car01 .wrap{width:94%;} .carouer_cl{width: 350px;} .carouer_cr{width: 60px;} .carouer_list{height: 250px;} /*.carouer_cr ul li{height: 50px !important;}*/ .tyre_car01 .right{width:415px;} .tyre_car01 .left{width:calc(100% - 430px);margin-top: 0;} .share_car{margin-top:20px;} .carouer_cl_co em.line{margin: 10px 0;} } @media only screen and (max-width:767px) { .tyre_car01 .wrap{width:94%;} .carouer_cl{width: 350px;} .carouer_cr{width: 60px;} .carouer_list{height: 74px;padding-left: 0; } .carouer_cr ul li{height:auto !important;} .tyre_car01 .right{width:415px;} .tyre_car01 .left{width:calc(100% - 430px);} .share_car{margin-top:20px;} .carouer_cl_co em.line{margin: 10px 0;} .carouer_cl{float: none;width: 100%;} .carouer_cr{float: none;width: 100%; background: none; margin:0;} .carouer_cr ul{overflow: hidden;} .carouer_cr ul li{float: left;width: 25%;} .carouer_c{height: auto!important;} .carou_prev,.carou_next{display: none;} .carou_prev.cur,.carou_next.cur{display: block;} .carou_prev{position: absolute;width: 27px;height: 100%;top: 0;left:0px;background:rgba(242,180,65,0.8) url(../images/pre_p.png) center no-repeat;z-index: 5;margin: 0;} .carou_next{position: absolute;width: 27px;height: 100%;bottom: 0;left: auto;right:0;background:rgba(242,180,65,0.8) url(../images/next_p.png) center no-repeat;z-index: 5;margin: 0;} .carou_prev.disabled{background:rgba(0,0,0,0.4) url(../images/pre_p.png) center no-repeat;} .carou_next.disabled{background:rgba(0,0,0,0.4) url(../images/next_p.png) center no-repeat;} .carouer_cr ul li em{margin:0 1px;} .carouer_cr ul li.on em{border: 1px solid #0167CA;} .carouer_cr ul li.on em img{border:none;} .case_list li{width:50%; margin:5px 0;} .carouer_cr ul li .arrow i{display:none;} } @media only screen and (max-width:767px) { .tyre_car01{padding: 20px 0;} .tyre_car01 .left{width: 100%;float: none;} .tyre_car01 .right{width: 100%;float: none;margin-bottom: 20px;} } .tyre_car02{padding: 40px 0 75px 0;} .tyre_title{text-align: center;color: #545454;} .tyre_title em{display: block;width: 78px; height: 2px;background: #545454;margin:auto;margin-top: 18px;} .tyre_d_tab{text-align: center;margin-bottom: 35px;overflow: hidden;} .tyre_d_tab ul {display: inline-block;} .tyre_d_tab ul li{float: left;width: 190px; height: 55px; line-height: 55px;text-align: center;border-right: 1px solid #e7e7e7;} .tyre_d_tab ul li a{display: block;color: #949494;} .tyre_d_tab ul li.on{background: #f2b441;} .tyre_d_tab ul li.on a{color: #000;border: none;} .tyre_d_tab ul li.on a:hover{color: #000 !important;} .tyre_d_tab ul li:last-child{border: 1px solid transparent;} .tyre_star{overflow: hidden;} .tyre_star ul{overflow: hidden;display: none;} .tyre_star ul.on{display: block;} .tyre_star li{float: left;width: 50%;*margin-left: -1px;line-height: 24px;} .tyre_star li em{color: #545454;float: left;width: 156px;margin-right:20px;} .tyre_star li p{float: left; overflow: hidden; display: block; width: calc(100% - 176px);} .tyre_star li p i{float: left;width: 100%; height: 24px;/*background: url(../images/star.png) no-repeat center center; background-size: cover;*/ margin-right: 10px;} /*.tyre_star li p i.on{background: url(../images/star_on.png) no-repeat center center; background-size: cover;}*/ .tyre_star .star_box{padding: 0 50px;border-right: 1px solid #e7e7e7; padding-bottom: 35px;overflow: hidden;} .tyre_star li.nopadding .star_box{padding-bottom: 0;} .tyre_star li:nth-child(2n+1){clear: both;} .tyre_star li:nth-child(2n+2) .star_box{border: none;} .tyre_car03{position: relative;padding-bottom: 40px;} .tyre_car03 .tyre_title{color: #fff;margin-top: 45px;} .tyre_car03 em{background: #fff;} .phone_parameter{display: none;} .parameter_img li{display: none;position: relative;} .parameter_img li img{width: 100%;} .parameter_img li .bkank_bg39{position:absolute;top:0;left: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.39)} .parameter_img li.show{display: block;} .parameter_box{position: absolute;top:0;right: 0; width: 100%; height: 100%;} .parameter_block{float: right;width: 62%;} .parameter_block .tyre_d_tab{text-align: left;margin-bottom: 0;;height: 55px;} .parameter_block .tyre_d_tab ul{display: block;overflow: hidden;} .parameter_block .tyre_d_tab ul li{border-right: 1px solid rgba(255,255,255,0.17); float: left;} .parameter_block .tyre_d_tab ul li a{color: rgba(255,255,255,0.41)} .parameter_block .tyre_d_tab ul li.on a{color: #000;} .parameter_block .tyre_d_tab ul li:last-child{border: none;} .p_cont{background:#000 url(../images/tyr_d_bg.jpg) no-repeat; background-size: cover;color: #f2b441;padding: 60px; height: 100%; box-sizing: border-box; display: none;} .p_cont.show{display: block;} .p_cont h3{margin-bottom: 20px;} .parameter_p{line-height: 1.5em;} .parameter_text{overflow: hidden;} .p_cont_scroll{height: 100%;overflow: hidden;} .tyre_video{width: 305px; height: 103px;line-height: 103px; text-align: center;background: #f2b441; color: #000; margin-left: -60px;margin-top: -40px; position: relative;z-index: 99;} .tyre_video img{vertical-align: middle;margin-left: 15px;margin-top: -2px;width: 39px;} .tyre_video a:hover{color: #000 !important;} .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;} .video_appbox .video_t{ left:10%; top:22%; position:absolute; height:60%; width:80%; z-index:2; background:#000;} .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .vide0_close{ position:absolute; top:20%; right: 8%; cursor:pointer; z-index: 99999;} .tyre_car04{background: #f3f3f3 url(../images/tyr_d_bg2.jpg) no-repeat;background-size: cover; padding: 170px 0 70px 0; margin-top: -40px; clear: both;} .explain{text-align: center;} .explain img{max-width: 100%;} .tyre_car05{background: #fff;padding: 45px 0 135px 0;} .tyre_car05 .try_list{background: #fff;padding: 0;} .tyre_car05 .try_list li{ border-top: 1px solid #e3e3e3;} .tyre_car05 .swiper-container{padding-bottom: 56px;} .tyre_car05 .swiper-container-horizontal>.swiper-pagination-bullets,.tyre_car05 .swiper-pagination-custom,.tyre_car05 .swiper-pagination-fraction{bottom: 0;} .tyre_car05 .swiper-pagination-bullet{width: 9px; height: 9px; background:#949494;margin: 0 7px !important;opacity: 1;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .tyre_car05 .swiper-pagination-bullet-active{background: #f2b441;width: 11px; height: 11px;} @media only screen and (max-width:1366px) { .p_cont{padding: 30px; padding-bottom: 50px;} } @media only screen and (max-width:1350px) { .tyre_star .star_box{padding: 0 30px;padding-bottom: 30px;} } @media only screen and (max-width:1280px) { .tyre_star li em{width: 125px;font-size: 14px;margin-right: 10px;} .tyre_star li p{ width: calc(100% - 135px);} .tyre_star ul{margin: 0 -30px} .tyre_star li p i{margin-right: 5px;} .tyre_car03 .tyre_title{margin: 30px 0;} .tyre_video{height: 80px; line-height: 80px;} .p_cont h3{margin-bottom: 10px;} .p_cont{padding: 20px; padding-bottom: 50px;} } @media only screen and (max-width:1024px) { .parameter_box{position: static;} .tyre_car03 .tyre_title{color: #545454;} .tyre_car03 .tyre_title em{ background: #545454;} .parameter_block .tyre_d_tab ul li a{ color: #949494;} .parameter_block{width:96%;margin: auto; float: none;} .parameter_text{height: auto !important;} .tyre_video{margin: 20px auto;} .tyre_video{width: 230px; height: 70px; line-height: 70px;} .parameter_img li .bkank_bg39{display: none;} .phone_parameter{display:block;margin-bottom: 20px;} .pc_parameter{display:none;} .parameter_block .tyre_d_tab{text-align: center} .parameter_block .tyre_d_tab ul{display: inline-block;} .parameter_block .tyre_d_tab ul li{ border-right: 1px solid #e7e7e7; } .p_cont{padding: 30px;} .p_cont_scroll{max-height: 200px;} .tyre_car04,.tyre_car02,.tyre_car05{padding: 50px 0;} .tyre_car03 .tyre_title{margin-top: 0;} .tyre_title em{margin-top: 5px;} .tyre_car05 .swiper-container{padding-bottom: 30px;} } @media only screen and (max-width:990px) { .tyre_star li p i{width: 20px;height: 20px;margin-right:1px} .tyre_star ul{margin: 0 -8px} .tyre_star .star_box{padding: 0 8px;padding-bottom: 20px;} .tyre_star li em{margin-right: 2px;} .tyre_star li:nth-child(2n+2) .star_box{float: right} } @media only screen and (max-width:767px) { .tyre_d_tab{margin-bottom: 20px;} .tyre_d_tab ul li{width: 120px; height: 40px; line-height: 40px;} .tyre_star ul{margin: 0;} .tyre_star li{width: 100%;} .tyre_star li:nth-child(2n+2) .star_box{float: none;} .tyre_star li p i{margin-right: 5px;} .tyre_star li em{display: block;margin: 0; width: 100%;margin-bottom: 10px;} .tyre_star li p{width: 100%;} .tyre_star .star_box,.tyre_star li:nth-child(2n+2) .star_box{padding: 10px 0; border: none; border-bottom: 1px solid #e7e7e7;} .parameter_block .tyre_d_tab{height: 40px;} .tyre_video img{width: 30px;} .tyre_video{width: 180px; height: 50px; line-height: 50px;} .tyre_d_tab ul,.parameter_block .tyre_d_tab ul{display: block;} .tyre_d_tab ul li{width: 33.333%;*margin-left: -1px; box-sizing: border-box;} .tyre_car04, .tyre_car02, .tyre_car05{padding: 20px 0;} .carouer_cr ul li.on{box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);} } /*猫鈥毬∶ヂ?/ .stock_cont{overflow: hidden;} .stock_ph_table { width: 100%; text-align: center; } .stock_ph_table td { text-align: center; line-height: 20px; padding:10px; border: 1px solid #dedede; } .stock_ph_table thead td { background:#9d9d9d ; color:#fff;} .stock_ph_table td{width: 16.666%;} .stock_cont .right {width: 600px; margin: auto;} .stock_cont .right img{width: 100%;} @media only screen and (max-width:767px) { .stock_ph_table , .stock_ph_table thead, .stock_ph_table tbody, .stock_ph_table th, .stock_ph_table td, .stock_ph_table tr { display: block; } .stock_ph_table thead tr { position: absolute; top: -9999px; left: -9999px; } .stock_ph_table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px; } .stock_ph_table td {width: 100%; border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 0; padding-left: 9em; white-space: normal; text-align: left; } .stock_ph_table td:before { position: absolute; top: 0; left: 0; padding:5px 0; width: 8em; text-indent:10px; white-space: nowrap; text-align: left; background: #9d9d9d; color: #fff;} .stock_ph_table td:before { content: attr(data-title); } .stock_cont .right {width: 100%; margin: auto;} } /*莽陆鈥樏劉氓艙掳氓鈥郝?/ .mapsite dl{overflow: hidden;margin-bottom: 43px;} .mapsite dl dt{width: 175px;text-align: center;margin-right: -175px;background: #f2b441;line-height: 44px;display: inline-block;color:#000;float: left; position: relative;z-index: 999;} .mapsite dl dt a{display: block;color:#000;} .mapsite dl dt a:hover{color: #000 !important;} .mapsite dl dd{ width: 100%; float: left;} .mapsite dl dd a{color:#333;} .mapsite dl dd ul{overflow: hidden; margin-left: 200px;} .mapsite dl dd ul li{margin-right: 50px; float: left; line-height: 44px;} .mapsite dl dd ul li b{font-weight: normal; margin-right: 10px;} @media only screen and (min-width: 1024px) { .mapsite dl dd a:hover{color:#da251c;} } @media only screen and (max-width: 1024px) { .mapsite dl dd ul li{margin-right: 20px;} } @media only screen and (max-width:767px) { .pad_100{padding-bottom: 20px;} .mapsite dl dt{width:100%; margin-right: 0; float: none; height: 36px; line-height: 36px;} .mapsite dl dd ul{margin-left: 0;} .mapsite dl{margin-bottom: 20px;} } /*忙聬艙莽麓垄*/ .search_title {color: #e0e0e0; border-left: 3px solid #f7234c; padding-left: 20px;} .search_title span{border-bottom: 1px solid #e0e0e0;display: block; width: 100%; padding-bottom: 10px;} .searh_g{color: #303030;margin: 40px 0; margin-bottom: 30px;} .searh_g span{background: #f2b441;color: #000;} .search_con li em{color: #f2b441} .search_con li{padding: 30px 0; border-bottom: 1px dashed #c0c0c0;} .search_con li h2{margin-bottom: 15px; overflow: hidden; height: 30px;line-height: 30px;} .search_con li h2 a{color: #303030; float: left;width: 80%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .search_con li h2 span{ float: right; font-weight: normal; font-size: 14px;color: #686868; width: 80px; text-align: right; } .search_con li p{line-height:1.8; max-height:3.6em; overflow:hidden;color: #333} .search_con li.ones{border-bottom: 0} .sech_sou{overflow: hidden;} .sech_sou .left{float: left; height: 50px; width: 3px; background: #000000; margin-right: 20px;} .sech_sou span img{width: 15px; height: 15px;} .sech_sou button img{width: 15px; height: 15px;} .sech_sou .right{float: left;overflow: hidden; border-bottom: 1px solid #e0e0e0; width:690px; padding-bottom: 5px;} .sech_sou .right input,.sech_sou .right button,.sech_sou .right span{height: 50px; line-height: 50px; border: none; outline: none; float: left;} .sech_sou .right button{width: 75px; height: 40px; background: #f2b441;text-align: center; float: right;} .sech_sou .right span img{ margin-top: 22px;} .sech_sou .right button{margin-top: 8px;} .sech_sou .right button img{ margin-top: 12px;} .sech_sou .right span{float: right; padding: 0 20px; cursor: pointer;} .sech_sou .right input{font-size: 36px; font-weight: normal; width: 590px; padding:0 10px;} .seachcont .pageout{border-top:0;} @media only screen and (max-width:767px) { .search_con{padding-bottom: 40px;} .sech_sou .right{width:calc(100% - 25px)} .sech_sou .right input{width:calc(100% - 100px)} .sech_sou .left{height: 40px;} .sech_sou .right input, .sech_sou .right button, .sech_sou .right span{height: 40px; line-height: 40px;} .sech_sou .right button{margin-top: 0} .sech_sou .right span img{margin-top: 14px;} .sech_sou .right input{font-size: 20px;} .searh_g{margin:20px 0;} .search_con li{padding:20px 0;} .search_con li h2{font-size: 16px;} .search_con li h2 span{font-size: 12px;width: 70px;} .search_con li h2 a{width: calc(100% - 80px);} } @media only screen and (min-width:1024px) { .social_block01 dd a:hover,.social_block01 .news_more a,.invest_box a:hover{color:#000 !important;opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;} .addmore:hover,.edit_close a:hover{color: #fff !important;opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;} .invest li .invest_box:hover{position: relative;z-index: 9;} .investor_p a:hover,.tyy_more a:hover{color: #000 !important;opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;} .investor_text .tel_link:hover{color: #000 !important;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .invest li .invest_box:hover .invest_bg{ -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .try_list li dt:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} } /*2019-01-28*/ /*猫聛鈥澝陈幻λ嗏€樏ぢ宦?/ #map{width: 100%; height: 640px;} .contact{position: relative; margin:120px 0 140px 0;} .mapbox{position: absolute; top:0; right: 0; width: 430px; height: 100%; background:url(../images/map_bg.png) no-repeat; background-size: cover; color: #fff;} .map_int{border-top:3px solid #f2b441; padding:70px 32px;} .map_int h1{margin-bottom: 65px;} .mapbox_text ul{display: none} .mapbox_text ul.on{display:block} .mapbox_text a{ color: #fff;} .mapbox_text li{line-height: 24px; margin-bottom: 22px;} .mapbox_text li em img{ margin-right: 8px;margin-top: 6px;} .map_park{margin-bottom: 80px;} .map_select { position: relative; } .map_select dt {background: #fff url(../images/map_icons_01.png) no-repeat right 14px center;cursor: pointer;height: 42px;line-height: 42px;color: #4c4c4e;padding: 0 14px;padding-right: 30px;border: 1px solid #d7d7d7;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .map_select dd {z-index: 99; position: absolute; width: 100%; max-height:150px; overflow-y: auto; overflow-x: hidden; background: #fff; left: 0px; top: 41px; display: none; border: 1px solid #cacaca; } .map_select dd a { display: block; line-height: 36px; color: #a0a0a0; white-space: normal; padding: 0px 14px; } .map_select dd a:hover { background: #eee; } .map_select dt.on_o{background:#fff url(../images/map_icons_01.png) 192px 10px center no-repeat;} .map_park{clear: both;} .map_text{position: static;margin-bottom: 55px;overflow: hidden;} .map_text dl{background: none;padding: 0;} .map_text dd p{color: #f2b441; font-size:42px;} .map_text .wrap{width: 100%;} @media only screen and (max-width:1280px){ .mapbox{width: 370px;} .map_int{padding: 50px 30px;} .map_int h1{margin-bottom: 50px;} .map_text dd p{font-size: 36px;} .map_text,.map_park{margin-bottom: 30px;} .contact{margin: 40px 0;} } @media only screen and (max-width:1024px){ .map_text dd p{font-size: 24px;} } @media only screen and (max-width:767px){ .contact{margin: 20px 0;} #map{ height: 300px;} .mapbox{position: static; width: 100%;} .map_int{padding: 30px 20px;} .map_int h1,.map_park{margin-bottom: 20px;} .map_select dt{font-size: 14px;} } /*盲潞潞忙鈥奥嵜ヂ尖€⒚库€好ぢ久ぢ寂∶︹€光€好佀?/ .recruit_list {overflow: hidden;} .recruit_list ul{overflow: hidden;margin: 0 -10px;} .recruit_list li{float: left;width: 50%;*margin-left: -1px; margin-bottom: 20px;} .recruit_list li h3{margin-bottom: 20px;font-weight: bold;} .recruit_list li h3,.recruit_list dl dt p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .recruit_list dl{overflow: hidden; } .recruit_list dl dt{width:50%;*margin-left: -1px; float: left; line-height: 24px;} .recruit_list dl dt p{margin-right: 10px;} .recruit_list .recruit_box{background: #f7f6f6;margin: 0 10px;padding: 40px 160px;} .recruit_list .pub_more a{width: 118px; height: 30px;line-height: 30px;margin-top: 15px;} .recruit_list .pageout{margin-top:20px;} .pub_more a{display: block;width: 145px; height: 40px; line-height: 40px; text-align: center;background: #f2b441;color: #fff;} .pub_more a:hover{color: #fff !important;} @media only screen and (max-width:1440px) { .recruit_list .recruit_box{padding: 40px 100px;} } @media only screen and (max-width:1280px) { .recruit_list .recruit_box{padding: 40px;} .recruit_list li h3{margin-bottom: 10px;} } @media only screen and (max-width:1023px) { .recruit_list .recruit_box{padding: 20px;} .recruit_list .pageout{margin-top: 0;} } @media only screen and (max-width:990px) { .recruit_list li{width: 100%;} .recruit_list .pub_more a{margin: auto; margin-top: 20px;} .recruit_list .recruit_box,.recruit_list ul{margin: 0;} } @media only screen and (max-width:540px) { .recruit_list li{width: 100%;} .recruit_list dl dt{width: 100%;} .recruit_list dl dt p{margin:0;} } /*2019-03-27*/ .tyre_car_cont{background:#f5f5f5;padding-top: 96px;margin-top: -50px;padding-bottom: 70px;} .tyre_block01{ border: 1px solid #f2b441;margin-bottom: 15px;} .tyre_block01 h1,.tyre_block01 h2{padding:20px 35px;} .tyre_block01 h1{background:#f2b441;} .tyre_img02{display: none;} .tyre_block02{overflow: hidden;padding-bottom: 50px;} .tyre_block02 .right{float: right;width: 550px;margin-top: 175px;} .tyre_block02 .right li{float: left;width: 20%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .tyre_block02 .left{float: left;width: 557px;} .tyre_block02 .left .tyre_small_img img{max-width: 450px;margin: auto;} .tyre_car_c{text-align: center;} .tyre_car img{max-width: 100%;} .tyre_block02 .left h3{height: 82px;line-height: 82px;text-align: center;background:#f2b441;position: absolute;left: 0;width: 100%;bottom: 0;} .tyre_small_img{position: relative;margin-bottom: 44px; text-align: center;} .tyre_block02 .right dl{background:#fff;margin: 0.5px;} .tyre_block02 .right li{cursor: pointer;} .tyre_block02 .right li dt{background:#bdbdbd;} .tyre_block02 .right li dd{color: #949494;text-align: center;} .tyre_block02 .right li dd p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 40px;line-height: 40px;} .tyre_block02 .right li.on{ position: relative;z-index: 9; -webkit-transform: scale(1.2); -moz-transform: scale(1.2);-o-transform: scale(1.2); -ms-transform: scale(1.2);transform: scale(1.2);} .tyre_block02 .right li.on dt{background: #f2b441;} .tyre_block02 .right li.on dl{background:#000;} .tyre_block02 .right li.on dd{color: #fff} .tyre_block03{position: relative;} .tyre_block03>img{width: 100%;} .tyre_contant .left{width:35%; height: 100%; position: absolute;top:0;left: 0;color: #fff;text-align: right;} .tyre_contant .left ul{padding-left: 30px;} .tyre_contant .left h3{color: #f2b441;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .tyre_contant .left p{line-height: 1.7em;max-height: 3.4em;overflow: hidden;} .tyre_contant .left li:first-child{margin-top:42%} .tyre_contant .left li:nth-child(2){margin-top:14.2%} .tyre_contant .left li:nth-child(3){margin-top:13.2%} .tyre_contant .left li:nth-child(4){margin-top:13.2%} .tyre_contant .right{width: 63.8%;position: absolute;top:0;right: 0;} .tyre_contant .right img{width: 100%;} .tyre_block03 .tyre_title{position: absolute;left: 0;top:5%;width: 100%;color: #f2b441;} .tyre_block03 .tyre_title em{background:#f2b441;} .wrap_table{padding: 70px 0 15px 0;} .try_table_c { width: 100%; text-align: center; } .try_table_c td { text-align: center; line-height: 20px; padding: 13px 0; border: 1px solid #f2b441; } .try_table_c thead td { background:#f2b441; color:#000; border: 1px solid #f7d189; } .try_table_c td{ width:10%; } .try_table_c tbody{ color: #545454;} @media only screen and (max-width:1279px) { .tyre_contant .left li:nth-child(3){margin-top:13.2%} .tyre_contant .left li:nth-child(4){margin-top:15.2%} } @media only screen and (max-width:1270px) { .tyre_contant .left li:nth-child(2){margin-top:9.2%} .tyre_contant .left li:nth-child(3){margin-top:9.2%} } @media only screen and (max-width:1240px) { .tyre_block02 .left{width: 48%;} .tyre_block02 .right{width: 48%;} .tyre_block02 .left h3{height: 50px;line-height: 50px;} } @media only screen and (max-width:1200px) { .tyre_contant .left li:nth-child(4) {margin-top: 9.2%;} } @media only screen and (max-width:1024px) { .tyre_contant .left li:nth-child(2){margin-top:6.2%} .tyre_contant .left li:nth-child(3){margin-top:5.2%} .wrap_table{padding: 0;padding-top: 20px;} .tyre_car_cont{margin-top:0;padding: 20px 0;} .tyre_block01 h1, .tyre_block01 h2{padding: 20px 10px;} } @media only screen and (max-width:900px) { .tyre_contant .left{position: static;width: 100%;background:#000000; text-align:left;padding: 20px; box-sizing: border-box;} .tyre_contant .left li{margin-top:0 !important;margin-bottom: 20px !important} .tyre_contant .left ul{padding: 0;} } @media only screen and (max-width:767px) { .try_table_c , .try_table_c thead, .try_table_c tbody, .try_table_c th, .try_table_c td, .try_table_c tr { display: block; } .try_table_c thead tr { position: absolute; top: -9999px; left: -9999px; } .try_table_c tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px; } .try_table_c td { border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 0; padding-left:10em; white-space: normal; text-align: left; } .try_table_c td:before { position: absolute; top: 0; left: 0; padding:5px 0; width:10em; text-indent:10px; white-space: nowrap; text-align: left; } .try_table_c td:before { content: attr(data-title); } .tyre_block02 .right{width: 100%;margin: 20px 0;} .tyre_block02 .right li.on{-webkit-transform: scale(1);-moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .tyre_block02 .left{width: 100%;} } .tyre_block02 .left img{display: block !important;}