*{border:0; margin:0; padding:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0;}
body,textarea,input,button,select,keygen,legend{font-size: 14px;line-height: 24px;color:#666;outline:0;font-family: 'Poppins', Arial, Helvetica, sans-serif;font-style: normal;}
html,body{width:100%; position:relative;height:100%;}
.bodyw,.body_st{height:100%;}
body{overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{color:#c1a25f;}

.clearfix{clear:both}
.clearfix:after{clear:both;height:0;content:"";line-height:0;font-size:0;display:block}

/** 重置图片元素 **/
.fl{float:left;}
.fr{float:right;}
.l{ float:left;}
.r{ float:right;}




/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.w1400{ width:1650px;max-width: 95%; margin:auto;}
.w1200{ width:1200px;max-width: 100%; margin:auto;}
.pd06{width: 100%; max-width: 1400px; margin:  0 auto;}

.top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 99;-webkit-transition: 0.5s;transition: 0.5s;height:80px; background: #fff;}
.top_h{}
.top_h .logo{}
.top_h .logo img{display: block;height:80px;padding:10px 0;-webkit-transition:0.5s;transition:0.5s;display: none;}
.top_h .logo img.bs{display: block;}
.dh{}
.dh ul li{float: left;}
.dh ul li p a{display: block;line-height: 80px;font-size: 18px;position: relative;color: #333;padding: 0 20px;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li p a i{font-size: 12px;padding-left: 5px; display: none;}
.dh ul li:hover p a{color: #333;}
.dh ul li.on p a{color: #c1a25f; font-weight: 600;}
.dh ul li{position: relative;z-index: 8;}
.dh ul li .dh_fl{position: absolute;left: 0;top: 80px;padding-top: 5px;display: none;min-width: 160px;}
.dh ul li .dh_fl ul{background: #fff;border-radius: 5px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
.dh ul li .dh_fl ul li{float: none;position: relative;}
.dh ul li .dh_fl ul li a{padding: 0 20px;font-size: 14px;line-height: 44px;color: #666;white-space: nowrap;display: flex;justify-content: space-between;align-items: center;}
.dh ul li .dh_fl ul li a i{padding-left: 20px;font-size: 12px;}
.dh ul li .dh_fl ul li a:hover{color:#c1a25f;}
.dh ul li .dh_fl ul li .dh_fl{left: 100%;padding-left: 5px;top: 0;}

.top_zx{display: flex;align-items: center;margin-left: 10px;}
.top_zx a{font-size: 16px;line-height: 36px !important;color: #fff;background: #ff6363;padding: 0 15px;border-radius: 18px;overflow: hidden;}

.top_ss{margin-left: 0.2rem;}
.top_ss span.button{ display:block; width:30px; height:80px;font-size: 22px;line-height: 80px;text-align: center;color: #333; cursor:pointer;-webkit-transition:0.5s;transition:0.5s;}
.serach{position:fixed;left: 0; right:0px;top:0px;bottom: 0;z-index:10;display: none;}
.serach2{position:absolute;left: 0; right:0px;background:rgba(0, 0, 0, 0.7); top:0px;bottom: 0;overflow:hidden;z-index:10;display: flex;align-items: center;justify-content: center;}
.serach form{position: relative;width: 100px;max-width: 85%;border-bottom: 1px solid #fff;-webkit-transition:1s;transition:1s;}
.serach.on form{width: 1440px;}
.serach form input[type='text']{font-size:16px; width:100%; height:60px; line-height:60px;padding:0 40px 0 40px; color:#fff;background: none;}
.serach form input[type='text']::-webkit-input-placeholder {color:#fff;}
.serach form input[type='text']:-moz-placeholder{color:#fff;}
.serach form input[type='text']::-moz-placeholder{color:#fff;}
.serach form input[type='text']:-ms-input-placeholder{color:#fff;}
.serach form i{position: absolute;left: 0;top:0px;height:60px;font-size: 20px;line-height: 60px;text-align: center;color: #fff;}
.serach form a{position: absolute;right: 40px;top:0px;font-size: 16px;line-height: 60px;color: #fff;}
.serach form span{position: absolute;right: 0;top:0px;width: 24px;height:60px;cursor: pointer;}
.serach form span:before{content:""; position: absolute;left: 50%;top:50%;width: 24px;height:2px;background: #fff;margin: -1px 0 0 -12px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:after{content:""; position: absolute;left: 50%;top:50%;width: 2px;height:24px;background: #fff;margin: -12px 0 0 -1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:0.5s;transition:0.5s;border-radius: 2px;}
.serach form span:hover:before{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.serach form span:hover:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.top_yy{position: relative;z-index: 2;margin-left: 0.2rem;}
.top_yy span{padding: 0 10px;font-size: 16px;line-height: 80px;color: #333;display: block;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;}
.top_yy span:after{content: "";float: right;border-top: 6px solid #333;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-left: 5px;margin-top: 36px;-webkit-transition:0.5s;transition:0.5s;}
.top_yy_xl{position: absolute;left:50%;top: 80px;background: #fff;display: none;padding: 10px 0;width: 100px;margin-left: -50px;border-radius: 0 0 5px 5px;border-top: 1px solid #eee;}
.top_yy_xl a{display: block;font-size: 14px;line-height: 30px;color: #666;text-align: center;}
.top_yy_xl a:hover{color: #c1a25f;}

.set{font-size:15px;}
.nav1{height: 40px;text-align:center; line-height: 40px;
color:#fff;}
.index-yyl{margin-top:20px;}
.index-yyl img{display: inline-block;vertical-align: middle;margin-bottom: 2px;margin-right: 3px;}
.new{width: 120px;position: absolute;z-index: 999;display: none;text-align: center;right:40px;padding:10px;top:70px; background: rgba(255, 255, 255, 0.7);border-radius:5px;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);}
.new li{line-height:38px;}
.new li a{font-size:14px;}
.new li:last-of-type{border-bottom:none;} 


.buy-box{position:relative; }
.buy-box .tit{display:block;font-size:16px;line-height:100px;padding-left:.4rem;background-repeat:no-repeat;background-position:left center;background-size:.625rem;color:#444;background-size:.25rem;background-image:url('../img/buy-tit.png');font-family:"PINGFANG BOLD-subfont";transition:all .3s}
.buy-box .sub{position:absolute;left:50%;top:88px;padding-top:5%;width:2rem;transform:translateX(-50%);display:none}
.buy-box .sub .list{border:1px solid #dddfe2;box-shadow:0 10px 21px rgba(0,0,0,.05);padding:3% 12%;background-color:#f9fafb;position:relative}
.buy-box .sub .list:before{content:"";position:absolute;left:56%;top:-10px;width:.45rem;height:.25rem;background-repeat:no-repeat;transform:translateX(-56%);background-image:url('../img/buy-sj.png')}
.buy-box .sub .list a{display:block;font-size:14px;line-height:35px;padding:5% 0 5% 18%;background-repeat:no-repeat;background-position:left center;color:#333;border-bottom:1px solid #e4e4e6;transition:all .3s}

.wxbox{position:absolute;z-index:9;width:140px;height:140px;left:-68%;top:0px;opacity:0;transition:all .4s}
.wxbox.active{opacity:1}
.wxbox img{position:absolute;width:120px;height:120px;border-radius:8px;left:0;top:0;right:0;bottom:0;margin:auto;z-index:2}

.wxbox2{position:absolute;z-index:9;width:140px;height:140px;left:-68%;top:44px;opacity:0;transition:all .4s}
.wxbox2.active{opacity:1}
.wxbox2 img{position:absolute;width:120px;height:120px;border-radius:8px;left:0;top:0;right:0;bottom:0;margin:auto;z-index:2}


.top_bg.on{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.top_bg.on .top_h .logo img.bs{display: none;}
.top_bg.on .top_h .logo img.hs{display: block;}
.top_bg.on .dh ul li p a{color: #333;}
.top_bg.on .dh ul li:hover p a{color: #c1a25f;}
.top_bg.on .top_ss span.button{color: #333;}
.top_bg.on .top_yy span{color: #333;}
.top_bg.on .top_yy span:after{border-top: 6px solid #333;}

.top_bg.on2{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.top_bg.on2 .top_h .logo img.bs{display: none;}
.top_bg.on2 .top_h .logo img.hs{display: block;}
.top_bg.on2 .dh ul li p a{color: #333;}
.top_bg.on2 .dh ul li:hover p a{color: #c1a25f;}
.top_bg.on2 .top_ss span.button{color: #333;}
.top_bg.on2 .top_yy span{color: #333;}
.top_bg.on2 .top_yy span:after{border-top: 6px solid #333;}

.top_bg.on3{top:-100px;}

.sp_header, .sjj_nav{display: none;}



.banner{ width:100%; overflow:hidden;position:relative; padding-top: 80px;}
.banner ul li a{display: block;height: auto;}
.banner ul li .img{overflow: hidden;height: auto;}
.banner ul li .img img{display:block;width:100%;height:auto;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover; font-size: 0;}
.banner ul li .txt{position: absolute;left:8%;bottom:55%;}
.banner ul li .txt .ml1{font-size:42px;line-height:55px;color: #fff;font-weight: bold;}
.banner ul li .txt .ml2{font-size: 24px;line-height: 24px;color: #fff;margin-top:20px;}
.banner ul li .txt .ml3{font-size: 18px;line-height: 24px;color: #fff;margin-top: 20px;}
.banner ul li .txt .ml4{font-size: 12px;line-height: 24px;color: #fff;margin-top: 30px;}
.banner ul li.swiper-slide-active .txt .ml1{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml2{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml3{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.5s;animation-delay: 1.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml4{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.8s;animation-delay: 1.8s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bandd{ position:absolute; left:0; bottom:30px!important; width:100%; text-align:center; z-index:5;display: flex;align-items: center;justify-content: center;}
.bandd span{z-index:2;cursor:pointer;margin:0 6px!important;width:8px;height:8px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:rgba(255, 255, 255, 0.7);opacity: 1!important;}
.bandd span.swiper-pagination-bullet-active{background:#c1a25f;}
.bandd span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -6px;top: -6px;border: 1px solid #c1a25f;width: 18px;height: 18px;border-radius: 50%;}
.banz,.bany{ position:absolute; top:50%; width:50px; height:50px;margin-top: -25px; opacity:0;  -webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 20px;line-height:50px;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.4);border-radius: 50%;}
.banz{ left:5%;}
.bany{ right:5%;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}

.sy_gy_bg{padding:5% 0;}
.sy_gy{display: flex;align-items: center;justify-content: space-between;}
.sy_gy .img{width: 50%;overflow: hidden;position: relative;}
.sy_gy .img img{display: block;width: 100%;}
.sy_gy .img .tb{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;z-index: 1;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;}
.sy_gy .img .tb span{display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;border: 4px solid #fff;border-radius: 50%;font-size: 32px;color: #c1a25f;background: rgba(255, 255, 255, 0.7);text-align: center;position: relative;-webkit-transition:0.5s;transition:0.5s;}
.sy_gy .img .tb span:after{content:'';display: block;position: absolute;left:-4px;right:-4px;bottom:-4px;top:-4px;border-radius: 50%;border: 5px solid;opacity:.8;border-color: transparent;border-right-color: #c1a25f;-webkit-animation: runDot 2s infinite ease-in-out;animation: runDot 2s infinite ease-in-out;}
@-webkit-keyframes runDot{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}
@keyframes runDot{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.sy_gy .txt{width: 48%;padding-left: 2rem;}
.sy_gy .txt .ml1{font-size: 72px;line-height: 72px;color: #333;text-transform: Uppercase;}
.sy_gy .txt .ml2{font-size: 36px;color: #333;line-height: 36px;margin-top: 20px;}
.sy_gy .txt .ml2 span{color: #c1a25f;}
.sy_gy .txt .ml4{line-height: 30px;color: #999;padding-top: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden; font-size: 16px;}
.sy_gy .txt .ml5{padding-top: 60px;display: flex;}
.sy_gy .txt .ml5 a{line-height:56px;color: #333;-webkit-transition:0.5s;transition:0.5s;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #ddd;position: relative; font-size: 16px;}
.sy_gy .txt .ml5 a i{font-size: 13px;padding-left: 50px;color: #c1a25f;}
.sy_gy .txt .ml5 a:after{content: "";position: absolute;left: 0;bottom: -1px;width: 24%;height: 1px;background:#c1a25f;-webkit-transition:0.5s;transition:0.5s;}
.sy_gy .txt .ml5 a:hover:after{width: 100%;}
.sy_gy_sz{margin-top: 80px;}
.sy_gy_sz ul{display: flex;align-items: center;justify-content: space-between;padding-top: 60px;padding-bottom: 60px;border-radius: 20px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
.sy_gy_sz ul li{text-align: center;width:25%;}
.sy_gy_sz ul li .m1{color: #333;display: flex;align-items:baseline;justify-content: center;}
.sy_gy_sz ul li .m1 span{color: #c1a25f;font-size: 52px;line-height: 52px;font-weight: bold;}
.sy_gy_sz ul li .m2{line-height: 24px;color: #999;margin-top: 5px;}

.sy_sp_bg{ position:fixed; left:0;top:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:99; display:none;}
.sy_sp{ position:absolute; left:50%;top:50%;}
.sy_sp video{ display:block; width:100%; height:100%;-o-object-fit: cover;object-fit: cover;}
.sy_sp_bg i{ position:absolute; right:20px; top:20px; width:35px; height:35px; background:url(../img/xzewm_gb.png) center no-repeat; cursor:pointer; z-index:1;background-size: 35px auto;}


/* 应用零一 */
.index-product{display:flex;  align-items: center;justify-content:space-between; background:url(../img/index1Bg.png)no-repeat #f3f6fa;padding:7% 0; }
.index-product .left{position:relative;z-index:2;width:35%;padding:0 8%;box-sizing: border-box;}
.index-product .left .subtitle{line-height:40px; font-size:40px; color: #333;margin-bottom:5%; font-weight:bold;}
.index-product .left .title{margin-bottom:2%;line-height:1em;font-size:36px; color: #dedede; text-transform: uppercase; font-weight: bold;}
.index-product .left .title span { color: #c1a25f}
.index-product .left p{font-size: 16px;margin-top:8%; color: #888;}
.index-product .left .hover-btn{margin-top:10%}
.hover-btn{display:inline-block;position:relative;padding:0.5em 2.3em;font-size:16px;color:#fff !important;border:1px solid #c1a25f;border-radius:3em;overflow:hidden;transition:all 0.4s}
.hover-btn:hover{color:#c1a25f !important;border:1px solid #c1a25f !important;}
.hover-btn span{position:relative;z-index:3;color:inherit}
.hover-btn:before{transition:all 0.6s;transform:scale(0);position:absolute;left:0%;bottom:0%;z-index:2;width:40px;height:30px;border-radius:100%;background:#fff;content:""}
.hover-btn:after{position:absolute;left:0;top:0;width:100%;height:100%;background:#c1a25f;content:""}
.hover-btn:hover:before{transition:all 0.6s;transform:scale(10)}

#product-list{width:65%;padding:0 0 70px;}
#product-list .swiper-pagination{top:auto;bottom:0}
#product-list .swiper-pagination-progressbar{background:#fff}
#product-list .swiper-slide a{display:block;background:#fff;}
#product-list .swiper-slide img{width: 100%; display: block;}
#product-list .swiper-slide a .title{text-align:center;font-size:20px;transition:all 0.4s; padding:5%; box-sizing: border-box; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#product-list .swiper-slide a:hover .title{color:#c1a25f}
#product-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#c1a25f}

.product-btn{position:absolute;z-index:2;right:100px;bottom:0;padding:0;transform:translate(50%,0%)}
.product-btn > div{width:45px;height:42px;line-height:42px;font-size:18px;text-align:center;color:#fff;background:#171717;transition:all 0.4s;float:left;margin-left:10px;}
.product-btn > div.prev{background:#999999}
.product-btn > div:hover{background:#c1a25f}
.product-btn > div span{font-size:inherit;line-height:inherit;color:inherit}
.title-ms{ margin:0 30px 30px 30px;color:#333; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.title-more{text-align:center;padding-bottom:30px;}


.inapp{ background:#fff; padding: 3% 0; overflow: hidden;}
.index_div{ width:100%; height:auto; float:left; padding:40px 0; min-height:300px; background:#f5f5f5;}
.index_tt{ width:100%; height:auto; text-align:center; margin-bottom:25px; font-size:18px; line-height:30px; overflow: hidden;}
.index_tt strong{ width:100px; height:auto; line-height:46px; font-size:40px; color:#161616; font-weight:600;}




.index_sol{ width:100%; height:auto; float:left; margin:10px 0;}
.index_sol dl{ width:19%; height:auto; float:left; text-align:center; cursor:pointer; margin:0.5%;}
.index_sol dl dt{ width:100%; height:auto; float:left;}
.index_sol dl dt img{ width:80px; height:auto; display:block; margin:0 auto;}
.index_sol dl dt img.img1{ display:none;}
.index_sol dl dd{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; overflow:hidden;}
.index_sol dl.cur dd,.index_sol dl:hover dd{ color:#c1a25f;}
.index_sol dl.cur dt img.img,.index_sol dl:hover dt img.img{ display:none;}
.index_sol dl.cur dt img.img1,.index_sol dl:hover dt img.img1{ display:block;}

div.i_sol{ width:100%; height:100%; float:left; background-size:cover !important; display:none;}
.i_solwz{ width:40%; height:100%; float:left; background:rgba(193,162,95,0.8); color:#fff; padding:10.12% 3%; box-sizing:border-box;}
.i_solwz span{ font-size:18px; width:100%; height:auto; line-height:25px; float:left;}
.i_solwz .inapbt a{ font-size:24px; width:100%; height:auto; line-height:34px; font-weight:600; color:#fff; float:left;}
.i_solwz p{ width:100%; height:132px; line-height:22px; font-size:14px; float:left; overflow:hidden; color:#f2ecec; margin:15px 0 20px 0;}
.i_solwz a.a{ width:130px; height:40px; line-height:40px; float:left; background:url(../img/a_more.png) 100px center no-repeat #fff; text-indent:15px; border-radius:5px;}
.i_solwz a.a:hover{ opacity:0.8;}

.innews{ padding:0% 0 2%;}
.innews .swiper-news{position:relative; overflow:hidden;}
.innews .index_news{ margin-bottom:3%;}
.innews .index_news .swiper-slide{ position:relative;}
.innews .swiper-button-next,.innews .swiper-button-prev{width:45px;height:45px;text-align:center;box-sizing:border-box;}
.innews .left{right:0;outline:medium; background:rgba(0,0,0,0.65);}
.innews .right{left:-0;outline:medium; background:rgba(0,0,0,0.65);}
.innews .left:hover i,.innews .right:hover i{color:#c1a25f;}
.innews .swiper-pagination-bi{position:absolute;bottom:-15px;z-index:11;text-align:center; width:100%;}
.innews .swiper-pagination-bi .swiper-pagination-bullet{margin:0 5px;}
.innews .swiper-pagination-bullet{width:12px;height:12px;background:#bbb;border-radius:10px}
.innews .swiper-pagination-bullet-active{background:#c1a25f;opacity:1;}
.innews .swiper-button-next::after,.innews .swiper-button-prev::after{display:none;}
.innews .index_news .swiper-slide .pic{overflow:hidden;}
.innews .index_news .swiper-slide .pic img{width:100%; display:block;}
.innews .index_news .swiper-slide .txt{padding:5% 3%; box-sizing:border-box; background: #f5f5f5;}
.innews .index_news .swiper-slide a:hover .txt{background:#c1a25f;color:#FFF;}

.innews .index_news .swiper-slide .txt .pbt{font-size:18px;font-weight:400;  color:#333;}
.innews .index_news .swiper-slide a:hover .txt .pbt{color:#FFF;}
.innews .index_news .swiper-slide .txt p{margin-top:2%;line-height:24px; display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 2代表超出两行显示省略号，几行省略就写几 */
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical; font-size: 16px;}
.innews .index_news .swiper-slide .txt .pmore{margin-top:20px;line-height:40px;border-bottom:1px solid #FFF;display:inline-table;visibility:hidden;opacity:0;transition:all 0.3s;}
.innews .index_news .swiper-slide a:hover .txt .pmore{visibility:visible;opacity:1;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display:none;}
.innews .swiper-news .swiper-paginations{bottom:0px; text-align: center;}
.innews .swiper-news .swiper-button-prev, .innews .swiper-news .swiper-button-next{top:38%}



/*gotop*/
#gotop {
    width: 57px;
    height: 58px;
    background: url("../img/top.png") no-repeat;
    position: fixed;
    right: 10px;
    cursor: pointer;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}



#gotop {
    bottom: 132px;
}

#code_img {
    width: 270px;
    height: 355px;
    background: url("../img/code.jpg") -4px -3px no-repeat;
    position: fixed;
    right: 108px;
    bottom: 135px;
    cursor: pointer;
    display: none;
    z-index: 999;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    _margin-bottom: 135px;
}





.bottomdiv{ width:100%; height:auto; float:left; padding:4% 0; background:url(../img/bottombj.jpg) right center no-repeat #3a3c3b; background-size:60% 100%; overflow: hidden;}
.bottomleft{ width:40%; height:auto; float:left; color:#fff; padding-right:50px; box-sizing:border-box;}
.bottomleft .fbt{ width:100%; height:auto; float:left; font-size:22px; line-height:28px;}
.bottomleft p{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; font-weight:normal;}
.bottomleft strong{ width:100%; height:auto; float:left; margin:3% 0; font-size:20px; line-height:30px;}
.bottomleft dl{ width:100%; height:auto; float:left;}
.bottomleft dl dt{ width:auto; height:40px; line-height:40px; float:left; font-size:16px;}
.bottomleft dl dd{ width:auto; height:auto; float:left; }
.bottomleft dl dd a img{ width:30px; height:30px; margin:5px; display:block;}

.bottomright{ width:60%; height:auto; float:left; box-sizing:border-box;}
.bottomright dl{ width:40%; height:auto; float:left;}
.bottomright dl dt{ width:100%; height:auto; float:left; font-size:20px; font-weight:bold; line-height:28px; color:#fff;}
.bottomright dl dd{ width:100%; height:auto; float:left; margin-top:8px;}
.bottomright dl dd a{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; padding:2px 0; opacity:0.9; color:#fff;}
.bottomright dl dd a:hover{ opacity:1;}
.bottomright dl.d1{ width:30%;}
.bottomright dl dd p.p{ width:100%; height:auto; float:left; padding:2px 0; font-size:15px; line-height:24px; color:#fff;}
.bottomright dl dd p.p1{ width:100%; height:auto; float:left; margin-top:25px; position:relative; padding-right:85px; box-sizing:border-box;}
.bottomright dl dd p.p1 .input{ width:100%; height:50px; line-height:50px; background:#fff; text-indent:10px; font-size:14px; border:none; outline:none;}
.bottomright dl dd p.p1 .button{ width:85px; height:50px; float:right; margin-right:-85px; font-size:16px; margin-top:0px; border:none; background:#c1a25f; color:#fff; outline:none; cursor:pointer;}
.bottomright dl dd p.p1 .button:hover{ background:#0a8d3b;}
.bqxxdiv{ width:100%; height:auto; float:left; padding:15px 0; background:#212121; text-align:center; font-size:14px; color:#fff;}
.bqxxdiv a{ color:#fff;}


/*内页代码*/
.banner_ny{}
.banner_ny img{width: 100%; display: block;}

.sun-navs{width: 100%; height: 55px; background-color: rgba(0, 0, 0, 0.75); position: absolute; margin-top: -55px; }
.sun-navs ul{text-align: center; font-size: 0; display: flex; align-items: center; justify-content: center;}
.sun-navs ul li{ white-space:nowrap; padding: 0 3%; text-align: center; font-size: 16px; color: #fff; line-height: 55px; cursor: pointer; transition: all .5s ease; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}
.sun-navs ul li a{color: #fff;}
.actives{background-color: #c1a25f; color: #fff !important;}
.sun-navs ul li:hover{background-color: #c1a25f; color: #fff;}


/*gywm*/
.gywm{ padding: 3% 0; overflow: hidden;}
.gywm .pd06{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.gywm-l{width:calc(50% - 80px);}
.gywm-l .anybt{font-size:26px;margin-bottom:4%; color: #333; font-weight: 600;}
.gywm-l .anyline{margin-bottom:4%;background:#eee;}
.gywm-l .anyline p{height:1px;background:#c1a25f;width:66px;}
.gywm-l .div1{font-size:16px;line-height:28px;color:#5f5f5f;}
.gywm-r{width:50%;overflow:hidden;position:relative; }
.gywm-r img{display: block;width:100%; transition: 0.5s;}
.gywm-r p{position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:3;display: flex;justify-content: center;align-items: center;}
.gywm-r p i{display:block;background: url(../img/sp.png)no-repeat center;width:40px;height:40px;position:relative}
.gywm-r p i img{position:relative;z-index:3;display:block;}
.point, .point::before, .point::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #c1a25f;content: '';top:0;}
.point::before{animation: scale 2s infinite; }
.point::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0;}}
.gywm-r:hover>img{transform:scale(1.1);}

.video{cursor:pointer;}
#fade { display: none; background: #000000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index: 9999;}
.top_popupbox{max-width:80%;width:600px;height: auto;border:2px solid #847d6a;border-radius:8px;padding:17px;background-repeat:no-repeat;display: none; /* Hidden as default */float: left;position: fixed;top: 50%; left: 50%;z-index: 99999;opacity:1px;background: #fff;-webkit-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);}
.popupbox i,.top_popupbox i {background: rgba(0, 0, 0, 0) url("../img/guanbi.png") no-repeat scroll 0 0;padding: 16px;position: absolute;right: -8px;top: -8px;}
iframe#sp{width:100%;height:400px;}
video#sp{width:100%;max-height:80vh;}


.ny_lx{ overflow: hidden;display: flex;justify-content: space-between; width: 100%;}
.ny_lx .txt{width: 35%;border: 1px solid #ddd;padding: 20px; box-sizing: border-box;}
.ny_lx .txt .btyw{font-size: 24px;line-height: 24px;color: #333;padding-bottom: 15px;font-weight: 100;}
.ny_lx .txt .bt{font-size: 42px;line-height: 42px;color: #333;}
.ny_lx .txt .nr{font-size: 16px;line-height: 36px;color: #666;margin-top: 20px;}
.ny_lx .txt .nr ul li{font-size: 18px;line-height: 30px;color: #333;display: flex;border-bottom: 1px solid #ddd;padding: 2.9% 0;}
.ny_lx .txt .nr ul li i,.ny_lx .txt .nr ul li em{width: 60px; font-size: 36px;line-height: 36px;color: #005ba4;text-align: center;}
.ny_lx .txt .nr ul li p{flex:1;width: 100%;}
.ny_lx .txt .nr ul li p span{font-weight: bold;}
.ny_lx .dt{width: 62%;border: 1px solid #ddd;overflow: hidden;}
.map{width:100%; overflow:hidden;}
.map #map_container{height:480px;border:5px solid #fff; font-size:15px; font-family:'Poppins';font-weight:normal;color:#000;}


.col_feb {width: 100%; padding:2%; text-align: left; border-radius: 10px; background: #fff; box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 8%); margin-top: 3%;}
.co_onr {width: 100%; overflow: hidden;}
.co_onr .febt{font-size: 30px;line-height: 1.2;color:#000;margin-bottom:2%;font-weight: normal;}
.co_onr p{ font-size: 16px; line-height: 1.5; color: #333; margin-bottom:4%; overflow: hidden;}
.co_onr ul li{overflow: hidden;float: left;width: 49%;}
.co_onr ul li span{display: block; font-size: 16px;color: #333; margin-bottom:5px;}
.co_onr ul li i{ display: inline-block; position: relative; width:100%; font-size: 14px; color: #666666; text-transform: uppercase;}
.co_onr ul li input{border: none;border: 1px solid #c9c9c9;width: 100%;line-height: 42px;height: 42px;background: #fff;padding: 0 15px;border-radius: 4px;}
.co_onr ul li.mal{ margin-left:2%; margin-bottom: 15px;}
.co_onr ul li.long{clear: both;width: 100%;margin-bottom: 15px;}
.co_onr ul li.long input{width: 100%;outline: none;}
.co_onr ul li.long textarea{border: none;height: 128px;width: 100%;outline: none;border: 1px solid #c9c9c9;background: #fff;padding: 10px 15px; border-radius: 4px; }
.co_onr ul li.long2{margin-bottom: 16px;}
.co_onr ul li.lst{line-height:45px;font-size: 15px;width:  100%; padding-bottom: 20px;}
.co_onr ul li.lst button{display: inline-block;float: left;width: 200px;height: 42px;line-height: 42px;color: #fff;cursor: pointer;border: none;font-size: 16px; font-family: 'Poppins';
  text-transform: capitalize;padding-right: 0;background: #c1a25f;  border-radius: 6px;}


.new22{overflow: hidden;}
.new22 ul{margin-right: -2%;}
.new22 li{width: 48%; float: left; margin-bottom: 2%; margin-right: 2%; padding: 1%; box-sizing: border-box; border: 1px solid #e0e0e0;}
.new22 li a{ display: flex; align-items: center;}
.new22 li .pimg{width:32%; margin-right:5%; float: left;}
.new22 li .pimg img{width: 100%; display: block;}
.new22 li .ntext{overflow: hidden; width:62%; float: right;}
.new22 li .ntext .n1{font-size: 16px; line-height: 24px; color: #000; font-weight: 600;}
.new22 li .ntext .n2{-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden; font-size: 14px; line-height: 24px;  color: #333; margin: 2% 0;}
.new22 li .ntext .n3{font-size: 12px; color: #c1a25f; margin-top: 3%;}

.about_x2.bgs2{overflow:hidden;}
.about_x2.bgs2.bgs3 .con_id{ padding-top:0;}
.about_x2.bgs2 .show_t{ text-align:center;line-height:32px; font-size:28px; color:#c1a25f ;margin-bottom:16px; margin-top:12px; font-weight:400;}
.about_x2.bgs2 .con_line{ text-align:center; line-height:35px; font-size:15px; border-bottom:1px solid #eee; padding-bottom:10px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id{ line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding:3% 0;font-size:15px; color:#444;text-align:left;}
.about_x2.bgs2 .con_id img{max-width:100%; display:block; margin:auto;}
.about_x2.bgs2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}

.flexsb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;}
.flexsa{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-around;}
.flexlf{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: left;}
.flexed{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: flex-end;}
.flexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;}
.cflexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;flex-direction: column;flex-wrap: wrap;}

.download{position:relative;}
.download .download-ul{flex-wrap:wrap}
.download .download-ul ul{margin-right: -1%;}
.download .download-ul li{background-color:#ffffff;border:solid 1px #e7e7e7;margin-right:1%;margin-bottom:2%;width:49%;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.download .download-ul li a{padding:3%;align-items:center; box-sizing: border-box;}
.download .download-ul li:nth-child(2n){margin-right:0px}
.download .download-ul-leftimg{width:60px;height:60px;background-color:#ffffff;border:solid 1px #eeeeee;overflow:hidden;position:relative}
.download .download-ul-leftimg img{vertical-align: middle;text-align: center;display: block;margin: auto;padding-top:16%;}
.download .download-ul-leftfont{width:81%;padding-left:18px}
.download .download-ul-leftfont .dot{font-size:18px;color:#333333}
.download .download-ul-leftfont time{font-size:14px;line-height:28px;color:#888888}
.download .down{display:block;width:136px;height:42px;background-color:#c1a25f;border-radius:21px;text-align:center;font-size:14px;line-height:36px;color:#ffffff;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;border:1px solid #fff}
.download .down .iconfont{width:20px;height:20px;color:#ffffff;border-radius:50%;line-height:20px;text-align:center;overflow:hidden;border:1px solid #fff;display:inline-block;vertical-align:middle;font-size:14px}
.download .down span{display:inline-block;vertical-align:middle}
.download .download-ul-left{width:78%;align-items:center}
.download .download-ul li:hover{background-color:#c1a25f}
.download .download-ul li:hover .download-ul-leftfont .dot,.download .download-ul li:hover .download-ul-leftfont time{color:#fff}
.download .jzmore{width:70px;display:block;margin:20px auto 0 auto;text-align:center}
.download .jzmore .iconfont{overflow:hidden;font-size:24px;color:#989898;display:block;margin:0 auto;text-align:center;-webkit-animation:circle 2s infinite linear;-moz-animation:circle 2s infinite linear;-ms-animation:circle 2s infinite linear;-o-animation:circle 2s infinite linear;animation:circle 2s infinite linear}
@-webkit-keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@-moz-keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@-ms-keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@-o-keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.download .jzmore span{font-size:16px;line-height:26px;color:#666666;text-align:center;margin-top:6px;display:inline-block;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.download .jzmore:hover span,.download .jzmore:hover .iconfont{color:#BD0004}


.nyabout{overflow: hidden;}
.nyabout .text{font-size: 16px;line-height: 28px;color: #5f5f5f;}

.productBox{display:flex;flex-wrap:wrap;}
.productBox .item{background:#fff;width:calc((100% - 2%) / 2);margin-right:2%;margin-bottom:2%; border: 1px solid #eee;}
.productBox .item:nth-child(2n){margin-right:0;}
.productBox .item a{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.productBox .item a .text{width:60%;padding:3%; box-sizing: border-box;}
.productBox .item a .text .title{font-size:22px;color:#084ba1;font-family:Montserrat-Bold;}
.productBox .item a .text .line{width:100%;height:2px;background:#f7f7f7;position:relative;margin:3% 0;}
.productBox .item a .text .line::after{content:'';position:absolute;left:0;top:0;width:20%;height:2px;background:#084ba1;transition:all 0.5s;}
.productBox .item:hover a .text .line::after{width:100%;transition:all 0.5s;}
.productBox .item a .text .summary{font-size:15px;color:#8b8b8b;line-height:1.8; overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.productBox .item a .text .proMore{margin-top:4%;color:rgba(0,0,0,0.4);font-size:14px;border-bottom:1px solid rgba(0,0,0,0.1);align-items:center;padding-bottom:6px;justify-content:space-between;display:inline-block;}
.productBox .item:hover a .text .proMore,.productBox .item:hover a .text i{color:#084ba1;/*filter:brightness(0);*/
border-color:#084ba1;opacity:1;}
.productBox .item:hover a .text i{filter:none;}
.productBox .item a .imgBox{width:40%;position:relative;height:0;padding-bottom:40%;}
.productBox .item a .imgBox img{position:absolute;height:auto;width:100%;max-width:inherit;margin-left:50%;transform:translateX(-50%);}
.productBox .item:hover a .imgBox img{transform:translateX(-50%) scale(1.1);}

.imgBox{overflow:hidden;}
.imgBox img{width:100%;max-width:100%;transition:all 0.5s;}



.probox{padding: 0 5%; box-sizing: border-box; overflow: hidden;}
.productss{width:100%; overflow: hidden;}
.productss img{width: 100% !important;}
.promore_l{width:48%;float:left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%;border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:100%;height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:32px;height:32px;cursor:pointer;margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%;height:51px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6;padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #084ba1;padding:1px;}
.pros_right{width:48%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:30px;color:#084ba1;padding-bottom:3%;}
.pros_right_top .pwz{overflow:hidden;font-size:16px;color:#333;line-height:25px;padding-bottom:3%;}
.proleft{font-size:16px;line-height:30px;margin:5% 0;}
.proleft .bt{font-size: 16px; font-weight: 600; color: #084ba1;}
.proleft p{font-size:14px;line-height:25px;}
.prorights{font-size:14px;line-height:30px;margin:2% 0; width: 68%; float: left; }
.prorights .bt{font-size: 16px; font-weight: 600; color: #084ba1;}
.prorights p{font-size:16px;line-height:25px; width: 48%; float: left; margin-right: 2%;}

.proleftbutter{margin: 3% 0; overflow: hidden;}
.proleftbutter .h4_bt{float: left; font-size: 16px;line-height: 40px;color: #fff;text-align: center;background: #084ba1;border-radius: 3px;-webkit-transition:0.5s;transition:0.5s;cursor: pointer;padding: 0 20px;}
.proleftbutter .h4_bt:nth-child(2){background: #e62129;padding: 0 30px;margin-left: 20px;}
.proleftbutter .h4_bt span{font-size: 24px;padding-right: 5px;float: left;}

.swiper-slide{background-size:cover;background-position:center}
.mySwiper3{height:80%;width:100%}
.mySwiper4{height:20%;box-sizing:border-box;padding:10px 0}
.mySwiper4 .swiper-slide{width:25%;height:100%;opacity:0.4}
.mySwiper4 .swiper-slide-thumb-active{opacity:1}
.promore_l .swiper-slide img{display:block;width:100% !important;height:100%;object-fit:cover;}
.mySwiper4 .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.mySwiper4 .swiper-slide img{display:block;width:98%;height:100%;object-fit:cover; border: 1px solid #084ba1;}
.mySwiper3 .swiper-button-next:after, .mySwiper3 .swiper-button-prev:after{color: #084ba1; background: none;}
.boxw{margin-top:0%; width:65%;} 

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.proleft_btn{width:100%;float:left;margin-top:3%;}
.proleft_btn li{width:150px;float:left;margin-right:10px;}
.proleft_btn li a{width:150px;height:40px;float:left;line-height:40px;text-align:center;font-size:16px;background:#eee;display:block;color: #333722}
.proleft_btn li span{float:left;padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333;color:#fff;}
.tabs-basic{width:100%;margin-top:3%;float:left;}
/* The tabs*/.tabs-basic ul{list-style:none;text-align:left;margin:0;padding:0;border-bottom:1px solid #e6e6e6;background:#eee;}
.tabs-basic ul li{display:inline-block;margin-bottom:-1px;font-size:16px;text-transform:uppercase;}
.tabs-basic a{display:block;text-decoration:none;background:#333;border:1px solid transparent;padding:10px 40px;color: #fff}
.tabs-basic .tab-active{border-bottom:2px solid #084ba1;color:#fff;background:#084ba1;}
/* The content*/.tabs-basic .tabs-content-placeholder{overflow:hidden;margin:auto;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;line-height:30px;font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active video{display: block;margin:2% auto;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6;line-height:24px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px;text-align:left;margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;margin:auto;display: block;clear: both;}
.tabs-basic table{border-collapse:collapse;border: 1px #e6e6e6 solid !important;width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important;padding-left:12px !important;word-wrap:break-word;word-break:break-all;border:1px #e6e6e6 solid !important;line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.hot_pro2{width:100%;float:left;margin-top:3%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#333;line-height:45px;font-size:16px;padding:0 20px;border:1px solid #d6d6d6;box-sizing: border-box;}
.scrollleft2{width:100%;float:left;margin-top:20px;margin-bottom: 30px;}
.scrollleft2 li{width:200px;float:left;margin-right:20px;overflow:hidden;}
.scrollleft2 li img{width:99%;display:block;border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #084ba1;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block;width:100%;line-height:30px;margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#084ba1;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}


.titlett{margin-bottom:3%;text-align:center;font-size:30px;color:#3f3f3f;position:relative;height:52px;}
.titlett:after{content:'';position:absolute;background:#084ba1;width:0.26rem;height:0.03rem;left:50%;margin-left:-0.13rem;bottom:0px;}

.i1_ne {position: relative;z-index: 5; padding:0 0 5% 0;}
.i1_ne .ibt{position: relative; padding:0;overflow: hidden; padding:0 3.6%; box-sizing: border-box;}
.i1_ne .ibt .swiper3 {  overflow: hidden;}
.i1_ne .ibt .swiper3 .scrollbar3 {display: none;}
.i1_ne .ibt .swiper3 .swiper-slide {-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.i1_ne .ibt .swiper3 .swiper-slide * {-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox {position: relative;overflow: hidden; box-sizing: border-box; margin-right: 3%;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox a {display: block;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox a img {display: block; margin: 0 auto; max-width: 100%;border: 1px solid #eee;;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox .txt {font-size:22px; line-height:40px; text-align: center; margin:3% 0 0; border-bottom: #ececec solid 2px; color: #333;}
.i1_ne .ibt .swiper3 .swiper-slide .sbox .txt p{font-size:15px; line-height:26px; margin:2% 0; color: #666; overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;}
.i1_ne .ibt .swiper3 .swiper-slide:hover .sbox .txt {flex-wrap:wrap;align-items: center; width: 100%; height: 100%;justify-content: center;  transition: all .4s ease; border-bottom: #084ba1 solid 2px;}
.i1_ne .ibt .swiper3 .swiper-slide:hover .sbox .txt p{}
.i1_ne .ibt .swiper3 .swiper-slide:hover .sbox{}
.i1_ne  .prev3 {width: 40px;height: 40px;background-image: url(../img/1_11.png);left:0;margin-top: 0;background-size: 40px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.i1_ne  .next3 {width: 40px;height: 40px;background-image: url(../img/1_12.png);right:0;margin-top:0;background-size: 40px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.i1_ne  .prev3:hover {background-image: url(../img/1_11_1.png);}
.i1_ne  .next3:hover {background-image: url(../img/1_12_1.png);}
.i1_ne .swiper-button-prev:after, .i1_ne .swiper-rtl .swiper-button-next:after, .i1_ne .swiper-button-next:after, .i1_ne .swiper-rtl .swiper-button-prev:after{display: none;}



.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}
.new_s2{width:100%;float:left;margin-top:5%;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#c1a25f;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:5% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../img/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #c1a25f}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}

.about_join{width: 100%;height: auto;overflow: hidden;padding: 5% 0}
.about_joinny{margin-top: 0px}
.about_joinny ul{margin-right: -2%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.about_joinny li{width: 48%;margin:0 2% 1% 0;flex-shrink: 0;}
.cjwt-hz{border: 1px solid #d7d7d7;padding:2%;overflow: hidden;cursor: pointer;box-sizing: border-box;margin-top:0%;}
.cjwt-pic{width:20px;float:left;padding-top:5px;margin-right:10px;}
.cjwt-title{margin: 0 0 5px 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cjwt-nr-title a{font-size:18px;color:#333;}
.cjwt-nr-title a:hover{color:#0054a3;}
.cjwt-nr-ms{margin-top:10px;color:#666;}
.cjwt-hd{margin-top:10px;}
.cjwt-hz-tb{padding-top:3px;}
.cjwt-nr{width: 80%;}
.cjwt-hz-bottom{padding:20px;overflow:hidden;display:none;border: 1px solid #d7d7d7;border-top: none;box-sizing: border-box;margin-bottom: 20px;}
.cjwt-hz-bottom.active{display:block;}
.cjwt-hz-bottom-pic{margin-top:8px;}
.cjwt-hz-bottom-wz{font-size:15px;line-height: 28px;}
.cjwt-hz-bottom-zw{height: 20px;line-height: 20px;padding-left: 10px;border-left: 4px solid #0054a3;font-size: 18px;font-weight:bold;}
.cjwt-hz-bottom-fl li{border:1px dashed #0054a3;float:left;margin:0 0.5%;width:80px;text-align:center;color:#0054a3;}
.cjwt-hz-bottom-nt{margin-top: 0px;}
.cjwt-fl{margin-top:20px;}

.Ulimg4{overflow: hidden;}
.Ulimg4 ul{ margin-left:-2%;}
.Ulimg4 li{ float:left; width:18%; margin-left:2%; text-align:center; margin-bottom:2%; box-sizing: border-box; overflow: hidden;}
.Ulimg4 li .upimg{overflow: hidden; border: 1px solid #ccc; padding: 1%; box-sizing: border-box;}
.Ulimg4 li .upimg img{ max-width:100%; -webkit-transition:0.5s;transition:0.5s; margin: 0 auto; height: auto;}
.Ulimg4 li .upimg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.Ulimg4 li span{display:block; line-height:22px; font-size:15px; padding: 12px 0 0;}










.nyprobox{ overflow: hidden; padding: 3% 0 ;}
.nyprobox_left{width: 22%; float: left;}
.nyprobox_left01{box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1); border-radius: 6px; padding-bottom: 3%;}
.nyprobox_left01 .title{padding:5% 8%; border-bottom: 1px solid rgba(144,144,144,.1); box-sizing: border-box; font-size: 18px; text-align: left; color: #333; font-weight: 600;}
.nyprobox_left01 .submenu{overflow: hidden;}
.nyprobox_left01 .submenu li{ width: 100%;}
.nyprobox_left01 .submenu li a.sub1{display: block;padding:3% 8%; box-sizing: border-box; background: url(../img/jtou.png) no-repeat 90% center #fff;font-size: 14px;border-top: 0 none;overflow: hidden;}
.nyprobox_left01 .submenu li a.sub1:hover{background: url(../img/jtou_a.png) no-repeat 90% center #fff;color: #c1a25f;}
.nyprobox_left01 .submenu li.hover a.sub1{background: url(../img/jtou_a.png) no-repeat 90% center #fff;color: #c1a25f;}
.nyprobox_left01 .submenu s{width: 2px; height: 61px; display: block; background: #c1a25f; position: absolute; left: 0; top: 0;}
.nyprobox_left01 .submenu .box{padding-bottom: 0;background: #fff;border: 1px solid #dedede;border-top: 0 none;display: none;}
.nyprobox_left01 .submenu .box a{color: #333;display: block;overflow: hidden; font-size: 14px;padding: 2% 10%; box-sizing: border-box;}
.nyprobox_left01 .submenu .box a s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.nyprobox_left01 .submenu .box a:hover, .nyprobox_left01 .submenu .box a.hover{color: #c1a25f;}
.nyprobox_left01 .submenu .box a:hover, .nyprobox_left01 .submenu .box a.hover{color: #c1a25f; font-weight: 600}
.nyprobox_left01 .submenu li.hover .box{display: block;}

.nyprobox_left02{box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1); border-radius: 6px; padding-bottom: 3%; margin-top: 5%;}
.nyprobox_left02 .title{padding:5% 8%; box-sizing: border-box; font-size: 18px; text-align: left; color: #333; font-weight: 600;}
.nyprobox_left02 .fl_row_s{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;margin-bottom:0; padding: 0 6%; box-sizing: border-box;}
.nyprobox_left02 .fl6_s{width:50%;padding-right:10px;padding-left:10px}
.nyprobox_left02 .fl12_s{width:100%;padding-right:10px;padding-left:10px}
.nyprobox_left02 .enquiry_label{display:block;border:none;position:relative;user-select:none;height:38px;padding:0 14px;background:#fff;margin-bottom:15px;border-radius:4px;border:1px solid #DAD9D9}
.nyprobox_left02 .enquiry_inp{background:0 0;border:none;outline:0;color:inherit;height:100%;display:block;width:100%;font-size:inherit;box-shadow:none;font-weight:500;resize:none;color:#333}
.nyprobox_left02 textarea.enquiry_inp{line-height:20px}
.nyprobox_left02 .required_span{position:absolute;height:18px;line-height:18px;left:10px;top:10px;display:block;pointer-events:none;transition:.1s;font-weight:400;color:#131415;opacity:.5}
.nyprobox_left02 .required_span .font-color{display:none}
.nyprobox_left02 .enquiry_inp[required]+.required_span .font-color{display:inline}
.nyprobox_left02 .enquiry_inp:focus+.required_span,.nyprobox_left02 .enquiry_label.js-select-open .required_span{margin-left:20px;opacity:0}
.nyprobox_left02 .enquiry_label.active .required_span{margin-top:-26px;left:0}
.nyprobox_left02 .required_tips{margin:0;position:absolute;left:2px;bottom:0;font-size:12px;color:#d90000;display:none;pointer-events:none}
.nyprobox_left02 .enquiry_label.errors{border-color:#d90000}
.nyprobox_left02 .enquiry_label.errors .required_tips{display:block}
.nyprobox_left02 .enquiry_btn_box{text-align:center;padding-top:10px;padding-bottom:20px}
.nyprobox_left02 .enquiry_btn_box .read_more_a{border-radius:4px;height:40px;border:none;font-size:14px;color:#FFFFFF;max-width:100%;outline:0;transition:.2s;padding:0;padding:0 30px;line-height:40px}
.nyprobox_left02 .enquiry_btn_box .read_more_a:hover{opacity:.7}
.nyprobox_left02 .enquiry_btn_box .read_more_a:active{opacity:1}
.nyprobox_left02 .enquiry_label.textarea_boxs{height:auto;padding:6px 14px}
.nyprobox_left02 .enquiry_label.textarea_boxs .enquiry_inp{height:auto}
.nyprobox_left02 .enquiry_label.textarea_boxs textarea.enquiry_label{height:auto;resize:none}

.btn_box{text-align:center; background: none;}
.btn{display:block;width:100%}
.btn[btn-types="shallow"] {
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    border-color: #c1a25f;
    border-style: solid;
    border-width: 1px;
    background-color:#c1a25f;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
}

.btn[btn-types="deep"] {
    color:#c1a25f;
    font-size: 14px;
    border-color: rgba(255, 255, 255, 1);
    border-style: solid;
    border-width: 1px;
    background-color: rgba(255, 255, 255, 1);
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
}


.nyprobox_left03{box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1); border-radius: 6px; padding-bottom: 3%; margin-top: 5%;}
.nyprobox_left03 .title{padding:5% 8%; box-sizing: border-box; font-size: 18px; text-align: left; color: #333; font-weight: 600;}

.nyprobox_left03 .proleftbox{padding:0% 8%; box-sizing: border-box; overflow: hidden;}
.nyprobox_left03 .proleftbox ul{}
.nyprobox_left03 .proleftbox li{margin-bottom: 3%; display: flex;
  justify-content: space-between;
  align-items: center;}
.nyprobox_left03 .proleftbox li .lpic{width:50%; float: left; border: 1px solid #eee;}
.nyprobox_left03 .proleftbox li .lpic img{width: 100%; display: block; clear: both; margin: auto;}
.nyprobox_left03 .proleftbox li .ltext{width:46%; float: right;}
.nyprobox_left03 .proleftbox li .ltext .p1{font-size: 14px; line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap; font-weight: 400; color: #555;}
.nyprobox_left03 .proleftbox li .ltext .p2{width: 100%;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 20px;
  opacity: .6;
  white-space: normal;
  word-wrap: break-word;}


.nyprobox_right{width: 76%; float: right;}
.nyprobox_right .ptitle{font-size: 14px;margin-bottom: 15px;opacity: .8;}

.hot_pro2{width:100%;float:left;margin-top:3%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#333;line-height:45px;font-size:16px;padding:0 20px;border:1px solid #d6d6d6;box-sizing: border-box;}
.scrollleft2{width:100%;float:left;margin-top:20px;margin-bottom: 30px;}
.scrollleft2 li{width:200px;float:left;margin-right:20px;overflow:hidden;}
.scrollleft2 li img{width:99%;display:block;border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #c1a25f;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block;width:100%;line-height:30px;margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#c1a25f;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}

.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:33%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #c1a25f;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#ef8200;color:#fff;}
.pbtn a:nth-child(2){width:50%; background:#ef8200;}


.workshopbox{padding: 4% 0; background: #f8f8f8; overflow: hidden;}
.workshopbox_title{font-size: 30px; color: #c1a25f; padding-bottom:30px; display: block; text-align: center;}
.workshopbox_wz{max-width: 80%;font-size:18px;font-weight: 400;  line-height: 1.5;  color: #555;text-align: center; padding-bottom:45px; margin: 0 auto;}


.newbox{width:100%; overflow: hidden;}
.newbox .nleft{ width: 55%; float: left; font-size: 16px; line-height: 30px; color: #000;}
.newbox .nleft .b1{font-size: 30px; font-weight: 600; }
.newbox .nleft .b2{ font-size: 16px; line-height: 30px; color: #000; margin: 8% 0; font-weight: 600;}
.newbox .nleft .b3{border-left: 3px solid #325e77;padding-left: 4%; font-weight: 600;}
.newbox .nright{width: 40%; float: right;}
.newbox .nright img{width: 100%; height: auto; display: block;}

.newbox2{width:100%; overflow: hidden;}
.newbox2 .nleft{width: 40%; float: right;}
.newbox2 .nleft img{width: 100%; height: auto; display: block;}
.newbox2 .nright{ width: 55%; float: left; font-size: 16px; line-height: 30px; color: #000;}
.newbox2 .nright .b1{font-size: 30px; font-weight: 600; }
.newbox2 .nright .b2{ font-size: 16px; line-height: 30px; color: #000; margin: 8% 0; font-weight: 600;}
.newbox2 .nright .b3{border-left: 3px solid #325e77;padding-left: 4%; font-weight: 600;}

.mxwzx {overflow: hidden;}
.mxwzx ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.mxwzx ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%; position:relative; border: 1px #eaeaea solid;}
.mxwzx ul li .xwzx_img{overflow:hidden;}
.mxwzx ul li .xwzx_img img{transition:all 0.5s; max-width: 100%; display: block; margin: auto; clear: both;}
.mxwzx ul li:hover .xwzx_img img{transform:scale(1.1);}
.mxwzx ul li .xwzx_wb{padding:4%; background:#f8f8f8;}
.mxwzx ul li .xwzx_wb .xwzx_rq{color:#999; font-size:14px; line-height:22px;}
.mxwzx ul li .xwzx_wb .xwzx_bt{font-size:18px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #222222; font-weight: 600;}
.mxwzx ul li .xwzx_wb .xwzx_wz{color:#777; font-size:14px; line-height:22px; margin-top:1.5%; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}