/* 首页部分 */
.top { background-color: #f5f5f5; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; margin: 0px; }
.top .p1 { line-height: 32px; font-size: 12px; color: #666; width: 49%; display: inline-block; }
.top .p2 { line-height: 32px; width: 49%; display: inline-block; text-align: right; }
.top .p2 a { font-size: 12px; color: #666;  }
.top .p2 a span { color: #de0000; }
.logo { padding: 10px 0px; margin: 0px; }
.nav { background-color: #0b4b6e; margin: 0px; }
.nav .item { width: 150px; float: left; text-align: center; }
.nav .item a { color: #fff; line-height: 50px; }
.nav .item:hover { background-color: #0173bc; }

.main-tt { padding: 20px 0px 30px; }
.main-tt .cn { text-align: center; font-size: 26px; color: #0173bc; line-height: 36px; }
.main-tt .en { text-align: center; font-size: 15px; color: #999; line-height: 30px; }
.product .box-1 { width: 298px; border: 1px solid #ddd; }
.product .box-1 .item .pic { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 180.2%; }
.product .box-1 .item img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.product .box-2 { width: 900px; border-bottom: 1px solid #ddd; }
.product .box-2 .item { width: 298px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; }
.product .box-2 .item .pic { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 90%; }
.product .box-2 .item img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.product .item { position: relative; }
.product .focus { position: absolute; width: 100%; height: 0%; bottom: 0px; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; overflow: hidden; transition: all 0.3s ease 0s; }
.product .focus .tt { color: #fff; text-align: center; font-size: 16px; line-height: 50px; }
.product .focus .more { color: #fff; text-align: center; font-size: 13px; line-height: 32px; display: block; border: 1px solid #fff; transition: all 0.3s ease 0s; }
.product .item:hover .focus { height: 100%; transition: all 0.3s ease 0s; }
.product .focus .more:hover { color: #222; background: #fff; transition: all 0.3s ease 0s; }

.t1 { background: url(a1-bg.png) center top no-repeat; height: 207px; margin-bottom: 0px; }
.t2 { background: url(a2-bg.png) center top no-repeat; height: 960px; margin: 0px; }
.t3 { background: url(a3-bg.png) center top no-repeat; height: 199px; margin-top: 0px; }
.t3 .rom { position: relative; }
.t3 .more { display: block; width: 115px; height: 38px; position: absolute; top: 135px; left: 245px; }

.about .rom { background: url(about-bg.png) bottom center no-repeat; height: 540px; }
.about .info { width: 560px; padding: 70px 20px 0px 20px; }
.about .info div, .about .info span, .about .info p { font-size: 13px; line-height: 26px; color: #555; }
.about .info .layui-btn { background: #02a0e9; width: 120px; }

.brand .list { position: relative; }
.brand #swiper-pro { width: 1100px; }
.brand .con-list { padding-top: 10px; }
.brand .item { float: left; margin-bottom: 20px; height: 230px; transition: all 0.3s ease 0s; }
.brand .item .pic { width: 210px; height: 210px; display: table-cell; vertical-align: middle; border: 1px solid #cecece;  text-align: center; overflow: hidden; }
.brand .item img { max-width: 98%; max-height: 98%; transition: all 0.3s ease 0s;}
.brand .item:hover img { margin-top: -10px; transition: all 0.3s ease 0s; }
.brand .swiper-button-next, .brand .swiper-button-prev { top: 45%; }

.news { background: #eee; padding: 50px 0px; margin: 0px; }
.news .list { width: 1000px; margin: 0 auto; }
.news .item { width: 330px; float: left; background-color: #fff; }
.news .item .pic { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 70%; }
.news .item img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; transition: all 0.3s ease 0s; }
.news .item .con { display: flex; justify-content: center; align-items: center; height: 230px; padding: 0px 10px; }
.news .item .con .tt, .news .item .con .des { text-align: center; }
.news .item .con .tt a { font-size: 14px; color: #333; line-height: 42px; }
.news .item .con .des a { font-size: 13px; color: #999; line-height: 24px; }
.news .more { width: 150px; background: #222; margin: 36px auto; display: block; }
.news .item img:hover { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; -webkit-transform: scale(1.05); transform: scale(1.05); transition: all 0.3s ease 0s; }

.footer { background: #0b4b6e; margin: 0px; }
.footer .rom { padding: 30px 0px; }
.footer .box-1 { width: 280px; margin-right: 60px; }
.footer .box-1 .logof { background: url(logo-f.png) center top no-repeat; width: 300px; height: 53px; margin: 0 auto; }
.footer .box-1 .qrcode { width: 250px; margin: 0 auto; margin-top: 20px; }
.footer .box-1 .qrcode img { width: 120px; height: 120px; }
.footer .box-1 .qrcode div { float: left; margin-left: 10px; }
.footer .box-1 .qrcode div:first-child { margin-left: 0px; }
.footer .box-1 .qrcode div p { text-align: center; color: #fff; font-size: 12px; line-height: 28px; }
.footer .box-2 { width: 160px; margin-left: 20px; }
.footer .tt { font-size: 18px; color: #fff; text-align: left; line-height: 30px; }
.footer .box-2 .list { margin-top: 18px; }
.footer .box-2 .item { text-align: left; }
.footer .box-2 .item a { font-size: 13px; color: #fff; text-align: center; line-height: 28px; }
.footer .box-3 .con { margin-top: 20px; }
.footer .box-3 .con p { color: #fff; font-size: 13px; line-height: 28px; text-align: left; }
.footer .last { background: #000; }
.footer .last * { color: #9f9f9f; text-align: center; font-size: 14px; line-height: 50px; }