@charset "UTF-8";

/*閫氱敤寮€濮?/
.bor { border: 1px dashed #999 }
.poab { position: absolute }
.pore { position: relative }
.img-w100 { width: 100% }
.text-r { text-align: right }
.text-m { text-align: center }
.text-bold { font-weight: 700; }
.text-light { font-weight: 100; }
.text-up { text-transform: uppercase; }
.flex { display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex-left { display: flex; flex-wrap: wrap }
.flex-middle { display: flex; flex-wrap: wrap; align-items: center; }
.flex-center { display: flex; flex-wrap: wrap; justify-content: center; }
.flex-right { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.flex-v-center { display: -webkit-flex; display: flex; align-items: center; justify-content: center }
.flex-v-bottom { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; }
.flex-start{align-items: flex-start;}
.flex-end{align-items: flex-end;}
.flex-center{align-items: center;}
.trans { transition: all .5s }
.trans-mask { display: block; overflow: hidden; width: 100%; cursor: pointer; position: relative; }
.trans-mask img { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.trans-mask:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.bg-mask .pic { overflow: hidden; }
.bg-mask .pic a { background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; display: block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.bg-mask:hover .pic a { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.bgimg { background-repeat: no-repeat; background-position: center; background-size: cover; }
.wp { width: 90%; margin: 0 auto; max-width: 1600px }
.wp1420 { width: 92%; margin: 0 auto; max-width: 1420px }
.wp1600 { width: 92%; margin: 0 auto; max-width: 1600px }
.wp1280 { width: 92%; margin: 0 auto; max-width: 1280px }
.wp1760 { width: 92%; margin: 0 auto; max-width: 1760px }
.wp1200 { width: 92%; margin: 0 auto; max-width: 1200px }
@media screen and (max-width: 1024px) {
    .wp { width: 92%; }
}
.greybg { background: #f2f2f2 }
.textup { text-transform: uppercase }
.co { color: #e5011a }
.co-fff { color: #fff !important }
.fixdbody { position: fixed; top: 0; left: 0; right: 0; bottom: 0 }
.m-show { display: none }
.filter-page { filter: blur(5px); }
@media screen and (max-width:980px) {
    .pc-show { display: none }
    .m-show { display: block }
}
.trans-line:before { content: ''; position: absolute; width: 60px; height: 100%; margin-top: 0px; margin-left: -120px; overflow: hidden; z-index: 6; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg) }
.trans-line:hover:before { -webkit-animation: aniBlink .6s ease-out forwards; -moz-animation: aniBlink .6s ease-out forwards; -o-animation: aniBlink .6s ease-out forwards; animation: aniBlink .6s ease-out forwards }
@keyframes aniBlink {
    from { margin-left: -50% }
    to { margin-left: 120% }
}
@-webkit-keyframes aniBlink {
    from { margin-left: -50% }
    to { margin-left: 120% }
}
.obj-cover {object-fit: cover;height: 100%;width: 100%;}

.block-6 {
    width: 50%;
}
@media (max-width: 640px) {
    .block-xs-12 {
        width: 100%;
    }
}
.relative {
    position: relative;
}

/*閫氱敤缁撴潫*/

/*Swiper鐩稿叧*/
/*娓呮鎸夐挳榛戣竟*/
.swiper-button-prev:focus, .swiper-button-next:focus, .swiper-pagination-bullet:focus { outline: none; }
.swp-npb .swiper-pagination {
    position: static;
}

