.w1190{ width: 1190px; margin: 0 auto; } @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%; min-width: 1200px; height: 105px; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,.1); z-index: 99; } .head-bg{ height: 105px; } header .logo{ display: block; margin-left: 45px; margin-right: 5.7%; height:80px; margin-top:12px; /*height: 105px; line-height: 105px;*/ } header .logo img{ max-height:100%; } nav { width: 54.6%; border-left: 1px solid #e0e0e0; } nav li{ position: relative; float: left; width: 16.5%; height: 105px; border-right: 1px solid #e0e0e0; overflow: hidden; } nav li .tit{ display: block; width: 100%; line-height: 105px; font-size: 16px; color: #333; text-align: center; } 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 .son{ position: absolute; top: 100%; width: 100%; padding: 30px 0; background: #f5f5f5; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.7); transform: scale(0.7); transition:opacity 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); } nav li .son a{ display: block; text-align: center; font-size: 16px; color: #666; line-height: 28px; margin-bottom: 20px; padding: 0 10px; } nav li .son a:hover{ color: #c19332; } 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); } .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%; min-width: 1190px; } footer .foot-main{ width: 100%; min-height: 255px; padding-top: 40px; background: #fafafa; } footer .foot-nav li{ position: relative; float: left; width: 130px; padding-left: 65px; } footer .foot-nav li:after{ content: ""; position: absolute; width: 1px; height: 148px; background: #e1e1e1; right: 0; top: 0; } footer .foot-nav li:nth-child(1){ padding-left: 0; } footer .foot-nav li a{ display: block; font-size: 13px; color: #666; line-height: 26px; } footer .foot-nav li a:hover{ opacity: .8; } footer .foot-nav li a.tit{ color: #e7ae41; font-size: 16px; line-height: 1; margin-bottom: 12px; } .foot-right{ margin-right: 34px; } .footer-links{ margin-bottom: 22px; width: 206px; height: 34px; background: #fff; border: 1px solid #eee; } .footer-links p{ padding: 0 16px; font-size: 14px; color: #000; height: 34px; line-height: 34px; background: url(../img/bg2.png) no-repeat right 15px center; cursor: pointer; } .footer-links .links-list{ left: -1px; top: 100%; width: 100%; max-height: 156px; padding: 10px 0; border: 1px solid #eee; background: #fff; overflow-y: auto; display: none; } .footer-links .links-list a{ display: block; padding: 0 16px; line-height: 26px; color: #666; font-size: 13px; } .footer-links .links-list a:hover{ color: #e7ae41; } .share{ padding-left: 15px; } .share .bdsharebuttonbox a{ width: 34px; height: 33px; padding: 0; margin: 0 8px 0 0; } .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{ text-align: right; width: 100%; height: 60px; line-height: 60px; background: #333333; color: rgba(255,255,255,.3); font-size: 12px; } .foot-bot a{ margin: 0 20px; color: rgba(255,255,255,.3); } .foot-bot a:hover{ color: rgba(255,255,255,1); } .banner{ width: 100%; min-width: 1190px; height: 690px; 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.1) translate(50px, 0); transition: transform 7.6s linear; background-size: cover !important; } .banner .scroll-box ul li .img img{ max-width: 100%; } .index-news{ width: 1190px; height: 40px; left: 50%; bottom: 1px; margin: 0 0 0 -595px; background: rgba(193,146,46,.94); z-index: 52; } .index-news .txtScroll-top{ padding: 8px 0 4px 15px; height: 28px; overflow: hidden; } .index-news .txtScroll-top .news-tit{ margin-right: 10px; width: 63px; height: 28px; line-height: 28px; padding-right: 4px; text-align: center; font-size: 14px; color: #c09131; font-weight: bold; font-family: arial; text-transform: uppercase; background: url(../img/bg1.png) no-repeat center; } .txtScroll-top .bd{ width: 950px; height: 28px; line-height: 28px; } .txtScroll-top .bd li a{ font-size: 14px; color: #fff; } .txtScroll-top .bd li span{ font-size: 12px; color: #e3c891; margin-left: 10px; font-family: arial; } .txtScroll-top .hd{ width: 83px; height: 22px; right: 0; top: 9px; } .txtScroll-top .hd:after{ content: ""; position: absolute; width: 1px; height: 22px; left: 50%; top: 0; background: #c59b42; } .txtScroll-top .hd .prev, .txtScroll-top .hd .next{ display:block; width:41px; height:22px; cursor: pointer; opacity: 0.3; filter: alpha(opacity=30); overflow:hidden; } .txtScroll-top .hd .prev{ background: url(../img/3.png) no-repeat center; } .txtScroll-top .hd .next{ background: url(../img/4.png) no-repeat center; } .txtScroll-top .hd .prev:hover, .txtScroll-top .hd .next:hover{ opacity: 1; filter: alpha(opacity=100); } /*集团产业*/ .ad { position: relative; height: 436px; 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: 40px; line-height: 60px; } .ad .text .ad-entit{ text-transform: uppercase; font-size: 27px; line-height: 50px; } .mbx{ width: 100%; height: 70px; line-height: 70px; border-bottom: 1px solid #e0e0e0; } .mbx .mbx-left{ padding-left: 38px; font-size: 14px; color: #333; background: url(../img/8.png) no-repeat 8px center; } .mbx .mbx-left i{ display: inline-block; width: 24px; height: 70px; background: url(../img/bg4.png) no-repeat center; vertical-align: middle; } .mbx .mbx-left span{ display: inline-block; height: 70px; line-height: 70px; } .mbx .mbx-right{ text-align: right; } .mbx .mbx-right a{ position: relative; display: inline-block; margin-left: 30px; font-size: 14px; color: #333; } .mbx .mbx-right a:after{ position: absolute; content: ""; left: 0; bottom: 0; width: 0; height: 2px; background: #c19332; transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .mbx .mbx-right a:hover:after{ width: 100%; } .mbx .mbx-right a.cur:after{ width: 100%; } .product-a{ padding-top: 60px; padding-bottom: 80px; overflow: hidden; } .product-a .title, .productlist-a .title, .productlist-b .title{ text-align: center; margin-bottom: 50px; } .product-a .title h2, .productlist-a .title h2, .productlist-b .title h2{ line-height: 70px; font-size: 36px; color: #222222; font-weight: bold; } .product-a .title .sf-h3, .productlist-a .title .sf-h3, .productlist-b .title .sf-h3{ font-size: 14px; width: 220px; text-align: center; line-height: 22px; height: 22px; color: #fff; background: #000; margin: 0 auto; text-transform: uppercase; font-family: 'CENTURY'; } .product-a .title h3{ width: 190px; } .product-a .title img, .productlist-a .title img, .productlist-b .title img{ display: block; margin: 0 auto; } .product-a .list{ width:1202px; } .product-a .list li{ float: left; position: relative; margin-bottom: 12px; width: 589px; margin-right: 12px; } .product-a .list li.first{ width: 1190px; } .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: 80px; margin-left: 30px; font-size: 30px; } .product-a .list li .txt p{ position: absolute; left: 30px; bottom: 30px; line-height: 55px; font-size: 30px; font-weight: bold; display: inline-block; padding-right: 30px; background: url(../img/bg3.png) no-repeat right center; } .product-b{ padding-bottom: 85px; } .product-b li{ margin-bottom: 60px; padding-top: 24px; border-top: 1px solid #e5e5e5; } .product-b li h2{ font-size: 36px; color: #222; line-height: 90px; text-align: center; } .productlist-a{ padding-top: 70px; } .productlist-a .main{ background: #f7f7f7; margin-bottom: 50px; } .productlist-a .main .txt{ padding: 45px 80px 80px; } .productlist-a .main .txt h2{ font-size: 36px; color: #222; line-height: 80px; } .productlist-a .main .txt p{ font-size: 16px; color: #555; line-height: 30px; } .productlist-a li{ width: 593px; float: left; margin-bottom: 4px; } .productlist-a li:nth-child(2n){ float: right; } .productlist-b{ margin-top: 95px; padding-bottom: 150px; } .productlist-b:before{ content: ""; position: absolute; width: 100%; height: 100%; background: #dfdfdf; left: 0; top: 270px; z-index: -1; } .productlist-b ul{ box-shadow: 0 0 30px rgba(0,0,0,.1); } .productlist-b li{ width: 100%; background: #fff; } .productlist-b li .pic, .productlist-b li .txt{ width: 50%; float: left; } .productlist-b li:nth-child(2n) .pic, .productlist-b li:nth-child(2n) .txt{ float: right; } .productlist-b li .txt{ padding: 50px 50px 0; width: 495px; } .productlist-b li .txt h2{ font-size: 30px; color: #222222; line-height: 80px; } .productlist-b li .txt p{ font-size: 16px; color: #666; line-height: 28px; height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .productlist-b li .txt .more{ margin-top: 115px; display: block; width: 144px; height: 42px; line-height: 42px; border-radius: 21px; text-align: center; border: 1px solid #c1c1c1; font-size: 14px; color: #333; } .productlist-b li .txt .more:hover{ background: #c19332; border: 1px solid #c19332; color: #fff; } .productlist-b li .txt .txt-div{ font-size: 16px; color: #666; line-height: 28px; height: 84px; overflow: hidden; } /*权属公司*/ .ownership{ padding-top: 90px; padding-bottom: 80px; width: 100%; min-width: 1190px; background: #f3f3f3; } .ownership li{ width: 100%; margin-bottom: 60px; background: #fff; box-shadow: 0 0 40px rgba(0,0,0,.1); } .ownership li .img, .ownership li .txt{ float: left; width: 50%; } .ownership li:nth-child(2n) .img, .ownership li:nth-child(2n) .txt{ float: right; } .ownership li .txt{ width: 515px; padding: 55px 40px 0; } .ownership li .txt h2{ font-size: 26px; color: #333; line-height: 36px; } .ownership li .txt p{ font-size: 14px; color: #666666; line-height: 28px; height: 56px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ownership li .con{ height: 160px; overflow: hidden; } .ownership li .txt .btn{ font-size: 0; } .ownership li .txt .btn a{ margin-right: 15px; display: inline-block; width: 140px; height: 40px; line-height: 40px; text-align: center; border-radius: 26px; font-size: 14px; color: #333; border: 2px solid #d9d9d9; } .ownership li .txt .btn a span{ display: inline-block; line-height: 40px; padding-left: 22px; background: url(../img/bg5.png) no-repeat left center; } .ownership li .txt .btn a:hover{ background: #c19332; color: #fff; border: 2px solid #c19332; } .ownership li .txt .btn a:hover span{ background: url(../img/bg6.png) no-repeat left center; } .ownershipinfo .tit{ position: relative; margin-bottom: 55px; border-bottom: 1px solid #dcdcdc; padding-bottom: 60px; } .ownershipinfo .tit:after{ content: ""; position: absolute; width: 47px; height: 3px; background: #e7ae41; bottom: -2px; left: 50%; margin-left: -24px; } .ownershipinfo .tit h2{ text-align: center; font-size: 36px; color: #222; line-height: 44px; } .demo-info, .demo-info p{ line-height: 36px; font-size: 16px; color: #666; } .demo-info img{ margin: 55px auto; display: block; max-width: 100% !important; } /*新闻中心*/ .news, .journal{ width: 100%; min-width: 1190px; padding-top: 85px; padding-bottom: 135px; background: #f3f3f3; } .news li{ width: 100%; margin-bottom: 25px; } .news li:nth-child(2n-1){ background: #fff; box-shadow: 0 0 40px rgba(0,0,0,.1); } .news li .img{ width: 227px; height: 166px; overflow: hidden; } .news li .date{ margin-left: 55px; margin-top: 40px; width: 150px; font-family: "Futura LT Light"; } .news li .date h2{ font-size: 36px; line-height: 58px; color: #2d2c34; } .news li .date p{ margin-left: 5px; font-size: 18px; color: #666; line-height: 30px; } .news li .txt{ margin-top: 40px; width: 680px; } .news li .txt h2{ margin-bottom: 10px; font-size: 20px; color: #333333; line-height: 34px; } .news li .txt p{ font-size: 14px; color: #666; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .page{ margin-top: 60px; font-size: 0; height: 75px; text-align: center; } .page a{ display: inline-block; } .page .prev, .page .next{ width: 50px; height: 50px; position: relative; top: 22px; } .page .prev:hover{ background: url(../img/l_on.png) no-repeat center; transition: all .3s; } .page .next:hover{ background: url(../img/r_on.png) no-repeat center; transition: all .3s; } .page .prev{ background: url(../img/l_off.png) no-repeat center; transition: all .3s; } .page .next{ background: url(../img/r_off.png) no-repeat center; transition: all .3s; } .page a{ height: 35px; padding: 0 3px 6px; line-height: 35px; font-size: 16px; margin: 0 20px; position: relative; top: 0; color: #666; } .page .page_num:hover { color: #daaa38; } .page .active { color: #daaa38; border-bottom: 2px solid #daaa38; } .journal ul{ width: 1224px; } .journal li{ float: left; position: relative; margin: 0 34px 34px 0; width: 578px; height: 187px; background: #fff; } .journal li .ico{ margin-right: 38px; width:187px; height: 187px; line-height: 187px; background: #fcfcfc; text-align: center; overflow: hidden; /*background: #fcfcfc url(../img/img31.png) no-repeat center; */ } .journal li .ico img{ max-width: 100%; max-height: 100%; transition: all .3s; } .journal li .ico:hover img{ transform: scale(1.08); transition: all .3s; } .journal li .txt{ width: 280px; padding-top: 38px; } .journal li .txt h2{ font-size: 18px; line-height: 30px; color: #333; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; } .journal li .txt .more{ margin-top: 18px; display: block; width: 128px; height: 42px; line-height: 42px; border-radius: 26px; font-size: 14px; color: #666; text-align: center;border: 1px solid #e2e2e2; } .journal li:hover{ box-shadow: 0 0 40px rgba(0,0,0,.2); } .journal li:hover .ico{ /*background:#c19333 url(../img/img32.png) no-repeat center;*/ } .notice-a{ margin-top: 115px; padding-top: 62px; height: 380px; background: #fafafa; } .notice-a .txt{ width: 510px; } .notice-a .txt h2, .notice-b .txt h2{ margin-bottom: 20px; font-size: 22px; color: #000000; line-height: 28px; } .notice-a .txt p, .notice-b .txt p{ font-size: 14px; line-height: 26px; color: #666; height: 130px; } .notice-a .txt .p181 p{ height: auto; } .notice-a .pic{ width: 600px; margin-top: -92px; } .notice-a .more, .notice-b .more{ margin-top: 20px; display: block; width: 172px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #333333; background: #fff; border: 1px solid #1b1b1b; border-radius: 26px; } .notice-b{ margin: 100px auto 140px; } .notice-b .pic{ width: 600px; } .notice-b .txt{ width: 510px; margin-right: 20px; padding-top: 50px; } .notice-b .more{ border: 1px solid #d9d9d9; } .notice-c{ padding: 135px 0 200px; background: #f5f5f5; } .notice-c ul{ width: 1210px; } .notice-c li{ float: left; width: 382px; height: 450px; background: #fff; margin: 0 20px 20px 0; } .notice-c li .txt{ padding: 30px 40px 0 30px; } .notice-c li .txt h2{ font-size: 18px; color: #000; line-height: 36px; } .notice-c li .txt .more{ display: block; margin-top: 30px; width: 133px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #dcdcdc; border-radius: 20px; font-size: 16px; color: #333; } .notice-c li:hover .txt .more, .notice-a .more:hover, .notice-b .more:hover{ background: #c19333; color: #fff; border: 1px solid #c19333; } .notice-c li:hover{ box-shadow: 0 0 40px rgba(0,0,0,.1); } .newsinfo{ margin: 70px auto 90px; } .newsinfo .tit{ margin-bottom: 55px; text-align: center; font-size: 24px; font-weight: bold; line-height: 56px; padding-bottom: 24px; color: #c19332; border-bottom: 1px solid #dcdcdc; } @media screen and (max-width: 1500px){ header .logo{ margin-left: 30px; margin-right:3%; } .ser{ margin: 43px 20px 0; } .lang a{ padding: 0 10px; } } @media screen and (max-width: 1300px){ header .logo{ margin-right: 2%; } }