@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box;}
@font-face{font-family: "Cai978-596";src: url("/font/596-CAI978.ttf") format("truetype")}
.cy{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; font-family: 微软雅黑; line-height: 1;}
.cy img{ max-width: 100%; height: auto; border: 0; margin: 0 auto;}
.baom{ width: 100%;  height: 3.9rem; margin-top: 0.1rem; background: #272624;}
.bmc{width: 63%; margin: 0 auto; max-width: 1200px;}
.bml{ width: 38%; float: left;}
.bml1{ font-size: 0.8rem;  color: #fff; letter-spacing: 2px; margin-top: 1.1rem;}
.bml1 span{ font-size: 0.45rem; font-weight: bold; color: #fff; margin-left: 0.5rem; letter-spacing: 1px; text-transform: uppercase;}
.bml2{ font-size: 0.45rem; font-weight: bold; color: #fff; letter-spacing:0.5rem; margin-top: 0.25rem;}
#b-name{ display: block; width: 4.5rem; height: 1.25rem; margin-top: 1.325rem; background: #fff; float: left; margin-left: 1rem; border-radius: 0.125rem; border: 0; text-align: center; font-size: 0.4rem;}
.baom input::-webkit-input-placeholder{ color: #666; font-size: 0.4rem; text-align: center;}
.baom input:-ms-input-placeholde{ color: #666; font-size: 0.4rem; text-align: center;}
#b-tel{ display: block; width: 4.7rem; height: 1.25rem; margin-top: 1.325rem; background: #fff; float: left; margin-left: 0.75rem; border-radius: 0.125rem; border: 0; text-align: center; font-size: 0.4rem;}
.bmr{ width: 4.7rem; height: 1.25rem; float: right;  border-radius: 0.125rem; background: #002851; line-height: 1.25rem; color: #fff; font-size: 0.5rem; font-weight: bold; text-align: center; margin-top: 1.325rem;letter-spacing: 2px;}


.part1{ width: 62.5%; height: auto; padding:2rem 0 1rem ; margin: 0 auto; position: relative;}
.p1-l{ width: 40%; height: auto; background: #f4f4f4;  padding: 1rem;}
.tb1{ width: 1.45rem; height: auto; margin: 0 auto;}
.p1-t{ text-align: center; font-size: 0.9rem; color: #363636; font-weight: bold; margin-top: 0.5rem; letter-spacing: 3px;}
.p1-p{ font-size: 0.45rem; line-height: 1.5; color: #6e716e; text-indent: 1rem; margin-top: 0.5rem; letter-spacing: 3px; font-weight: bold;}
.p1-zx{ width: 40%; height: 0.75rem; display: block; border: 1px solid #363636; line-height: 0.7rem; text-align: center; color: #6e716e; font-size: 0.45rem; letter-spacing: 0.1rem; margin-top: 0.5rem;}
.p1-video{ width: 62%; position: absolute; top: 1rem; right: 0; z-index: 2;}
.part2{ padding: 1rem 0;}
.tb2{ width: 2.4rem; margin: 0 auto;}
.tt{ width: 34%; margin: 0 auto; height: 1.35rem; background: #002851; line-height: 1.35rem; color: #ffffff; font-size: 0.75rem; letter-spacing: 3px; text-align: center; margin-top: 5px; border-radius: 0.6rem;}
.p2-t2{ font-size: 0.75rem; letter-spacing: 3px; text-align: center; margin-top: 0.25rem; color: #363636;}
.p2-p{ width: 36%;  margin: 0 auto;  letter-spacing: 3px; font-size: 0.45rem; color: #6e716e; line-height: 1.5; text-indent: 1.2rem; margin-top: 0.3rem;}

.sfq{ width: 62.5%; height: 13.225rem; margin: 0 auto; margin-top: 0.5rem;}
.sfq li{ width: 10%; height: 100%; float: left; transition: all 1s;}
.sfq li:nth-child(1){ background: url(../images/s1.jpg) center center no-repeat; background-size: 100% 100%; }
.sfq li:nth-child(2){ background: url(../images/s2.jpg) center center no-repeat; background-size: 100% 100%; }
.sfq li:nth-child(3){ background: url(../images/s3.jpg) center center no-repeat; background-size: 100% 100%; }
.sfq li:nth-child(1).on{ width: 80%; height: 100%; background: url(../images/1.jpg) center center no-repeat; background-size: 100% 100%;}
.sfq li:nth-child(2).on{ width: 80%; height: 100%; background: url(../images/2.jpg) center center no-repeat; background-size: 100% 100%;}
.sfq li:nth-child(3).on{ width: 80%; height: 100%; background: url(../images/3.jpg) center center no-repeat; background-size: 100% 100%;}

.part3{ padding: 1rem 0; background: #f4f4f4;}
.tb3{ width: 2.6rem; margin: 0 auto;}
.lb1{ width: 100%; margin-top: 0.5rem; position: relative;}
.lb1-prev{ width: 0.75rem;position: absolute; top: 50%; margin-top: -1.75rem; left: 23%; z-index: 2; cursor: pointer;}
.lb1-next{ width: 0.75rem;position: absolute; top: 50%; margin-top: -1.75rem; right: 23%; z-index: 2; cursor: pointer;}

.p3-zx{ width: 14%; margin: 0 auto; height: 0.95rem; display: block; border: 1px solid #363636; line-height: 0.9rem; text-align: center; color: #6e716e; font-size: 0.45rem; letter-spacing: 0.1rem; margin-top: 1rem;}

.part4{ padding: 1rem 0; }
.tb4{ width: 2.45rem; margin: 0 auto;}
.lb2{ width: 62.5%; margin-top: 0.5rem; position: relative;}
.lb2 .swiper-slide-active{ border: 0.2rem solid #fff;} 

.part5{ padding: 1rem 0; background: #f4f4f4;}
.tb5{ width: 2.3rem; margin: 0 auto;}
.p5-p{ width: 100%;  margin: 0 auto;  letter-spacing: 3px; font-size: 0.45rem; color: #6e716e;   margin-top: 0.3rem; text-align: center;}
.qyfl{ width: 62.5%; height: 1rem; margin: 0 auto; margin-top: 1rem;}
.qyfl li{ width: 32%; float: left; margin-left: 2%; height: 100%; text-align: center;   border: 1px solid #363636; font-size: 0.6rem; letter-spacing: 0.1rem; color: #6e716e; line-height: 0.95rem;}
.qyfl li:first-child{margin-left: 0;}
.lb3{ width: 60%; max-width: 1045px; margin: 0 auto; margin-top: 1rem; position: relative; padding-bottom: 2%;}
.lb3 .swiper-scrollbar{ width: 100%; position: absolute; bottom: 0; height: 0.2rem; }
.lb3 .swiper-scrollbar-drag{ background: #002851;}

.part6{ padding: 0.5rem 0 1rem; }
.jyal{ width: 60%; max-width: 1140px; margin: 0 auto;}
.jyal li{ width: 49%; float: left; margin-left: 2%; margin-top: 0.4rem;}
.jyal li:nth-child(2n+1){ margin-left: 0;}
.anli{ width: 62.5%; margin: 0 auto; margin-top: 1rem; }
.anli-l{ width: 28%; float: left; height: 10.5rem; display: flex; flex-direction: row; justify-content: space-between; align-content: space-between; flex-wrap: wrap;}
.anli-r{ width: 71%; float: right; height: 10.5rem;}
.anli-r img{ width: 100%; height: 10.5rem;}
.anli-l li{ width: 49%; height: 2.4rem; }
.anli-l li img{-webkit-filter: grayscale(60%); /* Chrome, Safari, Opera */
    filter: grayscale(60%);}
.anli-l li.on{ border: 3px solid #ff3a1e;}
.anli-l li.on img{-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);}
.anli-l li:nth-child(1){ margin-top: 0;}
.anli-l li:nth-child(2){ margin-top: 0;}
.anli-l li:nth-child(2n+1){margin-left: 0;}