123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232 |
- * {
- margin : 0;
- padding : 0;
- list-style: none;
- border : none;
- font-style: normal;
- }
- html {
- width : 100%;
- min-width : 1220px;
- font-family: "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
- }
- img {
- display: block;
- }
- a {
- text-decoration: none;
- color : #333;
- }
- @font-face {
- font-family: 'iconfont';
- src : url('../../iconfont/iconfont.eot');
- src : url('../../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
- url('../../iconfont/iconfont.woff') format('woff'),
- url('../../iconfont/iconfont.ttf') format('truetype'),
- url('../../iconfont/iconfont.svg#iconfont') format('svg');
- }
- .iconfont {
- font-family : "iconfont" !important;
- font-size : 14px;
- font-style : normal;
- -webkit-font-smoothing : antialiased;
- -webkit-text-stroke-width: 0.2px;
- -moz-osx-font-smoothing : grayscale;
- }
- .banner img {
- width: 100%;
- }
- .intro {
- margin-top: 40px;
- }
- .title {
- width : 100%;
- max-width : 1460px;
- margin : 0 auto;
- text-align: center;
- }
- .title h1 {
- display : inline-block;
- margin : 0 10px;
- font-size : 44px;
- font-weight : 400;
- letter-spacing: 5px;
- }
- .title em {
- display : inline-block;
- width : 42px;
- height : 4px;
- background: #000;
- position : relative;
- top : -10px;
- }
- .intro .content {
- max-width: 1440px;
- margin : 40px auto 0;
- }
- .intro .content p {
- text-indent : 33px;
- line-height : 35px;
- letter-spacing: 4px;
- color : #333;
- }
- .culture {
- margin-top: 40px;
- }
- .culture .content {
- background-image : url('../images/banner1.png');
- background-repeat: no-repeat;
- background-size : 100% 100%;
- margin-top : 40px;
- padding : 70px 0 40px;
- ;
- }
- .culture .content .main {
- max-width: 1460px;
- margin : 0 auto;
- }
- .culture .content .main .slogan ul {
- display : -webkit-flex;
- display : flex;
- flex-direction : row;
- flex-wrap : wrap;
- justify-content: space-between;
- }
- .culture .content .main .slogan li {
- width : 270px;
- height : 270px;
- text-align : center;
- background : #fff;
- border-radius: 50%;
- border : 8px solid #267dba;
- }
- .culture .content .main .slogan li h6 {
- font-size : 36px;
- color : #267dba;
- margin-top : 60px;
- font-weight: 400;
- }
- .culture .content .main .slogan li em {
- display : block;
- width : 53px;
- height : 2px;
- margin : 20px auto 0;
- background: #7b7b7b;
- }
- .culture .content .main .slogan li p {
- width : 180px;
- margin : 20px auto 0;
- letter-spacing: 2px;
- }
- .slogan-text {
- width : 100%;
- padding : 30px;
- background: #fff;
- margin-top: 40px;
- box-sizing: border-box;
- }
- .slogan-text h6 {
- font-size : 36px;
- font-weight : 400;
- color : #267dba;
- margin-bottom: 20px;
- }
- .slogan-text p {
- margin-bottom : 20px;
- letter-spacing: 2px;
- color : #333;
- line-height : 30px;
- }
- .product {
- margin-top: 40px;
- }
- .product .content {
- max-width: 1220px;
- margin : 40px auto 0;
- }
- .product .content li {
- margin-bottom: 80px;
- }
- .product .content li::after {
- content: '';
- display: block;
- clear : both;
- }
- .product .content li div {
- float: left;
- width: 50%;
- }
- .product .content li div h6 {
- font-size : 36px;
- font-weight : 400;
- color : #267dba;
- margin-bottom: 15px;
- line-height : 40px;
- }
- .product .content li div p {
- margin-bottom : 15px;
- color : #333;
- line-height : 30px;
- letter-spacing: 2px;
- }
- .product .content .list0 .list-text {
- padding-left: 30px;
- box-sizing : border-box;
- }
- .case ul {
- max-width : 1220px;
- display : -webkit-flex;
- display : flex;
- flex-direction : row;
- flex-wrap : wrap;
- justify-content: space-between;
- background: #fff;
- margin: 0 auto;
- }
- .case ul li {
- width : 30%;
- margin-bottom: 30px;
- }
- .case ul li p{
- margin-top: 20px;
- text-align: center;
- font-weight:600;
- }
- .case ul li img {
- width: 100%;
- }
|