*{ margin: 0; padding: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; white-space:normal !important; } a{ text-decoration: none; color: #333; } li{ list-style: none; } img{ vertical-align: middle; max-width: 100%; } body{ width: 100%; max-width: 1920px; margin: 0 auto; font-size: 14px; color: #222; overflow: hidden; position: relative; font-family:"微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; } .max1920{ width: 100%; max-width: 1920px; margin: 0 auto; } @font-face { font-family: DIN-Condensed-Bold; src: url(../fonts/DIN-Condensed-Bold.eot); src: url(../fonts/DIN-Condensed-Bold.eot#iefix) format("embedded-opentype"), url(../fonts/DIN-Condensed-Bold.woff2) format("woff2"), url(../fonts/DIN-Condensed-Bold.woff) format("woff"), url(../fonts/DIN-Condensed-Bold.ttf) format("truetype"), url(../fonts/DIN-Condensed-Bold.svg#DIN-Condensed-Bold) format("svg") } /*头部*/ header{ width: 100%; max-width: 1920px; position: fixed; top: 0; z-index: 39; height: 110px; border-bottom: 1px solid rgba(255,255,255,.3); } .header{ overflow: hidden; } .logo{ float: left; line-height: 110px; } .logo .img2{ display: none; } .header-yy{ float: right; padding-top: 38px; } .header-yy a{ display: inline-block; font-size: 16px; line-height: 30px; color: #fff; /*font-weight: bold;*/ } .header-yy span{ display: inline-block; width: 35px; height: 2px; background: #fff; margin: 0 10px; position: relative; top: -4px; } .header-yy a:hover{ font-weight: bold; } .header-yx{ display: inline-block; float: right; width: 22px; height: 16px; background: url(../img/ico31_2.png) no-repeat center; margin: 48px 30px; margin-bottom: 0; } .header-yoa{ display: inline-block; float: right; width: 30px; height: 30px; background: url(../img/touxinag_2.png) no-repeat center; margin: 40px 30px; margin-bottom: 0; } .header-yy1{ float: right; padding-top: 38px; color: #fff; } .header-yy1 a{ display: inline-block; font-size: 16px; line-height: 30px; padding-right:30px; color: #fff; /*font-weight: bold;*/ } .header-yy1 span{ display: inline-block; width: 35px; height: 2px; background: #fff; margin: 0 10px; position: relative; top: -4px; } .header-yy1 a:hover{ font-weight: 300; color: #fff; } .header-nav{ position: absolute; top: 0; left: 50%; margin-left: -429px; } .header-nav a{ display: inline-block; margin:0 40px; font-size: 16px; color: #fff; line-height: 110px; position: relative; } .header-nav a:after{ content: ''; width: 0%; height: 3px; background: #5b108b; position: absolute; bottom: 0px; left:50%; transition: all .3s;; -webkit-transition: all .3s; } .header-nav a:hover:after{ width: 100%; left: 0; transition: all .3s;; -webkit-transition: all .3s; } .header-nav a.on:after{ width: 100%; left: 0; transition: all .3s;; -webkit-transition: all .3s; } .header-st{ width: 50px; height: 50px; background: url(../img/ico01.png) no-repeat center; position: absolute; top: 30px; right: 10px; cursor: pointer; } .header-ss{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; background: rgba(0,0,0,.8); display: none; } .header-ss-a{ width: 600px; margin: 0 auto; height: 50px; line-height: 50px; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -300px; } .header-ss-a .int1{ width: 540px; height: 50px; line-height: 50px; background: none; border: none; border-bottom: 1px solid #fff; font-size: 18px; color: #fff; padding: 0 10px; padding-right: 60px; } .header-ss-a .int2{ width: 50px; height: 50px; border: none; background: no-repeat center; background-image: url(../img/ss03.png); position: absolute; top: 0; right: 60px; cursor: pointer; } .header-ss-x{ width: 50px; height: 50px; background: url(../img/x01.png) no-repeat center; position: absolute; top: 0; right: 0; cursor: pointer; } .header-dx{ width: 35px; margin-top: 35px; text-align: right; margin-left:15px ; overflow: hidden; display: none; } .header-dx1,.header-dx2,.header-dx3{ width: 100%; height: 4px; margin-bottom: 8px; background: #000; float: right; } .header-dx2{ width: 70%; float: left; } .header-dx div{ transition: all .5s; } .header-dx.cli .header-dx1{ -webkit-transform: rotate(44deg); -ms-transform: rotate(44deg); transform: rotate(44deg); transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s; } .header-dx.cli .header-dx2{ opacity: 0; transition: all .5s; } .header-dx.cli .header-dx3{ -webkit-transform: rotate(-44deg); -ms-transform: rotate(-44deg); transform: rotate(-44deg); position: relative; top:1px; transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s; } @media(min-width:1201px){ header.on{ background: #fff; border: 1px solid #e5e5e5; } header.on .header-nav a{ color: #333; } header.on .header-yy a{ color: #333; } header.on .header-yy1 a{ color: #333; } header.on .header-yy span{ background: #333; } header.on .logo .img1{ display: none; } header.on .logo .img2{ display: inline-block; } header.on .header-st{ background-image: url(../img/ico01_1.png); } header.on .header-yx{ background-image: url(../img/ico31_1.png); margin-top: 45px; } header.on .header-yoa{ background-image: url(../img/touxinag_1.png); margin-top: 30px; } header.cl{ background: #fff; border: 1px solid #e5e5e5; } header.cl .header-nav a{ color: #333; } header.cl .header-yy a{ color: #333; } header.cl .header-yy1 a{ color: #333; } header.cl .header-yy span{ background: #333; } header.cl .logo .img1{ display: none; } header.cl .logo .img2{ display: inline-block; } header.cl .header-st{ background-image: url(../img/ico01_1.png); } header.cl .header-yx{ background-image: url(../img/ico31_1.png); margin-top: 38px; } header.cl .header-yoa{ background-image: url(../img/touxinag_1.png); margin-top: 38px; } header.hl{ height: 85px; } header.hl .logo{ line-height: 85px; } header.hl .header-nav a{ line-height: 85px; } header.hl .header-yy{ padding-top: 25px; } header.hl .header-yy1{ padding-top: 25px; } header.hl .header-st{ top: 20px; } header.hl .header-yx{ margin-top: 35px; } header.hl .header-yoa{ margin-top: 30px; } } @media(max-width:1800px){ .header-yy{ margin-right: 30px; } } @media(max-width:1600px){ header{ height: 85px; } header .logo{ line-height: 85px; } header .header-nav a{ line-height: 85px; } header .header-yy{ padding-top: 25px; } header .header-yy1{ padding-top: 25px; } header .header-st{ top: 20px; } header .header-nav a{ margin: 0 30px; } .header-nav{ margin-left: -370px; } header .header-yx{ margin-left: 0; margin-top: 35px; } header.cl .header-yx{ margin-top: 30px; } header .header-yoa{ margin-left: 0; margin-top: 30px; } header.cl .header-yoa{ margin-top: 30px; } } @media(max-width:1200px){ header{ height: 85px; background: #fff; border-bottom: 1px solid #e5e5e5; } header .header-nav{ display: none; } header .header-nav a{ color: #333; } header .header-yy a{ color: #333; } header .header-yy1 a{ color: #333; } header .header-yy span{ width: 0; background: #333; } header .logo .img1{ display: none; } header .logo .img2{ display: inline-block; } header .header-st{ background-image: url(../img/ico01_1.png); display: none; } header .header-nav{ width: 100%; height: 100%; position: fixed; top: 85px; background: #fff; left: 0; margin: 0; padding: 30px; } header .header-nav a{ display: block; width: 100%; line-height: 60px; border-bottom: 1px solid #e5e5e5; margin: 0; } header .header-st{ position: relative; float: right; right: 0; margin-right: 30px; } .header-dx{ display: block; } header .header-yx{ background-image: url(../img/ico31_1.png); margin-top: 45px; } header .header-yoa{ background-image: url(../img/touxinag_1.png); margin-top: 30px; } } @media(max-width:750px){ .header-dx{ display: block; width: .45rem; margin-top: .5rem; margin-left: .2rem; } .header-dx1, .header-dx2, .header-dx3{ height: .05rem; margin-bottom: .1rem; } .header-ss-a{ width: 7rem; margin-left: -3.5rem; } .header-ss-a .int1{ width: 6rem; } header .header-yx{ width: .4rem; height: .4rem; background-size: .4rem auto; margin-top: .5rem; margin-right: .3rem; margin-left: .2rem; } header .header-yoa{ width: .4rem; height: .4rem; background-size: .4rem auto; margin-top: .5rem; margin-right: .3rem; margin-left: .2rem; } header{ height: 1.25rem; } header .logo{ line-height: 1.25rem; width: 2.2rem; } header .header-yy{ padding-top: .45rem; margin-right: .3rem; height: .5rem; line-height: .5rem; } header .header-yy1{ display: none; } header .header-yy a{ font-size: .28rem; line-height: .5rem; } header .header-yy span{ width: 0rem; margin: 0 .1rem; top: -.1rem; } header .header-st{ width: .4rem; height: .4rem; background-size: cover; top: .3rem; margin-right: .3rem; } header .header-nav{ top:1.25rem; padding: .4rem; } header .header-nav a{ font-size: .28rem; line-height: 1rem; } } /*底部*/ footer{ width: 100%; background: #5e4399; } .footer{ overflow: hidden; padding-top: 90px; padding-bottom: 40px; } .footer-lt{ float: left; width: 440px; } .footer-lt img{ margin-bottom: 55px; } .footer-lt>div{ font-size: 16px; line-height: 25px; margin-bottom: 10px; color: #fff; opacity: .7; } .footer-rt{ width: calc(100% - 460px); width: -webkit-calc(100% - 460px); float: right; padding-right: 80px; max-width: 700px; position: relative; } .footer-rt ul{ width: 25%; padding-right: 15px; float: left; } .footer-rt ul li{ line-height: 1; margin-bottom: 10px; color: #fff; } .footer-rt ul li:first-child{ margin-bottom: 30px; } .footer-rt ul li:first-child a{ font-size: 18px; color: #fff; opacity: 1; } .footer-rt ul li a{ display: inline-block; font-size: 14px; line-height: 20px; color: #fff; opacity: .7; } .footer-rt ul li a:hover{ opacity: 1; } .footer-rt ul:last-child{ position: absolute; top: 0; right: 0; width: 80px; padding-right: 0; } .footer-xt{ width: 100%; height: 1px; background: #fff; opacity: .3; } .footer-bt{ padding-top:35px; padding-bottom: 35px; overflow: hidden; font-size: 14px; color: #fff; line-height: 25px; opacity: .7; } .footer-bt-a{ float: left; padding-right: 15px; } .footer-bt-b{ float: right; padding-left: 15px; } @media(max-width:1000px){ .footer-rt{ display: none; } } @media(max-width:750px){ .footer{ padding-top: .8rem; padding-bottom: .5rem; } .footer-lt{ width: 100%; } .footer-lt img{ margin-bottom: .5rem; } .footer-lt>div{ font-size: .26rem; line-height: .45rem; margin-bottom: .1rem; } .footer-bt{ padding-top: .3rem; padding-bottom: .3rem; text-align: center; font-size: .24rem; line-height: .4rem; } .footer-bt>div{ width: 100%; } } .gyban{ width: 100%; height: 720px; } .gyban-div{ height: 100%; position: relative; } .gyban-a{ font-size: 54px; color: #fff; line-height: 1; padding-top: 355px; } .gyban-b{ font-size: 24px; color: #fff; line-height: 1.3; font-family: arial; margin-top: 15px; } .gyban-c{ position: absolute; bottom: 40px; right: 50px; } .nynav{ display: inline-block; font-size: 14px; line-height: 20px; color: #fff; } .nynav img{ margin: 0 5px; position: relative; top: -2px; } .nynav a{ font-size: 14px; color: #fff; } .nynav a:hover{ opacity: .7; } @media(max-width:1600px){ .gyban{ height: 600px; } .gyban-a{ padding-top: 280px; font-size: 45px; } .gyban-b{ font-size: 18px; } .gyban-c{ bottom: 25px; } } @media(max-width:1200px){ .gyban{ margin-top: 85px; } .gyban-c{ right: 30px; } } @media(max-width:1000px){ .gyban{ height: 500px; } .gyban-a{ padding-top: 200px; } } @media(max-width:750px){ .gyban{ height: 4rem; margin-top: 1.25rem; } .gyban-a{ padding-top: 1.5rem; font-size: .4rem; font-weight: bold; } .gyban-b{ font-size: .26rem; line-height: .4rem; margin-top: .1rem; } .gyban-c{ right: .3rem; bottom: .2rem; } .nynav{ font-size: .24rem; } } /*产品中心*/ .product-bj{ background: #f9f9f9; } .product{ padding-top: 80px; padding-bottom: 130px; } .product-rm{ width: 475px; margin: 0 auto; position: relative; } .product-rm .int1{ width: 100%; height: 65px; font-size: 14px; border-radius: 35px; border: 1px solid #e5e5e5; background: #fff; padding-left: 25px; padding-right: 60px; } .product-rm .sub1{ width: 50px; height: 65px; background: initial; border: 0; background: url(../img/ico03.png) no-repeat center; position: absolute; top: 0; right: 5px; } .produc-ul{ margin-top: 80px; } .produc-ul a{ display: block; width: 100%; height: 410px; background: #fff; overflow: hidden; margin-bottom: 35px; } .produc-lt{ width: 50%; height: 100%; float: left; position: relative; overflow: hidden; } .produc-lt>div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .produc-rt{ width: 50%; height: 100%; float: right; padding: 65px; padding-right: 115px; transition: all .3s;; -webkit-transition: all .3s; } .produc-a{ font-size: 30px; line-height: 40px; color: #5b108b; transition: all .3s;; -webkit-transition: all .3s; } .produc-b{ width: 65px; height: 1px; background: #5b108b; margin-top: 25px; margin-bottom: 35px; transition: all .3s;; -webkit-transition: all .3s; } .produc-c{ font-size: 15px; color: #333; line-height: 30px; margin-bottom: 5px; transition: all .3s;; -webkit-transition: all .3s; } .produc-d{ font-size: 15px; color: #333; line-height: 30px; min-height: 90px; transition: all .3s;; -webkit-transition: all .3s; } .produc-e{ margin-top: 10px; height: 15px; background: url(../img/ico04.png) no-repeat left center; transition: all .3s;; -webkit-transition: all .3s; } .produc-ul a:hover .produc-rt{ background: url(../img/img02.jpg)no-repeat center; background-size: cover; transition: all .3s;; -webkit-transition: all .3s; } .produc-ul a:hover .produc-a,.produc-ul a:hover .produc-c,.produc-ul a:hover .produc-d{ color: #fff; transition: all .3s;; -webkit-transition: all .3s; } .produc-ul a:hover .produc-b{ background: #fff; transition: all .3s;; -webkit-transition: all .3s; } .produc-ul a:hover .produc-e{ background-image: url(../img/ico04_1.png); transition: all .3s;; -webkit-transition: all .3s; } .produc-ul a:nth-child(2n + 0) .produc-lt{ float: right; } .produc-ul a:nth-child(2n + 0) .produc-rt{ float: left; } @media(max-width:1600px){ .produc-rt{ padding: 40px; } .produc-ul a{ height: 370px; } .produc-a{ font-size: 26px; line-height: 35px; } .produc-c,.produc-d{ font-size: 14px; } } @media(max-width:1000px){ .produc-ul a{ height: auto; } .produc-lt{ width: 100%; height: 380px; } .produc-rt{ width: 100%; height: auto; } .produc-d{ min-height: auto; } .produc-e{ margin-top: 30px; } } @media(max-width:750px){ .product{ padding-top: .8rem; padding-bottom: .8rem; } .product-rm{ width: 100%; max-width: 6rem; } .product-rm .int1{ height: 1rem; line-height: 1rem; font-size: .26rem; padding-left: .3rem; padding-right: 1rem; } .product-rm .sub1{ width: .8rem; height: .8rem; top: .1rem; right: .1rem; } .produc-ul{ margin-top: .8rem; } .produc-lt{ height: 3.5rem; } .produc-rt{ padding: .35rem; } .produc-a{ font-size: .32rem; font-weight: bold; line-height: .45rem; } .produc-b{ width: .6rem; margin-top: .25rem; margin-bottom: .3rem; } .produc-c, .produc-d{ font-size: .24rem; line-height: .45rem; } .produc-e{ margin-top: .3rem; } .produc-ul a{ margin-bottom: .3rem; } } /*产品列表*/ .pro-mgTop{ margin-top: 145px; } .nynav.col{ color: #666; } .nynav.col a{ color: #666; } .nynav.col a:hover{ color: #5e4399; opacity: 1; } .nynav.col span{ color: #5e4399; } .prolist{ padding-top: 50px; padding-bottom: 190px; overflow: hidden; } .prolist-lt{ width: 280px; float: left; } .prolist-a{ width: 100%; background: #5b108b; padding: 25px; } .prolist-a>div{ padding-left: 40px; font-size: 22px; color: #fff; line-height: 30px; background: url(../img/ico05.png) no-repeat left 5px; } .prolist-b{ width: 100%; padding: 25px; min-height: 300px; background: #fff; } .prolist-b a{ display: block; font-size: 16px; color: #666; padding-right: 15px; background: url(../img/ico06.png) no-repeat right center; line-height: 30px; padding: 15px 0; border-bottom: 1px solid #e5e5e5; transition: all .3s;; -webkit-transition: all .3s; } .prolist-b a:hover{ color: #5b108b; background-image: url(../img/ico06_1.png); transition: all .3s;; -webkit-transition: all .3s; } .prolist-b a.on{ font-size: 18px; font-weight: bold; color: #5b108b; background-image: url(../img/ico06_1.png); transition: all .3s;; -webkit-transition: all .3s; } .prolist-rt{ width: calc(100% - 325px); width: -webkit-calc(100% - 325px); max-width: 1075px; float: right; background: #fff; } .prolist-c{ margin-bottom: ; } .prolist-d{ width: 100%; padding: 55px; } .prolist-d1{ font-size: 36px; line-height: 1.3; color: #5b108b; font-weight: bold; } .prolist-d2{ margin-top: 40px; border-top: 1px solid #e5e5e5; min-height: 550px; } .prolist-d2 a{ display: block; border-bottom: 1px solid #e5e5e5; padding: 25px 10px; padding-right: 110px; position: relative; font-size: 17px; line-height: 30px; color: #333; } .prolist-d2 a:hover{ color: #5b108b; border-color: #5b108b; } .prolist-d2 a>span{ display: block; width: 80px; font-size: 14px; background: url(../img/ico07.png) no-repeat right center; position: absolute; top: 25px; right: 10px; } .prolist-d2 a:hover>span{ background-image: url(../img/ico07_1.png); } @media(max-width:1200px){ .prolist-d{ padding: 30px; } .prolist-d2 a{ font-size: 14px; } } @media(max-width:1000px){ .prolist-lt{ width: 200px; } .prolist-a{ padding: 15px; } .prolist-a>div{ font-size: 16px; } .prolist-b{ padding: 15px; } .prolist-b a{ font-size: 14px; padding: 10px 0; padding-right: 15px; } .prolist-rt{ width: calc(100% - 230px); width: -webkit-calc(100% - 230px); } .prolist-d{ padding: 20px; } .prolist-d1{ font-size: 26px; } .prolist-d2 a{ padding-top: 15px; padding-bottom: 15px; } .prolist-d2{ min-height: auto; margin-top: 20px; } } @media(max-width:750px){ .pro-mgTop{ margin-top: 1.85rem; } .nynav a{ font-size: .24rem; } .prolist{ padding-top: .5rem; padding-bottom: .8rem; } .prolist-lt{ width: 100%; } .prolist-b{ padding: .3rem; min-height: auto; } .prolist-b a{ font-size: .24rem; line-height: .4rem; } .prolist-b a.on{ font-size: .28rem; } .prolist-a>div{ font-size: .28rem; background-size: .3rem; line-height: .45rem; padding-left: .6rem; background-position-y: .05rem; } .prolist-rt{ width: 100%; margin-top: .6rem; } .prolist-d{ padding: .3rem; } .prolist-d1{ font-size: .34rem; font-weight: bold; } .prolist-d2{ margin-top: .3rem; } .prolist-d2 a{ font-size: .26rem; line-height: .4rem; padding: .25rem .1rem; } .prolist-d2 a>span{ width: 1.3rem; font-size: .24rem; background-size: .25rem .15rem; position: relative; top: inherit; right: inherit; margin-top: .1rem; } } /*产品详情*/ .proinfo{ padding-top: 55px; padding-bottom: 130px; } .proinfo-ab{ overflow: hidden; margin-bottom: 70px; } .proinfo-a{ width: 50%; float: left; } .proinfo-b{ width: 46%; float: right; max-width: 580px; } .proinfo-b1{ font-size: 36px; line-height: 45px; color: #5B108B; padding-top: 50px; font-weight: bold; } .proinfo-b2{ padding-left: 75px; font-size: 20px; color: #000; line-height: 30px; margin-top: 5px; position: relative; font-weight: bold; } .proinfo-b2:after{ content: ''; width: 65px; height: 2px; background: #000; position: absolute; left: 0; top: 15px; } .proinfo-b3{ font-size: 15px; line-height: 25px; color: #333; margin-top: 20px; min-height: 100px; } .proinfo-b4{ margin-top: 35px; overflow: hidden; padding-bottom: 25px; border-bottom: 1px solid #E5E5E5; } .proinfo-b4-a{ font-size: 15px; color: #333; float: left; line-height: 35px; font-weight: bold; } .proinfo-b4-a img{ margin-right: 18px; } .proinfo-b4 a{ display: inline-block; width: 80px; height: 35px; font-size: 13px; color: #003333; text-align: center; line-height: 33px; border: 1px solid #e5e5e5; border-radius: 40px; float: right; margin-left: 10px; transition: all .3s;; -webkit-transition: all .3s; } .proinfo-b4 a:hover{ background: #5B108B; border-color: #5B108B; color: #fff; transition: all .3s;; -webkit-transition: all .3s; } .proinfo-nav{ overflow: hidden; border-bottom: 1px solid #E5E5E5; padding-left: 40px; } .proinfo-nav div{ float: left; font-size: 18px; line-height: 25px; color: #666; padding-bottom: 25px; margin-right: 75px; cursor: pointer; font-weight: bold; transition: all .3s;; -webkit-transition: all .3s; } .proinfo-nav div:hover{ color: #5B108B; transition: all .3s;; -webkit-transition: all .3s; } .proinfo-nav div.on{ color: #5B108B; border-bottom: 2px solid #5B108B; } .proinfo-tit{ width: 100%; height: 80px; margin-top: 80px; background: #f6f7f9; padding-left: 40px; font-size: 28px; color: #444; line-height: 80px; font-weight: bold; } .proinfo-tit.on{ background: #5B108B; color: #fff; } .proinfo-c{ padding: 65px 40px; border: 1px solid #E5E5E5; } .proinfo-c1{ font-size: 16px; color: #666; line-height: 35px; max-height: 175px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; transition: all .3s;; -webkit-transition: all .3s; } .proinfo-c1.on{ max-height: initial; -webkit-line-clamp: initial; transition: all .3s;; -webkit-transition: all .3s; } .proinfo-c2{ width: 115px; font-size: 16px; color: #5B108B; line-height: 25px; padding-bottom: 15px; border-bottom: 1px solid #5B108B; margin-top: 45px; background: url(../img/ico09.png) no-repeat right 10px; cursor: pointer; transition: all .3s;; -webkit-transition: all .3s; } .proinfo-c2:hover{ font-weight: bold; transition: all .3s;; -webkit-transition: all .3s; } .proinfo-d{ width: calc(100% + 25px); width: -webkit-calc(100% + 25px); overflow: hidden; margin-top: 40px; } .proinfo-d li{ width: calc(25% - 25px); width: -webkit-calc(25% - 25px); float: left; height: 112px; border: 1px solid #E5E5E5; margin-right: 25px; margin-bottom: 25px; overflow: hidden; position: relative; transition: all .3s;; -webkit-transition: all .3s; } .proinfo-d li>span{ font-size: 70px; color: #e8eaed; font-family: DIN-Condensed-Bold; line-height: 1; position: absolute; right: 15px; top: 50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all .3s;; -webkit-transition: all .3s; } .proinfo-d li>div{ width: calc(100% - 70px); width: -webkit-calc(100% - 70px); font-size: 20px; color: #000; line-height: 25px; padding: 0 25px; font-weight: ; position: absolute; left: 0; top: 50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all .3s;; -webkit-transition: all .3s; } .proinfo-d li:hover{ background: #5B108B; border-color: #5B108B; transition: all .3s;; -webkit-transition: all .3s; } .proinfo-d li:hover>span,.proinfo-d li:hover>div{ color: #fff; transition: all .3s;; -webkit-transition: all .3s; } .proinfo-e{ border: 1px solid #E5E5E5; border-bottom: 0; overflow: hidden; } .proinfo-ect{ overflow: hidden; border-bottom: 1px solid #E5E5E5; display: flex; } .proinfo-e1{ width: 50%; padding: 35px 40px; overflow: hidden; border-left: 1px solid #E5E5E5; } .proinfo-e1:first-child{ border: 0; } .proinfo-e1-a{ width: 120px; float: left; } .proinfo-e1-b{ width: calc(100% - 120px); width: -webkit-calc(100% - 120px); float: left; } .proinfo-eH{ font-size: 20px; color: #000; line-height:30px; font-weight: bold; } .proinfo-eP{ font-size: 15px; line-height: 30px; color: #666; } .proinfo-e2{ width: 100%; padding: 35px 40px; overflow: hidden; border-bottom: 1px solid #E5E5E5; } .proinfo-e2-a{ width: 225px; float: left; } .proinfo-e2-b{ width: calc(100% - 225px); width: -webkit-calc(100% - 225px); float: left; } .proinfo-e2 li{ padding-left: 20px; position: relative; } .proinfo-e2 li:after{ content: ''; width: 6px; height: 6px; background: #d5d5d5; border-radius: 100%; position: absolute; left: 0; top: 12px; } .proinfo-f{} .proinfo-f li{ border-bottom: 1px solid #e5e5e5; } .proinfo-f1{ padding: 30px 40px; padding-right: 5%; font-size: 20px; line-height: 30px; cursor: pointer; background: url(../img/ico10.png) no-repeat 97% center; } .proinfo-f2{ width: 100%; font-size: 16px; line-height: 30px; color: #333; padding: 30px 40px; /*border-top: 1px solid #E5E5E5;*/ background: #e9e9e9; margin-bottom: 20px; display: none; } .proinfo-g{ margin-top: 40px; width: calc(100% + 30px); width: -webkit-calc(100% + 30px); overflow: hidden; } .proinfo-g li{ width:calc(33.333% - 30px); width: -webkit-calc(33.333% - 30px); float: left; margin-right: 30px; margin-bottom: 30px; position: relative; cursor: pointer; } .proinfo-g li i{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/ico11.png) no-repeat center; } @media(max-width:1600px){ .proinfo-b1{ font-size: 30px; line-height: 38px; padding-top: 20px; } .proinfo-b2{ font-size: 18px; } .proinfo-tit{ font-size: 20px; line-height: 60px; height: 60px; margin-top: 60px; } } @media(max-width:1200px){ .proinfo-b1{ font-size: 26px; line-height: 35px; padding-top: 0; } .proinfo-d li>div{ font-size: 16px; line-height: 25px; } .proinfo-d li{ width: calc(50% - 25px); width: -webkit-calc(50% - 25px); } } @media(max-width:1000px){ .proinfo-a{ width: 100%; } .proinfo-b{ width: 100%; max-width: 100%; margin-top: 30px; } .proinfo-nav div{ margin-right: 45px; } .proinfo-eH{ width: 100%; } .proinfo-eP{ width: 100%; margin-top: 10px; } .proinfo-f1{ font-size: 16px; line-height: 25px; } .proinfo-g li{ width: calc(50% - 30px); width: -webkit-calc(50% - 30px); } } @media(max-width:750px){ .proinfo{ padding-top: .8rem; padding-bottom: .8rem; } .proinfo-b1{ font-size: .35rem; line-height: .5rem; } .proinfo-b2{ font-size: .3rem; padding-left: .8rem; line-height: .45rem; margin-top: .1rem; } .proinfo-b2:after{ width: .6rem; top: .22rem; } .proinfo-b3{ font-size: .26rem; line-height: .45rem; margin-top: .2rem; min-height: auto; } .proinfo-b4{ margin-top: .3rem; padding-bottom: .25rem; } .proinfo-b4-a{ font-size: .26rem; } .proinfo-b4-a img{ margin-right: .15rem; } .proinfo-ab{ margin-bottom: .7rem; } .proinfo-nav{ padding: 0; overflow-x: auto; } .proinfo-nav div{ font-size: .28rem; line-height: .4rem; padding-bottom: .15rem; margin-right: .3rem; } .proinfo-tit{ font-size: .3rem; line-height: .8rem; padding-left: .3rem; margin-top: .6rem; height: .8rem; } .proinfo-c{ padding: .3rem; } .proinfo-c1{ font-size: .26rem; line-height: .45rem; min-height: 4.5rem; -webkit-line-clamp: 10; } .proinfo-c2{ font-size: .26rem; line-height: .4rem; padding-bottom: .15rem; width: 2rem; margin-top: .3rem; background-position-y: .15rem; } .proinfo-d{ margin-top: .2rem; width: calc(100% + .2rem); width: -webkit-calc(100% + .2rem); } .proinfo-d li{ width: calc(50% - .2rem); width: -webkit-calc(50% - .2rem); height: 1.5rem; margin-right: .2rem; margin-bottom: .2rem; } .proinfo-d li>span{ font-size: .7rem; right: .2rem; } .proinfo-d li>div{ width: calc(100% - .7rem); width: -webkit-calc(100% - .7rem); padding: 0 .2rem; font-size: .26rem; line-height: .4rem; } .proinfo-e1{ padding: .3rem; } .proinfo-eH{ font-size: .3rem; line-height: .45rem; } .proinfo-eP{ font-size: .24rem; line-height: .45rem; margin-top: .1rem; } .proinfo-e2{ padding: .3rem; } .proinfo-e2 li:after{ top: .18rem; } .proinfo-f1{ padding: .3rem 0; padding-right: .8rem; padding-left: .3rem; font-size: .26rem; line-height: .45rem; } .proinfo-f2{ padding: .3rem; font-size: .24rem; line-height: .45rem; } .proinfo-g{ margin-top: .3rem; } .proinfo-g{ width: 100%; } .proinfo-g li{ width: 100%; margin: 0; margin-bottom: .2rem; } } /*新闻动态*/ .news{ padding-top: 100px; padding-bottom: 130px; } .news-ab{ overflow: hidden; } .news-a{ float: left; } .news-b{ float: right; } .news-c{ margin-top: 75px; width: calc(100% + 35px); width: -webkit-calc(100% + 35px); overflow: hidden; } .news-c a{ display: block; width: calc(33.333% - 35px); width: -webkit-calc(33.333% - 35px); float: left; margin-right: 35px; margin-bottom: 30px; } .news-c1{ overflow: hidden; } .news-c2{ font-size: 20px; line-height: 25px; height: 25px; color: #000; font-weight: bold; margin-top: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: all .3s;; -webkit-transition: all .3s; } .news-c3{ font-size: 15px; line-height: 30px; height: 60px; color: #333; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-c4{ font-size: 16px; line-height: 1; color: #999; margin-top: 30px; } .news-c a:hover .news-c2{ color: #5B108B; transition: all .3s;; -webkit-transition: all .3s; } .news-d{ margin-top: 80px; padding-top: 20px; border-top: 1px solid #E5E5E5; overflow: hidden; } .news-d a{ width: 48%; float: left; max-width: 635px; padding: 50px 0; border-bottom: 1px solid #e5e5e5; } .news-d a:nth-child(2n + 0){ float: right; } .news-d1{ font-size: 20px; line-height: 25px; height: 25px; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: all .3s;; -webkit-transition: all .3s; } .news-d2{ font-size: 15px; line-height: 30px; height: 60px; color: #333; margin-top: 15px; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-d3{ font-size: 15px; line-height: 1; color: #666; display: none; } .news-d a:hover .news-d1{ color: #5B108B; transition: all .3s;; -webkit-transition: all .3s; } .news-pg{ margin-top: 90px; } @media(max-width:1200px){ .news-d3{ display: block; } .news-d4{ display: none; } } @media(max-width:1000px){ .news-c{ width: calc(100% + 15px); width: -webkit-calc(100% + 15px); } .news-c a{ width: calc(33.333% - 15px); width: -webkit-calc(33.333% - 15px); margin-right: 15px; } .news-c2{ margin-top: 15px; } .news-c2,.news-d1{ font-size: 16px; } .news-c3,.news-d2{ font-size: 14px; line-height: 25px; height: 50px; margin-top: 5px; } .news-c4{ font-size: 14px; margin-top: 15px; } .news-d a{ padding: 25px 0; } .news-d{ margin-top: 40px; } .news-d2{ margin-bottom: 15px; } .news-pg{ margin-top: 40px; } } @media(max-width:750px){ .news{ padding-top: 70px; padding-bottom: .8rem; } .news-b{ width: 100%; margin-top: .5rem; } .news-b .product-rm{ width: 100%; max-width: 100%; } .news-c{ width: 100%; margin-top: .6rem; } .news-c a{ width: 100%; margin: 0; margin-bottom: .4rem; } .news-c2, .news-d1{ font-size: .28rem; line-height: .35rem; height: .35rem; } .news-c3, .news-d2{ font-size: .24rem; line-height: .4rem; height: .8rem; } .news-d2{ margin-bottom: .2rem; } .news-d3{ font-size: .24rem; } .news-c4{ font-size: .24rem; margin-top: .15rem; } .news-d{ margin-top: .6rem; padding-top: .2rem; } .news-d a{ width: 100%; margin-bottom: .2rem; padding: .3rem 0; } .news-d a img{ width: .5rem; } .news-pg{ margin-top: .2rem; } } .page{ width: 100%; text-align: center; } .page a{ display:inline-block; font-size: 20px; padding: 0 5px; color: #666; line-height: 48px; font-family: DIN-Condensed-Bold; } .page a:hover{ color: #5B108B; } .page a.active{ color: #5B108B; } .page a.prev{ width: 48px; height: 48px; background: url(../img/ico13.png) no-repeat center; background-size: cover; margin-right: 50px; } .page a.prev:hover{ background-image: url(../img/ico13_1.png); } .page a:first-child{ width: 48px; height: 48px; background: url(../img/ico13.png) no-repeat center; background-size: cover; margin-right: 50px; } .page a:first-child:hover { background-image: url(../img/ico13_1.png); } .page a em.prev{ width: 48px; height: 48px; background: url(../img/ico13.png) no-repeat center; background-size: cover; margin-right: 50px;display: block; } .page a em.prev:hover { background-image: url(../img/ico13_1.png); } .page a.next{ width: 48px; height: 48px; background: url(../img/ico14.png) no-repeat center; background-size: cover; margin-left: 50px; } .page a.next:hover{ background-image: url(../img/ico14_1.png); }.page a:last-child{ width: 48px; height: 48px; background: url(../img/ico14.png) no-repeat center; background-size: cover; margin-left: 50px; } .page a:last-child:hover { background-image: url(../img/ico14_1.png); } .page a em.next { width: 48px; height: 48px; background: url(../img/ico14.png) no-repeat center; background-size: cover; margin-left: 50px; display: block; } .page a em.next:hover{ background-image: url(../img/ico14_1.png); } @media(max-width:1200px){ .page a.prev{ margin-right: 20px; } .page a.next{ margin-left: 20px; }.page a:first-child{ margin-right: 20px; } .page a:last-child{ margin-left: 20px; } .page a em.prev{ margin-right: 20px; } .page a em.next{ margin-left: 20px; } } @media(max-width:750px){ .page a{ font-size: .26rem; line-height: .6rem; padding: 0 .05rem; margin: 0 .05rem; } .page a.prev{ width: .6rem; height: .6rem; margin-right: .2rem; } .page a.next{ width: .6rem; height: .6rem; margin-left: .2rem; } .page a:first-child{ width: .6rem; height: .6rem; margin-right: .2rem; } .page a:last-child{ width: .6rem; height: .6rem; margin-left: .2rem; } .page a em.prev{ width: .6rem; height: .6rem; margin-right: .2rem; } .page a em.next{ width: .6rem; height: .6rem; margin-left: .2rem; } } /*新闻详情*/ .newsinfo{ padding-top: 125px; padding-bottom: 80px; } .newsinfo-a{ font-size: 36px; line-height: 45px; color: #333; } .newsinfo-b{ font-size: 16px; line-height: 25px; color: #333; margin-top: 25px; overflow: hidden; position: relative; } .newsinfo-b .bdsharebuttonbox{ width: 110px; position: absolute; top: 0; right: 0; } .newsinfo-b .bdsharebuttonbox span{ float: left; margin-right: 5px; } .newsinfo-b .bdsharebuttonbox .bds_weixin{ display: inline-block; width: 23px; height: 25px; background: url(../img/ico15_2.png) no-repeat center; background-size: ; } .newsinfo-b .bdsharebuttonbox .bds_tsina{ display: inline-block; width: 23px; height: 25px; background: url(../img/ico15_1.png) no-repeat center; background-size: ; } .newsinfo-b .bdsharebuttonbox a{ margin: 0; margin-left: 10%; padding: 0; float: left; position: relative; top: 0; transition: all .3s;; -webkit-transition: all .3s; } .newsinfo-b .bdsharebuttonbox a:hover{ top: -3px; transition: all .3s;; -webkit-transition: all .3s; } .bd_weixin_popup{ padding: 5px !important; } .bd_weixin_popup .bd_weixin_popup_foot{ position: relative; top: -10px !important; } .newsinfo-c{ margin-top: 35px; padding: 85px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #E5E5E5; font-size: 16px; color: #333; line-height: 35px; } .newsinfo-d{ margin-top: 40px; overflow: hidden; } .newsinfo-d a{ display: inline-block; max-width: 48%; float: left; font-size: 14px; line-height: 25px; height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .newsinfo-d a:hover{ color: #5B108B; } .newsinfo-d2{ float: right !important; padding-right: 20px; background: url(../img/ico06.png) no-repeat right center; } .newsinfo-d2:hover{ background-image: url(../img/ico06_1.png); } .newsinfo-d1{ padding-left: 20px; background: url(../img/ico06_3.png) no-repeat left center; } .newsinfo-d1:hover{ background-image: url(../img/ico06_2.png); } @media(max-width:1600px){ .newsinfo{ padding-top: 80px; } .newsinfo-a{ font-size: 32px; } .newsinfo-c{ padding: 40px 0; } } @media(max-width:750px){ .newsinfo{ padding-top: .8rem; padding-bottom: .8rem; } .newsinfo-a{ font-size: .34rem; line-height: .5rem; font-weight: bold; } .newsinfo-b{ font-size: .24rem; margin-top: .2rem; } .newsinfo-c{ margin-top: .6rem; padding: .4rem 0; font-size: .24rem; line-height: .45rem; } .newsinfo-d{ margin-top: .4rem; } .newsinfo-d a{ max-width: 100%; font-size: .24rem; line-height: .45rem; height: .45rem; margin-bottom: .2rem; } .newsinfo-d2{ float: left !important; padding-left: 20px; } .newsinfo-d1{ padding-right: 20px; } } /*人才招聘*/ .recruit{ padding-top: 170px; padding-bottom: 110px; } .recruit-fm{ height: 50px; position: relative; z-index: 2; } .recruit-fm li{ width: calc(33.333% - 45px); width: -webkit-calc(33.333% - 45px); float: left;border-bottom: 1px solid #E5E5E5; float: left; line-height: 1; margin-right: 15px; padding-bottom: 22px; position: relative; } .recruit-fm .sub1{ display: inline-block; width: 90px; height: 50px; border: 0; background:#5B108B url(../img/ico16.png) no-repeat center; float: right; } .recruit-fm li input{ display: none; } .recruit-fm-a{ display: inline-block; font-size: 16px; line-height: 25px; height: 25px; padding-right:20px; background: url(../img/ico17.png) no-repeat right center; overflow: hidden; } .recruit-fm-b{ width: 100%; padding:15px 25px; background: #fff; position: absolute; left: 0; top: 50px; z-index: 2; border: 1px solid #E5E5E5; display: none; } .recruit-fm-b a{ display: block; font-size: 16px; line-height: 25px; margin: 5px 0; } .recruit-fm-b a:hover{ color: #5B108B; } .recruit-th{ width: 100%; height: 80px; padding: 25px 50px; background: #5B108B; color: #fff; font-size: 16px; line-height: 30px; overflow: hidden; margin-top: 55px; } .recruit-li2{ width: 60px; float: left; text-align: center; } .recruit-li5{ width: 120px; text-align: right; float: right; } .recruit-li1,.recruit-li4{ width: calc(30% - 60px); width: -webkit-calc(30% - 60px); float: left; } .recruit-li3{ width: calc(30% - 60px); width: -webkit-calc(40% - 60px); float: left; } .recruit-li3,.recruit-li4{ text-align: center; padding: 0 10px; } .recruit-ul{ border: 1px solid #E5E5E5; border-top: 0; } .recruit-ul li{ border-top: 1px solid #E5E5E5; } .recruit-ul-a{ width: 100%; height: 80px; padding: 30px 50px; color: #000; font-size: 14px; line-height: 20px; overflow: hidden; cursor: pointer; transition: all .3s;; -webkit-transition: all .3s; } .recruit-ul-a.on{ background: #f6f6f6; transition: all .3s;; -webkit-transition: all .3s; } .recruit-ul-b{ padding: 55px; border-top: 1px solid #E5E5E5; overflow: hidden; display: none; } .recruit-ua{ overflow: hidden; width: 100%; float: left; display: none; } .recruit-ua>div{ font-size: 16px; width: 33.333%; float: left; padding-right: 15px; color: #333; line-height: 25px; } .recruit-ub{ width: 100%; font-size: 16px; color: #000; line-height: 1.3; float: left; margin-bottom: 30px; } .recruit-uc{ width: -webkit-calc(50% - 120px); width: calc(50% - 120px); float: left;margin-right: 30px; max-width: 430px; float: left; font-size: 14px; color: #666; line-height: 30px; } .recruit-ud{ display: inline-block; float: right; width: 180px; height: 50px; text-align: center; line-height: 48px; border-radius: 25px; background: #5B108B; color: #fff; font-size: 14px; border: 1px solid #5B108B; transition: all .3s;; -webkit-transition: all .3s; } .recruit-ud:hover{ background: initial; border-color: #5B108B; color: #5B108B; transition: all .3s;; -webkit-transition: all .3s; } .recruit-pg{ margin-top: 100px; } @media(max-width:1000px){ .recruit{ padding-top: 80px; padding-bottom: 80px; } .recruit-fm-a{ font-size: 14px; } .recruit-uc{ width: 50%; padding-right: 20px; margin: 0; margin-bottom: 20px; } .recruit-ud{ /*float: left;*/ } .recruit-ul-b{ padding: 30px; } .recruit-pg{ margin-top: 50px; } } @media(max-width:750px){ .recruit{ padding-top: .8rem; padding-bottom: .8rem; } .recruit-fm li{ width: 48%; padding-bottom: .2rem; margin-bottom: .2rem; margin-right: 2%; float: left; } .recruit-fm-a{ font-size: .24rem; line-height: .5rem; height: .5rem; } .recruit-fm .sub1{ width: 48%; height: .7rem; } .recruit-fm-b{ top: .7rem; padding:.1rem .2rem; } .recruit-fm-b a{ font-size: .24rem; line-height: .4rem; margin: .1rem 0; } .recruit-fm{ height: 1.8rem; } .recruit-th{ margin-top: .6rem; height: .8rem; padding: .2rem .3rem; font-size: .28rem; line-height: .4rem; } .recruit-li3, .recruit-li4, .recruit-li2{ display: none; } .recruit-li1{ width: 50%; padding-right: .15rem; } .recruit-li5{ width: 50%; padding-left: .15rem; } .recruit-ul-a{ height: .8rem; padding: .2rem .3rem; font-size: .24rem; line-height: .4rem; } .recruit-ul-b{ padding: .3rem; } .recruit-ua{ display: block; } .recruit-ua>div{ width: 100%; font-size: .24rem; line-height: .45rem; } .recruit-ub{ font-size: .28rem; font-weight: bold; margin-top: .3rem; margin-bottom: .3rem; } .recruit-uc{ width: 100%; font-size: .24rem; line-height: .45rem; margin-bottom: .3rem; } .recruit-ud{ width: 2rem; height: .7rem; font-size: .26rem; line-height: .68rem; } .recruit-pg{ margin-top: .6rem; } } /*联系我们*/ .contact{ padding-top: 110px; padding-bottom: 110px; } .contact-a{ text-align: center; } .contact-a>div{ display: inline-block; width: 180px; height: 50px; margin: 0 15px; font-size: 16px; color: #666; line-height: 48px; text-align: center; border: 1px solid #E5E5E5; border-radius: 25px; cursor: pointer; } .contact-a>div.on{ background: #5B108B; color: #fff; border-color: #5B108B; } .contact-b{ margin-top: 80px; overflow: hidden; height: 425px; background: #f3f5f7; } .contact-blt{ width: 50%; height: 100%; float: left; ba } .contact-brt{ padding: 80px; padding-top: 100px; } .contact-b1{ font-size: 42px; line-height: 1.3; color: #000; font-weight: bold; } .contact-b2{ margin-top: 30px; font-size: 16px; color: #333; line-height: 30px; } .contact-c{ font-size: 36px; line-height: 1.2; color: #5B108B; margin-top: 70px; margin-bottom: 40px; } .contact-d{ overflow: hidden; width: calc(100% + 30px); width: -webkit-calc(100% + 30px); } .contact-d li{ width: calc(33.333% - 30px); width: -webkit-calc(33.333% - 30px); height: 255px; padding: 35px; position: relative; padding-right: 110px; float: left; margin-right: 30px; margin-bottom: 30px; border: 1px solid #E5E5E5; transition: all .3s;; -webkit-transition: all .3s; } .contact-d li:hover{ background: #f3f5f7; transition: all .3s;; -webkit-transition: all .3s; } .contact-d1{ font-size: 24px; color: #000; line-height: 1.2; margin-bottom: 25px; } .contact-d2{ font-size: 14px; line-height: 25px; margin-bottom: 10px; position: relative; z-index: 2; } .contact-d3{ position: absolute; top: 105px; right: 30px; z-index: 1; } .contact-d4{ width: 90px; font-size: 14px; color: #000; padding-left: 20px; line-height: 20px; background: url(../img/ico19.png) no-repeat left center; position: absolute; right: 0; top: 160px; } .contact-blist{ display: none; } .feedback-bj{ background: #f3f5f7; } .feedback{ padding-top: 75px; padding-bottom: 85px; } .feedback-tit{ font-size: 42px; line-height: 1; text-align: center; color: #000; } .feedback-fm{ margin-top: 50px; } .feedback-ul{ width: calc(100% + 30px); width: -webkit-calc(100% + 30px); overflow: hidden; } .feedback-ul li{ width: calc(33.333% - 30px); width: -webkit-calc(33.333% - 30px); height: 60px; float: left; margin-right: 30px; margin-bottom: 30px; padding-left: 65px; padding-right: 25px; background: no-repeat 28px center; background-color: #fff; } .feedback-ul li input{ width: 100%; font-size: 14px; color: #333; line-height: 60px; border: 0; background: initial; } .feedback-ul li .int1{ padding-right: 10px; background: url(../img/ico17.png) no-repeat right center; } .feedback-int2{ width: 100%; height: 270px; padding: 25px; font-size: 14px; line-height: 25px; border: 0; } .gybut{ display: inline-block; width: 180px; height: 50px; font-size: 14px; color: #fff; line-height: 48px; text-align: center; border-radius: 25px; border: 1px solid #5B108B; background: #5B108B; cursor: pointer; transition: all .3s;; -webkit-transition: all .3s; } .gybut:hover{ background: initial; color: #5B108B; transition: all .3s;; -webkit-transition: all .3s; } .feedback-fm .sub1{ margin-top: 70px; margin-left: 50%; position: relative; left: -90px; } @media(max-width:1200px){ .contact-brt{ padding:50px 30px; } .contact-b1{ font-size: 35px; } .contact-b2{ font-size: 14px; line-height: 25px; } .contact-d li{ width: calc(50% - 30px); width: -webkit-calc(50% - 30px); padding:35px 20px; padding-right: 100px; } } @media(max-width:750px){ .contact{ padding-top: .8rem; padding-bottom: .8rem; } .contact-a>div{ width: 2rem; height: .7rem; font-size: .26rem; line-height: .68rem; margin: 0 .1rem; } .contact-b{ margin-top: .7rem; height: auto; } .contact-blt{ width: 100%; min-height: 4rem; height: auto; } .contact-brt{ padding: .4rem .3rem; } .contact-b1{ font-size: .35rem; } .contact-b2{ font-size: .26rem; line-height: .45rem; margin-top: .3rem; } .contact-c{ font-size: .35rem; font-weight: bold; margin-top: .6rem; margin-bottom: .4rem; } .contact-d{ width: 100%; } .contact-d li{ width: 100%; margin: 0; margin-bottom: .3rem; height: auto; padding: .5rem .3rem; padding-right: 80px; } .contact-d1{ font-size: .3rem; font-weight: bold; margin-bottom: .3rem; } .contact-d2{ font-size: .26rem; line-height: .45rem; margin-bottom: .1rem; } .contact-d3,.contact-d4{ top: initial; bottom: .3rem; } .contact-d4{ width: 70px; font-size: .24rem; } .feedback{ padding-top: .8rem; padding-bottom: .8rem; } .feedback-tit{ font-size: .4rem; font-weight: bold; } .feedback-ul{ width: 100%; } .feedback-ul li{ width: 100%; height: .8rem; margin-bottom: .2rem; padding-left: .8rem; padding-right: .2rem; background-position-x: .3rem; } .feedback-ul li input{ font-size: .26rem; line-height: .8rem; } .feedback-int2{ height: 3rem; font-size: .24rem; line-height: .45rem; padding: .3rem; } .gybut{ width: 2rem; height: .7rem; font-size: .24rem; line-height: .68rem; } .feedback-fm .sub1{ margin-top: .5rem; left: -1rem; } } /*关于59599aa美高梅*/ .about-abj{ max-width: 1920px; overflow: hidden; position: relative; } .about-aimg{ position: absolute; left: -220px; top: 35px; z-index: 1; opacity: .1; } .about-a{ padding-top: 120px; padding-bottom: 110px; overflow: hidden; position: relative; z-index: 2; } .about-a1{ width: 100%; margin-bottom: 70px; } .about-a2{ width: calc(100% - 680px); max-width: 665px; float: left; } .about-a2-a{ font-size: 16px; color: #333; line-height: 35px; height: 315px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; } .about-a2-a.on{ height: auto; -webkit-line-clamp: initial; } .about-a3{ width: 640px; float: right; } .about-a4{ overflow: hidden; margin-top: 110px; width: 100%; float: left; } .about-a4 li{ width: 20%; text-align: left; float: left; position: relative; } .about-a4 li:nth-child(2),.about-a4 li:nth-child(3){ width: 30%; text-align: center; } .about-a4 li:nth-child(4){ text-align: right; } .about-a4-a{ display: inline-block; text-align: center; } .about-a4-a1{ font-size: 60px; line-height: 1; color: #5B108B; font-family: DIN-Condensed-Bold; } .about-a4-a2{ font-size: 14px; color: #222; line-height: 20px; margin-top: 5px; } .about-a4 li:after{ content: ''; width: 1px; height: 60px; background: #E5E5E5; position: absolute; left: 0; top: 5px; } .about-a4 li:first-child:after{ display: none; } .about-bbj { height: 750px; } .about-b{ overflow: hidden; padding-top: ; } .about-blt{ color: #fff; padding-top: 110px; float: left; } .about-brt{ float: right; width: 635px; margin-right: 110px; height: 750px; position: relative; } .about-brt:after{ content: ''; width: 1px; height: 750px; background: rgba(255,255,255,.2); position: absolute; top: 0; left: 120px; } .aboutB-swiper{ width: 100%; height: 520px; position: relative; top: 110px; } .aboutB-slide{ overflow: hidden; padding-bottom: 10px; color: #fff; cursor: pointer; } .aboutB-a{ width: 90px; font-size: 24px; line-height: 35px; float: left; text-align: right; transition: all .3s;; -webkit-transition: all .3s; } .aboutB-b{ width: 10px; height: 10px; border-radius: 100%; background: #fff; margin: 12px 25px; float: left; } .aboutB-c{ width: calc(100% - 150px); width: -webkit-calc(100% - 150px); float: right; font-size: 15px; line-height: 30px; padding-top: 2px; transition: all .3s;; -webkit-transition: all .3s; } .aboutB-prev{ width: 50px; height: 50px; background: url(../img/ico23_1.png) no-repeat center; background-size: cover; left: 95px; top: 30px; margin-top: 25px; } .aboutB-next{ width: 50px; height: 50px; background: url(../img/ico23_2.png) no-repeat center; background-size: cover; left: 95px; top: 635px; margin-top: 25px; } .about-brt .swiper-button-disabled{ opacity: 0; } @media(min-width:1201px){ .aboutB-slide:hover .aboutB-a{ font-size: 36px; transition: all .3s;; -webkit-transition: all .3s; } .aboutB-slide:hover .aboutB-c{ font-size: 20px; transition: all .3s;; -webkit-transition: all .3s; } } .about-c{ padding-top: 90px; padding-bottom: 70px; } .about-cnav{ margin-top: 45px; position: relative; overflow: hidden; } .about-cnav:after{ content: ''; width: 100%; height: 1px; background: #E5E5E5; position: absolute; top: 15px; left: 0; z-index: 1; } .about-cnav ul{ overflow: hidden; background: #fff; position: relative; z-index: 2; float: left; } .about-cnav ul li{ font-size: 16px; color: #666; line-height: 30px; margin-right: 50px; float: left; cursor: pointer; transition: all .3s;; -webkit-transition: all .3s; } .about-cnav ul li:hover{ color: #5B108B; transition: all .3s;; -webkit-transition: all .3s; } .about-cnav ul li.on{ color: #5B108B; } .about-cdiv{ margin-top: 70px; } .aboutC-swiper{ padding-bottom: 65px; } .aboutC-img{ width: 100%; height: 395px; background: #f6f6f7; padding: 20px; text-align: center; line-height: 355px; font-size: 0; } .aboutC-img img{ max-height: 100% } .aboutC-txt{ font-size: 16px; color: #333; line-height: 25px; text-align: center; margin-top: 20px; height: 50px; } .swiper-pagination{ bottom: 0 !important; } .swiper-pagination span{ width: 12px; height: 12px; background: #a3a3a3; opacity: 1; } .swiper-pagination span.swiper-pagination-bullet-active{ background: #5B108B; } .about-dbj{ background: #f6f6f7; } .about-d{ padding-top: 120px; padding-bottom: 70px; } .aboutD-swiper{ margin-top: 70px; padding-bottom: 125px; } .aboutD-slide{ width: 100%; height: 295px; background: #fff; border-top-left-radius: 15px; border-bottom-right-radius: 15px; padding: 30PX 35PX; overflow: hidden; cursor: pointer; } .aboutD-a{ font-size: 15px; line-height: 25px; height: 75px; color: #888; margin-top: 10px; margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; position: relative; z-index: 2; } .aboutD-b{ width: 92px; height: 92px; float: left; border-radius: 100%; position: relative; z-index: 2; transition: all .3s;; -webkit-transition: all .3s; } .aboutD-c{ width: calc(100% - 120px); font-size: 18px; line-height: 25px; color: #5B108B; padding-top: 20px; float: right; position: relative; z-index: 2; font-weight: bold; transition: all .3s;; -webkit-transition: all .3s; } .aboutD-d{ width: calc(100% - 120px); font-size: 16px; line-height: 25px; color: #666; float: right; position: relative; z-index: 2; transition: all .3s;; -webkit-transition: all .3s; } .aboutD-e{ position: absolute; bottom: -20px; right: -30px; z-index: 2; } .aboutD-slide .img2{ display: none; } .aboutD-slide:hover{ background: #5B108B; } .aboutD-slide:hover .img1{ display: none } .aboutD-slide:hover .img2{ display: inline-block } .aboutD-slide:hover .aboutD-a,.aboutD-slide:hover .aboutD-c,.aboutD-slide:hover .aboutD-d{ color: #fff; transition: all .3s;; -webkit-transition: all .3s; } .about-e{ padding-top: 125px; padding-bottom: 135px; } .about-e ul{ margin-top: 90px; overflow: hidden; } .about-e li{ width: 16.666%; float: left; text-align: center; padding: 0 10px; margin-bottom: 20px; } @media(max-width:1200px){ .about-a3{ width: 500px; } .about-a2{ width: calc(100% - 540px); } .about-brt{ margin-right: 0; } } @media(max-width:1000px){ .about-a2{ width: 100%; max-width: 100%; } .about-a3{ width: 100%; margin-top: 35px; } .about-abj{ width: 100%; } .about-brt{ width: 500px; } .aboutD-c{ font-size: 15px; line-height: 22px; } .aboutD-slide{ padding: 30px 20px; } .aboutD-d{ font-size: 14px; } } @media(max-width:750px){ .about-a{ padding-top: .8rem; padding-bottom: .8rem; } .about-a1{ margin-bottom: .5rem; } .about-a2-a{ font-size: .26rem; line-height: .45rem; height: 4rem; } .about-a3{ margin-top: .35rem; } .about-a4{ margin-top: .7rem; } .about-a4-a1{ font-size: .5rem; } .about-a4-a2{ font-size: .24rem; line-height: .35rem; margin-top: .1rem; } .about-a4 li:nth-child(2), .about-a4 li:nth-child(3){ padding: 0 .15rem; } .about-a4 li:after{ height: 1.4rem; top: 0; } .about-bbj{ height: auto; position: relative; } .about-blt{ padding: 0; position: absolute; top: .8rem; left: .3rem; } .about-brt{ width: 5.5rem; height: 10rem; } .aboutB-swiper{ height: 6rem; top: 2rem; } .aboutB-a{ width: .8rem; font-size: .26rem; } .aboutB-b{ margin: .3rem .2rem; width: .12rem; height: .12rem; } .aboutB-c{ width: calc(100% - 1.6rem); width: -webkit-calc(100% - 1.6rem); font-size: .24rem; line-height: .4rem; } .about-brt:after{ height: 100%; left: 1.05rem; } .aboutB-prev{ width: .6rem; height: .6rem; left: .75rem; top: .5rem; } .aboutB-next{ width: .6rem; height: .6rem; left: .75rem; top: 8rem; } .about-c{ padding-top: .8rem; padding-bottom: .8rem; } .about-cnav{ margin-top: .5rem; } .about-cnav ul li{ font-size: .26rem; line-height: .4rem; margin-right: .3rem; } .about-cnav:after{ top: .2rem; } .about-cdiv{ margin-top: .6rem; } .aboutC-img{ height: 4rem; padding: .3rem; line-height: 3.4rem; } .aboutC-txt{ font-size: .24rem; line-height: .4rem; margin-top: .15rem; } .aboutC-swiper{ padding-bottom: .6rem; } .swiper-pagination span{ width: .12rem; height: .12rem; } .about-d{ padding-top: .8rem; padding-bottom: .8rem; } .aboutD-swiper{ margin-top: .6rem; padding-bottom: .7rem; } .about-e{ padding-top: .8rem; padding-bottom: .8rem; } .about-e ul{ margin-top: .6rem; } .about-e li{ width: 33.333%; margin-bottom: .4rem; } } .aboutD-t{ display: none; } .expertTk{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 69; background: rgba(0,0,0,.6); display: none; } .expert{ width: 1290px; max-width: 90%; height: 720px; max-height: 90%; background: #fff; position: absolute; top: 50%; left: 50%; overflow: hidden; padding: 130px 80px; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); } .expert-lt{ float: left; max-width: 360px; max-height: 100%; font-size: 0; } .expert-lt img{ max-height: 100%; } .expert-rt{ width: calc(100% - 400px); max-width: 800px; margin-left: 110px; float: left; height: 500px; overflow-y: auto; padding-right: 8px; } /*-------------滚动条样式--------------*/ .expert-rt::-webkit-scrollbar { width: 5px; height: 5px; } /*正常情况下滑块的样式--滑块颜色*/ .expert-rt::-webkit-scrollbar-thumb { background-color: rgba(119, 119, 119, 0.30); border-radius: 1px; -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1); } /*放在滑块上的颜色*/ .expert-rt::-webkit-scrollbar-thumb:hover { background-color: rgba(119, 119, 119, 0.84); -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1); } /*正常时候的主干部分 //滚动条初始化颜色*/ .expert-rt::-webkit-scrollbar-track { border-radius: 1px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); background-color: rgba(239, 239, 239, 0.89); } /*鼠标悬浮在滚动条上的主干部分*/ .expert-rt::-webkit-scrollbar-track:hover { background-color: rgba(119, 119, 119, 0.15); } .expert-a{ font-size: 18px; color: #000; line-height: 1; padding-top: 60px; } .expert-b{ font-size: 36px; color: #000; line-height: 45px; font-weight: bold; padding-top: 20px; } .expert-c{ font-size: 16px; color: #000; line-height: 30px; padding-top: 25px; } .expert-d{ font-size: 18px; color: #000; line-height: 1; color: #42799c; padding-top: 35px; } .expert-e{ padding-top: 10px; } .expert-x{ position: absolute; display: inline-block; width: 25px; height: 25px; background: url(../img/ico26.png) no-repeat center; position: absolute; top: 40px; right: 40px; } @media(max-width:1600px){ .expert{ height: 500px; padding: 30px; } .expert-lt{ max-width: 340px; } .expert-rt{ height: 400px; } } @media(max-width:1200px){ .expert-rt{ float: right; margin-left: 0; } .expert{ height: auto; min-height: 500px; } } @media(max-width:1000px){ .expert-lt{ max-width: 240px; } .expert-rt{ width: calc(100% - 280px); } .expert-x{ top:10px; right: 10px; } .expert-a{ padding-top: 0; font-size: 16px; } .expert-b{ font-size: 26px; line-height: 32px; } .expert{ min-height: 350px; } } @media(max-width:750px){ .expert-lt{ width: 4rem; } .expert-rt{ width: 100%; max-height: 5rem; overflow-y: auto; margin-top: .4rem; } .expert{ padding: .35rem; } .expert-a{ font-size: .26rem; } .expert-b{ font-size: .32rem; line-height: .45rem; padding-top: .15rem; } .expert-c{ font-size: .26rem; line-height: .4rem; padding-top: .25rem; } .expert-d{ font-size: .28rem; padding-top: .25rem; } .expert-c{ padding-top: .1rem; } } .searchs{ padding-top: 100px; padding-bottom: 100px; } .searchs-a{ margin-top: 0; overflow: hidden; } .searchs-a form{ width: 600px; float: left; position: relative; } .searchs-a form .int1 { width: 100%; height: 60px; font-size: 18px; color: #000; line-height: 60px; padding-left: 30px; padding-right: 70px; border: 0px; background: #fff; } .searchs-a form .sub1 { width: 50px; height: 60px; background: url(../img/ico01_1.png) no-repeat center; border: 0px; position: absolute; top: 0; right: 10px; } .searchs-b{ font-size: 24px; line-height: 1.2; margin-top: 20px; color: #666; } .searchs-c1{ margin-top: 50px; padding: 30px 0; border-top: 1px solid #ccc; margin-bottom: 30px; } .searchs-c1 a{ background: ; display: block; padding: 20px; color: #000; margin-bottom: 15px; padding-right: 60px; background:#fff url(../img/ico12.png) no-repeat 99% center; } .searchs-c1 a:hover{ box-shadow:5px 5px 10px #999; } .searchs-c1 a>div{ font-size: 18px; line-height: 1; margin-bottom: 5px; color: #666; } .searchs-c1 a>p{ font-size: 24px; line-height: 30px; color: #333; } .searchs-mr{ margin-top: 30px; text-align: center; } @media(max-width:750px){ .searchs{ padding-top: .7rem; padding-bottom: .7rem; } .searchs-a form{ width: 100%; } .searchs-b{ font-size: .32rem; margin-top: .2rem; } .searchs-c1{ margin-top: .5rem; padding: .4rem 0; } .searchs-c1 a{ padding: .2rem; padding-right: .8rem; } .searchs-c1 a>div{ font-size: .24rem; } .searchs-c1 a>p{ font-size: .3rem; line-height: .45rem; } .searchs-c1{ margin-bottom: .0rem; } .searchs-c1 a{ background-size: .4rem .4rem; } .searchs-mr{ margin-top: .1rem; } } /*首页*/ .ban-swiper{ width: 100%; height: 960px; } .ban-slide{ overflow: hidden; } .ban-img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .banDiv{ position: relative; z-index: 2; color: #fff; left: 10px; opacity: 0; } .banDiv-a{ font-size: 45px; line-height: 75px; padding-top: 315px; max-width: 600px; } .banDiv-b{ font-size: 18px; line-height: 25px; margin-top: 15px; font-family: arial; max-width: 600px; } .banDiv-c{ display: inline-block; width: 160px; height: 50px; border: 1px solid #fff; font-size:16px; color: #fff; text-align: center; line-height: 48px; margin-top: 65px; border-radius: 25px; transition: all .3s;; -webkit-transition: all .3s; } .banDiv-c:hover{ background: rgba(255,255,255,.1); color: #fff; transition: all .3s;; -webkit-transition: all .3s; } .ban-slide.swiper-slide-active .ban-img{ /*transform: scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15);*/ transition:all linear 5s; -webkit-transition:all linear 5s; } .ban-slide.swiper-slide-active .banDiv{ left: 0; opacity: 1; transition: all .5s .5s; -webkit-transition: all .5s .5s; } .idssBj{ background: #5B108B; height: 120px; padding: 0 50px; padding-top:25px; } .idss-fm{ width: 100%; max-width: 1250px; position: relative; margin: 0 auto; } .idss-fm .int1{ width: 100%; height: 65px; background: #fff; border: 0; font-size: 16px; color: #333; padding: 0 30px; padding-left: 105px; border-radius: 35px; } .idss-fm .sub1{ width: 65px; height: 65px; background: url(../img/ico01_2.png) no-repeat center; position: absolute; left: 30px; top: 0; border: 0; } .iproBj{ padding-top: 120px; padding-bottom: 120px; } .idx-tit{ font-size: 52px; line-height: 1; color: #5B108B; font-weight: bold; } .ipro-txt{ font-size: 16px; line-height: 25px; font-family: arial; margin-top: 10px; color: #666; } .ipro{ margin-top: 75px; padding: 0 100px; position: relative; } .ipro-swiper{ height: 575px; } .ipro-prev{ width: 90px; height: 100%; margin: 0; top: 0; left: 0; background-color: #f5f5f5; } .ipro-next{ width: 90px; height: 100%; margin: 0; top: 0; right: 0; background-color: #f5f5f5; transition: all .3s;; -webkit-transition: all .3s; } .ipro-prev:hover,.ipro-next:hover{ background-color:#5B108B ; transition: all .3s;; -webkit-transition: all .3s; } .ipro-slide{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; padding: 0 35px; background: #f5f5f5; } .ipro-a{ width: 15px; height: 2px; background: #000; margin-top: 30px; position: relative; z-index: 2; transition: all .3s;; -webkit-transition: all .3s; } .ipro-b{ font-size: 30px; line-height: 40px; height: 80px; color: #000; margin-top: 20px; position: relative; z-index: 2; transition: all .3s;; -webkit-transition: all .3s; } .ipro-c{ font-size: 20px; line-height: 30px; color: #666; margin-top: 20px; position: relative; z-index: 2; transition: all .3s;; -webkit-transition: all .3s; } .ipro-d{ width: 100%; height: 100%; position: absolute; top: 225px; left: 0; z-index: 1; padding: 0 35px; transition: all .3s;; -webkit-transition: all .3s; } .ipro-d1{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(94,67,153,.3); opacity: 0; transition: all .3s;; -webkit-transition: all .3s; } .ipro-d2{ width: 100%; position: absolute; left: 0px; bottom: 45px; padding: 0 35px; display: none; } .ipro-d2 a{ display: block; font-size: 14px; color: #fff; line-height: 45px; border-bottom: 1px solid rgba(255,255,255,.3); position: relative; padding-right: 15px; overflow: hidden; } .ipro-d2 a>span{ position: absolute; top: 0; right: 0; } .ipro-d2 a:hover{ border-color: #fff; } .ipro-slide.on .ipro-a{ background: #fff; transition: all .3s;; -webkit-transition: all .3s; } .ipro-slide.on .ipro-b,.ipro-slide.on .ipro-c{ color: #fff; transition: all .3s;; -webkit-transition: all .3s; } .ipro-slide.on .ipro-d{ top: 0; transition: all .3s;; -webkit-transition: all .3s; } .ipro-slide.on .ipro-d2{ display: block; } .ipro-slide.on .ipro-d1{ opacity: 1; transition: all .3s;; -webkit-transition: all .3s; } .itscp{ } .itscp-txt{ font-size: 36px; color: #353535; line-height: 42px; margin-top: 10px; } .itscp-bj{ height: 820px; margin-top: 95px; overflow: hidden; position: relative; } .itscp-lt{ width: 50%; height: 100%; float: left; position: relative; } .itscp-lt1{ font-size: 380px; text-align: center; padding-top: 130px; line-height: 1; color: #d7d7d7; opacity: .4; font-family: DIN-Condensed-Bold; } .itscp-lt2{ width: 400px; height: 400px; line-height: 400px; text-align: center; position: absolute; left: 50%; top: 240px; margin-left: -200px; } .itscp-lt2 img{ max-height: 100%; } .itscp-ct{ width: 440px; height: 525px; background: #fff; float: left; margin-top: 155px; padding: 0 45px; } .itscp-ct1{ font-size: 60px; font-family: DIN-Condensed-Bold; color: #5B108B; line-height: 80px; display: inline-block; border-bottom: 2px solid #5B108B; position: relative; top: -40px; } .itscp-ct2{ display: block; margin-top: 80px; } .itscp-ct2 .d1{ font-size: 18px; font-family: arial; color: #000; line-height: 25px; } .itscp-ct2 .d2{ font-size: 20px; color: #000; line-height: 25px; height: 50px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .itscp-ct2 .d3{ font-size: 14px; color: #999; line-height: 25px; height: 100px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .itscp-ct3{ overflow: hidden; margin-top: 50px; font-family: DIN-Condensed-Bold; } .itscp-ct3 .d1{ float: inherit; font-size: 20px; color: #999; line-height: 1; float: left; } .itscp-ct3 .d1 .sp1{ font-size: 44px; color: #5B108B; } .itscp-ct3 .d2{ float: right; width: 80px; overflow: hidden; padding-top: 20px; } .itscp-ct3 .d2 .sp1{ width: 30px; height: 25px; background: url(../img/ico07_2.png) no-repeat center; float: left; } .itscp-ct3 .d2 .sp1:hover{ background-image: url(../img/ico07_3.png); } .itscp-ct3 .d2 .sp2{ width: 30px; height: 25px; background: url(../img/ico07.png) no-repeat center; float: right; } .itscp-ct3 .d2 .sp2:hover{ background-image: url(../img/ico07_1.png); } .itscp-rt{ float: right; width: 360px; height: 100%; position: relative; z-index: 2; } .itscp-i{ position: absolute; top: 0; right: -20px; width: 380px; height: 100%; background: url(../img/ico30.png) no-repeat right center; } .itscp-swiper{ width: 100%; height: 100%; padding-right: 20px; position: relative; right: 20px; } .itscp-pro{ width: 100%; height: 184px; position: absolute; top: 50%; left: 0; margin-top: -92px; text-align: right; } .itscp-b{ display: inline-block; width: 184px; height: 184px; background: url(../img/ico29.png) no-repeat center; background-size: cover; padding: 52px; line-height: 80px; float: right; margin-right: 25px; transition: all .3s;; -webkit-transition: all .3s; } .itscp-b img{ max-height: 100%; } .itscp-a{ float: right; text-align: left; width: 00px; overflow: hidden; } .itscp-a1{ font-size: 46px; line-height: 1; color: #5B108B; font-family: DIN-Condensed-Bold; padding-top: 50px; transition: all .3s;; -webkit-transition: all .3s; } .itscp-a2{ font-size: 16px; line-height: 25px; color: #333; margin-top: 10px; } .itscp-pro{ position: relative; /*left: 300px;*/ transition: all .3s;; -webkit-transition: all .3s; } .itscp-swiper .swiper-slide-active .itscp-b{ background-image: url(../img/ico28.png); transition: all .3s;; -webkit-transition: all .3s; } .itscp-swiper .swiper-slide-active .itscp-a{ width: 130px; transition: all .3s;; -webkit-transition: all .3s; } .itscp-swiper .swiper-slide-active .itscp-pro{ left: 0; } /*.itscp-swiper .swiper-slide-next .itscp-pro,.itscp-swiper .swiper-slide-prev .itscp-pro{ left: 0; transition: all .3s .1s; -webkit-transition: all .3s .1s; }*/ .itscp-c{ display: none; } .itscp-next,.itscp-prev{ display: none; } @media(max-width:1650px){ .itscp-lt{ width: 600px; } .itscp-bj{ height: 700px; } .itscp-i{ right: -70px; } .itscp-pro{ height: 150px; margin-top: -75px; } .itscp-b{ width: 150px; height: 150px; padding: 40px; line-height: 70px; background-size: cover; } .itscp-swiper .swiper-slide-active .itscp-a{ width: 110px; } .itscp-a1{ font-size: 30px; padding-top: 25px; } .itscp-a2{ font-size: 14px; line-height: 20px; } .itscp-lt1{ padding-top: 80px; } .itscp-lt2{ top: 180px; } .itscp-ct{ width: 380px; margin-top: 120px; } } @media(max-width:1400px){ .itscp-lt{ width: 440px; } .itscp-lt2{ width: 300px; height: 300px; line-height: 300px; margin-left: -150px; top: 240px; } } @media(max-width:1200px){ .itscp-bj{ height: auto; background-position-x: left; } .itscp-i{ display: none; } .itscp-ct{ width: 50%; } .itscp-ct{ width: 50%; } .itscp-rt{ width: 100%; height: 150px; margin: 50px 0; padding: 0 30px; position: relative; } .itscp-swiper{ padding: 0; right: 0; } /*.itscp-swiper .swiper-slide-active .itscp-b{ background-image: url(../img/ico29.png); }*/ .itscp-swiper .swiper-slide{ } .itscp-a{ width: calc(100% - 135px) !important; max-width: 150px; margin-left: 15px; } .itscp-b{ width: 120px; height: 120px; padding: 35px; line-height: 50px; margin-right: 0px; } .itscp-next, .itscp-prev{ display: block; background: #5B108B; width: 30px; height: 60px; margin-top: -30px; background-repeat:no-repeat; background-position: center; background-size: 15px 25px; } .itscp-pro{ height: 120px; top: 0; margin: 0; } .itscp-rt{ height: 120px; } } @media(max-width:1000px){ .itscp-lt{ width: 300px; } .itscp-ct{ width: 350px; margin-left: 50px; height: 420px; } .itscp-lt1{ font-size: 150px; } .itscp-ct2{ margin-top: 10px; } .itscp-lt2{ width: 200px; height: 200px; padding: 0px; line-height: 200px; margin-left: -100px; top: 160px; } } @media(max-width:750px){ .itscp-lt{ width: 100%; height:5.5rem; } .itscp-lt1{ padding-top: .5rem; font-size: 1.8rem; } .itscp-lt2{ width: 5rem; height: 4rem; line-height: 4rem; top: 1.2rem; margin-left: -2.5rem; } .itscp-ct{ width: 96%; margin: 0; margin-top: .3rem; margin-left: 2%; } .itscp-ct{ height: auto; padding: 0 .4rem; padding-bottom: .3rem; } .itscp-ct1{ font-size: .6rem; line-height: .9rem; top: -.45rem; display: none; } .itscp-ct2{ margin-top: .6rem; } .itscp-ct2 .d1{ font-size: .28rem; line-height: .4rem; } .itscp-ct2 .d2{ font-size: .28rem; line-height: .45rem; height: .9rem; } .itscp-ct2 .d3{ font-size: .24rem; line-height: .4rem; margin-top: .15rem; } .itscp-ct3{ margin-top: .3rem; } .itscp-rt{ margin: .6rem 0; margin-bottom: .8rem; } .itscp-b{ width: 1.5rem; height: 1.5rem; padding: .4rem; line-height: .7rem; } .itscp-a{ width: calc(100% - 1.7rem) !important; margin-left: .15rem; } .itscp-a1{ font-size: .35rem; padding-top: .05rem; } .itscp-a2{ font-size: .24rem; line-height: .35rem; margin-top: .1rem; } .itscp-rt{ height: 1.5rem; padding: 0 .6rem; height: 0; overflow: hidden; margin: 0; margin-bottom: .8rem; } .itscp-pro{ height: 1.5rem; } .itscp-next, .itscp-prev{ width: .4rem; height: .6rem; background-size: .15rem .3rem; margin-top: -.3rem; } .itscp-prev{ left: 0; } .itscp-next{ right: 0; } } .iabt{ padding-top: 110px; padding-bottom: 120px; background: url(../img/img17.jpg) no-repeat center; text-align: center; } .iabt-div{ max-width: 910px; display: inline-block; } .iabt-b{ font-size: 16px; line-height: 30px; color: #222; margin-top: 85px; } .iabt-c{ overflow: hidden; margin-top: 100px; } .iabt-c li{ width: 25%; float: left; padding: 0 10px; } .iabt-c{ margin-top: 100px; } .ilife{ height: 685px; } .ilife-a{ font-size: 28px; color: #fcfcfc; line-height: 50px; padding-top: 140px; } .ilife-a>div{ width: 80%; max-width: 960px; } .inews{ padding-top: 110px; padding-bottom: 80px; overflow: hidden; } .inews-ab{ overflow: hidden; } .inews-a{ float: left; } .inews-b{ float: right; padding-top: 35px; } .inews-ce{ display: block; overflow: hidden; margin-top: 60px; padding-bottom: 50px; border-bottom: 1px solid #E5E5E5; } .inews-c{ width: 550px; height: 330px; float: left; } .inews-d{ width: calc(100% - 800px); max-width: 600px; float: left; margin-left: 70px; } .inews-d1{ font-size: 28px; line-height: 35px; color: #222; height: 70px; font-weight: bold; margin-top: 45px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .inews-d2{ font-size: 18px; line-height: 35px; color: #666; height: 70px; font-weight: bold; margin-top: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .inews-e{ width: 180px; float: right; } .inews-e1{ font-size: 18px; color: #999; line-height: 1; text-align: right; padding-top: 50px; } .inews-e2{ margin-top: 135px; background: #f0f0f0; color: #222; border-color: #f0f0f0; } .inews-e2:hover{ color: #fff; background: #5B108B; border-color: #5B108B; } .inews-ce:hover .inews-d1{ color: #5B108B; } .inews-f{ overflow: hidden; padding-top: 50px; width: 105%; } .inews-f a{ display: block; width: 28.333%; margin-right: 5%; margin-bottom: 30px; float: left; } .inews-f a:hover .news-d1{ color: #5B108B; } .icooperation{ padding-bottom: 60px; } .icooperation ul{ margin-top: 60px; overflow: hidden; } .icooperation li{ width: 16.666%; height: 150px; float: left; text-align: center; padding:15px; text-align: center; line-height: 120px; font-size: 0; margin-bottom: 20px; } .icooperation li img{ max-height: 100%; } .proverbBj{ min-height: 235px; } .proverb{ text-align: center; padding-top: 50px; padding-bottom: 30px; color: #fff; } .proverb-a{ font-size: 24px; line-height: 1; font-weight: bold; } .proverb-b{ font-size: 14px; line-height: 25px; margin-top: 15px; } .proverb-c{ margin-top: :;; } @media(max-width:1600px){ .ban-swiper{ height: 700px; } .banDiv-a{ padding-top: 280px; font-size: 40px; line-height: 55px; } .banDiv-b{ font-size: 16px; } .banDiv-c{ margin-top: 40px; } .idx-tit{ font-size: 42px; } .itscp-txt{ font-size: 30px; line-height: 40px; } .inews-d{ margin-left: 40px; } } @media(max-width:1200px){ .ilife-a{ font-size: 30px; line-height: 40px; } .inews-c{ width: 350px; height: 200px; } .inews-d{ width: calc(100% - 600px); } .inews-d1{ font-size: 22px; margin-top: 20px; line-height: 32px; height: 64px; } .inews-d2{ font-size: 15px; line-height: 25px; height: 50px; margin-top: 30px; } .inews-e1{ padding-top: 25px; } .inews-e2{ margin-top: 70px; } .inews-f{ width: 102%; } .inews-f a{ width: 31.333%; margin-right: 2%; margin-bottom: 20px; } .ban-swiper{ margin-top: 85px; } .icooperation li{ height: 120px; line-height: 90px; } } @media(max-width:1000px){ .ban-swiper{ height: 600px; } .banDiv-a{ padding-top: 200px; } .ipro-swiper{ height: 480px; } .ipro{ padding: 0 70px; } .ipro-next,.ipro-prev{ width: 60px; background-color: #5B108B; } .ipro-slide{ padding: 0 25px; } .ipro-b{ font-size: 22px; line-height: 30px; height: 60px; } .ipro-c{ font-size: 16px; line-height: 22px; margin-top: 10px; } .ipro-d{ top: 180px; } .ilife-a{ font-size: 26px; line-height: 35px; } .inews-d{ width: 100%; margin: 0; } .inews-e{ float: left; } .inews-e1{ text-align: left; } .inews-e2{ margin-top: 30px; } .inews-f{ width: 100%; } .inews-f a{ width: 100%; margin: 0; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } } @media(max-width:750px){ .ban-swiper{ height: 11rem; margin-top: 1.25rem; } .banDiv{ } .banDiv-a{ font-size: .45rem; line-height: .6rem; padding-top: 3rem; width: 5rem; } .banDiv-b{ width: 5rem; font-size: .26rem; line-height: .4rem; } .banDiv-c{ width: 2rem; height: .7rem; line-height: .68rem; margin-top: .3rem; font-size: .24rem; } .idssBj{ height: 1.2rem; padding: .2rem .4rem; } .idss-fm .int1{ line-height: .8rem; height: .8rem; font-size: .26rem; padding-right: .3rem; padding-left: 1.2rem; } .idss-fm .sub1{ width: .8rem; height: .8rem; left: .1rem; background-size: .4rem; } .iproBj{ padding-top: .8rem; padding-bottom: .8rem; } .idx-tit{ font-size: .45rem; } .ipro-txt{ font-size: .26rem; line-height: .4rem; margin-top: .15rem; } .ipro{ margin-top: .5rem; padding: 0 .7rem; } .ipro-next, .ipro-prev{ width: .6rem; height: .6rem; background-size: .2rem .4rem; top: 50%; margin-top: -.3rem; } .ipro-swiper{ height: 6rem; } .ipro-slide{ padding: 0 .3rem; } .ipro-a{ margin-top: .3rem; } .ipro-b{ font-size: .3rem; line-height: .45rem; height: .9rem; margin-top: .3rem; } .ipro-c{ font-size: .24rem; line-height: .4rem; margin-top: .2rem } .ipro-d{ top:2.4rem; } .ipro-d2{ padding: 0 .3rem; bottom: .3rem; } .ipro-d2 a{ font-size: .24rem; line-height: .6rem; } .itscp-txt{ font-size: .3rem; line-height: .45rem; } .itscp-bj{ margin-top: .6rem; } .iabt{ padding-top: .8rem; padding-bottom: .8rem; background-size: 6.5rem 2.8rem; background-position-y: 1rem; } .iabt-b{ font-size: .26rem; line-height: .45rem; margin-top: .5rem; } .iabt-c{ margin-top: .7rem; } .ilife{ min-height: 7rem; height: auto; } .ilife-a{ font-size: .32rem; line-height: .45rem; padding-top: 1rem; padding-bottom: 1rem; } .inews{ padding-top: .8rem; padding-bottom: .8rem; } .inews-b{ padding-top: 0; } .inews-ce{ margin-top: .5rem; padding-bottom: .5rem; } .inews-c{ width: 100%; height: 4rem; } .inews-d1{ font-size: .32rem; line-height: .45rem; height: .9rem; margin-top: .2rem } .inews-d2{ font-size: .26rem; line-height: .45rem; height: .9rem; margin-top: .2rem; } .inews-e1{ font-size: .24rem; padding-top: .2rem; } .inews-e2{ margin-top: .2rem; } .inews-f{ padding-top: .5rem; } .icooperation ul{ margin-top: .5rem } .icooperation ul li{ width: 33.333%; height: 2rem; padding: .25rem; line-height: 1.5rem; margin-bottom: .2rem; } .icooperation{ padding-bottom: .8rem; } .proverb{ padding-top: .6rem; padding-bottom: .6rem; } .proverb-a{ font-size: .34rem; } .proverb-b{ font-size: .24rem; line-height: .45rem; } .proverbBj{ min-height: auto; } .inews-f a{ padding-bottom: .3rem; margin-bottom: 0; padding-top: .3rem; } } .proverbs{ overflow: hidden; padding-top: 90px; padding-bottom: 170px; } .proverbs-a{ font-size: 48px; line-height: 1; color: #000; width: 200px; float: left; margin-bottom: 30px; } .proverbs-b{ float: right; border-bottom: 1px solid #E5E5E5; } .proverbs-b1{ font-size: 16px; line-height: 25px; color: #666; display: inline-block; } .proverbs-b1 img{ margin: 0 35px; } .proverbs-b2{ display: inline-block; } .proverbs-b2 a{ display: inline-block; font-size: 16px; color: #666; margin-left: 45px; padding-bottom: 15px; } .proverbs-b2 a:hover{ color: #5b108b; } .proverbs-b2 a.on{ color: #5b108b; border-bottom: 2px solid #5B108B; } .proverbs-c{ width: 100%; margin-top: 60px; float: left; } .proverbs-c li{ width: 100%; border-bottom: 1px solid #E5E5E5; padding: 50px 0; overflow: hidden; color: #333; } .proverbs-c1{ font-size: 16px; line-height: 30px; width: 120px; float: left; } .proverbs-c2{ font-size: 18px; line-height: 30px; width: calc(100% - 150px); width: -webkit-calc(100% - 150px); max-width: 925px; float: right; } .proverbs-pg{ width: 100%; float: left; margin-top: 70px; } .proverbs-b2 a:first-child{ margin-left: 0; } @media(max-width:1600px){ .proverbs-b2 a{ margin-left: 20px; } .proverbs-b1 img{ margin: 0 20px; } .proverbs-a{ font-size: 40px; } } @media(max-width:1000px){ .proverbs-b{ width: 100%; margin-bottom: 40px; } } @media(max-width:750px){ .proverbs{ padding-top: .8rem; padding-bottom: .8rem; } .proverbs-a{ font-size: .42rem; margin-bottom: .5rem; font-weight: bold; } .proverbs-b{ margin-bottom: .0rem; font-size: 0; height: auto; } .proverbs-b1{ font-size: .26rem; line-height: .45rem; margin-bottom: .2rem; } .proverbs-b1 img{ display: none; } .proverbs-b2{ width: 100%; overflow-x: auto; } .proverbs-b2 a{ font-size: .24rem; line-height: .4rem; padding-bottom: .15rem; margin-left: .3rem; } .proverbs-c{ margin-top: .6rem; } .proverbs-c li{ padding: .3rem 0; }.proverbs-c1{ font-size: .24rem; line-height: .4rem; width: 100%; } .proverbs-c2{ font-size: .26rem; line-height: .45rem; width: 100%; margin-top: .15rem; } .proverbs-pg{ margin-top: .6rem; } }