@charset "utf-8";

/*===*/
.idx-tit { padding-top: 56px; padding-bottom: 56px; }
.tit-mb_show { display: none; }

/*===*/
.product { }
.product-desc { max-width: 600px; margin: auto; margin-top: 16px; font-size: 14px; line-height: 1.8; margin-bottom: -30px; color: #2c1500; }
.product-box { padding-bottom: 60px; position: relative; }
.product-nav2 { display: none; }
.product-nav2>h3 { font-size: 25px; font-weight: normal; text-align: center; background: #5d0000; color: #fff; padding: 2% 10px; margin: 0; }
.product-nav2 .am-menu-default .am-menu-sub { background: #6a0000; left: 0; right: 0; padding: 5px; margin-top: 9px; border-radius: 15px; }
.product-nav2 .am-menu-default .am-menu-sub>li>a { color: #6a0000; margin-top: 2px; margin-bottom: 2px; background: #f8f8f7; border-radius: 25px; }
.product-nav2 .am-menu-default .am-menu-nav { background: transparent; padding-top: 0; padding-bottom: 0; }
.product-nav2 .am-menu-default .am-menu-nav a { color: #fff; padding-top: 2px; padding-bottom: 2px; background: #6b0101; height: 40px; border-radius: 10px; font-size: 14px; margin-left: 2px; margin-right: 2px; }
.product-nav2 .am-menu-default .am-menu-nav>.am-parent.am-open>a { color: #e2b782; overflow: visible; }
.product-nav2 .am-menu-default .am-menu-nav>.am-parent>a:before { color: #6a0000; margin-top: -8px; }
.product-nav { width: 22.5%; margin-top: 15px; background: #933727; }
.product-nav>h3 { font-size: 25px; font-weight: normal; text-align: center; background: #5d0000; color: #fff; padding: 30px 10px; margin: 0; }
.product-nav ul { list-style: none; padding-left: 0; margin: 0; }
.product-nav>ul>li { border-bottom: solid 1px #770000; }
.product-nav>ul>li a { display: block; color: #fff; }
.product-nav>ul>li>a { background: url(../images/product-nav-r.png) no-repeat 80% center #6d0101; border-bottom: solid 1px #4d0000; padding: 10px 30px 10px 25%; font-weight: bold; font-size: 18px; }
.product-nav>ul>li.open>a { background-image: url(../images/product-nav-d.png); }
.product-nav>ul>li:last-child,
.product-nav>ul>li:last-child>a { border-bottom: none; }
.product-nav>ul>li>ul { margin: 10px 0 15px; display: none; }
.product-nav>ul>li.open>ul { display: block; }
.product-nav>ul>li>ul>li>a { font-size: 14px; padding: 9px 30px 9px 25%; }
.product-nav>ul>li>ul>li>a:hover,
.product-nav>ul>li>ul>li.cur>a { background: #e4b682; color: #411f01; }
.product-wrap { width: 75.66%; }
.product-wrap>ul { list-style: none; padding: 0; margin: 0; margin-left: -15px; }
.product-wrap>ul>li { float: left; width: 33.33%; padding-left: 15px; padding-top: 15px; }
.product-wrap>ul>li .p-box { display: block; background: #e1b780; padding: 2%; }
.product-wrap>ul>li .p-img { height: 0; padding-bottom: 75%; overflow: hidden; }
.product-wrap>ul>li .p-tit { font-weight: bold; color: #411f01; text-align: center; margin-top: 20px; margin-bottom: 15px; }
.product-more { background-color: #7e0101; display: inline-block; font-size: 14px; color: #fff; padding: 10px 40px; border-radius: 30px; margin-top: 30px; }
.product-more:hover { color: #fff; }

/*===*/
.advantage { background-color: #6d0101; }
.advantage .ys-img { width: 75.22%; }
.advantage .ys-con { width: 24.78%; color: #fff; padding: 40px; letter-spacing: 1px; font-size: 13px; }
.advantage .ys-con>h1 { background: url(../images/youshi-line.jpg) no-repeat left bottom; font-size: 18px; padding-bottom: 10px; margin-bottom: 25px; }
.advantage .ys-con>h2 { font-weight: normal; margin-top: 0; margin-bottom: 8px; }
.advantage .ys-con>p { font-weight: normal; margin-top: 0; margin-bottom: 5px; }
#advantage { padding-bottom: 70px; margin-bottom: 80px }
#advantage .swiper-slide { background: #b01e1f; box-shadow: 0 0 2px rgba(100, 100, 100, 0.1); }
#advantage .swiper-pagination-bullet { width: 47px; height: 40px; line-height: 38px; margin: 0 10px; font-size: 20px; background-color: transparent; color: #fff; opacity: 1; position: relative; outline: none; }
#advantage .swiper-pagination-bullets>span+span:before { content: "·"; color: #7e7e7e; position: absolute; top: 0%; left: -20px; }
#advantage .swiper-pagination-bullet-active { background: url(../images/youshi-bullet.png) no-repeat 0 center; }

/*===*/
.case { background-color: #fff3d5; }
.case-box { padding-bottom: 40px; }
.case-wrap { list-style: none; padding: 0; }
.case-wrap>li { float: left; width: 25%; padding: 5px; }
.case-wrap>li>a { display: block; }
.case-wrap>li .c-img { height: 0; padding-bottom: 75%; overflow: hidden; }
.case-wrap>li .c-titbg { background: #e1b780; -webkit-transition: all .5s; transition: all .5s; position: relative; overflow: hidden; }
.case-wrap>li .c-titbg:before { content: ""; position: absolute; top: 0; right: -5px; width: 0; height: 50px; background-color: #6d0101; z-index: 0; -webkit-transition: all .5s; transition: all .5s; }
.case-wrap>li .c-tit { height: 50px; line-height: 50px; padding-left: 20px; padding-right: 60px; font-size: 18px; color: #4f2601; font-weight: bold; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; -webkit-transition: all .5s; transition: all .5s; }
.case-wrap>li .c-tit span { background: url(../images/idx-case1.png) no-repeat center center #6d0101; width: 60px; height: 50px; display: block; position: absolute; right: 0; top: 0; -webkit-transition: all .1s; transition: all .1s; }
.case-wrap>li>a:hover .c-tit{ color: #fff; }
.case-wrap>li>a:hover .c-titbg:before { width: 110%; }
.case-wrap>li>a:hover .c-tit span{ background-image: url(../images/idx-case2.png); }
.case-more { background-color: #7e0101; display: inline-block; font-size: 14px; color: #fff; padding: 10px 40px; border-radius: 30px; margin-top: 2%; }
.case-more:hover { color: #fff; }

/*===*/
.about { background: url(../images/about-bg.jpg) no-repeat top center; background-color: #dbad6f; }
.about .idx-tit { padding-bottom: 50px; }
.about-wrap { padding-bottom: 60px; }
.about-left { width: 50%; padding-left: 5px; position: relative; z-index: 2; }
.about-right { width: 50%; padding-left: 30px; padding-right: 5px; color: #000; }
.about-right>p { margin-top: 20px; margin-bottom: 30px; line-height: 1.8; font-size: 13.5px; letter-spacing: 2px; word-wrap: break-word; word-break: break-all; text-align: justify; text-indent: 2.2em; }
.about-more { background: url(../images/about-btn-r.png) no-repeat 84% center #7e0101; display: inline-block; font-size: 14px; color: #fff; padding: 13px 60px 13px 45px; border-radius: 15px; margin-left: -45px; }
.about-more:hover { color: #fff; }

/*===*/
.news { background-color: #ffffff; position: relative; }
.news-left { position: absolute; left: 0; bottom: 0; width: 100%; margin-bottom: -120px; }
.news .idx-tit { padding-bottom: 30px; }
.news-box { padding-bottom: 40px; }
.news-wrap { max-width: 820px; margin: auto; padding-bottom: 50px; }
.news-wrap .swiper-button-next,
.news-wrap .swiper-button-prev { bottom: 2px; top: auto; background-image: none; border: solid 1px #e0e0e0; width: 34px; height: 22px; line-height: 20px; text-align: center; left: 50%; margin: 0; margin-left: -34px; color: #e0e1e2; outline: none; }
.news-wrap .swiper-button-next:hover,
.news-wrap .swiper-button-prev:hover { color: #b0b0b0; }
.news-wrap .swiper-button-next>i:before,
.news-wrap .swiper-button-prev>i:before { font-weight: bolder; }
.news-wrap .swiper-button-next { left: auto; right: 50%; margin: 0; margin-right: -33px; }
.news-item { border: solid 1px #ede9e5; display: block; margin: 0 3px 20px; font-family: 'Microsoft YaHei'; background: #fff; }
.news-item:hover { border-color: #dcd4cc; box-shadow: 0 10px 10px rgba(100, 100, 100, 0.1); }
.news-item .n-img { height: 0; overflow: hidden; padding-bottom: 70%; position: relative; }
.news-item .n-img>img { width: 100%; }
.news-item .n-tit { margin: 10px 18px 10px; height: 26px; overflow: hidden; font-size: 16px; color: #737373; font-weight: bold; }
.news-item .n-con { background: url(../images/news-l.png) no-repeat top center; font-size: 14px; color: #737373; height: 110px; overflow: hidden; padding: 23px 18px 0; word-wrap: break-word; word-break: break-all; }
.news-item .n-date { font-size: 12px; color: #cacaca; padding: 18px; text-align: right; }

/* media -S==*/
@media only screen and (max-width:1130px) {
    .idx-tit { padding-top: 46px; padding-bottom: 46px; }
    .product-nav>h3 { font-size: 20px; padding-top: 20px; padding-bottom: 20px; }
    .about-right>p { margin-top: 0; margin-bottom: 15px; }
    .advantage .ys-con { padding: 4% 2%; }
}
@media only screen and (max-width:1025px) {
    .product-nav>h3 { padding-top: 15px; padding-bottom: 15px; }
    .product-nav>ul>li>ul>li>a { padding-top: 8px; padding-bottom: 8px; }
    .about-right>p { height: 216px; overflow: hidden; }
    #advantage { margin-bottom: 40px; }
}
@media only screen and (max-width:992px) {
    .idx-tit { padding-top: 36px; padding-bottom: 36px; }
    .product-nav>h3 { padding-top: 15px; padding-bottom: 15px; }
    .product-nav>ul>li>a { padding-left: 30px; }
    .product-box { padding-bottom: 6%; }
    .about .idx-tit { padding-bottom: 30px; }
    .about-right>p { margin-top: 25px; height: 148px; }
    #advantage { width: 850px; }
    .advantage .ys-img { width: 100%; }
    .advantage .ys-con { width: 100%; padding: 10px 6% 25px 5%; min-height: 127px; }
    .advantage .ys-con>h1 { margin-bottom: 15px; }
}
@media only screen and (max-width:851px) {
    #advantage { width: 100%; }
}
@media only screen and (max-width:800px) {
    .product-nav { width: 30% }
    .product-wrap { width: 68% }
    .product-wrap>ul { margin-left: -10px; }
    .product-wrap ul li { width: 50%; padding-left: 10px; }
    .news-wrap { padding-bottom: 30px; }
    .news-item { margin-bottom: 5%; }
    .news-item .n-tit { margin-top: 10px; }
    .news-item .n-date { padding-top: 1%; padding-bottom: 10px; }
    .about-wrap { padding-bottom: 10%; }
}
@media only screen and (max-width:768px) {
    .tit-mb_hide { display: none; }
    .tit-mb_show { display: block; }
    .about { background-image: none; }
    .about-left { width: 100%; padding-left: 0; }
    .about-right { width: 100%; text-align: center; padding-right: 30px; }
    .about-right>p { height: 100%; }
    .about-more { margin-left: auto; }
    .advantage .ys-con { min-height: 148px; }
}
@media only screen and (max-width:640px) {
    .idx-tit { padding-top: 26px; padding-bottom: 26px; }
    .product-nav2 { display: block; margin-top: 2%; }
    .product-nav { display: none; }
    .product-wrap { width: 100%; margin-top: 3%; }
    .product-desc { margin-bottom: -10px; font-size: 12px; }
    .about-right { padding-left: 10px; padding-right: 10px; }
    .advantage .ys-con { min-height: 182px; }
    .advantage .ys-con>h1 { margin-top: 10px; margin-bottom: 18px; }
    .advantage .ys-con>h2 { margin-bottom: 3px; }
    .case-box { padding-bottom: 8%; margin-left: -6px; margin-right: -6px; }
    .case-wrap>li { float: left; width: 50%; }
    #advantage { padding-bottom: 60px; }
    #advantage .swiper-pagination-bullet { width: 16px; height: 16px; line-height: 16px; margin: 0 5px; font-size: 0px; background: #e1b780; }
    #advantage .swiper-pagination-bullets>span+span:before { content: ""; }
    #advantage .swiper-pagination-bullet-active { background: #b01e1f; }
    .about-more { border-radius: 30px; background: #7e0101; padding: 10px 40px; margin-top: 10px; }
    .product .idx-tit img { max-width: 85%; }
    .product-wrap>ul>li .p-tit { margin-top: 12px; margin-bottom: 7px; }
    .product-box { padding-bottom: 30px; }
}
@media only screen and (max-width:390px) {
    .advantage .ys-con { min-height: 202px; }
}

/* media -E==*/