/* devanagari */



*{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:'Microsoft YaHei',sans-serif, Arial;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:#ffd500;}

.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;}
.h60{} 

/** 重置表格元素 **/
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{padding: 0 6%;}

.top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 99;-webkit-transition: 0.5s;transition: 0.5s;height:70px; background: ;}
.top_h{}
.top_h .logo{}
.top_h .logo img{display: block;height:70px;padding: 15px 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: 70px;font-size:16px;position: relative;color: #fff;padding: 0 30px;-webkit-transition:0.5s;transition:0.5s;text-transform: uppercase;}
.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: #ffd500; font-weight: 600;}
.dh ul li{position: relative;z-index: 8;}
.dh ul li .dh_fl{position: absolute;left: 0;top: 70px;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:#000;}
.dh ul li .dh_fl ul li .dh_fl{left: 100%;padding-left: 5px;top: 0;}

.top_ss{margin-left: 0.2rem;}
.top_ss span.button{ display:block; width:30px; height:70px;font-size: 20px;line-height: 70px;text-align: center;color: #fff; 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: 70px;color: #fff;display: block;cursor: pointer;-webkit-transition:0.5s;transition:0.5s;}
.top_yy span:after{content: "";float: right;border-top: 6px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-left: 5px;margin-top: 33px;-webkit-transition:0.5s;transition:0.5s;}
.top_yy_xl{position: absolute;left:50%;top: 70px;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: #ffd500;}


.buy-box{position:relative; }
.buy-box .tit{display:block;font-size:16px;line-height:70px;padding-left:.4rem;background-repeat:no-repeat;background-position:left center;background-size:.625rem;color:#fff;background-size:.25rem;background-image:url('../img/buy-tit.png');transition:all .3s}
.buy-box .sub{position:absolute;left:50%;top:65px;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;left:-68%;top:44px;opacity:0;transition:all .4s}
.wxbox2.active{opacity:1}
.wxbox2 img{position:absolute;width:120px;border-radius:8px;left:0;top:44px;right:0;bottom:0;margin:auto;z-index:2}

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

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

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

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

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

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

.wxbox8{position:absolute;z-index:9;width:140px;height:140px;left:-68%;bottom:0;opacity:0;transition:all .4s}
.wxbox8.active{opacity:1}
.wxbox8 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{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: #121212;}
.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: #fff;}
.top_bg.on .dh ul li:hover p a{color: #ffd500;}
.top_bg.on .top_ss span.button{color: #fff;}
.top_bg.on .top_yy span{color: #fff;}
.top_bg.on .top_yy span:after{border-top: 6px solid #333;}
.top_bg.on .buy-box .tit{display:block;font-size:16px;line-height:70px;padding-left:.4rem;background-repeat:no-repeat;background-position:left center;background-size:.625rem;color:#fff;background-size:.25rem;background-image:url('../img/buy-tit.png');transition:all .3s}

.top_bg.on2{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: #121212;}
.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: #fff;}
.top_bg.on2 .dh ul li:hover p a{color: #ffd500;}
.top_bg.on2 .top_ss span.button{color: #fff;}
.top_bg.on2 .top_yy span{color: #fff;}
.top_bg.on2 .top_yy span:after{border-top: 6px solid #fff;}
.top_bg.on2 .buy-box .tit{display:block;font-size:16px;line-height:70px;padding-left:.4rem;background-repeat:no-repeat;background-position:left center;background-size:.625rem;color:#fff;background-size:.25rem;background-image:url('../img/buy-tit.png');transition:all .3s}


.top_bg.on3{top:0px;}

.sp_header, .sjj_nav{display: none;}



.banner{ width:100%; overflow:hidden;position:relative; }
.banner ul li a{display: block;height: 100%;}
.banner ul li .img{overflow: hidden;height: 100%;}
.banner ul li .img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover; font-size: 0;}
.banner ul li .txt{position: absolute;left:0%;top:35%; display:block;text-align: center;width: 100%;}
.banner ul li .teaser{left:0%;top:18%;}
.banner ul li .teaser2{left:0%;top:30%;}
.banner ul li .txt .b_1{text-align: center;}
.banner ul li .txt .b_1 img{display: block; margin: 0 auto 3%;}
.banner ul li .txt .b_2{font-size:36px;line-height:36px;color: #fff; text-align: center; letter-spacing: 16px;}
.banner ul li .txt .ml1{font-size:56px;line-height:36px;color: #ffd500; text-align: center; font-weight: 600; }
.banner ul li .txt .ml1 span{font-size:42px;color: #fff;}
.banner ul li .txt .ml2{font-size:42px;line-height: 24px;color: #fff;margin-top:7%;text-align: center; letter-spacing:8px;}
.banner ul li .txt .ml3{font-size:36px;line-height:36px;color: #ffd500; text-align: left;letter-spacing:3px; font-weight: 600; margin-left: 10%;}
.banner ul li .txt .ml4{font-size:56px;line-height: 24px;color: #fff;margin-top:12%; text-align: left;letter-spacing:8px;}
.banner ul li .txt .ml5{font-size: 26px;line-height: 24px;color: #fff;margin-top:22%; text-align: left; letter-spacing:1px; margin-left: 6%;}
.banner ul li.swiper-slide-active .txt .b_1{animation-name:fadeInDown;-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 .b_2{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 .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.2s;animation-delay: 1.2s; -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.4s;animation-delay: 1.4s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml5{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s; -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:#ffd500;}
.bandd span.swiper-pagination-bullet-active:after{content: "";position: absolute;left: -6px;top: -6px;border: 1px solid #ffd500;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:4% 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: #ffd500;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: #ffd500;-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: 1.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: #ffd500;}
.sy_gy .txt .ml4{line-height: 30px;color: #777;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: 4%;display: flex;}
.sy_gy .txt .ml5 a{line-height:45px;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: #ffd500;}
.sy_gy .txt .ml5 a:after{content: "";position: absolute;left: 0;bottom: -1px;width: 24%;height: 1px;background:#ffd500;-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: #ffd500;font-size: 52px;line-height: 52px;font-weight: bold;}
.sy_gy_sz ul li .m2{line-height: 24px;color: #999;margin-top: 5px;}

.numList{ padding:5% 0 0; overflow: hidden;}
.numList ul{display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.numList li{box-sizing: border-box; }
/* .numList li:first-child{ width: 14.5%; padding-left: 0; } */
.numList li:last-child{ float: right; width: auto; background: none; }
.numList li .num{ color: #222; font-size: 16px;}
.numList li .numUp{ color: #e7c204; font-size:42px; line-height:50px; padding-right: 5px;font-weight: 600;}
.numList li .num img{ vertical-align: top; padding-right: 6px; }
.numList li p{ font-size:16px; color: #444;}



.index-title{position: relative;font-size:36px;line-height:48px;font-weight:bold;color:#222;text-align:center;text-transform:uppercase;padding-bottom:20px;}
.inprobox{padding:2% 0 0; overflow: hidden; background: url(../img/p_bg.jpg) center no-repeat;background-size: cover;}
#product-list{margin-top:0%;}
#product-list .swiper-pagination{top:auto;bottom:0}
#product-list .swiper-pagination-progressbar{background:#ccc;margin-top: 3%;}
#product-list .swiper-slide{margin-bottom:2%;}
#product-list .swiper-slide a{display:block;}
#product-list .swiper-slide a .title{margin:3% 0;font-size:28px;transition:all 0.4s; color: #444; text-align: center; font-weight:600;}
#product-list .swiper-slide a:hover .title{color:#000}
#product-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ffd500; height:8px;}

.obj-cover,.obj-cover img{-o-object-fit:cover;object-fit:cover}
.obj-cover img{width:100%;height:100%}
.zoom-img{overflow:hidden}
.zoom-img .img{overflow: hidden;}
.zoom-img img{width:100%;transform:scale(1);transition:all ease 0.6s; overflow: hidden; display: block;}
.zoom-img:hover img{transform:scale(1.075)}

.procptz{width:100%; height: auto;  padding:3% 0; overflow: hidden; background: #fffcf6;}
.procptz ul{margin-top:2%; margin-right: -2%;}
.procptz li{width: 31.333%; float: left; margin-right: 2%; margin-bottom: 2%;} 
.procptz li .ppimg2{}
.procptz li .ppimg2 img{width: 100%;}
.procptz li .text2{}
.procptz li .text2 .ppbt{font-size: 21px; line-height: 45px; color: #343434;}
.procptz li .text2 p{font-size: 14px; line-height: 22px; color: #343434; min-height: 90px;}


.index-Advantage-bj{background:url(../img/ys_bg.jpg) top no-repeat;padding:5% 0 0;position:relative;}
.index-Advantage-title{color:#fff;font-size:45px;line-height:45px;font-weight: bold;}
.index-Advantage-title-ms{margin:4% 0;color:#fff; font-size: 22px;}
.index-Advantage-bj:after{ content:"";background:#f5f5f5; position:absolute;z-index:1;left:0;bottom:0;width:100%;height:50%;}
.index-Global-bj{background:#fff;overflow:hidden;position:relative;z-index:2;display:flex;flex-wrap: wrap;}
.index-Global{width:50%;border:1px solid #f2f2f2;padding:3%; box-sizing: border-box;}
.index-Global:hover{background:#ffd500;}
.index-Global:hover .index-Global-title, .index-Global:hover .index-Global-wb, .index-Global:hover .index-Global-sz{color:#333;}

.index-Global-title{font-size:36px; font-weight: bold;line-height: 32px; display: flex;align-items: center; color: #222;}
.index-Global-title span{padding-left:15px;float:left;width:80%; box-sizing: border-box;}
.index-Global-title img{float:left; width: 100px;}
.index-Global-wb{float:left;margin-top:3%;color:#555;padding-bottom:3%; font-size:18px; line-height:32px;}
.index-Global-sz{font-size:120px;line-height:120px;color:#f0f0f0;font-weight:bold;text-align:right;position:absolute;z-index:1;right:0;bottom:-30px; right:0;text-align:center;padding-right:4%; }

.news{padding:3% 0;justify-content: space-between; overflow: hidden; background: #f5f5f5;}
.newsny{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.newsz{width:60%;justify-content: space-between; float:left; margin-top:1%; }
.newsz a{display:inline-block;width:47%;background:#fff; margin-right: 2%;}
.newsza{overflow: hidden;}
.newsza img{display:block;width:100%;transition: all 0.3s;}
.newszb{box-sizing: border-box;padding:15px;}
.newszb-a{font-size:13px;color:#777;}
.newszb-b{font-size:16px;margin:1% auto; color: #222;font-weight: 600; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newszb-c{line-height:24px;font-size:14px;color:#555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}

.newsy{width:37.5%;background: #fff;box-sizing:border-box;padding:20px; float:right; margin-top:1%;}
.newsy div{width: 98%;}
.newsy a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.newsy a{margin-bottom:3%;justify-content: space-between;}
.newsy a:before{content:'';width:5px;height:5px;background:#ababab;display:block;margin-right:20px;flex-shrink: 0;margin-top:10px;transition: all 0.3s;}
.newsy a:last-child{margin:auto;}

.newsz a:hover img{transform: scale(1.1)}
.newsz a:hover .newszb-b{color:#ffd500;}
.newsy a:hover:before{background:#ffd500;}
.newsy a:hover .newszb-b{color:#ffd500;}


.indexbox{overflow: hidden; padding:1%;}
.indexbox ul{margin-right: -1%; display: flex;}
.indexbox li{margin-right: 1%; width:49%; position: relative;}
.indexbox li .iimg{width: 100%; overflow: hidden;}
.indexbox li .iimg img{width: 100%; display: block; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.indexbox li:hover .iimg img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);}
.indexbox li .inbt{font-size: 24px; color: #000; position: absolute; left: 8%; top: 10%;}

.i_five{ overflow:hidden; padding: 3% 0;}
.i_five ul li{ float:left; width:32%; margin-right:2%; text-align:center;font-size:14px;}
.i_five ul li:nth-child(3n+0){ margin-right:0;}
.i_five ul li img{display:block; margin:0 auto;transition:all 0.3s; margin-top:5px;}
.i_five ul li:hover .cons img{transform: translate(0px, -5px);}
.i_five ul li .cons{ max-width:310px; margin:0 auto; overflow:hidden;}
.i_five ul li .cons .pic{position: relative;}
.i_five ul li .cons img{transition:all 0.3s;  margin-top:5px;}
.i_five ul li .cons .img1{ transition:all 0.3s;}
.i_five ul li .cons .img2{visibility: hidden; transition:all 0.3s;opacity: 0;position: absolute;left: 0;top: 0;right: 0;}
.i_five ul li .ibt{font-weight:bold;  line-height:36px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:28px;transition:all 0.3s; display:block;color:#222; margin-top:4%;}
.i_five ul li .p{ height:48px; line-height:24px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#555;transition:all 0.3s;  margin-top:4%;}
.i_five ul li .more{transition:all 0.3s; overflow:hidden; margin-top:5%; color:#888; display:block; font-style:normal;}
.i_five ul li .more:hover{ text-indent:5px;}
.i_five ul li:hover .ibt{color:#000;}
.i_five ul li:hover .cons .img1{visibility: hidden;opacity: 0;}
.i_five ul li:hover .cons .img2{visibility: visible;opacity: 1;}

.section { height: auto; overflow: hidden;display: flex;;}
.sectionBox { width:50%; background: #ffd500/*99bedc*/; color: #fff; position: relative; font-size: 14px; transition: all .5s; z-index: 1; padding: 2% 0; }
.sectionRight { background: #e6e6e6; color: #000; }
.sectionLeft .font { float: right; padding: 0 3% 0 8%; background: url('../img/s1.png') no-repeat left center; transition: all .4s; box-sizing: border-box;}
.sectionBox .font { color: #333; display: block; z-index: 2; position: relative; }
.sectionBox .font .sbt { font-size:28px; font-weight: 600; height: 40px; }
.sectionRight .font { margin-left: 10%; padding-left: 8%; background: url('../img/s2.png') no-repeat left center; color: #000;  box-sizing: border-box;}
.sectionRight .font .sbt { font-size: 28px; font-weight: 600; height: 40px; }
.sectionLeft:before { content: ""; position: absolute; top: 0; left: 0; height: 175px; width: 0; transition: all .4s; background: #1a1a1a; z-index: 1; }
.sectionRight:before { content: ""; position: absolute; top: 0; right: 0; height: 175px; width: 0; transition: all .4s; background: #1a1a1a; z-index: 1; }
.sectionLeft:hover {z-index: 10; }
.sectionRight:hover {z-index: 10; }
.sectionRight:hover .font { color: #fff; background: url('../img/s2_h.png') no-repeat left center; }
.sectionBox.on { width:60%;}
.sectionLeft:hover::before, .sectionRight:hover::before { width: 100%; }
.sectionLeft:hover .font { color: #fff; background: url('../img/s1_h.png') no-repeat left center; }


.fz_nei{display:flex;align-items:center}
.fen{font-size:18px;margin-right:0.1rem}
@media (max-width:767px){.fz_nei{flex-wrap:wrap;width:40%}
}.dlist{display:flex;align-items:center}
.dlist .li{position:relative;margin-right:0.2rem}
.dlist .li:last-child{margin-right:0}
.dlist .li .er{display:none;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:120px;padding:5px;background-color:#fff;margin-top:15px}
@media (max-width:1580px){.dlist .li .er{width:100px}
}.dlist .li .er img{width:100%}
.dlist a{display:flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;background-color:rgba(51,94,158,0.1);border:solid 1px rgba(255,255,255,0.3);border-radius:50%;position:relative;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;overflow:hidden}
@media (max-width:991px){.dlist a{width:0.6rem;height:0.6rem}
}.dlist a:before{content:"";display:block;position:absolute;top:0;left:0;width:0;height:100%;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;background-color:#333}
.dlist a img{position:relative;opacity:0.8;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;max-width:16px;max-height:16px}
@media (max-width:1580px){.dlist a img{max-width:12px;max-height:12px}
}@media (min-width:768px){.dlist a img{max-width:0.25rem;max-height:0.25rem}
.dlist a:hover{border-color:#333}
.dlist a:hover img{opacity:1}
.dlist a:hover:before{width:100%}
}#hi-img-pop{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#hi-img-pop *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#hi-img-pop .hi-close{position:fixed;top:85%;left:50%;margin-left:-25px;width:40px;height:40px;color:#fff;background:#fff;border-radius:50%;transition:.3s;cursor:pointer}
#hi-img-pop .hi-close:after,#hi-img-pop .hi-close:before{content:"";position:absolute;top:50%;left:50%;z-index:5;width:20px;height:2px;margin:-1px 0 0 -10px;background:#333;transition:.3s}
#hi-img-pop .hi-close:hover{background:#c2b2a5}
#hi-img-pop .hi-close:hover:after,#hi-img-pop .hi-close:hover:before{background:#fff}
#hi-img-pop .hi-close:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#hi-img-pop .hi-close:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#hi-img-pop img{position:fixed;left:50%;top:50%;max-width:90%;max-height:65%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.dlist .li .qr{background-color:#fff;padding:0.27777778em;border-radius:0.27777778em;position:absolute;left:50%;transform:translateX(-50%);bottom:130%;width:10em;display:none; z-index:9;}
.dlist .li .qr img{width:100%;display:block}
.dlist .li:hover .qr:after{border-top:0.27777778em solid #fff;border-left:0.27777778em solid transparent;border-right:0.27777778em solid transparent;content:'';display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%)}
.dlist .li:hover .qr{display:block}
.fsbs{display:flex;display:-webkit-flex;justify-content:space-between;align-items:flex-start}
.fss{display:flex;display:-webkit-flex;justify-content:flex-start;align-items:flex-start}
.fsc{display:flex;display:-webkit-flex;justify-content:flex-start;align-items:center}
.fcss{display:flex;display:-webkit-flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}
.fcc{display:flex;display:-webkit-flex;justify-content:center;align-items:center}
.fsbcw{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;flex-wrap:wrap}

.footerbg{background-color:#222629}
.footer .topbox{padding-top:3%}
.footer .topbox .leftbox{}
.footer .topbox .leftbox .ftitle{font-size:20px;color:#fff;line-height:1}
.footer .topbox .leftbox .fline{width:100%;height:2px;background-color:#fff;opacity:0.04;margin:19px 0 19px}
.footer .topbox .leftbox .fbigtitle{font-size:26px;color:#fff;}
.fqrcodebox{margin:4% 0;text-align:center;color:#79797b;line-height:1}
.fqrcodebox .partbox{margin-right:30px;font-size:14px}
.fqrcodebox .markbox{position:relative;margin-bottom:15px}
.fqrcodebox .markbox:after{content:"";display:block;width:7px;height:7px;box-sizing:border-box;border-top:1px solid #fff;border-left:1px solid #fff;opacity:0.2;position:absolute;top:0;left:0}
.fqrcodebox .markbox:before{content:"";display:block;width:7px;height:7px;box-sizing:border-box;border-top:1px solid #fff;border-right:1px solid #fff;opacity:0.2;position:absolute;top:0;right:0}
.fqrcodebox .markbox .imgbox{position:relative;padding:7px;width:120px;height:120px}
.fqrcodebox .markbox .imgbox:after{content:"";display:block;width:7px;height:7px;box-sizing:border-box;border-bottom:1px solid #fff;border-left:1px solid #fff;opacity:0.2;position:absolute;bottom:0;left:0}
.fqrcodebox .markbox .imgbox:before{content:"";display:block;width:7px;height:7px;box-sizing:border-box;border-bottom:1px solid #fff;border-right:1px solid #fff;opacity:0.2;position:absolute;bottom:0;right:0}
.fqrcodebox .markbox .imgbox img{width:100%}
.footer .topbox .rightbox .partbox{padding-left:90px}
.footer .topbox .rightbox .ftitle{font-size:20px;line-height:1;color:#fff;margin-bottom:34px}
.footer .topbox .rightbox a{font-size:15px;color:#79797b;margin-bottom:18px;transition:0.3s}
.footer .topbox .rightbox a:hover{color:#fff}
.footer .bottombox{margin:0% 0}
.footer .bottombox .partbox:not(:last-child){margin-right:72px}
.footer .bottombox .imgbox{background-color:#ffd500;width:33px;height:33px;border-radius:50%;margin-right:12px}
.footer .bottombox .imgbox img{max-width:17px}
.footer .bottombox .textbox{font-size:30px;color:#ffd500}
.footer .bottombox .textbox a{color:#ffd500; font-weight: 600;}
.footer .copyrightbox{border-top:1px solid #373a3c;font-size:15px;color:#79797b;line-height:2;padding:1% 0}
.footer .copyrightbox a:hover{color:#fff}

/*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;
}

.foot{background: #333;color: #FFF;overflow: hidden; padding-bottom: 2%;}
.foot_dlogo{margin: 2% 0; border-bottom: 1px solid rgba(255,255,255,0.9); padding-bottom: 2%;}
.foot_dlogo img{max-width:30%;height: auto; display: block;}
.foot_middle{overflow: hidden; margin-top: 2%;}

.foot_left{width: 22%; float: right; box-sizing: border-box; }
.foot-logo{height: auto;overflow: hidden;margin-bottom: 25px;}
.foot-logo img{max-width: 100%;height: auto;display: block;margin: 0 auto;}
.foot-code-web{height: auto;color: #fff;font-size: 16px; line-height: 30px; margin-bottom: 3%}
.foot-code-sml{height: auto;color: #999;font-size: 14px; line-height: 25px;}
.foot_right{width: 100%; box-sizing: border-box; overflow: hidden;}

.foot_navbot{overflow: hidden;}
.foot_nav{color: #363f4d;/*margin-bottom: 2%; border-bottom: 1px solid #393939; position: relative; padding-bottom: 2%;*/}
/*.foot_nav::after{content: '';width: 5px;height: 5px;background-color: #ffd500;border-radius: 1px;position: absolute;left: -3px; bottom: 0; z-index: 999}
*/.foot_nav dl{float: left;width:15%; }
.foot_nav dt{font-size: 22px;line-height:40px; position: relative;margin-bottom:3%;color: #fff;  text-transform: uppercase;}
.foot_nav dt::after{position: absolute; content: " ";bottom: -5px;left: 0;background-color: #fff;width: 40px;height: 2px;}
.foot_nav dd{line-height:30px; font-size: 15px; text-transform: uppercase;}
.foot_nav dd a{color: #ccc;}
.foot_nav dd a:hover{color: #ffd500;}




.incontact{overflow: hidden; line-height:30px; font-size: 15px; color: #ccc; }
.incontact p{}
.inico{margin-top:0; overflow: hidden; margin-top: 2%;}
.inico p{ margin-right: 2%; float: left;}
.inico p img{max-width: 100%; display: block;}


.footer-static-block{overflow: hidden;}
.footer-static-block .th{font-size: 20px; line-height: 32px; font-weight: 400; margin-bottom:30px; letter-spacing: 1px; position: relative;text-transform:uppercase;}
.footer-static-block .th::after{position: absolute; content: " ";bottom: -5px;left: 0;background-color: #fff;width: 40px;height: 2px;}
.footer-static-block .th a{color: #fff;}
.footer-static-block .th a:hover{color: #ffd500;}
.footer-block-contant li{font-size: 16px;line-height: 26px;margin-bottom: 10px;color: #ccc;}
.footer-block-contant li b{font-size: 16px;}
.footer-block-contant li label{white-space: nowrap;margin-right: 10px;}
.footer-block-contant li span{display: inline-block;}
.footer-block-contant li:nth-child(3){width: 100%}

.sns{overflow: hidden;}
.sns a{display:inline-block;vertical-align:top;width:2vw;height:2vw;background-image:url(../img/sns.png);background-size:400% 200%;}
.sns a:hover{background-position-y:-100%;}
.sns .facebook{background-position-x:0;}
.sns .twitter{background-position-x:-100%;}
.sns .linkedin{background-position-x:-200%;}
.sns .youtube{background-position-x:-300%;}

/* 底部悬浮 */
.footer_float{
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 140px;
}
.footer_float ul{
    display: flex;
    width: 100%;
    height: 100%;
}
.footer_float ul li{
    width: calc(100% / 3);
    height: 100%;
    background: #737373;
    position: relative;
}
.footer_float ul li::after{
    content: '';
    position: absolute;
    top: 50%;
    right: -1px;
    transform: translateY(-50%);
    width: 2px;
    height: 100%;
    background: #ffffff;
}
.footer_float ul li:last-child::after{
    display: none;
}
.footer_float ul li a{
    display: block;
    padding: 25px 0 15px;
}
.footer_float ul li a .pic{
    height: 56px;
    text-align: center;
}
.footer_float ul li a .pic img{
    height: 100%;
    width: auto;
}
.footer_float ul li a p{
    margin-top: 20px;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
}
.footer_float_clear{
    height: 140px;
}
.footer_float ul li:first-child{
    background: #91c139;
}
/* .footer_float ul li:hover{
    background: #91c139;
} */

@media (max-width: 760px){
    .footer_float_clear{
        height: 80px;
    }
    .footer_float{
        height: 80px;
    }
    .footer_float ul li a{
        padding: 10px 0 5px;
    }
    .footer_float ul li a .pic{
        height: 36px;
    }
    .footer_float ul li a p{
        font-size: 16px;
        margin-top: 5px;
    }
}

.sbanner{height: auto;position: relative;}
.sub_img_banner{}
.sub_img_banner img{width:100%;  display: block;}
.sbanner_txt{position: absolute;width: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 0.4rem;}
.sbanner_txt .nybt{font-size:42px; letter-spacing: 8px;  font-weight: 600; color: #fff;margin-bottom:3%; animation-name:fadeInDown;-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;}
.sbanner_txt p{text-align: center;color: #fff;line-height: 2;width: 45%;}

.pbanner{height: auto;position: relative;}
.pbanner_txt{position: absolute; left:50%; top:17%; transform: translateX(-50%);}
.pbanner_txt .nybt{text-align: center;animation-name:fadeInDown;-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;}
.pbanner_txt .nybt img{display: block; margin-bottom: 3%;}
.pbanner_txt .nywz{font-size:36px;line-height:36px;color: #fff; text-align: center; letter-spacing: 16px;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;}

.pbanner_txt.teaser{left:16%;top:30%;width:40%; transform: translateX(-16%);}
.pbanner_txt .ml3{font-size:36px;line-height:36px;color: #ffd500; text-align: left;letter-spacing:3px; font-weight: 600; margin-left: 10%;}
.pbanner_txt .ml4{font-size:56px;line-height: 24px;color: #fff;margin-top:12%; text-align: left;letter-spacing:8px;}
.pbanner_txt .ml5{font-size: 26px;line-height: 24px;color: #fff;margin-top:22%; text-align: left; letter-spacing:1px; margin-left: 6%;}
.pbanner_txt .ml3{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.2s;animation-delay: 1.2s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.pbanner_txt .ml4{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.4s;animation-delay: 1.4s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.pbanner_txt .ml5{animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.6s;animation-delay: 1.6s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}


.sun-navs{width: 100%; height: 55px; background-color: rgba(0, 0, 0, 0.7); position: absolute; margin-top: -55px;  z-index: 2;}
.sun-navs ul{text-align: center; font-size: 0;}
.sun-navs ul li{display: inline-block; padding: 0 42px; 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;}
.actives{background-color: #ffd500; color: #000 !important;}
.sun-navs ul li:hover{background-color: #ffd500; color: #000;}

.main-about{overflow: hidden; padding: 3% 0;}
.about-content{line-height:38px; font-size: 16px; font-weight: 500; color: #333; overflow:hidden;}
.about-content .aimg{width: 45%; float: right; margin-left: 3%;}
.about-content .aimg img{width: 100%; display: block;}

.main-about{overflow: hidden; padding: 3% 0;}
.about-content{line-height:38px; font-size: 16px; font-weight: 500; color: #333; overflow:hidden;}
.about-content p{text-indent: 2%;}
.about-content .aimg{width: 45%; float: right; margin-left: 3%;}
.about-content .aimg img{width: 100%; display: block;}

.abou2a,.abou2aac ul,.about3,.abo4a,.abo4aab ul,.abo4aaba,.abo5,.abo6bb ul,.abo7b ul,.abo7ba{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
/*关于我们1*/
#about{overflow: hidden;position: relative;}
.about{padding:3% 6%;position: relative;justify-content: space-between; display: flex; align-items: center; background: url(../img/aboutbg.jpg) no-repeat; background-size: cover;}
.aboutabc{position:absolute;top:28%;left:6%;font-size:340px;color:#ccc;font-weight: bold;opacity: 0.2;}
.abouta{width: 45%;position: relative;z-index: 1;}
.aboutaa{}
.aboutaa p{color:#9d9d9d;position:relative;padding-left:40px;margin:10px 0 10px;display: inline-block;}
.aboutaa p:after{content:'';width:30px;height:1px;background: #9d9d9d;display:block;position:absolute;left:0;top:48%;}
.aboutaa h4{font-size:40px;font-weight: bold;color:#333;}
.aboutab{line-height:32px;color:#444;margin:4% 0; font-size: 16px;}
.aboutab p{text-indent: 4%;}

.aboutb{position:relative;z-index: 1;width:48%;}
.aboutb img{width:100%;border-radius: 10px;overflow:hidden;}
.aboutba{position:absolute;top:50%;transform: translate(-50%,-50%);width:500px;height:300px;}
.aboutba video{width:100%;height:100%;}
.gro{display: block; width:120px; line-height:30px; background: #d0d0d0; text-align: center; font-size: 13px; color: #fff; border-radius: 21px; margin-top: 6%; transition: all 1s ease;}
.gro a{color: #222 !important;}
.gro:hover{color: #fff !important; margin-left: 14px; background: #ffd500;}

.labox{width: 100%; height: auto; padding: 3% 0; overflow: hidden;}

.mxwzx {overflow: hidden;}
.mxwzx ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.mxwzx ul li{width:100%; 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:2%; 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; margin-top:1%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #333; font-weight: 600;}
.mxwzx ul li .xwzx_wb .xwzx_wz{color:#777; font-size:14px; line-height:22px; margin-top:0.5%; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.mxwzx ul li:hover .xwzx_wb{background:#ffd500;}
.mxwzx ul li:hover .xwzx_wb .xwzx_rq{color: #333;}
.mxwzx ul li:hover .xwzx_wb .xwzx_bt{color: #000;}
.mxwzx ul li:hover .xwzx_wb .xwzx_wz{color: #222;}

.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; min-height:182px;}
.new22 li a{ display: flex; align-items: center;}
.new22 li .pimg{width:32%; margin-right:5%; float: left;}
.new22 li .pimg img{display: block; width:100%;}
.new22 li .ntext{overflow: hidden; width:62%; float: right;}
.new22 li .ntext .n1{font-size: 16px; line-height: 24px; color: #222; font-weight: 600;white-space: nowrap;      /* 防止文字换行 */overflow: hidden;        /* 隐藏超出部分 */text-overflow: ellipsis;}
.new22 li .ntext .n2{-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden; font-size: 14px; line-height: 24px;  color: #777; margin: 2% 0;}
.new22 li .ntext .n3{font-size: 12px; color: #999; margin-top: 3%;}

.news3{ overflow:hidden; padding: 5% 0;}
.news3 ul{margin-right: -2%; }
.news3 li{width:98%; margin-right: 2%; margin-bottom:4%; float: left;}
.news3 li .nimg{width: 100%; overflow: hidden; position: relative;}
.news3 li .nimg img{width: 100%; display: block;}
.news3 li .category {position: absolute;bottom: 0;left: 0;width: 135px;font-size: 14px;letter-spacing: 1px;color: #999;line-height: 26px;font-weight: 400;line-height: 40px;text-align: center;background-color: #333;color: #fff;}
.news3 li .ntext{background: #f7f7f7; padding: 5%; box-sizing: border-box;}
.news3 li .ntext .desc{font-size:18px;line-height: 34px;font-weight:600;color: #333;border-bottom: 1px solid rgba(51, 51, 51, 0.1);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news3 li .ntext .dtext{font-size:14px;line-height:26px;font-weight: 400;-webkit-line-clamp: 3; display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;line-height: 24px; color: #777; margin: 3% auto;}
.news3 li .ntext .time{display: block;font-size:12px;letter-spacing: 1px;color: #999;line-height: 26px;font-weight: 400;letter-spacing: 0;}
.news3 li a:hover .category{background: #ffd500; color: #fff;}
.news3 li a:hover .ntext .desc{color: #ffd500;}

.about_x2.bgs2{overflow:hidden; margin-bottom: 28px;}
.about_x2.bgs2 .lnny{width:68%; float:left; overflow: hidden;}
.about_x2.bgs2 .rnny{width:28%; float:right; 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:#222;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-top:3%;font-size:15px; color:#444;text-align:left; margin-bottom: 3%;}
.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;}
.about_x2.bgs2 .con_id img{margin: auto; display: block; max-width:100%}

/* join */
.page-join {overflow: hidden;}
.page-join span{}
.page-join .jbt{font-weight: 600; font-size: 18px; color:#000}
.join-content-top {text-align: center;font-size: 0;border-top: 2px solid #ffd500;overflow: hidden;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;border-bottom: 1px solid #e6e8ed;}
.join-content-top span{display: inline-block;vertical-align: middle;width: 17%;font-size: 16px;padding:1.5% 0;box-sizing: border-box; font-weight: 600; color: #000;}
.join-content-top span:first-child  {text-align: left;width: 30%;}
.join-content-top span:last-child {text-align: center;}
.join-content {overflow: hidden;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;}
.join-item {}
.join-item-title {cursor: pointer;text-align: center;font-size: 0;border-bottom: 1px solid #e6e8ed;color: #212121;}
.join-item-title span:first-child {text-align: left;width: 30%;}
.join-item-title span:last-child {text-align: center;}
.join-item-title span{display: inline-block;vertical-align: middle;width: 17%;padding: 1% 0;font-size: 14px;box-sizing: border-box;}
.join-item .join-item-title{background: #f5f6f7;}
.join-item:nth-child(2n) .join-item-title{background: #fff;}
.join-item-title:hover,.join-item.cur .join-item-title  {background: #ffd500; }
.join-item-content {overflow: hidden;padding:2%;line-height: 30px;font-size: 15px;display: none;}
.join-item-bottom {margin-top: 3%;overflow: hidden;}
.join-item-bottom a{display: block;background: #ffd500;width: 150px;padding: 12px 15px;overflow: hidden;text-align: center;border-radius: 4px;}
.join-item-bottom span{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;}
.join-item-bottom i{display: inline-block;vertical-align: middle;margin-left: 20px;background: url('../images/r1.png') center no-repeat;width: 22px;height: 12px;}
.join-item.cur{border-bottom: 1px solid #e6e8ed}

.page-join-list {background: #fafafc url('../images/bg1.jpg') center no-repeat;background-size: cover;overflow: hidden;padding:7% 0 5% 0;}
.join-list-title {text-align: center;font-size: 50px;}
.join-list {overflow: hidden;padding-top: 5%;}
.join-list-item {overflow: hidden;float: left;width: 49.5%;margin-bottom: 1%;margin-right: 1%;background: #fff;border-radius: 8px;position: relative;box-sizing: border-box;border: 1px solid #e6e6e6;}
.join-list-item.mr0 {margin-right:0;}
.join-list * {transition:all .4s ease;}
.join-list-item .text {position: absolute;left: 10%;top: 50%;z-index: 1;width: 80%;transform: translateY(-50%);}
.join-list-item .icon-1{width: 80px;height: 60px;position: relative; }
.join-list-item .title-1{font-size: 24px;margin: 30px 0 20px 0;overflow: hidden;}
.join-list-item .text-2{font-size: 16px;line-height: 26px;color: #666;}
.join-list-item .img{background: #fff;}
.join-list-item .img img {width: 100%;height:auto;display: block;}
.join-list-item:hover .title-1{color: #fff;}
.join-list-item:hover .img{background: #ffd500;}
.join-list-item:hover .text-2{color: #fff;}
.join-list-item:hover .icon-1 img{filter: invert(100%);}



.page-join-bottom {position: relative;overflow: hidden;color: #fff;background: #edeff2;}
.page-join-bottom.bgclor1 {background: #fff;}
.page-join-bottom::after {content: '';width: 100%;height: 50%;background: #1c1d1f;position: absolute;left: 0;bottom: 0;}
.page-join-bottom .page-about-content{position: relative;z-index: 11;}
.join-bottom-title {position: absolute;left: 7%;top: 15%;z-index: 11;}
.join-bottom-title .title-1{font-size: 30px;}
.join-bottom-contact {text-align: left;position: absolute;right: 10%;bottom: 15%;z-index: 11;}
.join-bottom-contact li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-left: 60px;}
.join-bottom-contact li span{display: block;font-size: 16px;}
.join-bottom-contact li p{display: block;font-size: 20px;font-family: 'Montserrat-Light';padding: 10px 0;margin: 0;}
.join-bottom-contact li a {display: block;font-size: 20px;font-family: 'Montserrat-Light';color: #fff;}
.join-bottom-contact li:first-child {margin-left: 0px;}
.page-join-bottom .img {background: #ffd500;border-radius: 10px;overflow: hidden;}


.page-join-windows {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 111;transition:all .4s ease;transform: translateY(-100%);}
.page-join-windows.cur {transform: translateY(0);}
.join-windows {position: absolute;width: 24%;overflow: hidden;background: #fff;z-index: 10;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 3%;border-radius: 10px;}
.join-windows-title {text-align: center;}
.join-windows-title .title-1{font-size: 30px;padding-bottom: 10px;}
.join-windows-title .text-2{font-size: 14px;color: #666;}
.join-from {padding: 4% 0;overflow: hidden;margin-top: 3%;}
.join-from-item{margin-bottom: 0px;overflow: hidden;position: relative;}
.join-from-item li{list-style: none;padding: 0;margin: 0;float: left;width: 49%;}
.join-from-item li:last-child {float: right;}
.join-from-item input {padding: 18px 20px;background: #f2f4f7;}
.join-from-text {overflow: hidden;padding-bottom: 10px;position: relative;}
.join-from-text strong{font-size: 14px;margin: 0;padding: 0;} 
.join-from-text span{font-size: 12px;color: #666;} 
.join-from-upload {position: relative;}	
.join-from-upload .upload-1{display: block;width: 70px;border-radius: 5px;font-size: 12px;cursor: pointer;
	text-align: center;padding: 10px;background: #000;color: #fff;position: absolute;right: 3%;top: 50%;border:none;overflow: hidden;transform: translateY(-50%);}		 
.join-windows-mark{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background: #000;opacity: .4;}				 
.join-from-item .submit-1 {background: #ffd500;}	
 
.page-join-process {text-align: center;overflow: hidden;position: relative;background: #edeff2 url('../images/bg2.jpg') center no-repeat;background-size: cover;}
.join-process-title {overflow: hidden;}
.join-process-title .title-1{font-size: 50px;}
.join-process-list {position: relative;overflow: hidden;margin-top: 5%;font-size: 0;padding: 5% 0;}
.join-process-list::after {content: '';width: 80%;height: 1px;background: #ccc;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-55%);}
.join-process-list li {text-align: center;list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width: 16%;position: relative;z-index: 11;}
.join-process-list li span{display: block;font-size: 18px;font-weight: bold;position: relative;z-index: 11;}
.join-process-list li i{display: block;width: 60px;height: 60px;margin: 30px auto;background-image:linear-gradient(360deg, #959595 10%, #68686a 100%);border-radius: 200%;position: relative;z-index: 11;}
.join-process-list li p{display: block;color: #999;font-size: 14px;font-family: 'Montserrat-Bold';z-index: 11;position: relative;}
.join-process-list li:hover i{background: #ffd500;}
.join-process-list li:hover i{box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 20%);}
.join-process-list li::after,.join-process-list li::before  {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;width: 0px;height:0px;transition:all .4s ease;}
.join-process-list li::after {z-index: 8;box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 10%);}
.join-process-list li::before {z-index: 1;opacity: .4;transition:all .5s ease;}
.join-process-list li:hover::after  {width: 200px;height: 200px;}
.join-process-list li:hover::before  {width: 250px;height: 250px;}

.page-join-none {text-align: center;padding: 7% 0;overflow: hidden;}
.page-join-img {padding-bottom: 10px;overflow: hidden;}
.page-join-img img {display: inline-block;max-width: 100%;height: auto;}
.page-join-text {font-size: 24px;}


.in_pr{width: 100%; margin: 0 auto; overflow: hidden;}
.in_pr ul{}
.in_pr li{overflow: hidden; display: flex;justify-content: space-between;align-items: center; background: #f5f5f5;}
.in_pr li .pleft{width: 50%; height: auto;  float: left;}
.in_pr li .pleft img{width: 100%; display: block;}
.in_pr li .pright{width:50%; box-sizing: border-box; float: right; padding: 0 5%; box-sizing: border-box;}
.in_pr li .pright_zi{font-size: 24px; line-height: 48px; color: #333; font-weight: 600}
.in_pr li .pright_ny{font-size: 16px; line-height: 25px; color: #555;}
.in_pr li .pright_xny{font-size: 16px; line-height:32px; color: #555; padding-top: 00px;}
.in_pr li:hover .pright_zi{color: #000;}
.in_pr li .btn2{padding:0;margin-top:3%}
.in_pr li .btn2 a{display:inline-block;margin-right:1rem;padding:0 3%;font-size:14px;line-height:36px;border-radius:2em;color:#fff;background:#333;transition:all 0.4s}
.in_pr li .btn2 a:hover{padding:0 2.5em;color:#ffd500;background:#333}
.in_pr li:nth-child(2n){background:#ffd500;}
.in_pr li:nth-child(2n) .pright_zi{color: #000;}
.in_pr li:nth-child(2n) .pright_xny{color: #333;}
.in_pr li:hover{background:#ffd500;}

.newsTop .newsTslide{position:relative; margin-bottom: 3%;}
.newsTop .newsTslide .item{background:#f8f8f8;}
.newsTop .newsTslide .item .imgBox{float:left;width:40%;}
.newsTop .newsTslide .item .txtBox{float:right;width:60%;padding:3%; box-sizing: border-box;}
.newsTop .newsTslide .item .txtBox time{font-size:12px;color:#555;}
.newsTop .newsTslide .item .txtBox .nbt{font-size:24px;font-weight:normal;line-height:30px;margin:1.5% 0; color:#000;}
.newsTop .newsTslide .item .txtBox p{line-height:24px;color:#555; font-size:15px}
.newsTop .newsTslide .slick-dots{position:absolute;bottom:5%;left:54%;}
.newsTop .newsTslide .slick-dots li{display:inline-block;margin-right:5px;}
.newsTop .newsTslide .slick-dots li.slick-active button{background:#ffd500;}
.newsTop .newsTslide .slick-dots li button{width:28px;height:5px;background:#e5e5e5;font-size:0;border:none;}

.servicebox{ margin: 0 10%;}
.servicebox ul{ margin-right: -2%;}
.servicebox li{background: #f5f5f5; padding: 3%; box-sizing: border-box; width: 48%; margin-right: 2%; float: left;}
.servicebox li .sbt{font-size:26px; color: #000;}
.servicebox li .stel{ display: flex; align-items: center; margin-top: 3%;}
.servicebox li .stel i{display: block; width:25px;height: 25px;margin-right: 2%;}
.servicebox li .stel i img{width: 100%; display: block;}
.servicebox li .stel p{display: block; font-size:18px;color: #333;line-height:30px; font-weight:300;}

.servicebox2{overflow: hidden; padding: 3% 10%; background: #f5f5f5; box-sizing: border-box;}
#safe-items{height:auto;border-radius:4px;display:flex;justify-content:space-between;}
.safe-item{width:48%;height:auto;background-color:#fff;border-radius:8px; box-sizing:border-box;padding:5%; box-sizing: border-box; text-align: center;}
.safe-item img{width:58px;height:72px;}
.safe-item .p1{font-size:22px;line-height:22px;color:#000;font-weight: 600; margin: 8% 0;}
.safe-item .p2{font-size:15px;line-height:26px;color:#555}
.safe-item:hover{box-shadow:0 0 20px #e2e2de; background: #ffd500;}
.safe-item:hover .p2{color: #222;}

/*视频*/
.ship{margin:auto;overflow:hidden;}
.ship ul{margin-right: -1%;}
.ship li{width:32.333%;float:left;position:relative;margin-bottom:2%; margin-right:1%;overflow: hidden;}

.ship-a img{width:100%;transition:all 0.5s; overflow: hidden; display: block;}
.ship li:hover img{transform:scale(1.1);overflow: hidden;}
.ship-b{position:absolute;top:50%;left:50%; transform:translate(-50%,-50%);color:#fff;font-size:18px;text-align:center; z-index: 9;}
.ship li::after{position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; right: 0; bottom: 0; content: "";}
.ship-b img{display:inline-block; vertical-align:middle; }
.shipj{margin-top:0px;}

.b-about{width: 47%;}
.b-abous{font-size:36px; padding-left: 50px; position: relative;}
.b-abous::after{ position: absolute;left:0;top:0; background: url(../img/it1.png) no-repeat; width:25px; height:17px; margin-right: 30px; content: ""; display: inline-block;}
.b-abous .cnbt{font-size:24px; color: #000; font-weight: 300;}
.b-abous .cnbt span{font-size:32px; font-weight: 600;}

.tactfrms{}
.tactfrms .fbt{font-size: 25px;color:#333;font-weight: normal; margin-bottom: 20px}
.tactfrms ul{overflow: hidden; margin-right: -5%}
.tactfrms li{width:45%;float:left;;margin:0 5% 12px 0;position:relative;}
.tactfrms li input{width:98%;padding:15px;border:solid 1px #ddd;border-radius: 3px;box-sizing: border-box}
.tactfrms li.area{height:auto;width:100%;}
.tactfrms li textarea{padding:15px;width:94%;height:210px;border:solid 1px #ddd;border-radius: 3px; font-family: Arial, "sans-serif";box-sizing: border-box}
.tactfrms li:nth-child(2n){margin-right:0;}
.tactfrms .btn{text-align: center;margin-top:0;overflow: hidden;}
.tactfrms .btn input{height:40px;width:120px;font-size:16px;color:#000;background:#ffd500;border-radius: 5px; border: none;}
.redxing{position:absolute;top:11px;left:57px;color:#000;}


.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:#ffd500;border-radius:21px;text-align:center;font-size:14px;line-height:36px;color:#333333;-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:#333333;border-radius:50%;line-height:20px;text-align:center;overflow:hidden;border:1px solid #333333;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:#ffd500}
.download .download-ul li:hover .download-ul-leftfont .dot,.download .download-ul li:hover .download-ul-leftfont time{color:#000}
.download .download-ul li:hover .down{border: 1px solid #333;}
.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}



.xinwenxiangqing{box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;border-bottom: 1px dashed #d6d6d6;padding-bottom:1%}
.xinwenxiangqing .nd_head p{color: #333;font-size: 28px;height: auto;padding-bottom:1%}
.xinwenxiangqing .nd_head span{color: #666;font-size: 16px;margin: 0 15px;}
.xinwenxiangqing .nd_text{text-align: left;font-size:16px;line-height:30px;padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size:18px;line-height: 35px;font-weight: 600;color:#333; font-weight: 600;}
.xinwenxiangqing .nd_text img{max-width: 100%;display: block;margin: 10px auto;}
.xinwenxiangqing .nd_text video{display:block; height:auto;-o-object-fit: cover;object-fit: cover; margin:0 auto;}
.xinwenxiangqing .nd_text p video{display:block; height:auto;-o-object-fit: cover;object-fit: cover; margin:0 auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%;float: right;margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%;clear: both;display: block;margin: auto}
.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:#333;background:#ffd500;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: #ffd500}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}


.contact_content{width: 100%;background: #fff;}
.mproduct-title { font-size:36px; text-align: center; color: #262626; line-height: 40px; padding-bottom: 0; position: relative; margin-bottom: 2%; letter-spacing: -1px; font-weight: 600;}
.col_infos {width:30%; float:left;background: #fff;padding:0; margin-top:2%;}
.col_infos .cotit{color: #000; font-size:28px; line-height: 1.75; padding-bottom: 3%; font-weight: 600;}

.cont_ico{margin-top: 0;}
.cont_ico h3{font-size:18px;line-height: 1.75;color:#000;margin-bottom: 2%;font-weight: normal;}
.cont_ico ul{ padding-top:3%; overflow: hidden;}
.cont_ico ul li{ position: relative; padding-left: 50px; font-size: 16px; line-height: 25px; color:#333; margin-bottom:6%;}
.cont_ico ul li .t-cell{ display: table-cell; height: 36px; vertical-align: middle; }
.cont_ico ul .icons{ height: 36px; width: 36px; position: absolute; left: 0; display: flex; background: #ffd500; border-radius: 50%; align-items:center;}
.cont_ico ul li img{width: 18px; height: 18px; margin: 0 auto; display: block; vertical-align: middle;}

.col_feb {width:68%; float:right;padding:2%; text-align: left; border-radius: 10px; background: #fff; box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 8%);}
.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; font-weight: 300;margin-bottom:4%; overflow: hidden;}
.co_onr ul li{overflow: hidden;float: left;width:24%;}
.co_onr ul li span{display: block; font-size:14px;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 #ccc;width: 100%;line-height: 42px;height: 42px;background: #fff;padding: 0 15px;border-radius: 4px;}
.co_onr ul li.mal{ margin-left:1.3%; 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 #ccc;background: #fff;padding: 10px 15px; border-radius: 4px; 
  font-size: 12px; }
.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:160px;height: 42px;line-height: 42px;color: #000;cursor: pointer;border: none;font-size: 16px; 
  text-transform: capitalize;padding-right: 0;background: #ffd500;  border-radius: 6px;}

.map{width: 100%; overflow: hidden;}
.map #map_container{height:600px;border: 5px solid #fff; font-size: 15px; font-weight: normal;color:#000;}



/*产品中心*/
.prony{ padding:3% 0 0;
    overflow: hidden;
    background: url(../img/p_bg.jpg) center no-repeat; box-sizing: border-box; background-size: cover;}
  .prony ul{margin-top: 0%;margin-right: -3%;}
  .prony ul li{ float: left; width:30.333%; margin-right: 3%; padding: 1%;overflow: hidden; position: relative; box-sizing: border-box; margin-bottom: 2%}
  .prony ul li .pic{position: relative; }
  .prony ul li .pic img{width: 100%;  transition:0.3s; transform:scale(1);transition:all ease 0.6s; }
  .prony ul li figure{ position:absolute; left:0; top:0; right:0; bottom:0; transition:0.3s;}
  .prony ul li .more{ position: absolute; display: none; width: 120px; height: 26px; line-height: 26px; top: 36%; left: 50%; margin-top: -13px; margin-left: -60px; }
  .prony ul li:hover .more{ display: block; }
  .prony ul li .more span{ display: block; text-align: center; background: #fff; color: #333; border-radius: 20px;font-weight: bold}
  .prony ul li .nypbt{ padding: 2% 0 0; font-size: 28px; color: #000; margin: 8px 0; transition: 0.2s; text-align: center; font-weight:600;}
  .prony ul li h3{ margin: 0; font-size: 14px; color: #333; font-weight: normal; }
  .prony ul li p{ color: #999; transition: 0.3s;margin: 0;
      margin-top: 3px; }
  .prony ul li a:hover figure{transform: scale(1.15);}
  .prony ul li:hover{ border-radius: 12px; }
  .prony ul li:hover *{ color: #000;  }
  .prony ul li:hover h3{ opacity: 0; }
  .prony ul li:hover .nypbt{ }
  .prony ul li:hover p{ margin-top: 4px;}
  .prony ul li:hover .pic img{transform:scale(1.075)}
  @media(max-width:1000px){
  .prony{padding: 3% 0}
  /*.prony ul li{width: 47%;height: auto; overflow: hidden; position: relative; }*/
  .prony ul li .nypbt{font-size: 18px}
  }
  
  .pro_right{width: 100%; height: auto; overflow: hidden;}
  .productss{width:100%; overflow: hidden;background: #212121;}
  .productss img{max-width:none!important}
  .promore_l{width:40%;float:left;}
  
  
  /* .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover} */
  
  .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 #ffd500;}
  .mySwiper3 .swiper-button-next:after, .mySwiper3 .swiper-button-prev:after{color: #ffd500; background: none;}
  .boxw{margin-top:13%; width:65%;} 
  
  
  .mySwiper3s .swiper-slide{width: 80%;}
  .mySwiper3s .swiper-slide img{width: 100%;}
  .mySwiper4s{height:20%;box-sizing:border-box;padding:3% 0 0}
  .mySwiper4s .swiper-slide{opacity:0.4}
  .mySwiper4s .swiper-slide-thumb-active{opacity:1}
  .promore_l .swiper-slide img{display:block;width:100% !important;}
  .mySwiper4s .swiper-slide img{display:block;object-fit:cover;}
  .mySwiper4s .swiper-slide img{display:block;object-fit:cover; width:80%; border: 1px solid #ffd500;}
  .mySwiper3s .swiper-button-next:after, .mySwiper3s .swiper-button-prev:after{color: #ffd500; background: none;}
  
  .mySwiper4s .pico{overflow: hidden; text-align: center;}
  .mySwiper4s .pico .pimg{overflow: hidden;}
  .mySwiper4s .pico .pimg img{max-width: 100%; display: block; clear: both; margin: auto;}
  .mySwiper4s .pico .ptitle{font-size: 24px;line-height: 24px;color: #1a1a1a;margin: 3% 0;}
  .mySwiper4s .pico .pbutter{font-size: 16px; line-height: 24px; color: #666;}
  .mySwiper4s .pico .pimg .pimg1{display: block;}
  .mySwiper4s .pico .pimg .pimg2{display: none;}
  .mySwiper4s .pico .pimg:hover .pimg1{display: none;}
  .mySwiper4s .pico .pimg:hover .pimg2{display: block;}
  
  .pros_right{width:55%; float:right; overflow:hidden; margin-top:5%;}
  .pros_right_top{overflow:hidden; border-bottom:2px solid #383838; }
  .pros_right_top .pbt{overflow:hidden; display:inline-block; font-size:36px; color:#ffd500; padding-bottom:10px; line-height: 40px;}
  .proleft{width:100%;font-size:16px; line-height:30px; margin-top:20px; color: #f5f5f5;}
  .proleft p{font-size:16px; line-height:25px; }

.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 #515151;}
.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 #ffd500;color:#000;background:#ffd500;}
/* The content*/.tabs-basic .tabs-content-placeholder{overflow:hidden;margin:auto;padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;line-height:30px;font-size:16px; color: #fff;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6;line-height:24px;text-align:center;}
.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{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 #ffd500;}
.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:#ffd500;font-size:16px;color:#333;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;}

.nyvideo{overflow: hidden; padding:0;}
.nyvideo ul{margin-right: -1%;}
.nyvideo li{margin-right: 1%; width:49%; position: relative; float:left; margin-bottom: 1%;}
.nyvideo li .iimg{width: 100%; overflow: hidden;}
.nyvideo li .iimg img{width: 100%; display: block; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.nyvideo li:hover .iimg img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);}
.nyvideo li .inbt{font-size: 24px; color: #000; position: absolute; left: 8%; top: 10%;}


.nyapp{overflow: hidden;}
.nyapp ul{}
.nyapp li{margin-bottom: 3%;}
.nyapp .appbt{font-size: 24px;line-height: 48px;color: #222;font-weight: 600; margin-bottom:1%;}
.nyapp .appimg{}
.nyapp .appimg dl{margin-right: -2%;}
.nyapp .appimg dd{width: 23%; margin-right: 2%; float: left; overflow: hidden;}
.nyapp .appimg dd .apimg{ overflow: hidden;}
.nyapp .appimg dd .apimg img{transition:all 0.5s; max-width: 100%; display: block; margin: auto; clear: both;}
.nyapp .appimg dd:hover .apimg img{transform:scale(1.075)}
.nyapp .appimg dd .apwz{text-align: center; font-size: 16px; line-height:40px; margin: 2% 0;}

.cpcsb{ overflow: hidden; margin: 3% 0;}
.cpcsb dl{border-bottom: 1px solid #dedede; overflow: hidden; line-height:45px; }
.cpcsb dd{width:22%; float: left; font-size: 18px; color: #333;font-weight: 600;}
/*.cpcsb dd:first-child{font-size: 18px; font-weight: 600;}*/
.cpcsb dd:nth-child(1){width:14%;}
.cpcsb dd:nth-child(2){width:35%;}
.cpcsb dd:nth-child(3){width:29%;}


.cpcsb2{ overflow: hidden; margin: 3% 0;}
.cpcsb2 dl{border-bottom: 1px solid #525151; overflow: hidden; line-height:45px; }
.cpcsb2 dd{width:60%; float: left; font-size: 18px; color: #fff;font-weight: 600;}
/*.cpcsb dd:first-child{font-size: 18px; font-weight: 600;}*/
.cpcsb2 dd:nth-child(1){width:20%;}

.cpcsb table{font-size: 18px; color: #333;font-weight: 600;}
.cpcsb table tr{border-bottom: 1px solid #dedede; overflow: hidden; line-height:45px;}
.cpcsb table td{width: 17%;}

.menuBox{background:#f7f7f7;height:auto;line-height:60px;font-size:16px; overflow: hidden; color: #333;}
.menuBox img{display: inline-block; vertical-align: middle; margin-right: 5px; }
.menuBox a{color: #444;}
.menuBox p{font-size: 15px; color: #444;}
.listMenu{font-size: 16px;}
.listMenu a{display:inline-block;position:relative;color:#555;margin-left:30px; }
.listMenu a:hover,.listMenu .cur{color:#333;}
.listMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#ffd500;width:0;height:2px;transition:all .5s;}
.listMenu .cur::after,.listMenu a:hover::after{width:100%;}
.pro_subMenu{text-align:center;font-size:.875rem;margin-bottom:30px;}
.pro_subMenu a{margin:0 10px;border:1px solid #ccc;height:36px;line-height:36px;display:inline-block;padding:0 15px;margin-bottom:5px;}
.pro_subMenu a:hover,.pro_subMenu .cur{background:#333;border:1px solid #ffd500;color:#fff;}

@media all and (max-width:1024px) { 
    .menuBox {padding:0;height:auto;line-height:100%;text-align:center;} 
    .menuBox p{display: none;}
    .listMenu{width:100%; display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;padding-top:1px;padding-left:1px;background:#f5f5f5;margin-top:0;padding:0;line-height:45px;}
    .listMenu a{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;}
    .listMenu .cur{background:#ffd500;color:#fff;}
}
#to-right{
	position: fixed;
	width:400px;
	height: auto;
	right: 33px;
	bottom: 10%;
	z-index: 999 !important;
	display: none;
}
#to-right img{
	max-height: 100%;
	max-width: 100%;
}

#myModal3 .modal-dialog{
	width: 80%;
	margin: 30px auto;
}

.menu-item{color:white;cursor:pointer;display:inline-block;border-radius:4px}
.modal-content p img{width: 100%; display: block;}
.modal-background{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 99999;}
.modal-content{background:white;padding:20px;width:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3)}
.close-btn{float:right;cursor:pointer;font-size:20px;font-weight:bold}


.workshop{height:auto;overflow:hidden;}
.workshop ul{list-style:none;overflow:hidden;margin-right:-3%;}
.workshop li{width:22%;height:auto;overflow:hidden;margin-right:3%;float:left;margin-bottom:3%}
.workshop li .hpic{border:1px solid #cdcdcd;height:auto;overflow:hidden; display: block; margin: auto;}
.workshop li a{display:block;width:100%;overflow:hidden;transition:all 0.3s}
.workshop li .hpic img{width:100%!important;overflow:hidden; display: block;}
.workshop li div:hover{border:1px solid #537473}
.workshop li a:hover{transform:scale(1.2,1.2);overflow:hidden}
.workshop li span{display:block;text-align:center;line-height:40px;color:#222;font-size:15px}


.download2{width: 100%; height: 100vh; overflow: hidden; background: #f5f5f5; padding:15% 0;}
.download2 .pd06{display: flex; align-items: center; justify-content: center; height: 100%;}
.download2 .text{ width: 100%; text-align: center;}
.download2 .dtbt{font-size: 22px; line-height: 30px; color: #333; font-weight: 600;}
.download2 .dtpdf{margin-top: 3%;}
.download2 .dtpdf img{max-width: 80%; display: block; margin: auto;}
.download2 .dtbutter{overflow: hidden; width: 100%; margin-top:20%;}
.download2 .dtbutter ul{ margin-right: -2%; }
.download2 .dtbutter li{width: 48%; margin-right: 2%; border-radius: 8px; background: #222;  float: left; }
.download2 .dtbutter li a{ font-size: 16px; text-align: center; line-height: 35px;color: #fff;}
.download2 .dtbutter li:nth-child(2){background:#ffd500; color: #000;}
.download2 .dtbutter li:nth-child(2) a{color: #000;}