@charset "utf-8";
@import url("styles.css?v=225");
/* wx/qq.465320335 */  

/* head */
body {
   background: #f2eee5;
}
.header {
   width: 100%;
   position: fixed;
   top: 0;
   z-index: 999999;
   background: #fff;
   box-shadow: 0 0 10px rgba(0,0,0,0.06);
}
.header .top {
   height: 93px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}

.naver {
   line-height: 93px;
   overflow: hidden;
}
.naver li {
   float: left;
}
.naver li>a {
   position: relative;
   display: block;
   color: #585756;
   padding: 0 35px;
}
.naver li>a:hover,
.naver li>a.on {
   color: #d82037;
}
.naver li>a::after {
   content: '';
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
   border-bottom: 3px solid #d82037;
   width: 28%;
   transition: all .5s ease;
   transform: scaleX(0);
}
.naver li>a.on::after,
.naver li>a:hover::after {
   transform: scaleX(1);
}
.naver li .nav {
   position: absolute;
   left: 0;
   top: 93px;
   width: 100%;
   height: 0;
   background: #d3001a;
   z-index: 999999;
   transition: all 0.5s;
   opacity: 0;
   overflow: hidden;
}
.naver li:hover .nav {
   min-height: 420px;
   opacity: 1;
}
.naver li .n_box {
   padding: 3.3% 17%;
   line-height: 100%;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: flex-start;
   font-family: 'SimSun'
}
.naver li .n_box h2 {
   font-size: 32px;
}
.naver li .n_list {
   width: 40%;
}
.naver li .n_list a {
   color: #fff;
   display: block;
   margin-bottom: 38px;
}
.naver li .n_list a:hover {
   color: #f0c82a;
}
.naver li .n_dl {
   width: 52%;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: flex-start;
}
.naver li .n_dl dl {
   flex: 1;
}
.naver li .n_dl dt {
   margin-bottom: 20px;
   padding-bottom: 12px;
   font-size: 22px;
   border-bottom: 1px solid rgba(255,255,255,0.5);
}
.naver li .n_dl dt img {
   display: inline-block;
   vertical-align: -7px;
   margin-right: 15px;
   width: 26px;
   filter: grayscale(100%) brightness(200%)
}
.naver li .n_dl a {
   display: block;
   color: #fff;
}
.naver li .n_dl dd {
   font-family: Arial,"Microsoft YaHei";
   opacity: 0.8;
   transition: all 0.4s;
   line-height: 35px;
}
.naver li .n_dl dd:hover {
   opacity: 1;
}

.naver li .n_pic {
   width: 290px;
   height: 147px;
}
.naver li .n_pic a {
   display: block;
   margin-bottom: 20px;
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
   color: #fff;
}
.naver li .n_pic a img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.naver li .n_pic a span {
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.3);
   font-family: Arial,"Microsoft YaHei";
   transition: all 0.5s;
}
.naver li .n_pic a:hover span {
   background: none;
}

.index-slide {
   margin-top: 93px;
   width: 100%;
   overflow: hidden;
}
.index-slide .swiper-slide {
   /*height: 690px;*/
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}
.index-slide .swiper-slide img {
    width: 100%;
    /*height: 100%;*/
}
.index-slide .swiper-slide a {
   display: block;
   width: 100%;
   height: 100%;
}
.index-slide {
   --swiper-theme-color: #fff;
   --swiper-pagination-bullet-width: 15px;--swiper-pagination-bullet-height: 15px;
   --swiper-pagination-bullet-inactive-color: #fff;
   --swiper-pagination-bullet-inactive-opacity: 0.2
}
.index-slide .swiper-pagination {
   bottom: 30px !important;
}
.index-slide .swiper-pagination span {
   margin: 0 6px !important;
}

/* main */
.main {
   width: 1280px;
   margin: 0 auto;
}