.swp-arrow {
    font-size: 0;
}
.swp-arrow .prev,
.swp-arrow .next {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #D0D5E1;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}
.swp-arrow .prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.swp-arrow .prev:hover,
.swp-arrow .next:hover {
    background: #c39c61;
}

/*hover闃村奖*/
.hover { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.hover-shadow-middle:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.hover-shadow-bottom:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.hover-shadow-big:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

/*鎻忚堪鏂囧瓧*/
.des-18 { font-size: 18px; line-height: 36px; color: #4d4d4d; }

/*Banner*/
.banner .swiper-button-next, .banner .swiper-button-prev { position: static; display: inline-block; vertical-align: middle; width: 60px; height: 60px; line-height: 60px; font-size: 0; text-align: center; cursor: pointer; margin-top: 0; opacity: 1; background: transparent; background-color: rgba(255, 255, 255, 1); -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.banner .swiper-button-next { margin-left: 1px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { background-color: #da251d; }
.banner .swiper-button-next .iconfont, .banner .swiper-button-prev .iconfont { font-size: 26px; color: #767676; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.banner .swiper-button-next:hover .iconfont, .banner .swiper-button-prev:hover .iconfont { color: #fff; }
.banner .swiper-pagination { bottom: 40px !important;display: flex; justify-content: center; align-items: center;}
.banner .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border: solid 2px #ffffff; opacity: .5; background: #fff; margin: 0 9px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.banner .swiper-pagination .swiper-pagination-bullet-active {-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); background: transparent; opacity: 1; }
@media (max-width: 768px) {
    .banner .swiper-pagination {
        bottom: 15px !important;
    }
    .banner .swiper-pagination .swiper-pagination-bullet {
        margin: 0 4px;
    }
}

/*鏍忕洰banner*/
.cate-banner { position: relative; overflow: hidden;}
.cate-banner .pic { overflow: hidden; height: 0; padding-bottom: 39.4791%; background: #f5f5f5; }
/*.cate-banner .pic img {width: 100%; -webkit-animation: imgScale 5s ease-in-out infinite alternate; animation: imgScale 5s ease-in-out infinite alternate; }*/
.cate-banner .pic img {width: 100%; -webkit-animation: SlickIn 8s; animation: SlickIn 8s; }
.cate-banner .tit { position: absolute; top:32%; left: 50%; z-index: 2;width: 1000px; margin-left: -500px;text-align: center;}
.cate-banner .tit-product {top: 35%;}
.product-search {
    margin: 8% auto 0;
    width: 660px;
    height: 60px;
    border-radius: 30px;
    border: solid 1px rgba(195, 156, 97, .5);
    background: rgba(30,34,38,.5);
    justify-content: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.product-search:hover {
    border-color: rgba(195, 156, 97, 1);
    /*background: rgba(30,34,38,.7);*/
}
.product-search input {
    color: rgba(195, 156, 97, 1);
    font-size: 18px;
    padding: 0 16px;
}
.product-search input::-webkit-input-placeholder {
    color: rgba(195, 156, 97, 1);
}
.product-search input:-moz-placeholder {
   color: rgba(195, 156, 97, 1);
}
.product-search input::-moz-placeholder {
   color: rgba(195, 156, 97, 1);
}
.product-search input:-ms-input-placeholder {
   color: rgba(195, 156, 97, 1);
}
.product-search button {
    font-size: 24px;
    color: rgba(195, 156, 97, 1);
}
@media (max-width:1440px) {
    .cate-banner .tit img {
        height: 140px;
    }
}
@media (max-width:1024px) {
    
}
@media (max-width:768px) {
}
@media (max-width:640px) {
    .cate-banner .pic {
        height: 180px;
        padding-bottom: 0;
    }
    .cate-banner .pic img { width: 100%; height: 100%; object-fit: cover; }
    .cate-banner .tit img {
        height: 70px;
    }
    .product-search {
        display: none;
    }
    .cate-banner .tit {
        top: 28%;
    }
}
@-webkit-keyframes imgScale {
    0% { -webkit-transform: scale(1, 1) }
    100% { -webkit-transform: scale(1.1, 1.1) }
}
@keyframes imgScale {
    0% { transform: scale(1, 1) }
    100% { transform: scale(1.1, 1.1) }
}

@-webkit-keyframes SlickIn {
    0% { -webkit-transform: scale(1.1, 1.1) }
    100% { -webkit-transform: scale(1, 1) }
}
@keyframes SlickIn {
    0% { transform: scale(1.1, 1.1) }
    100% { transform: scale(1, 1) }
}

/*鏁板瓧婊氬姩*/
.num-scroll-two { font-size: 0; text-align: center; height: 100%; flex-wrap: nowrap; }
.num-scroll-two li { position: relative; display: inline-block; color: #fff; text-align: left; }
.num-scroll-two li~li { margin-left: 100px; }
.num-scroll-two li .num-cont { color: #1b202e; font-size: 72px; line-height: 1; position: relative; font-weight: bold; display: inline-block; vertical-align: bottom; }
.num-scroll-two li .num-cont .num { display: inline-block; line-height: 1; color: #333; font-size: 72px; font-family: DIN-Medium; position: relative; top: 2px; }
.num-scroll-two li .num-cont b { font-size: 50px; }
.num-scroll-two li .num-cont i { font-style: normal; font-weight: 400; position: absolute; right: -38px; top: 10px; font-size: 14px; color: #333; }
.num-scroll-two li .num-tit { font-size: 16px; color: #595757; margin-top: 35px; }
@media (max-width:1280px) {
    .num-scroll-two li .num-cont .num { font-size: 40px; }
}
@media (max-width:768px) {
    .num-scroll-two { flex-wrap: wrap; }
    .num-scroll-two li .num-cont { display: block; }
    .num-scroll-two li .num-cont i { right: -20px; }
    .num-scroll-two li .num-cont .num { font-size: 34px; }
}
.com-pic-cont { position: relative; }
.com-pic-cont .pic { width: 50%; }
.com-pic-cont .pic.long { width: 63.85%; }
.com-pic-cont .cont { position: absolute; left: 0; top: 0; width: 50%; height: 100%; overflow: hidden; background-color: #f7f7f7; padding-left: 97px; }
.com-pic-cont .cont.center { width: 36.15%; padding-left: 0; }
.com-pic-cont .cont h4 { font-size: 24px; color: #333333; line-height: 30px; }
.com-pic-cont .cont .en { font-size: 16px; color: #333333; line-height: 27px; margin-top: 20px; }
.com-pic-cont .cont.center .en { font-size: 14px; margin-top: 14px; line-height: 1; }

/*閫氱敤鍒嗙被*/
.com-cate li { position: relative; float: left; margin-left: 85px; }
.com-cate li a { display: inline-block; color: #333333; }
.com-cate li.on a, .com-cate li:hover a { color: #e32f18; }
.com-cate li:before { border-bottom: 5px solid #e32f18; }
.com-cate li:hover:before, .com-cate li.on:before { margin-left: -16px; width: 32px; }
.page-btn { display: inline-block; width: 250px; line-height: 46px; text-align: center; background: #41AB03; color: #fff !important; border-radius: 5px; font-size: 24px; }

/* kefu */

/* 鍦ㄧ嚎瀹㈡湇鏍峰紡 */
.sz-kefu { position: fixed; width: 50px; right: 0; top: 50%; z-index: 100; margin-top: -100px; }
.sz-kefu ul li { width: 50px; height: 50px; float: left; position: relative; margin-bottom: 1px; font-size: 12px; line-height: 50px; }
.sz-kefu ul li .sidebox { position: absolute; width: 50px; height: 50px; top: 0; right: 0; transition: all 0.3s; color: #fff; background: #c39c61; overflow: hidden; opacity: .8; }
.sz-kefu ul li.kf2 .sidebox {    /* background:#7fbb57; */
overflow: visible; }
.sz-kefu ul li .sidebox:hover { opacity: 1; }
.sz-kefu ul li .sidetop { width: 50px; height: 50px; line-height: 50px; display: inline-block; background: #222; transition: all 0.3s; opacity: .8; }
.sz-kefu ul li .sidetop:hover { opacity: 1; }
.sz-kefu ul li img { float: left; }
.sz-kefu ul li .sidebox3 { font-size: 16px; }
.sz-kefu ul li .kImg { padding: 13px; }
.sz-kefu .kf_wx { position: absolute; top: 0; left: -140px; width: 110px; display:; background: #fff; border: 1px solid #dadada; padding: 14px; line-height: 20px; color: #333; text-align: center; display: none; box-sizing: content-box; }
.sz-kefu .kf_wx img { display: block; width: 110px; height: 110px; margin-bottom: 5px; float: none; }
.sz-kefu .kf_tel_box { width: 180px; left: -210px; }
.sz-kefu .kf_tel_box .tel { font-size: 16px; text-align: left; }
.sz-kefu .kf_tel_box .tel p ~ p { margin-top: 10px; }
.sz-kefu .qq { height: 0; position: relative; z-index: 2; }
.sz-kefu .qq .sidebox { border: 1px solid #c39c61; height: auto; border-radius: 5px 0 0 5px; width: 140px; background: #fff; opacity: 1; bottom: -50px; top: auto; text-align: center; padding-bottom: 5px; right: -150px; }
.sz-kefu .qq h5 { height: 35px; line-height: 35px; background: #c39c61; font-weight: normal; color: #fff; font-size: 14px; padding: 0 10px; text-align: left; margin-bottom: 10px; }
.sz-kefu .qq h5 i { float: right; cursor: pointer; transition: all 0.3s; position: relative; z-index: 5; }
.sz-kefu .qq h5 i:hover { transform: rotate(90deg); }
.sz-kefu .qq a { display: block; height: 32px; line-height: 32px; border-radius: 18px; border: 1px solid #c39c61; margin: 5px 15px }
.m-show { display: none; }

/*瑙嗗睆鎾斁寮圭獥鏍峰紡*/
.video_shadow { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1000; display: none; }
.playnow { position: absolute; left: 50%; top: 50%; margin-left: -410px; margin-top: -286px; width: 820px; height: 550px; background-color: transparent; z-index: 1000; }
.video_control { width: 820px; height: 500px; box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, .5); }
.video_control video { width: 100%; height: 100%; object-fit: fill; }
.closevideo { position: absolute; right: -30px; top: -24px; font-size: 35px; color: #fff; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.closevideo:hover { right: -35px; }

/*杩斿洖椤堕儴*/
#to-top { display: inline-block; width: 46px; height: 46px; background: url(../images/common/scrolltop.png) no-repeat center; text-align: center; text-decoration: none; z-index: 8; right: 20px; opacity: 0.7; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
#to-top:hover { opacity: 1; }

/*---缃戠珯鍦板浘---*/
.sitemap-frame .site-box { border-bottom: 2px #666 solid; }
.sitemap-frame .site-box .left { padding: 10px 20px; color: #fff; background: #555; }
.sitemap-frame .site-box .left a { color: #fff; display: inline-block; }
.sitemap-frame .site-box .right { color: #888; font-size: 13px; line-height: 35px; padding-left: 20px; }
.sitemap-frame .site-box .right a { display: inline-block; color: #888; font-size: 13px; }
.sitemap-frame .site-box .right a:hover { color: #00a0e9 }
.sitemap-frame .list { width: 100%; float: left; margin: 40px 0; display: table; }
.sitemap-frame .list li { display: table-cell; text-align: center; }
.sitemap-frame .list hr { width: 3px; height: 100%; border: none; background: #000; }
.sitemap-frame .list h4 { }
.sitemap-frame .list h4 a { display: block; color: #fff; font-size: 15px; padding: 10px 10px 10px 10px; border-bottom: 1px #ddd dotted; margin: 0 5px; background: #999; border-radius: 7px; }
.sitemap-frame .list a:before { padding-right: 5px; }
.sitemap-frame .list .box { padding: 20px 0 10px 0; clear: both; border-left: 1px #ddd solid; margin: 0 5px; }
.sitemap-frame .list .box a { position: relative; display: block; color: #666; font-size: 13px; background: #ededed; padding: 10px 5px; margin: 0 0 20px 5px; border-radius: 5px; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; }
.sitemap-frame .list .box a:after { content: ""; position: absolute; left: -12px; top: 20px; width: 12px; height: 5px; display: block; background: #CACACA;    /* border-radius: 50%; */ }
.sitemap-frame .list a:hover { color: #fff; background: #00a0e9 }
.sitemap-frame .list a:hover:after { }
@media (max-width:1000px) {
    .playnow { left: 5%; top: 30%; margin-left: 0; margin-top: 0; width: 90%; height: auto; }
    .video_control { width: 100%; height: auto; box-shadow: none; }
    .closevideo { position: absolute; right: 0; top: -50px; font-size: 30px; color: #fff; cursor: pointer; }
}
@media (max-width:768px) {
    .num-scroll-two li { width: 33%; margin-bottom: 15px; }
    .num-scroll-two li .num { font-size: 30px; }
    .num-scroll-two li .num-tit { font-size: 12px; margin-top: 0; }
    .num-scroll-two li:nth-child(4):before { display: none; }
}

/* WAP涓诲鑸 */
.wapNav { overflow-y: auto; height: 100%; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: all 0.5s; background: #fff; width: 100%; position: fixed; left: 0; top: 50px; z-index: 40; padding: 0; }
.wapNav.nav_on { opacity: 1; transform: translateX(0); visibility: visible; }
.wapNav li { position: relative; }
.wapNav li a { display: block; padding-left: 4%; color: #666; line-height: 45px; border-top: 1px solid #eee; position: relative; font-size: 14px; }
.wapNav li i { font-family: "iconfont-m"; color: #ddd; font-size: 12px; font-style: normal; padding: 0 20px; position: absolute; right: 0; top: 0px; line-height: 50px; }
.wapNav li.cur>a, .wapNav .cur>a:hover { background: #c39c61; color: #fff; }
.wapNav li:hover i, .wapNav .cur i { color: #666; }
.wapNav .navSub { display: none; background: #fff; }
.wapNav .navSub li a { height: 40px; line-height: 40px; padding-left: 40px; font-size: 14px; }
.wapNav .navSub ul { background: #050505; }
.wapNav .navSub ul li a { height: 34px; line-height: 34px; padding-left: 60px; }
.wapNav .menu { overflow: hidden; font-size: 0; border-bottom: 1px solid #eee; }
.wapNav .menu a { float: left; width: 50%; text-align: center; line-height: 45px; color: #fff; color: #454545; font-size: 16px; }
.wapNav .menu a~a { border-left: 1px solid #eee; }
.wapNav .menu a i { margin-right: 8px; position: relative; font-style: normal; color: #454545; font-size: 16px; }
.wSearch { background: #f1f1f1; font-size: 14px; overflow: hidden; padding: 20px 4%; }
.wSearch form { margin: 0 auto; background: #fff; height: 40px; overflow: hidden; padding-right: 60px; }
.wSearch .sear_text { width: 100%; float: left; height: 40px; line-height: 40px; color: #666; padding-left: 10px; }
.wSearch .sear_btn { float: left; width: 60px; height: 40px; line-height: 40px; cursor: pointer; text-align: center; background: #333; color: #fff; font-size: 14px; transition: all 0.3s; margin-right: -60px; }
.wSearch .sear_btn:hover { background: #014099; }
.sitemap-wrap { padding-top: 50px; padding-bottom: 80px; }

/* 瀵艰埅鎸夐挳 */
.navTrigger { width: 28px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; white-space: nowrap; color: transparent; z-index: 20; cursor: pointer; display: none; margin-left: 40px; float: right; }
.navTrigger span { display: block; height: 2px; background: #c39c61; margin-bottom: 6px; transition: all 0.3s; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.navTrigger span:nth-child(3) { margin-bottom: 0; }
.navTrigger-on span:nth-child(1) { transform: translateY(0) rotate(45deg); }
.navTrigger-on span:nth-child(2) { opacity: 0; }
.navTrigger-on span:nth-child(3) { transform: translateY(0) rotate(-45deg) }
@media (max-width:1020px) {
    .navTrigger { display: block; }
}

/*鐧惧害鍒嗕韩*/
.bdshare-button-style0-32 { display: inline-block; vertical-align: middle; margin-top: -2px; }
.bdshare-button-style0-32 a { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }

/*鍒嗛〉*/
.com-page { margin-top: 80px; }
.pagination { text-align: center;font-size: 0; }
.a1_page { display: none !important; }
.pagination a, .pagination span { padding: 0 12px; display: inline-block; margin: 0 3.5px; min-width: 40px; line-height: 38px; font-size: 14px; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; color: #8C8C9A; border: 1px solid #D9DDE1; border-radius: 3px; }
.pagination .cur_page, .pagination .page-num-current, .pagination a:hover { color: #fff !important; background: #c39c61 !important; border-color: #c39c61; }
.pagination .prev_disabled:hover, .pagination .next_disabled:hover { color: #576077 !important; }
.pagination a.prev:before, .pagination a.prev_disabled:before { content: "涓婁竴椤?; }
.pagination a.next:before, .pagination a.next_disabled:before { content: "涓嬩竴椤?; }
@media (max-width: 640px) {
    .com-page {
        margin-top: 30px;
    }
    .pagination a, .pagination span {
        padding: 0 4px;
        margin: 0 2px;
        min-width: 30px;
        line-height: 28px;
        font-size: 12px;
    }
}

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.bottom_line { border-bottom: #e1e1e1 1px dashed; }
.xghd-box { padding: 0px 20px 20px 20px; }
.xghd-box li { float: left; width: 50%; line-height: 30px; white-space: nowrap; overflow: hidden; }
.xghd-box ul li a .icon-dian { color: #999; font-size: 20px; background: #999; width: 4px; height: 4px; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 5px; }

.hidden_search .text { width: 100%; height: 40px; padding: 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn { display: block;cursor: pointer;  position: absolute; right: 0; top: 0; height: 40px; width: 40px; 
  border:none;border-radius: 50%;overflow: hidden;font-size: 24px;color:#181818;background: transparent;}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 45px; padding-left: 20px; width: 95% }
.hidden_search .close_btn { position: absolute; right: 20px; top: 50%;  width: 26px; transform: translateY(-50%);
 -webkit-transition: 0.5s; transition: 0.5s; font-size: 26px;color: #777 }
 .hidden_search .close_btn:hover{ color: #181818; }

.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: rgba(0,0,0,.7);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative;  padding: 30px 40px 30px 30px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }
.cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.cd-popup-container1 { top: 10%; }
.is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.sear_p{float: left;margin: 20px 0 0 5%;width: 90%;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;}
.sear_txt{float: left;height: 30px;font-size: 12px;line-height: 30px;border: none;width: calc(100% - 35px);background: none;color: #666;text-indent: 5px;}


@media screen and (max-width: 600px){

.cd-popup-container{width: 90%}
.hidden_search .text{font-size: 14px}
.cd-popup-container{padding: 20px 50px 20px 10px}
}


.com-swp-pag {
    position: static;
    margin-top: 70px;
}
.com-swp-pag .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background-color: #a0a0a0;
    opacity: 1;
    margin: 0 8px;
}
.com-swp-pag .swiper-pagination-bullet-active {
    background-color: #00a0e9;
}
@media (max-width: 768px) {
    .com-swp-pag {
        margin-top: 40px;
    }
}

/*鍛煎惛鏁堟灉*/
.ani-pulse {
    -webkit-animation: pulse 2s 0s ease both infinite;
    -moz-animation: pulse 2s 0s ease both infinite;
    animation: pulse 2s 0s ease both infinite;
}
/*鍔ㄧ敾鈥斺€斿懠鍚告晥鏋?/
@-webkit-keyframes pulse {
    from {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
}
50% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
to {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
}
}
@keyframes pulse {
    from {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
}
50% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
to {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
}
}

@media (max-width: 760px) {
    .m-fn {
        float: none;
    }
}


.mbx-bar {
    background-color: #f5f5f5;
    color: #81868e;
}
.mbx-bar .wp {
    height: 60px;
    align-items: center;
}
.mbx-bar a {
    color: #81868e;
}
.mbx-box a {
    /*margin: 0 5px;*/
    display: inline-block;
    vertical-align: middle;
}
.mbx-box i {
    font-size: 22px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}
.mbx-bar a:hover {
    color: #c39c61;
}
.back-btn i {
    font-size: 17px;
    color: #c39c61;
    margin-right: 8px;
}


/*Swiper鎸夐挳*/
.swp-bar {
    justify-content: center;
    align-items: center;
}
.swp-bar .swp-page .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background-color: #81868e;
    opacity: 0.5;
    margin: 0 7px;
}
.swp-bar .swp-page .swiper-pagination-bullet-active {
    background-color: #c39c61;
    opacity: 1;
}
.swp-btn {
    width: 38px;
    height: 38px;
    background: #81868E;
    border-radius: 50%;
    line-height: 38px;
    color: #fff;
    text-align: center;
    margin: 0 20px;
    font-size: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}
.swp-btn:hover {
    background: #c39c61;
}
.swp-btn:focus {
    outline: none;
}
.swp-btn.prev i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.swp-btn i {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
}
.swp-bar-case {
    margin-top: 40px;
}
/*瀹氫綅宸﹀彸渚?/
.swp-bar-wrap .swp-btn {
    position: absolute;
    top: 50%;
    left: -70px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    z-index: 3;
}
.swp-bar-wrap .swp-btn.next {
    left: auto;
    right: -70px;
}
@media (max-width: 1024px) {
    .swp-bar-wrap .swp-btn {
        left: 15px;
    }
    .swp-bar-wrap .swp-btn.next {
        right: 15px;
    }
}

/*鍜ㄨ鎸夐挳*/
.com-more {
    display: inline-block;
    vertical-align: middle;
    padding: 0 50px;
    height: 40px;
    background-color: #c39c61;
    border-radius: 20px;
    line-height: 40px;
    font-size: 16px;
    color: #fff !important;
    text-align: center;
}
.com-video-btn {
    padding: 0 26px;
    color: #c39c61 !important;
    background-color: #fff;
    margin-right: 10px;
}
.com-video-btn i {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    margin-right: 6px;
    margin-top: -2px;
}



/*鍐呴〉鏍囬*/
.page-title h3 {
    position: relative;
    font-size: 32px;
    color: #1b202e;
    line-height: 1;
}
.page-title.center h3 {
    padding-bottom: 22px;
}
.page-title.center h3:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -14px;
    width: 28px;
    height: 4px;
    background-color: #c39c61;
}
.page-title.left h3 {
    padding-left: 22px;
}
.page-title.left h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: 28px;
    background-color: #c39c61;
}
.page-title p {
    margin-top: 16px;
    font-size: 16px;
    line-height: 30px;
    color: #595757;
}
.page-title.white h3 {
    color: #fff;
}


/*鏁板瓧婊氬姩鍩虹鏍峰紡*/
.scroll-item .num {
    font-family: DINPro-Medium;
    font-size: 60px;
    line-height: 1;
    color: #1b202e;
}
.scroll-item .num i {
    font-style: normal;
}
.scroll-item .num span {
    position: relative;
    top: -5px;
    font-size: 45px;
}
.scroll-item h4 {
    font-size: 16px;
    color: #595757;
    margin-top: 8px;
}


/*鍐呴〉榛樿swp*/
.swp-page-com {
    position: static;
    text-align: center;
    margin-top: 40px;
    font-size: 0;
}
.swp-page-com .swiper-pagination-bullet {
    margin: 0 10px !important;
    width: 14px;
    height: 14px;
    background-color: #81868e;
    opacity: 0.5;
}
.swp-page-com .swiper-pagination-bullet-active {
    background: #c39c61;
    opacity: 1;
}


/*涓嬫媺妗嗕紭鍖?/
.searchable-select-hide { display: none; }
.searchable-select { display: inline-block;width: 100%; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; position: relative; outline: none; }
.searchable-select-holder {
    width: 100%;
    height: 40px;
    line-height: 38px;
    background-color: #f5f5f5;
    border: solid 1px #dddddd;
    outline: none;
    color: #81868e;
    padding: 0 15px;
    font-size: 14px;
}
.searchable-select-caret { position: absolute; top: 15px;width: 17px; height: 11px;background: url(../images/sel-sj.png) no-repeat center;right: 15px; }
.searchable-select-dropdown { position: absolute; z-index: 2; background-color: #fff; border: 1px solid #ddd; padding: 4px;top: 39px; left: 0; right: 0; }
.searchable-select-input { margin-top: 5px; border: 1px solid #ccc; outline: none; padding: 4px; width: 100%; box-sizing: border-box; width: 100%; }
.searchable-scroll { margin-top: 4px; position: relative; }
.searchable-scroll.has-privious { padding-top: 16px; }
.searchable-scroll.has-next { padding-bottom: 16px; }
.searchable-has-privious { top: 0; }
.searchable-has-next { bottom: 0; }
.searchable-has-privious, .searchable-has-next { height: 16px; left: 0; right: 0; position: absolute; text-align: center; z-index: 10; background-color: white; line-height: 8px; cursor: pointer; }
.searchable-select-items { max-height: 400px; overflow-y: scroll; position: relative; }
.searchable-select-items::-webkit-scrollbar { display: none; }
.searchable-select-item { padding: 5px 5px; cursor: pointer; min-height: 30px; box-sizing: border-box; transition: all .5s; }
.searchable-select-item.hover { background: #555; color: white; }
.searchable-select-item.selected { background: #c39c61; color: white; }


/*hover鍔ㄧ敾*/
.anim { transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }
.anim:before { position: relative; content: ''; display: block; margin-top: 100%; }
.anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.link { position: relative; overflow: hidden; }
.link:hover .anim { animation: anim-out 0.75s; }
.link:hover .anim:after { animation: anim-out-pseudo 0.75s; }
@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}


.nodata-info {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}
.nodata-info b {
    color: #c39c61;
    font-size: 20px;
}


.sermob {
    position: fixed;
    ;
    width: 100%;
    height: 60px;
    padding: 10px 10px 10px;
    top: 60px;
    right: 0;
    z-index: 98;
    background: #fff;
    display: none
}

.sermob .inp {
    width: calc(100% - 40px);
    height: 40px;
    line-height: 40px;
    padding: 0 40px 0 10px;
    font-size: 14px;
    color: #444;
    background: none;
    border: 1px solid #ddd;
}

.sermob .sub {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 45px;
    top: 10px;
    height: 40px;
    width: 40px;
    border: none;
    border-radius: 50%;
    overflow: hidden;
    font-size: 14px;
    color: #8f0e16;
    background: 0 0;
    background: url(../images/serbtn.svg) no-repeat center;
    background-size: 20px 20px
}

.sermob .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 40px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 20px;
    color: #888;
    ;
    cursor: pointer;
    line-height: 40px;
    text-align: center
}

@media screen and (max-width: 640px) {
    .sermob {
        top: 55px;
    }
}