*{ margin: 0; padding: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .w1190{ width: 100%1190px; padding: 0 .3rem; } @font-face { font-family: "Futura LT Light"; src: url("../font/Futura LT Light.woff") format("woff"), url("../font/Futura LT Light.ttf") format("truetype"), url("../font/Futura LT Light.eot") format("embedded-opentype"), url("../font/Futura LT Light.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MYRIADPRO_LIGHTSEMICN'; src: url("fonts/MYRIADPRO-LIGHTSEMICN.eot"); src: url("fonts/MYRIADPRO-LIGHTSEMICN.eot") format("embedded-opentype"), url("fonts/MYRIADPRO-LIGHTSEMICN.woff") format("woff"), url("fonts/MYRIADPRO-LIGHTSEMICNS.ttf") format("truetype"), url("fonts/MYRIADPRO-LIGHTSEMICN.svg#MYRIADPRO-LIGHTSEMICN") format("svg"); } @font-face { font-family: 'MYRIADPRO_LIGHTSEMIEXT'; src: url("fonts/MYRIADPRO-LIGHTSEMIEXT.eot"); src: url("fonts/MYRIADPRO-LIGHTSEMIEXT.eot") format("embedded-opentype"), url("fonts/MYRIADPRO-LIGHTSEMIEXT.woff") format("woff"), url("fonts/MYRIADPRO-LIGHTSEMIEXT.ttf") format("truetype"), url("fonts/MYRIADPRO-LIGHTSEMIEXT.svg#MYRIADPRO-LIGHTSEMIEXT") format("svg"); } @font-face { font-family: 'CENTURY'; src: url("fonts/CENTURY.eot"); src: url("fonts/CENTURY.eot") format("embedded-opentype"), url("fonts/CENTURY.woff") format("woff"), url("fonts/CENTURY.ttf") format("truetype"), url("fonts/CENTURY.svg#CENTURY") format("svg"); } header{ position: fixed; top: 0; left: 0; width: 100%; padding: 0 .3rem; height: 1rem; background: #fafafa; box-shadow: 0 0 3px rgba(0,0,0,.1); z-index: 99; } .head-bg{ height: 1rem; } header .logo{ display: block; width: 2.2rem; height: 1rem; line-height: 1rem; } header .logo img{ width: 2.2rem; } nav { position: fixed; top: 1rem; left: 0; width: 100%; height: calc(100% - 1rem); background: #fff; overflow: auto; display: none; } nav li{ position: relative; float: left; width:100%; overflow: hidden; } nav li .tit{ display: block; width: 100%; line-height: 1rem; font-size: .26rem; padding: 0 .3rem; color: #333; border-bottom: 1px solid #e0e0e0; text-align: left; } nav li .line{ position: absolute; width: 100%; height: 3px; background: #c19332; left: 0; top: 0; transform-origin: right center; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transform: scaleX(0); } nav li .na-sp{ font-size: .4rem; line-height: 1rem; float: right; margin-right: .3rem; } nav li .son{ top: 100%; width: 100%; display: none; } nav li .son a{ display: block; text-align: left; font-size: .26rem; padding: 0 .6rem; color: #666; line-height: .9rem; border-bottom: 1px solid #e0e0e0; } nav li .son a:hover{ color: #666; } /*nav li:hover{ overflow: visible; } nav li:hover .son{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); } nav li:hover .line { transform-origin: left center; transform: scaleX(1); }*/ .header-an{ width: .6rem; height: .6rem; border-radius: 100%; border: 1px solid #DCDCDC; float: right; margin-top: .2rem; padding: .18rem 0 0 .13rem; transition: all .5s; background: #fff; } .header-an div{ width: .3rem; height: 1px; background: #fff; margin-bottom: .082rem; background: #000; opacity: 1; transition: all .5s; } .header-an .header-an-b{ opacity: 1; transition: all .5s; } .header-an.cli{ padding-left: .17rem; transition: all .5s; } .header-an.cli .header-an-a{ -webkit-transform: rotate(43deg); -ms-transform: rotate(43deg); transform: rotate(43deg); transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s; } .header-an.cli .header-an-b{ opacity: 0; transition: all .5s; } .header-an.cli .header-an-c{ -webkit-transform: rotate(-43deg); -ms-transform: rotate(-43deg); transform: rotate(-43deg); transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s; } .ser{ margin: 43px 35px 0; width: 24px; height: 24px; background: url(../img/2.png) no-repeat center; cursor: pointer; } .lang{ margin-top: 43px; padding-left: 20px; background: url(../img/1.png) no-repeat left center; } .lang a{ padding: 0 15px; line-height: 24px; border-right: 1px solid #ececec; font-size: 15px; color: #000; } .lang a:hover{ color: #c19332; } /*搜索*/ .search-alert{ position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: #fff; z-index: 98; transition:all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } .search-alert .close { display: block; width: 30px; height: 30px; background: url(../img/ico_07_1.png) no-repeat center; background-size: 24px auto; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 2.6%; cursor: pointer; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; } .search-alert .close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .search-alert .cent-form { position: absolute; width: 86%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 65px; line-height: 65px; border-bottom: 1px solid #666; } .search-alert .cent-form .tex { font-size: 24px; height: 65px; line-height: 65px; text-align: left; width: 100%; box-sizing: border-box; color: #333; background: none; padding-left: 70px; padding-right: 120px; border: none; background: url(../img/2.png) no-repeat left center; } .search-alert .cent-form .sub-butn { border: none; width: 120px; background: none; position: absolute; right: 0; top: 0; text-align: center; height: 65px; font-size: 22px; line-height: 65px; color: #fff; } .search-alert.active{ top: 0; } footer{ width: 100%; } footer .foot-main{ width: 100%; min-height: 2.35rem; background: #fff; } .foot-right{ width: 100%; padding-top: .75rem; } .footer-links{ width: 4.25rem; height: .8rem; background: #fff; border: 1px solid #eee; } .footer-links p{ padding: 0 .2rem; font-size: .28rem; color: #000; height: .8rem; line-height: .8rem; background: url(../img/bg2.png) no-repeat right 15px center; cursor: pointer; } .footer-links .links-lists{ left: -1px; top: 100%; width: 100%; padding: .15rem 0; border: 1px solid #eee; background: #fff; overflow-y: auto; display: none; } .footer-links .links-lists a{ display: block; padding: 0 .2rem; line-height: .6rem; color: #666; font-size: .24rem; } .footer-links .links-lists a:hover{ color: #e7ae41; } .share{ } .share .bdsharebuttonbox a{ width: .6rem; height: .6rem; border-radius: 100%; padding: 0; margin: .15rem .15rem 0 0; background-size: cover !important; } .share .bdsharebuttonbox a.bds_tsina{ background: url(../img/5.png) no-repeat center; } .share .bdsharebuttonbox a.bds_sqq{ background: url(../img/6.png) no-repeat center; } .share .bdsharebuttonbox a.bds_weixin{ background: url(../img/7.png) no-repeat center; } .foot-bot{ padding: 0 .3rem; background: #333333; color: #fff; font-size: .24rem; line-height: .35rem; text-align: center; } .foot-bot-div{ padding: .4rem 0; border-bottom: 1px solid rgba(255,255,255,.1); } .foot-bot-a{ font-size: .26rem; line-height: .95rem; color: #d8d8d8; } .foot-bot a{ font-size: .26rem; line-height: .95rem; color: #d8d8d8; } .foot-bot a:hover{ color: #d8d8d8; } .banner{ width: 100%; height: 9rem; overflow: hidden; } .banner .scroll-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .banner .scroll-box ul { height: 100%; position: relative; } .banner .scroll-box ul li { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 50px; opacity: 0; filter: alpha(opacity=0); } .banner .scroll-box ul li.cur { opacity: 1; filter: alpha(opacity=100); z-index: 51; } .banner .scroll-box ul li.cur .img { transition-delay: 0.1s; transform: scale(1) translate(0px, 0); } .banner .scroll-box ul li .img { width: 100%; height: 100%; transform: scale(1.05) translate(0, 0); transition: transform 5s linear; background-size: cover !important; } .index-news{ width: 7.5rem; height: .65rem; bottom: 0; background: rgba(193,146,46,.94); z-index: 52; } .index-news .txtScroll-top{ height: .7rem; overflow: hidden; } .index-news .txtScroll-top .news-tit{ margin-right: .1rem; width: 1rem; height: .4rem; line-height: .4rem; padding-right: .1rem; text-align: center; font-size: .24rem; color: #c09131; font-weight: bold; font-family: arial; float: left; margin-left: .15rem; margin-top: .15rem; text-transform: uppercase; background: url(../img/bg1.png) no-repeat center; background-size: 1rem .4rem; } .txtScroll-top .bd{ width: 5.9rem; height: .7rem; line-height: .7rem; } .txtScroll-top .bd li{ height: .7rem; } .txtScroll-top .bd li a{ width: 4.5rem; display: block; font-size: .24rem; height: .65rem; color: #fff; float: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .txtScroll-top .bd li span{ font-size: .24rem; color: #e3c891; float: right; font-family: arial; height: .65rem; } /*集团产业*/ .ad { position: relative; height: 4.35rem; overflow: hidden; } .bgimg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: no-repeat center/cover; } .ad .text{ position: absolute; width: 100%; color: #fff; text-align: center; top: 0; left: 0; line-height: 1.5; top: 46%; transform: translate(0,-50%); z-index: 4; } .ad .text .ad-tit{ font-size: .4rem; line-height: .6rem; font-weight: bold; } .ad .text .ad-entit{ text-transform: uppercase; font-size: .28rem; line-height: .5rem; } .mbx{ width: 100%; height: .8rem; line-height:.8rem; border-bottom: 1px solid #e0e0e0; } .mbx .swiper-slide{ text-align: center; min-height: initial; } .mbx .swiper-slide a{ display: inline-block; font-size: .24rem; color: #333; line-height: .8rem; position: relative; top: -.04rem; } .mbx .swiper-slide a.cur:after{ content: ""; width: 100%; height: 2px; background: #c19332; position: absolute; left: 0; bottom: 0; } .product-a{ padding: .7rem 0; background: #eeeeee; overflow: hidden; } .product-a .title, .productlist-a .title, .productlist-b .title{ text-align: center; margin-bottom: .45rem; } .product-a .title h2, .productlist-a .title h2, .productlist-b .title h2{ line-height: .7rem; font-size: .36rem; color: #222222; font-weight: bold; } .product-a .title .sf-h3, .productlist-a .title .sf-h3, .productlist-b .title .sf-h3{ font-size: .14rem; width: 1.9rem; text-align: center; line-height: .26rem; height: .26rem; color: #fff; background: #000; margin: 0 auto; text-transform: uppercase; font-family: 'CENTURY'; } .product-a .title img, .productlist-a .title img, .productlist-b .title img{ display: block; margin: 0 auto; } .product-a .list{ padding: 0 .23rem; } .product-a .list li{ float: left; position: relative; width: 3.35rem; margin: 0 .07rem; margin-bottom: .15rem; } .product-a .list li.first{ width: 6.9rem; margin: 0; margin-bottom: .15rem; } .product-a .list li .box{ overflow: hidden; } .product-a .list li .box img{ max-width: 100%; max-height: 100%; transition: all .5s; } .product-a .list li :hover .box img{ transform: scale(1.08); transition: all .5s; } .product-a .list li .txt{ left: 0; top: 0; bottom: 0; right: 0; width: 100%; color: #fff; } .product-a .list li .txt h2{ line-height: .4rem; margin-left: .3rem; margin-top: .2rem; font-size: .24rem; } .product-a .list li .txt p{ position: absolute; left: .3rem; bottom: .2rem; line-height: .55rem; font-size: .3rem; font-weight: bold; display: inline-block; padding-right: .3rem; background: url(../img/bg3.png) no-repeat right center; background-size: .15rem; } .product-b{ background: #eee; padding: 0 .3rem; padding-bottom: .8rem; } .product-b li{ margin-bottom: .6rem; border-top: 1px solid rgba(0,0,0,.1); } .product-b li h2{ font-size: .36rem; color: #222; line-height: .9rem; text-align: center; margin-top: .15rem; font-weight: bold; } .productlist-a{ padding: .7rem .3rem 0 .3rem; background: #f7f7f7; } .productlist-a .main{ background: #f7f7f7; margin-bottom: .25rem; } .productlist-a .main .txt{ padding: .2rem .5rem .9rem .5rem; background: #fff; } .productlist-a .main .txt h2{ font-size: .36rem; color: #222; line-height: .8rem; font-weight:bold; } .productlist-a .main .txt p{ font-size: .24rem; color: #555; line-height: .4rem; } .productlist-a li{ margin-bottom: .25rem; } .productlist-b{ padding: .7rem .3rem 1.3rem .3rem; background: #f7f7f7; } .productlist-b ul{ } .productlist-b li{ width: 100%; background: #fff; margin-bottom: .3rem; } .productlist-b li .pic, .productlist-b li .txt{ } .productlist-b li .txt{ padding:.15rem .3rem .55rem .3rem; } .productlist-b li .txt h2{ font-size: .3rem; font-weight: bold; color: #222222; line-height: .8rem; } .productlist-b li .txt p{ font-size: .24rem; color: #666; line-height: .4rem; overflow: hidden; } .productlist-b li .txt .more{ margin-top: .5rem; display: block; width: 1.8rem; height: .6rem; line-height: .6rem; border-radius: .3rem; text-align: center; border: 1px solid #c1c1c1; font-size: .24rem; color: #333; } .productlist-b li .txt .more:hover{ background: #c19332; border: 1px solid #c19332; color: #fff; } /*权属公司*/ .ownership{ padding: .7rem .3rem .6rem .3rem; background: #f5f5f5; } .ownership li{ width: 100%; margin-bottom: .6rem; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); } .ownership li .img, .ownership li .txt{ } .ownership li .txt{ padding: .4rem; } .ownership li .txt h2{ font-size: .28rem; color: #333; line-height: .4rem; font-weight: bold; } .ownership li .txt p{ font-size: .24rem; color: #666666; line-height: .4rem; height: 1.2rem; margin-top: .2rem; } .ownership li .txt .btn{ font-size: 0; } .ownership li .txt .btn a{ margin-right: .15rem; display: inline-block; width: 2rem; height: .6rem; line-height: .6rem; text-align: center; border-radius: .3rem; font-size: .24rem; color: #333; border: 1px solid #d9d9d9; margin-top: .25rem; } .ownership li .txt .btn a span{ display: inline-block; line-height: .6rem; padding-left: .3rem; background: url(../img/bg5.png) no-repeat left center; background-size: .25rem; } .sf-ownership{ padding-bottom: 1.2rem; background: #fff; } .ownershipinfo .tit{ position: relative; margin-bottom: .55rem; border-bottom: 1px solid #dcdcdc; padding-bottom: .6rem; } .ownershipinfo .tit:after{ content: ""; position: absolute; width: .5rem; height: 2px; background: #e7ae41; bottom: -1px; left: 50%; margin-left: -.25rem; } .ownershipinfo .tit h2{ text-align: center; font-size: .36rem; color: #222; line-height: .45rem; } .demo-info, .demo-info p{ line-height: .4rem; font-size: .24rem; color: #666; } .demo-info img{ margin-top: .5rem; display: block; max-width: 100% !important; } /*新闻中心*/ .mbx-news a{ display: block; width: 33.333%; height: 100%; float: left; font-size: .24rem; color: #333; text-align: center; } .mbx-news a span{ display: inline-block; position: relative; height: 100%; } .mbx-news a.cur span:after{ content: ""; width: 100%; height: 2px; background: #c19332; position: absolute; left: 0; bottom: 0; } .news, .journal{ padding: .7rem .3rem 1.2rem .3rem; background: #f3f3f3; } .news li{ width: 100%; margin-bottom: .3rem; background: #fff; } .news li .img{ width: 2.27rem; height: 1.66rem; overflow: hidden; } .news li .img img{ max-width: 100%; } .news li .date{ width: 1rem; margin-left: .35rem; margin-top: .5rem; font-family: "Futura LT Light"; } .news li .date h2{ font-size: .36rem; line-height: .4rem; color: #2d2c34; } .news li .date p{ margin-left: .05rem; font-size: .20rem; color: #666; line-height: .4rem; } .news li .txt{ width: 2.75rem; font-size: .24rem; color: #333; line-height: .4rem; height: .8rem; float: left; margin-left: .1rem; margin-top: .5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-more{ width: 2rem; height: .6rem; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; font-size: .24rem; color: #222; text-align: center; line-height: .6rem; margin: 0 auto; margin-top: .35rem; cursor: pointer; } .page{ margin-top: 60px; font-size: 0; height: 50px; text-align: center; } .page a{ display: inline-block; } .page .prev, .page .next{ width: 50px; height: 50px; } .page .prev{ background: url(../img/l_on.png) no-repeat center; } .page .next{ background: url(../img/r_on.png) no-repeat center; } .page .prev.on{ background: url(../img/l_off.png) no-repeat center; } .page .next.on{ background: url(../img/r_off.png) no-repeat center; } .page .page_num{ height: 35px; padding: 0 3px 6px; line-height: 35px; font-size: 16px; margin: 0 20px; position: relative; top: -19px; color: #666; } .page .page_num:hover { color: #daaa38; } .page .page_num.on { color: #daaa38; border-bottom: 2px solid #daaa38; } .journal ul{ } .journal li{ position: relative; overflow: hidden; height: 2.5rem; background: #fff; margin-bottom: .25rem; } .journal li .ico{ width: 1.85rem; height: 2.5rem; /*background: #fcfcfc url(../img/img31.png) no-repeat center; */ background: #fcfcfc; background-size: .8rem 1rem; text-align: center; line-height: 2.5rem; } .journal li .ico img{ max-width: 100%; max-height: 100%; } .journal li .txt{ width: 4rem; margin-left: .4rem; padding-top: .3rem; } .journal li .txt h2{ font-size: .24rem; line-height: .4rem; color: #333; height: .8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; } .journal li .txt .more{ margin-top: .3rem; display: block; width: 2rem; height: .6rem; line-height: .6rem; border-radius: .3rem; font-size: .24rem; color: #666; text-align: center;border: 1px solid #e2e2e2; } .notice-c{ padding: .7rem .2rem 1.2rem .2rem; background: #f5f5f5; } .notice-c ul{ overflow: hidden; } .notice-c li{ float: left; width: 3.35rem; height: 4.8rem; background: #fff; margin: 0 .1rem .2rem .1rem; } .notice-img{ max-width: 100%; } .notice-c li .txt{ padding: .1rem .2rem; } .notice-c li .txt h2{ font-size: .24rem; color: #000; line-height: .45rem; min-height: 1.35rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .notice-c li .txt .more{ display: block; margin-top: .35rem; width: 1.85rem; height: .6rem; line-height: .6rem; text-align: center; border: 1px solid #dcdcdc; border-radius: .3rem; font-size: .24rem; color: #333; } .notice-c .news-more{ margin-top: .7rem; } .newsinfo{ padding: .7rem .3rem 1.2rem .3rem; } .newsinfo .tit{ margin-bottom: .5rem; text-align: center; font-size: .3rem; font-weight: bold; line-height: .45rem; padding-bottom: .25rem; color: #c19332; border-bottom: 1px solid #dcdcdc; }