/* wrapper */
.wrapper {
   width: 100%;
}
.products {
   background: url(/images/bg.jpg) center top no-repeat #fff;
   padding: 63px 88px;
   position: relative;
   margin-top: -80px;
   z-index: 9;
}
.products .parHd {
   border-bottom: 1px solid #e5e5e5;
   font-family: 'SimSun'
}
.products .parHd ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   align-items: center;
}
.products .parHd li {
   position: relative;
   margin: 0 70px;
   padding-bottom: 30px;
   cursor: pointer;
}
.products .parHd li::after {
   content: '';
   display: block;
   position: absolute;
   bottom: -3px;
   left: 0;
   right: 0;
   margin: 0 auto;
   width: 6px;
   height: 6px;
   border-radius: 10px;
   background: #d82037;
   opacity: 0;
   transition: all 0.5s;
}
.products .parHd li.on::after,
.products .parHd li:hover::after {
   opacity: 1;
}
.products .parHd li h2 {
   font-size: 20px;
   font-weight: normal;
   padding-top: 16px;
   transition: all 0.3s;
}
.products .parHd li img {
   width: 51px;
   filter: grayscale(100%);
   opacity: 0.25;
   transition: all 0.5s;
}
.products .parHd li.on h2,
.products .parHd li:hover h2 {
   color: #d82037;
}
.products .parHd li.on img,
.products .parHd li:hover img {
   filter: grayscale(0);
   opacity: 1;
}
.products .parBd {
   padding: 67px 0 5px;
}
.products .parBd ul {
   overflow: hidden;
}
.products .parBd li {
   float: left;
   width: 276px !important;
   padding: 25px 40px;
   border-right: 1px solid #eee;
}
.products .parBd li ._pic {
   height: 140px;
   overflow: hidden;
}
.products .parBd li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: contain
}
.products .parBd li ._title {
   color: #555;
   padding-top: 15px;
   transition: all 0.5s;
}
.products .parBd li:hover ._title {
   color: #d82037;
}
.products .parBd .slideBox {
   width: 100%;
   position: relative;
}
.products .parBd .slideBox .tempWrap {
   width: 1103px !important;
}
.products .parBd a.sPrev,
.products .parBd a.sNext {
   position: absolute;
   top: 33%;
   width: 21px;
   height: 39px;
}
.products .parBd a.sPrev {
   left: -39px;
   background: url(/images/left.jpg) center no-repeat;
}
.products .parBd a.sNext {
   right: -39px;
   background: url(/images/right.jpg) center no-repeat;
}
.products .parBd a.sMore,
.news .n_more a,
.about ._desc a.a_more {
   display: block;
   margin-top: 61px;
   background: url(/images/more.png) center no-repeat;
   color: #d82037;
}
.products .parBd a.sMore:hover,
.news .n_more a:hover,
.about ._desc a.a_more:hover {
   color: #d3001a;
}

.banner {
   padding: 62px 0;
   overflow: hidden;
}
.banner img {
   width: 100%;
}

.news {
   background: url(/images/bg.jpg) center top no-repeat #fff;
   padding: 63px 88px;
}
.news h2 {
   padding-top: 11px;
   text-align: center;
   font-size: 35px;
   color: #d82037;
}
.news .n_list {
   padding-top: 50px;
}
.news .n_list ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: flex-start;
}
.news .n_list li {
   width: 48%;
   margin-bottom: 3.5%;
   overflow: hidden;
}
.news .n_list li ._pic {
   width: 31%;
   height: 115px;
   overflow: hidden;
}
.news .n_list li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.news .n_list li ._box {
   width: 65%;
}
.news .n_list li ._box h3 {
   padding-bottom: 13px;
   font-weight: normal;
   font-size: 16px;
   background: url(/images/x.png) left bottom no-repeat;
}
.news .n_list li ._box a {
   color: #333;
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.news .n_list li ._box a:hover {
   color: #d82037;
}
.news .n_list li ._box span {
   display: block;
   color: #a1a1a1;
   padding: 3px 0 15px;
}
.news .n_list li ._box p {
   color: #999;
   line-height: 21px;
   padding-top: 12px;
}
.news .n_more a {
   margin-top: 35px;
}

.about {
   padding: 62px 0;
}
.about ._pic {
   overflow: hidden;
}
.about ._pic img {
   width: 100%;
}
.about ._desc {
   margin-top: 2px;
   color: #616161;
   background: #fff;
   padding: 50px 88px 60px;
}
.about ._desc h2 {
   font-size: 25px;
   color: #d82037;
   padding-bottom: 22px;
}

.video ._url {
   width: 100%;
    /*height: 500px; */
    /*overflow: hidden; */
}
.video ._url iframe,
.video ._url video {
   width: 100%;
    /*height: 100%; */
}
.video ._box {
   margin-top: 2px;
   color: #616161;
   background: #fff;
   padding: 100px 138px 70px;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.video ._box dt {
   color: #d82037;
   font-size: 72px;
   padding-bottom: 70px;
   font-family: 'Times New Roman'
}
.video ._box dd {
   font-size: 20px;
   color: #999;
}

.ditu {
   padding-top: 62px;
}
.ditu ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1px;
}
.ditu li {
   width: 49.9%;
   height: 348px;
   overflow: hidden;
}
.ditu li img {
   width: 100%;
   height: 100%;
   object-fit: cover
}


/* cols */
.cols_slide {
   width: 100%;
   margin-top: 93px;
}
.cols_slide img {
   max-width: 100%;
}
.cols_v {
   width: 100%;
   margin-top: 93px;
}
.cols_v iframe,
.cols_v video {
   width: 100%;
}
.cols {
   background: url(/images/bg.jpg) center top no-repeat #fff;
   padding: 80px 68px;
   position: relative;
   margin: -80px auto 5px;
   z-index: 9;
}
.cols_title {
   border-bottom: 1px solid #e5e5e5;
   font-family: 'SimSun';
   color: #d82037;
   font-size: 36px;
   padding-bottom: 28px;
   position: relative;
}
.cols_title::after {
   content: '';
   display: block;
   position: absolute;
   bottom: -3px;
   left: 0;
   right: 0;
   margin: 0 auto;
   width: 6px;
   height: 6px;
   border-radius: 10px;
   background: #d82037;
}
.cols_map {
   padding-top: 25px;
   width: 100%;
   height: 350px;
   overflow: hidden;
}
.cols_map #allmap {
   width: 100%;
   height: 100%;
}

