﻿
.banner{ height:500px; }
.banner .swiper-pagination .swiper-pagination-bullet{ width:14px; height:14px; margin:0px 2px; background-color:#fff; opacity:1;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background-color:#00a1e7;}

.brand-product{ padding:40px 0 0 0;}
.brand-position .container{ width:1200px; margin:0px auto auto auto;}
.brand-position .brand-title{ color: #121317; font-size:32px; font-weight: bold; text-align: center; position: relative; line-height: 50px;}
.brand-position .brand-title:before { content: ""; position: absolute; left: 35%; top: 25px; width:21px; height:5px; background: #005bac;}
.brand-position .brand-title:after { content: ""; position: absolute; right: 35%; top: 25px; width:21px; height:5px; background: #005bac;}

.brand-position .brand-ul{ width: 100%; margin-top:40px; margin-bottom: 80px; display: flex;}
.brand-position .brand-ul li{ width:33%; float: left; box-sizing: border-box; border: 0.01rem solid #bfbfbf; margin-right:2%; flex: 1;}
.brand-position .brand-ul li:last-child { margin-right: 0;}
.brand-position .brand-ul li:nth-child(2n) .brand-bot { margin: 2.27049% auto 0 auto; }
.brand-position .brand-ul .brand-top{}
.brand-position .brand-ul .brand-p1{ color: #656569; font-size:17px; text-align: center; margin-top:20px;}
.brand-position .brand-ul .brand-p2{ width:28px; height:3px; background: #0089d4; text-align: center; margin:15px auto;}
.brand-position .brand-ul .brand-p3{ color: #b50400; font-size:26px; text-align: center; font-weight: bold; padding-bottom:33px;}
.brand-position .brand-ul .brand-bot{ width: 95.459%; margin: 0 auto 2.27049% auto; position: relative; display: flex; height: 224px; align-items: center; overflow: hidden;}
.brand-position .brand-ul .brand-bot img{ width: 100%; height: auto;}

.banner-about{}
.banner-about img{ width:100%;}

.company-list{ width: 100%; overflow: hidden; padding: 65px 0 30px 0; border-bottom: 1px solid #d7d7d7;}
.company-list .company-list-left{ width: 50.75%; float: left; height:460px;}
.company-list .company-list-left .pagination{ text-align:center;}
.company-list .company-list-right{ width: 45.8%; float: right;}
.company-list .company-list-h2{ color: #000000; font-size:28px; text-align: left; padding: 6px 0 18px 0; margin-bottom:5px; border-bottom: 4px solid #c8c8c8;}
.company-list p { text-indent:2rem; line-height:28px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; font-size:14px; -webkit-box-orient: vertical;}

.company-list1{}
.company-list1 .company-list1-box{ padding: 50px 0 50px 0; overflow: hidden; display: flex;  align-items: center; justify-content: space-between;}
.company-list1 .company-list-item{ float: left; width: 100px; text-align: center;  }
.company-list1 .company-list-item img{ margin: 0 auto 30px auto; width: 100%;}
.company-list1 .company-item-h1{ color: #b50000; font-size: 24px; font-weight: 600;}
.company-list1 .company-item-h2{ color: #494949; font-size: 18px; font-weight: normal;}
