@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Microsoft Yahei", "Source Han Sans CN", 'opensans', Arial, Helvetica, sans-serif; background:#e7e7e7; font-size:16px;overflow-x:hidden; color:#000;}
body.en{ font-family:'opensans', Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;color:#000}
a:hover{color:#f4af23}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#f4af23}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.yellow{color:#f4af23}
@font-face{
font-family:'opensans';
src:url("../fonts/Open Sans.ttf") format("truetype")
}
@font-face{
font-family:'opensans1';
src:url("../fonts/Open Sans Light.ttf") format("truetype")
}
.opens{ font-family:'opensans'}


.wrap{max-width:1650px;padding:0 1.5em;margin:0 auto}
@media screen and (min-width:2565px){
.main-product>.wrap{ max-width:1920px; margin: 0 auto;}
.product-detail, .banner, .i-product3, .nbanner-pro{ max-width: 1920px; margin: 0 auto;}
}
.header{position: fixed;z-index:99;left: 0;right:0;top: 0; width: 100%; background:#e7e7e7;-moz-transition: all .5s;-webkit-transition: all .5s;transition: all .5s; height:110px}
.logo{-webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;}
.logo{ display:flex; display:-webkit-flex; align-items:center; height:110px; padding-top:50px; position:relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.header .shop{ height:110px; padding-top:50px;display:flex; display:-webkit-flex;align-items:center;}
.menu{ margin-right:30px}
.menu>ul>li{ float:left; font-size:20px;position:relative}
.menu li a{ display:block; color:#000; white-space:nowrap; padding:0 40px;line-height:60px; padding-top:50px;position:relative}
.menu li a:after{ content:""; width:100%; height:0; background:#f4af23; position:absolute; left:0;bottom:0;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; z-index:-1}
.menu li a span{ position:relative;}
.menu>ul{ display:flex; display:-webkit-flex;}
.menu .sub{position: absolute;top: 100%;left:0;z-index: 99;display: none;min-width:100%;font-size: 18px; padding:20px 0 30px; background:#222;box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.menu .sub a{display: block;background:#222;color:#a5aab4;line-height:22px; padding:10px 40px 10px 25px;position:relative; text-transform:uppercase}
.menu .sub a span{ display:block;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.menu .sub a::before{ content:"";width:0; height:2px; background:#f4af23; position:absolute; left:12px; top:20px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.menu li:hover>a:after,.menu li.cur>a:after{height:100%}
.menu .sub a:hover{color:#fff;}
.menu .sub a:hover::before{ width:25px;}
.menu .sub a:hover span{ -webkit-transform:translateX(25px);-moz-transform:translateX(25px);transform:translateX(25px);}
.menu .sub li{ position:relative}
.menu .sub li ul{ position:absolute;top:-20px;left:100%;background: #222;padding: 20px 0 30px;opacity:0; visibility:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s; z-index:99;}
.menu .sub li:hover>ul{ opacity:1; visibility:visible}


.header.header-scroll{ height:80px; background:#e7e7e7;/*box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.1);*/}
.header-scroll .logo,.header-scroll .shop{ height:80px; padding-top:20px}
.header-scroll .search-btn{height:80px;}
.header-scroll .menu>ul>li>a{ line-height:60px; padding-top:20px;}
.header-scroll .lang .tit{ padding-top:20px}
.header-scroll .lang .tit:after{top:45px}

.headertop{ position:relative; height:108px; display:block}

.search{ position:relative}
.search-btn{ display:block;width:30px;height:110px;background:url(../images/search-btn.png) no-repeat center bottom 20px;cursor:pointer; margin-left:25px}
.search-alert{width: 280px;position: absolute;right: 0;top: 100%;-webkit-border-radius: 3px; border-radius: 3px;padding: 15px;z-index: 50;background-color: #e7e7e7;display: none;}
.search-alert .search-form{ padding-right:75px; margin-top:22px;}
.search-alert form {position: relative; padding-right: 60px;-webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.search-alert .tex {border: 1px solid #e8e8e8;height:40px;line-height: 40px;width: 100%;color: #555;background:#fff;padding-left:10px;}
.search-alert .btn {border: none;line-height:40px;text-align: right;background:#f4af23;color:#000;position: absolute;right: 0;top: 0;width: 60px;text-align: center; cursor:pointer; transition:.5s}
.search-alert .closed{ width:15px; height:15px; position:absolute; right:25px;top:35px;}
.search-alert .closed:before{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; top:0; left:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); transform-origin:left top}
.search-alert .closed:after{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; bottom:0; left:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:left bottom}
.lang{ position:relative; margin-left:20px}
.lang .tit{font-size: 16px; padding-right: 20px;position: relative;display: block;text-align: right;line-height: 60px;padding-top: 50px;color: #000;transition:.5s}
.lang .tit:after{ content:""; width:8px; height:8px; display:block; border-right:1px solid #747474; border-bottom:1px solid #747474; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; right:0;top:72px;transition:top .5s}
.lang .sub { display:none;position: absolute;top: 100%;left:50%;margin-left:-60px;z-index: 99;width:120px;font-size: 14px; padding:8px 0 10px; background:#222;box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.lang .sub a{ display:block;color:#fff;background:#222; text-align:center; padding:10px 5px; border-bottom:1px solid rgba(255,255,255,.1)}
.lang .sub a:hover{color:#f4af23}

.banner {width: 100%;overflow: hidden; position:relative}
/*.banner:before{ content:""; width:100%; height:120px; position:absolute; left:0;top:0;background:-webkit-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: -o-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0)); z-index:9}*/
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner a{ display:block;}
.banner .img-ban{ display:block; width:100%}
.banner .txt{ width:45%; float:left; padding-top:200px; color:#030000}
.banner .txt h1{ color:#030000; font-size:90px; font-weight:300}
.banner .txt .intro{ font-size:20px; margin:20px 0 50px; font-weight:300}
.banner .txt .more{ font-size:20px; display:inline-block}
.banner .img{ float:right; width:50%}
.banner .swiper-button-prev, .banner .swiper-button-next{width: 15%;height: 100%;top:0; margin-top:0;background:none;}
.banner .swiper-button-prev{left:0;}	
.banner .swiper-button-next{right:0;}	
.banner .swiper-button-prev span,.banner .swiper-button-next span{display:block;width: 60px;height: 60px;position: absolute;left: 20px;top: 50%;margin-top:-30px;border-radius: 100%;opacity: 0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.banner .swiper-button-next span{left:auto;right:20px;}
.banner .swiper-button-prev:hover span, .banner .swiper-button-next:hover span{opacity: .6;}
.banner .swiper-button-prev span:after{ content:""; display:block; width:40px; height:40px; border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.7); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; right:0;top:0px;}
.banner .swiper-button-next span:after{ content:""; display:block; width:40px; height:40px; border-top:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:0;top:0px;}

/*分页器*/
.banner .swiper-pagination{ bottom:30px}
.banner .swiper-pagination-bullet{ width:15px; height:15px; background:#c9c9c9; border:1px solid #c9c9c9; opacity:1}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px; border-radius:5px;}
.banner .swiper-pagination-bullet-active{ background:#f4af23; border:1px solid #f4af23}


.mbanner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;}
.mbanner a{ display:block; background:#131313}
.mbanner img{ display:block; width:100%; height:auto}
.mbanner .swiper-pagination{bottom:3%}
.mbanner .swiper-pagination-bullet{ width:10px; height:10px;background:#c9c9c9;border:1px solid #c9c9c9; opacity:1}
.mbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ border-radius:3px; margin:0 3px}
.mbanner .swiper-pagination-bullet-active{ background:#f4af23; border:1px solid #f4af23}


.i-product{ background:#fff}
.i-product .category{ padding:30px 0}
.i-product .category ul{ display:flex; display:-webkit-flex; justify-content:space-between;}
.i-product .category li{ text-align:center}
.i-product .category img{ display:block; margin:0 auto; max-width:100%; -webkit-transition:.6s ease;-moz-transition:.6s ease;transition:.6s ease;}
.i-product .category h4{ font-size:30px; margin:10px 0 5px; color:#000}
.i-product .category h3{ font-size:24px;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;color:#000}
.i-product .category li:hover h3{ color:#f4af23}
.i-product .category li:hover img{ -webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);transform:translateY(-15px)}
.i-product .list{ padding-bottom:75px}
.i-product .list ul{ margin-right:-3%}
.i-product .list li{ float:left; width:30.33%; margin-right:3%; position:relative}
.i-product .list .pic{ overflow:hidden}
.i-product .list img{ display:block; width:100%; height:auto;-moz-transition:.6s;-webkit-transition:.6s;transition:.6s;} 
.i-product .list .txt{ position:absolute;left:0;right:0;top:0;bottom:0; display:flex; display:-webkit-flex; flex-wrap:wrap;justify-content:center;align-content:center; align-items:center; text-align:center; color:#fff}
.i-product .list .txt:after{content:""; width:100%; height:100%; position:absolute; left:0;top:0;right:0;bottom:0; -moz-transition:.6s;-webkit-transition:.6s;transition:.6s;}
.i-product .list .txt>div{ width:100%; font-size:40px; position:relative; z-index:2}
.i-product .list .titen{ font-weight:100}
.i-product .list li:hover .txt:after{ background:rgba(244,175,35,.8);}
.i-product .list li:hover img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}
.i-product2{ background:url(../images/bg.jpg) no-repeat; background-size:cover; padding:80px 0}
.i-product2 .left{ width:50%}
.i-product2 .left h2{ font-size:90px; margin:100px 0 35px; font-weight:300}
.i-product2 .left .intro{ font-size:22px; line-height:30px; font-weight:300}
.i-product2 .left .more{ font-size:21px; margin-top:60px; display:inline-block;}
.i-product2 .right{ width:40%}
.i-product2 .right img{ display:block; margin:auto; max-width:100%; height:auto}

.i-product3 img{ display:block; width:100%;}
.i-mproduct3{ display:none}
.i-mproduct3 img{ display:block; width:100%;}
/*============================================================*/

.nbanner{ position:relative;height:500px; overflow:hidden}
/*.nbanner:after{ content:""; width:100%; height:30%; position:absolute; left:0;right:0;bottom:0;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); z-index:1}*/
.nbanner .pic{ height:100%; -webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.nbanner .pic.anim{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);transform:scale(1.2,1.2);-moz-transition:5s ease;-webkit-transition:5s ease; transition:5s ease}
@media screen and (max-width:1920px){
	.nbanner{ height:400px}
}
@keyframes zoom{ 0%{transform:scale(1.05);} 50%{transform:scale(1.0);} 100%{transform:scale(1.05);} } 
@-webkit-keyframes zoom{ 0%{transform:scale(1.05);} 50%{transform:scale(1.0);} 100%{transform:scale(1.05);} }

.ntitle-top{ line-height:65px; background:#f4af23; color:#221f18; font-size:30px; font-weight:300}

.main{padding:90px 0}
.main .content{ line-height:30px;}
.main .content img{ max-width:100%; height:auto}
.main .content p{margin-bottom:10px}
.sertitle{ color:#4f4d4e; font-size:40px; border-bottom:2px solid #221f18; line-height:45px; padding-bottom:10px; margin-bottom:60px;}
.content-ser{ font-size:18px; color:#221f18; line-height:30px; font-weight:100}
.anchor{display: block;height:70px;margin-top: -70px;visibility: hidden;}

.table{ width:100%; max-width:900px;}
.table td{ border:1px solid #bfbfbf; padding:5px}
.table th{ background:#f0ab23; line-height:45px}
.about-header{ background:url(../images/about-bg.jpg) no-repeat left top; background-size:cover; padding-bottom:50px}
.about-header1{ height:900px}
.about-header .header{ background:none}
.about-header h2{ font-size:90px; font-weight:bold; text-transform:uppercase; margin-top:180px;}
.about-header h2:after{ content:""; width:140px; height:14px; display:block; background:#f4af23; margin-top:20px}
.about-header h3{font-size:26px; line-height:150%; margin-top:30px;}
.about-header .header-scroll{ background:#e7e7e7}
.main-a{ background:#fff}
.about-footer .footer-top{ background:#fff}
.nbanner-a{background:#b8b8b8; margin-top:-460px; overflow:hidden}
.nbanner-a img{ display:block; width:100%; height:100% !important; object-fit:cover}
.company{ padding-left:40%; padding-top:90px;}
.company .txt{ padding:0 10%; font-size:28px; line-height:52px; color:#221f18}
.company .txt p{ margin-bottom:40px}
.company .pic{background:#fff;margin-top:50px}
.company .pic img{ display:block; width:100%}
.company .qm{ color:#767676; display:flex; display:-webkit-flex; align-items:center;justify-content:flex-end}
.company .qm img{ margin-left:30px}

.newstop{ position:relative;}
.newstop-list{ position:relative;}
.newstop-list .swiper-container{ overflow: visible}
.newstop-list .swiper-slide{ background:#e7e7e7}
.newstop-list a{ display:block; height:600px;}
.newstop-list .img{ position:absolute; right:0;top:0; margin-top:-100px}
.newstop-list .img img{ display:block; height:640px;}
.newstop-list .txt{ width:50%; color:#767676; font-size:16px; line-height:30px; padding-top:70px;-moz-transform:translateY(15px);-webkit-transform:translateY(15px);transform:translateY(15px); opacity:0;-moz-transition:.8s;-webkit-transition:.8s; transition:.8s;}
.newstop-list .txt .time, .newstop-list .txt .ltit{ font-size:20px}
.newstop-list .txt .tit{ font-size:32px; color:#262626; line-height:45px; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; margin:10px 0 0}
.newstop-list .txt .ltit{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newstop-list .txt .intro{ margin-top:35px;display:-webkit-box;-webkit-line-clamp:6; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden}
.newstop-list .txt .intro p{ margin-bottom:10px}
.newstop-list .swiper-slide-active .txt{-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.newstop-list .swiper-button-prev, .newstop-list .swiper-button-next{background:none;width: 15px; height: 15px; position: absolute;left:0; top:auto; margin-top:0;bottom:120px;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.newstop-list .swiper-button-prev{ border-top: 2px solid #262626; border-left: 2px solid #262626; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}
.newstop-list .swiper-button-next{border-top: 2px solid #262626; border-right: 2px solid #262626;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg); left:60px}
.newstop-list .swiper-button-prev:hover{border-top: 2px solid #f4af23; border-left: 2px solid #f4af23;}
.newstop-list .swiper-button-next:hover{border-top: 2px solid #f4af23; border-right: 2px solid #f4af23;}
.newslist, .newstop-list, .news-content{ max-width:1440px; margin:0 auto}
.newslist ul{ margin-right:-4%}
.newslist li{ width:46%; margin-right:4%; margin-bottom:3%; float:left; position:relative}
.newslist .pic{ position:relative;}
.newslist .img1{ display:block; width:100%; height:auto}
.newslist .img2{ position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%}
.newslist .bg{ position:absolute; left:0;right:0;top:0;bottom:0; width:100%; height:100%; background:#f4af23; opacity:0;filter:alpha(opacity=0)}
.newslist .txt{position:absolute; left:0;right:0;top:0;bottom:0;}
.newslist .tit{position:absolute;top:55px; left:50px; width:60%}
.newslist .tit h4{font-size:22px;font-weight:bold;color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newslist .tit span{ display:block; font-size:20px; color:#8c8c8c;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newslist .time{ position:absolute; right:30px; top:30px; color:#333; font-size:15px; font-weight:bold}
.newslist .more{ display:block; font-size:18px; width:112px; line-height:40px; color:#333; position:absolute;bottom:40px; right:60px; text-align:center}
.newslist .more:after{ content:""; width:100%; height:3px; background:#f4af23; border-radius:3px; position:absolute; left:0;bottom:0}
.newslist .bg, .newslist .more:after{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.newslist li:hover .bg{opacity:.8;filter:alpha(opacity=80)}
.newslist li:hover .more:after{ background:#808080}
.newstit{font-size: 40px;color: #262626;line-height: 45px; border-bottom: 1px solid #4d5668; padding-bottom:20px;margin-bottom:30px; padding-right:100px; position:relative}
.newstit .ltit{font-size: 20px; color: #767676; display:block; white-space: nowrap; overflow:hidden;text-overflow:ellipsis;}
.newstit .time{ font-size:14px; color:#221f18; position:absolute; right:0;bottom:20px; background: url(../images/clock.png) no-repeat left center; padding-left:20px }
.news-article{color: #767676;}
.back{ text-align:center; margin-top:50px}
.back a{ display:inline-block;background: #f4af23;color: #221f18; line-height:45px; border-radius:25px; padding:0 40px}
.back a:hover{ color:#fff}

.hr-title{ font-size:60px; color:#1c1c1c;text-align:center; font-weight:300; line-height:65px; margin-bottom:20px;position:relative;}
.hr-intro{ text-align:center; font-size:18px; line-height:26px; color:#666; max-width:850px; margin:0 auto}
.hrlist{ margin-top:90px; position:relative}
.hrlist .swiper-container{ max-width:1300px}
.hrlist .swiper-slide{ background:#fff; border-radius:10px}
.hrlist .swiper-slide a{ display:block; padding:70px 40px 120px}
.hrlist .tit{ font-size:24px; color:#333; font-weight:bold; text-align:center; position:relative}
.hrlist .tit:after{ content:""; width:72px; height:7px; display:block; background:#f4af23; border-radius:5px; margin:20px auto 50px}
.hrlist .intro{ font-size:14px; color:#666; line-height:26px; height:415px}
.hrlist .intro h4{ font-size:18px; color:#1c1c1c; margin-top:50px}
.hrlist .intro h4:first-child{ margin-top:0}
.hrlist .swiper-button-prev, .hrlist .swiper-button-next{background:none;width:40px; height:40px; position: absolute;left:0; margin-top:-20px;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.hrlist .swiper-button-prev{ border-top: 2px solid #c0c0c0; border-left: 2px solid #c0c0c0; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}
.hrlist .swiper-button-next{border-top: 2px solid #c0c0c0; border-right: 2px solid #c0c0c0;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg); left:auto;right:0}
.hrlist .swiper-button-prev:hover{border-top: 2px solid #f4af23; border-left: 2px solid #f4af23;}
.hrlist .swiper-button-next:hover{border-top: 2px solid #f4af23; border-right: 2px solid #f4af23;}
.hrlist .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .hrlist .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{ right:-15px}

.resource-search .seartitle{ font-size:24px;color:#333; line-height:30px; border-bottom:2px solid #999; padding-bottom:12px; margin-bottom:5px; position:relative}
/*.resource-search .seartitle:before{ content:""; width:4px; height:33px; background:#221f18; position:absolute; left:0;top:4px}
*/.resource-search .list{ border-bottom:1px dashed #ccc}
.resource-search .list li{ float:left; margin-right:95px; line-height:45px; font-size:16px;}
.resource-search .list li.active a{ color:#f4af23}
.resource-search .list-sub li{border-bottom:1px dashed #ccc; line-height:20px; padding:10px 0;font-size:14px;}
.resource-search .list-sub span, .resource-search .list-sub a{ float:left;}
.resource-search .list-sub a{ margin-right:30px; padding:0 15px;color:#000}
.resource-search .list-sub span{ width:110px; font-weight:bold}
.resource-search .list-sub a.active, .resource-search .list-sub a:hover{ background:#f4af23}
.downlist{ margin-top:30px;}
.downlist li{ border-bottom:1px solid #6b6b6b; margin-top:20px; position:relative}
.downlist li h3{ padding-right:30%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:32px; font-size:18px;color:#221f18}
.downlist li h3 a{color:#221f18}
.downlist li .downbtn{ width:60px; height:100%; position:absolute; right:10px;bottom:0; background:url(../images/down-icon.png) no-repeat center;background-size: auto 20px;}
.downlist li:hover .downbtn{background:url(../images/down-iconh.png) no-repeat center;background-size: auto 20px;}

.nbanner-pro{ display:block;}
.nbanner-pro .txt{ width:45%; float:left; padding-top:200px; color:#030000}
.nbanner-pro .txt h1{ color:#030000; font-size:90px; font-weight:300}
.nbanner-pro .txt .intro{ font-size:20px; margin:20px 0 50px; font-weight:300}
.nbanner-pro .txt .more{ font-size:20px; display:inline-block}
.nbanner-pro img{ display:block; width:100%}
.inner-nav{position:relative; background:#fff; padding:25px 0; line-height:30px; }
.inner-nav-btn{ display:flex;display:-webkit-flex;align-items: center;float:left; cursor:pointer; font-size:20px;}
.inner-nav-btn .line{ width:26px; height:18px; display: flex;flex-direction: column;justify-content: space-between; flex-wrap:wrap;position: relative;}
.inner-nav-btn .line span, .inner-nav-btn .line:before, .inner-nav-btn .line:after{background: #000; height:2px;width:100%;transform-origin: center;transition:.3s cubic-bezier(.165,.84,.44,1); position:relative}
.inner-nav-btn .line:before, .inner-nav-btn .line:after{content:"";display: block;}

.inner-nav-btn>span{ margin-left:10px;}
.inner-nav-btn.active .line span{ opacity:0}
.inner-nav-btn.active .line:before{-webkit-transform:rotate(-45deg) translate(-2px,9px);-moz-transform:rotate(-45deg) translate(-2px,9px) ;transform:rotate(-45deg) translate(-2px,9px);}
.inner-nav-btn.active .line:after{-webkit-transform:rotate(45deg) translate(-2px,-8px) ;-moz-transform:rotate(45deg) translate(-2px,-8px) ;transform:rotate(45deg) translate(-2px,-8px);}
.inner-nav-classify{ margin-left:30px;-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);transform: translateX(-20px); float:left; opacity: 0; visibility:hidden;transition: .5s cubic-bezier(.165,.84,.44,1);}
.inner-nav-classify li{margin-left:50px; float:left; position:relative}
.inner-nav-classify li a{ display:block;font-size:20px; color:#4f4d4e; font-weight:200; text-transform:uppercase}
.inner-nav-classify li.cur a{color:#f4af23}
.inner-nav-classify .closed{ display:none; margin:0 auto; width:20px; height:20px; position:relative}
.inner-nav-classify .closed:before{ content:""; width:100%; height:1px; background:#999; position:absolute; left:0;top:50%; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.inner-nav-classify .closed:after{ content:""; width:100%; height:1px; background:#999; position:absolute; left:0;top:50%; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.inner-nav-classify.active{opacity:1; visibility:visible;-moz-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);}

.main-product>.wrap{ width:100%; padding:0}
.main-product li{ float:left; width:50%; position:relative}
.main-product li .pic{ position:relative; overflow:hidden}
.main-product li .img1{ display:block; width:100%; height:auto}
.main-product li .img2{ position:absolute;left:0;right:0;top:0;bottom:0; width:100%}
.main-product li .bg{ position:absolute;left:0;right:0;top:0;bottom:0; width:100%; height:100%; background:rgba(244,175,35,.8); opacity:0; filter:alpha(opacity=0);-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.main-product li .titbox{position:absolute;left:0;right:0;top:0;bottom:0; font-size:90px;color:#fff; font-weight:300; display:flex; display:-webkit-flex; align-items:center;align-content:center; flex-wrap:wrap;}
.main-product li .titbox span{ display:block; width:100%; text-align:center}
.main-product li .titbox .series{ font-size:50px; position:relative; text-transform:uppercase}
.main-product li .titbox .series:after{ content:""; width:40px; height:2px; background:#fff; display:block; margin:10px auto}
.main-product li .more{ font-size:22px; color:#333; position:absolute; right:10%; bottom:5%}
.main-product li:hover .bg{opacity:1; filter:alpha(opacity=100);}
.ntitle-top .location a{ float:left; display:block;margin-right:50px; float:left;font-size:20px; color:#222;position:relative}
.ntitle-top .location a:after{content:""; width:1px; height:20px; background:#222; position:absolute; right:-25px; top:23px; -moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}
.ntitle-top .location a:last-child::after{ display:none}

.product-top{ /*background:url(../images/product-topbg.jpg) no-repeat center;*/ background:#cbcbcd; background-size:cover; padding:40px 0 40px}
.product-piclist{ width:46%}
.product-pic-item{ height:0; opacity:0; overflow:hidden}
.product-pic-item.active{ height:auto; opacity:1}
.product-piclist .img img{ display:block; width:100%; height:auto}
.product-piclist .swiper-button-prev, .product-piclist .swiper-button-next{background:none;width: 20px; height: 20px;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.product-piclist .swiper-button-prev{ border-top: 2px solid #262626; border-left: 2px solid #262626; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}
.product-piclist .swiper-button-next{border-top: 2px solid #262626; border-right: 2px solid #262626;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.product-piclist .swiper-button-prev:hover{border-top: 2px solid #f4af23; border-left: 2px solid #f4af23;}
.product-piclist .swiper-button-next:hover{border-top: 2px solid #f4af23; border-right: 2px solid #f4af23;}
.product-top .right-txt{ width:48%; color:#030000; line-height:30px; font-weight:300}
.product-top .right-txt h1{ font-size:90px; margin:80px 0 40px; line-height:100px; font-weight:300}
.product-top .right-txt h1 span{ margin-right:50px}
.product-top .right-txt .intro{ font-size:22px; font-weight: normal; line-height:33px;}
.product-top .right-txt .color{ margin:80px 0; position:relative}
.product-top .right-txt .color>span{ font-size:30px; margin-right:35px; position:absolute; left:0;top:0}
.product-top .right-txt .color .tabs{ padding-left:100px}
.product-top .right-txt .color .tabs a{ float:left;width:35px; height:35px; background:#fff; border:2px solid #8a8a8a; border-radius:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); margin-right:20px; position:relative; overflow:hidden}
.product-top .right-txt .color .tabs span{ display:block; position:absolute; left:0;top:0;right:0;bottom:0; -webkit-transform:rotate(-45deg) scale(1.3);-moz-transform:rotate(-45deg) scale(1.3);transform:rotate(-45deg) scale(1.3)}
.product-top .right-txt .color .tabs .black{ background:#020000;}
.product-top .right-txt .color .tabs .grey{ background:#9b9b9b;}
.product-top .right-txt .color .tabs .orange{ background:#f4af23;}
.product-top .right-txt .color .tabs .silver{background: -webkit-linear-gradient(left, #a3a3a3 , #e3e1df);
  background: -o-linear-gradient(right, #a3a3a3, #e3e1df); 
  background: -moz-linear-gradient(right, #a3a3a3, #e3e1df);
  background: linear-gradient(to right, #a3a3a3 , #e3e1df);
 }
.product-top .right-txt .color .tabs .green{ background:#7ac922;}
.product-top .right-txt .color .tabs .pink{ background:#fc9ecd;}
.product-top .right-txt .color .tabs .purple{ background:#ceb6d6;}
.product-top .right-txt .color .tabs .blue{ background:#a5c1e6;}
.product-top .right-txt .color .tabs .BN{/* background:#494949*/}
.product-top .right-txt .color .tabs .BN span{background:url(../images/BN.jpg) no-repeat center; background-size:cover}
/*.product-top .right-txt .color .tabs .blue span:before{ content:""; position:absolute; left:0;top:0;right:0;bottom:0; 
background: -webkit-linear-gradient(#385477, #553f2f);
background: -o-linear-gradient(#385477, #553f2f);
background: -moz-linear-gradient(#385477, #553f2f);
background: linear-gradient(#385477 0,#385477 50%, #553f2f 50%, #553f2f 100%);

}*/
.product-top .right-txt .color .tabs .vgcol01 span{ background:url(../images/vgcol01.png) no-repeat center; background-size:cover}
.product-top .right-txt .color .tabs .vgcol02 span{ background:url(../images/vgcol02.png) no-repeat center; background-size:cover}
.product-top .right-txt .color .tabs a.active{border:2px solid #f4af23}
.product-top .right-txt .down-btn{ font-size:30px; color:#030000; padding-right:80px; background:url(../images/down-icon.png) no-repeat right center}
.product-top .right-txt .down-btn:hover{background:url(../images/down-iconh.png) no-repeat right center}

.product-detail{ font-size:22px; color:#030000; line-height:30px; font-weight:300}
.product-detail .item1 img, .product-detail .item2{ display:block; width:100%}
.product-detail .item3{ background:#353535; padding:100px 0}
.product-detail .item4{ background:#e7e7e7; padding:80px 0}
.product-detail .list{ display:flex; display:-webkit-flex;justify-content:space-between; color:#fff}
.product-detail .list li{ margin:0 3%; padding:0 3%; text-align:center; font-weight:300;}
.product-detail .list .pic{ /*width:350px; height:350px; background:#4d4d4d;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); border-radius:30%;*/margin-bottom:50px;}
.product-detail .list .pic img{ display:block; width:400px; margin:0 auto}
.product-detail .list p{ opacity:.65}
.product-detail .guige-title{ font-size:60px; color:#000001; line-height:60px; margin-bottom:20px; font-weight:normal}
.guige-con{color:#767676; font-weight:normal}
.guige-con td{ padding:15px 10px; padding-left:100px; border-bottom:1px solid #c3c3c3; border-right:1px solid #c3c3c3}
.guige-con tr:first-child td{ padding-top:30px;}
.guige-con tr:last-child td{ border-bottom:none;}
.guige-con tr td:last-child{ border-right:none;}
.guige-con .table-td1{ padding-left:30px;}
.guige-con .table-td2{ padding-left:65px}
.guige-con .table-td3{ padding-left:80px}
/*===========================contact================================*/

.contact{margin-top:200px; position:relative}
.contact .pic{ position:relative; height:870px; overflow:hidden}
.contact .pic img{ display:block; position:absolute; left:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover;}
.contact .wrap{ position:absolute; left:0;right:0;top:0;bottom:0}
.contact-list{ position:absolute; right:0; top:-180px; background:#f4af23;color:#333; text-align:right; padding:40px 70px 50px 70px; font-size:25px; line-height:40px;max-width:780px;}
.contact-list .tit{ margin-bottom:50px; color:#000; font-size:30px;}
.contact-list .tit span{ display:block; font-size:19.5px}
.contact-title{font-size:60px; color:#1c1c1c;text-align:center; line-height:65px; margin-bottom:35px;position:relative;}

#allmap{width:100%;height:500px;line-height:22px; font-size:14px;}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}
.BMapLabel{ background:none !important; border:0 !important}

/*============================================================*/
.footer{ background:#e7e7e7;color:#000;line-height:30px;padding-bottom:100px;position:relative}
.footer a{color:#000;}
.footer a:hover{color:#333}
.footer-top{border-bottom:1px solid #4d5668;padding-top:45px;}
.f-logo img{ display:block}
.f-link li{ float:left; margin-left:10px; cursor:pointer; position:relative}
.f-link .icon{ position:relative; width:35px; height:35px;}
.f-link .icon img{ position:absolute; left:0;top:0;right:0;bottom:0}
.f-link .icon-1, .f-link .icon-2{-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.f-link .icon-2{filter:alipha(opacity=0);opacity:0;}
.f-link li:hover .icon-1{filter:alipha(opacity=0);opacity:0;}
.f-link li:hover .icon-2{filter:alipha(opacity=100);opacity:1;}
.f-link .hd{ position:absolute; padding:10px 10px 15px; text-align:center; background:#fff; font-size:14px; left:50%; margin-left:-85px;bottom:40px; opacity:0; visibility:hidden;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; box-shadow:0 0 10px rgba(0,0,0,.1)}
.f-link .hd:after{ content:""; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff; position:absolute;bottom:-6px; left:50%; margin-left:-6px;}
.f-link .hd img{ display:block; width:150px; height:150px;}
.f-link li:hover .hd{ opacity:1; visibility: visible;}

.f-lang{ margin-bottom:25px;}
.f-lang .tit{ font-size:16px; padding-right:20px; position:relative; display:block; text-align:right}
.f-lang .tit:after{ content:""; width:8px; height:8px; display:block; border-right:1px solid #747474; border-bottom:1px solid #747474; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; right:0;top:7px;}
.f-lang .sub{ display: flex;display: -webkit-flex;flex-wrap:wrap;}
.f-lang .sub a{width:10%}
.f-lang .sub a:hover{color:#f4af23}
.f-nav li{ float:left; margin-right:100px;}
.f-nav li:last-child{ margin-right:0}
.f-nav h3{ font-size:18px; color:#000; font-weight:400; margin-bottom:10px; font-weight:600}
.f-nav .sub a{ display:block; color:#000;}
.f-nav .sub a:hover{ color:#f4af23}

.f-ewm{ text-align:center; background:#fff; padding:20px; position:absolute; left:50%; margin-left:-200px;top:100px; font-size:14px; display:none}
.f-ewm img{ display:block; width:150px; height:150px; margin:0 auto}
.f-ewm li{ margin-right:0}
.friendlink{ position:relative; margin-top:30px; width:260px; cursor:pointer}
.friendlink>span{ display:block; border:1px solid rgba(255,255,255,.2);opacity:.8;filte:alpha(opacity=80); line-height:40px; height:40px; padding-left:15px; position:relative}
.friendlink>span:after{ content:""; width:7px; height:7px; display:block; border-top:1px solid rgba(255,255,255,.6);border-right:1px solid rgba(255,255,255,.6);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; right:15px; top:15px}
.friendlink .sub{ position:absolute; width:100%;bottom:40px; background:#fff; display:none}
.friendlink .sub a{ border-bottom:1px solid #e8e8e8; display:block; padding:8px 15px; color:#666}
.friendlink .sub a:hover{ background:#fddd5f; color:#0a2d5a}
.footer-bot{ margin-top:25px;position:relative}
.flink a{ padding:0 10px; position:relative}
.flink a:after{ content:""; width:1px; height:12px; background:rgba(255,255,255,.3); display:block; position:absolute; right:0;top:2px}
.flink a:last-child::after{ display:none}
.copyright{ text-align:right;font-size: 14px;}

.float_kf{ position:fixed;right:10px; bottom:20%; background:#fff; z-index:99}
.float_kf li{ width:70px; text-align:center;border:1px solid #e8e8e8; border-bottom:none; padding:12px 0;color:#535353; position:relative; font-size:14px}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#0a2d5a;border:1px solid #0a2d5a;border-bottom:none; color:#fff; cursor:pointer;}.float_kf li:hover a{ color:#fff}
.float_kf .mes i{ width:24px; height:25px; background:url(../images/right_pic3.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .mes:hover i{background:url(../images/right_pic3_h.png) no-repeat;}

.float_kf .fwh i{ width:29px; height:25px; background:url(../images/right_pic2.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .fwh:hover i{background:url(../images/right_pic2_h.png) no-repeat;}
.float_kf .fwh .hd img{ width:150px; display:block;}
.float_kf .app i{ width:29px; height:25px; background:url(../images/right_pic4.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .app:hover i{background:url(../images/right_pic4_h.png) no-repeat;}
.float_kf .app .hd img{ width:150px; display:block;}
.float_kf .service i{ width:29px; height:25px; background:url(../images/right_pic1.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .service:hover i{background:url(../images/right_pic1_h.png) no-repeat;}
.float_kf .service .hd{ position:absolute; right:69px;bottom:-72px;border:1px solid #e8e8e8;opacity:0; filter:alpha(opacity=0); visibility:hidden;-moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .service .hd h3{background: #fddd5f;color:#0a2d5a; white-space:nowrap; line-height:40px; font-weight:bold; padding:0 20px}
.float_kf .service .sub{ background:#fff; padding:15px;}
.float_kf .service .sub a{ display:block; white-space:nowrap; background:#eef0f3; margin-top:5px; line-height:32px; padding:0 15px;color:#0a2d5a}
.float_kf .service .sub a:first-child{ margin-top:0}
.float_kf .service .sub a:hover{background:#0a2d5a; color:#fff}
.float_kf .service:hover .hd{opacity:1; filter:alpha(opacity=100);visibility:visible;-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}
.float_kf .fwh .hd, .float_kf .app .hd{ position:absolute; right:69px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:20px;color:#535353; opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .fwh .hd{ margin-top:-84px}
.float_kf .fwh .hd, .float_kf .app .hd,.float_kf .tel .hd,.float_kf .service .hd{ -moz-transition:.5s;;-webkit-transition:.5s;transition:.5s;}
.float_kf .fwh:hover .hd, .float_kf .app:hover .hd, .float_kf .tel:hover .hd{opacity:1; filter:alpha(opacity=100); -moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0); visibility:visible}


.float_kf .tel i{ width:29px; height:25px; background:url(../images/right_pic5.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .tel:hover i{background:url(../images/right_pic5_h.png) no-repeat;}
.float_kf .tel .hd{ background:#0a2d5a; color:#fff; font-size:20px; font-weight:bold; position:absolute;right:69px;top:0;text-align:left; text-align:center;line-height:74px; width:200px; height:100%;opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .backtop{background:#fddd5f;border:1px solid #fddd5f; border-bottom:none}
.float_kf .backtop i{ width:24px; height:25px; background:url(../images/right_pic6_h.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#0a2d5a}
.float_kf .backtop:hover{ background:#0a2d5a}
.float_kf .backtop:hover i{background:url(../images/right_pic6.png) no-repeat;}

.en .i-product .list .txt>div{ font-size:55px; font-weight:100}
.en .menu .sub a{ text-transform:inherit}
.en .main-product li .titbox span, .en .i-product .list .txt>div{ font-family:'opensans1'}
.en .contact-list{ line-height:30px;}
.en .contact-list p{ margin-bottom:10px}
/*.en .menu .sub2{ width:120%;}*/
.en .newstop-list .txt .tit{ line-height:32px}
.en .newstop-list .swiper-button-prev, .en .newstop-list .swiper-button-next{bottom:100px}
.en .product-top .right-txt h1{font-family:'opensans1'; font-weight:300}

.pages{ margin-top:40px}
.pagination{ height:auto !important; padding:0 !important}
.pagination p, .pagination a{ margin-bottom:8px !important;}

.en .f-nav li.last .sub>div{ display:inline-block;margin-right: 10px;}
.en .f-nav li.last .icon{position:relative; width:35px; height:35px;}
.en .f-nav li.last .icon img{ position:absolute; left:0;top:0;right:0;bottom:0}
.en .f-nav li.last .icon-1, .en .f-nav li.last .icon-2{-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.en .f-nav li.last .icon-2{filter:alipha(opacity=0);opacity:0;}
.en .f-nav li.last a:hover .icon-1{filter:alipha(opacity=0);opacity:0;}
.en .f-nav li.last a:hover .icon-2{filter:alipha(opacity=100);opacity:1;}
#translate{display: none;}


.ablx_intro { font-size:26px; font-weight:bold; line-height:150%; padding-bottom:20px;}