.cols_desc {
   color: #353535;
   overflow: hidden;
   padding: 30px 0;
}
.cols_desc a {
   color: #353535;
}
.cols_desc a:hover {
   color: #d82037;
}
.cols_desc img {
   max-width: 100%;
   display: inline-block;
   vertical-align: -1px;
}
.cols_desc table {
   border-collapse: collapse;
   background-color: #fff;
   border: 1px solid #eaded9;
   margin: 0 auto;
   font-size: 14px;
}
.cols_desc table tr,
.cols_desc table td {
   border: 1px solid #eaded9;
}
.cols_desc table td {
   box-sizing: border-box;
   padding: 8px 18px 6px;
}
.ue-table-interlace-color-single {
   background-color: #fafafa;
}

.cols_pic {
   padding: 40px 0 30px;
}
.cols_pic img {
   max-width: 100%;
}

/* licheng */
.lc {
   padding: 80px 0 0;
}




/* newslist */
.newslist {
   padding: 0 0 30px;
}
.newslist li {
   overflow: hidden;
   padding: 35px 0;
   border-bottom: 1px solid #eee;
}
.newslist li ._pic {
   width: 25%;
   height: 180px;
   overflow: hidden;
}
.newslist li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.newslist li ._box {
   width: 65%;
   padding: 2.5% 4% 0;
}
.newslist li ._box h2 {
   font-size: 20px;
   color: #4a453e;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   transition: all 0.5s;
}
.newslist li:hover ._box h2 {
   color: #d82037;
}
.newslist li ._box p {
   padding-top: 20px;
   color: #888;
}
.newslist li ._time {
   margin-top: 33px;
   border-left: 1px solid #e8e8e8;
   padding: 30px 0 30px 30px;
   width: 10%;
   color: #b9b5b0;
   font-size: 28px;
   font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
.newslist li ._time p {
   padding-top: 10px;
   font-size: 16px;
}


/* photo */
.photo {
   padding: 40px 0 10px;
}
.photo ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.photo li {
   width: 23.8%;
   margin-bottom: 2%;
}
.photo li ._pic {
   height: 190px;
   overflow: hidden;
   border: 1px solid #f5f4f2;
   padding: 0;
}
.photo li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.photo li ._desc a {
   display: block;
   padding: 13px 0 15px;
   color: #766961;
   background: #f5f4f2;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.photo li ._desc a:hover {
   color: #d82037;
}


/* productlist */
.pro_nav {
   padding: 30px 0;
}
.pro_nav ul {
   position: relative;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.pro_nav ul::after {
   content: '';
   display: block;
   width: 32%;
}
.pro_nav li {
   position: relative;
   width: 32%;
   margin-bottom: 2%;
   overflow: hidden;
}
.pro_nav li span {
   display: block;
   position: absolute;
   right: 0;
   top: 50px;
   background: rgba(216,32,55,0.9);
   color: #fff;
   padding: 12px 25px 11px;
   border-radius: 20px 0 0 20px;
}
.pro_nav li img {
   width: 100%;
   height: 100%;
   object-fit: cover
}

.pro_list {
   padding: 40px 0 10px;
}
.pro_list ul {
   position: relative;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.pro_list ul::after {
   content: '';
   display: block;
   width: 31%;
}
.pro_list li {
   width: 31%;
   margin-bottom: 3%;
   border: 1px solid #eee;
   /* box-shadow: 0 0 20px rgba(0,0,0,0.06); */
}
.pro_list li ._pic {
   height: 250px;
   overflow: hidden;
}
.pro_list li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: contain
}
.pro_list li ._bt {
   padding: 30px 5px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.pro_list li a {
   display: block;
   color: #555;
}
.pro_list li a:hover {
   color: #d82037;
}


.pro_info {
   padding: 40px 0 0;
}
.pro-slide {
   width: 100%;
   overflow: hidden;
}
.pro-slide li img {
   width: 100%;
}
.pro-slide {
   --swiper-theme-color: #fff;
   --swiper-pagination-bullet-width: 13px;--swiper-pagination-bullet-height: 13px;
   --swiper-pagination-bullet-inactive-color: #fff;
   --swiper-pagination-bullet-inactive-opacity: 0.2
}
.pro-slide .swiper-pagination {
   bottom: 30px !important;
}
.pro-slide .swiper-pagination span {
   margin: 0 6px !important;
}
.pro_info .info_t {
   padding: 80px 0 40px !important;
}





/* info */
.info_box {
   padding: 5px 0;
}
.info_box .info_t {
   border-bottom: 1px solid #e0e0e0;
   padding-bottom: 20px;
}
.info_box .info_t h3 {
   text-align: center;
   font-family: 'SimSun';
   color: #d82037;
   font-size: 36px;
}
.info_box .info_t span {
   display: block;
   color: #888;
   padding: 20px 0 0;
}
.info_box .info_t span i {
   display: inline-block;
   margin: 0 6px 0 8px;
   font-size: 14px;
}
.info_box .info_t span a {
   cursor: pointer;
   display: inline-block;
   margin: 0 3px;
}


/* pages */
.n_pages {
   padding: 30px 0 0;
   letter-spacing: -4px;
}
.n_pages a {
   display: inline-block;
   background-color: #f5f4f2;
   color: #766961;
   padding: 10px 12px 9px;
   margin: 0 4px;
   letter-spacing: 0;
   border-radius: 3px;
}
.n_pages a:hover,
.n_pages a.page-num-current {
   background-color: #d82037;
   border-color: #d82037;
   color: #fff;
}
.n_pages .not_data {
   letter-spacing: 1px;
   color: #999;
}

.n_next {
   border-top: 1px solid #e0e0e0;
   overflow: hidden;
   padding: 25px 0 0;
}
.n_next a {
   display: block;
   color: #766961;
   padding: 6px 0;
}
.n_next a:hover {
   color: #d82037 !important;
}


/* message */
.apply {
   display: none;
   width: 90%;
   padding: 2.5% 0 4.5%;
   margin: 0 auto;
}
.apply li {
   margin: 12px 0;
}
.apply li input,
.apply li textarea {
   width: 100%;
   border: 1px solid #ddd;
   padding: 12px 13px;
   font-size: 15px;
}
.apply li textarea {
   height: 80px;
}
.apply li button {
   background: #d30006;
   color: #fff;
   border-radius: 3px;
   line-height: 43px;
   width: 100%;
   border: none;
   font-size: 15px;
   cursor: pointer;
   transition: all .3s linear 0s;
}
.apply li button:hover {
   background: #ec0007;
   box-shadow: 0 5px 10px #ccc;
}
.apply li input.code {
   width: 55%;
   margin: 3px 0 5px;
}
.apply li img {
   display: inline-block;
   vertical-align: -18px;
   cursor: pointer;
   margin-left: 8px;
}


/* footer */
.footer {
   padding-bottom: 58px;
}
.footer .foot {
   background: #181818;
   padding: 40px 88px 50px;
   color: #ada9a2;
   overflow: hidden;
}
.footer .foot a {
   color: #ada9a2;
}
.footer .foot a:hover {
   color: #bb9a76;
}
.footer .foot_left {
   width: 81%;
   margin-top: -5px;
}
.footer .copy strong {
   color: #bb9a76;
   font-size: 16px;
   display: inline-block;
   vertical-align: -1px;
   margin-right: 7px;
}
.footer .links {
   padding-top: 25px;
   margin-top: 25px;
   border-top: 1px solid rgba(255,255,255,0.1);
   color: #73706e;
}
.footer .links a {
   color: #73706e;
   display: inline-block;
   padding: 0 2px;
}

.footer .foot_right {
   width: 11.5%;
}
.footer .foot_right img {
   width: 100%;
}
.footer .foot_right span {
   display: block;
   color: #817e77;
   padding-top: 15px;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #999;
   font-size: 14px;
}
p#back-to-top{
   position: fixed;
   display: none;
   bottom: 30px;
   right: 30px;
}
p#back-to-top i {
   display: block;
   font-size: 22px;
}
p#back-to-top a {
   text-align: center;
   display: block;
   width: 32px;
   border: 1px #d82037 solid;
   color: #d82037;
   padding: 3px 0 4px;
   overflow: hidden;
}
p#back-to-top a:hover {
   color: #fff;
   border-color: #d82037;
   background-color: #d82037;
}