@charset "utf-8";

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font-size:16px;overflow-x:hidden;-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:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; font-size:16px;overflow-x:hidden; color:#666;}
body.en{ font-family:Arial,Times New Roman,Helvetica,sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#666}
a:hover{color:#e71e1d}
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;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
video:focus{ outline:none}

input,textarea,select,button,input{ outline:none; font-size:15px;font-family: Arial, 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}
/*input{-webkit-appearance: none ;}*/

input[type=checkbox] {cursor: pointer;position: relative;}
input[type=checkbox]::after {position: absolute;top: 0;background-color: #fff;color: #fff;width: 14px;height: 14px;display: inline-block;visibility: visible;padding-left: 0px;text-align: center;content: ' ';border-radius: 2px;box-sizing: border-box;border: 1px solid #ddd;}
input[type=checkbox]:checked::after {content: "";background-color: #80bc00;border-color: #80bc00;background-color: #80bc00;}
input[type=checkbox]:checked::before {content: '';position: absolute;top: 1px;left: 5px;width: 3px;height: 8px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);z-index: 1;}


@font-face {	
font-family: 'FRADM';	
src: url("../fonts/FRADM.eot");
src: url("../fonts/FRADM.eot") format("embedded-opentype"), 
url("../fonts/FRADM.woff") format("woff"), 
url("../fonts/FRADM.ttf") format("truetype"), 
url("../fonts/FRADM.svg") format("svg");	
font-weight: normal;
font-style: normal;}


#line11, #line22, #line33, #line44{ top:128px;}

.wrap{ width:88%;margin:0 auto}
.pic{overflow:hidden; position:relative}
.pic img{display:block;-moz-transition:1s cubic-bezier(.64,.93,.88,1.07);-webkit-transition:1s cubic-bezier(.64,.93,.88,1.07);transition:1s cubic-bezier(.64,.93,.88,1.07);}
.img-dv{ position:relative; overflow:hidden}
.img-dv:before{content: "";display: block;padding-top: 52.5%;}
.img-dv img{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}

.header.scroll{ margin-top:-40px}
.headerHeight{ height:128px;}

.header{ position:fixed; left:0; top:0; width:100%; z-index:999; font-size:14px; box-shadow: 1px 1px 12px rgba(0,0,0,.15); transition: all 0.5s ease;}
.header .top{  height:40px;line-height:40px;background:#5c5d5d; color:#fff; position:relative}
.header .top a{ color:#fff}
.header .top .language-btn{cursor: pointer; color:#fff; background:url(../images/map.png) no-repeat 0 10px; padding-left:28px; text-transform:uppercase;}
.header .top .language-btn:hover{opacity:0.8}
.header .top .mail{ float:left;position:relative; line-height:40px; padding-right:20px; margin-right:20px;}
.header .top .mail:after{ position:absolute; content:""; width:1px; height:14px; right:0px; top:13px; background:#fff; opacity:0.7}
.header .top .mail a{background:url(../images/mail.png) no-repeat left 11px; padding-left:28px;text-transform:uppercase; color:#fff; display:block; cursor:pointer;}
.header .top .mail a.cur{/* background:url(../images/mail02.png) no-repeat left 11px;color:#80bc00 */opacity:0.8}
.header .top .mail .sub{ display:none; position: absolute; left:0; background:#575757; padding:0px 20px; color:#fff; border-radius:8px; margin-top:10px; left:-50px;}
.header .top .mail .sub:after{ position:absolute; top:-10px; left:50%; margin-left:-15px; content:""; width:0; height:0; border-right:10px solid transparent; border-left:10px solid transparent;border-bottom:10px solid #575757;}
.header .top .mail .sub.cur{ display:block}
.header .top .tel{background: url(../images/tel.png) no-repeat left 10px; padding-left:24px; position:relative}
.bg{ background-color:rgba(0,0,0,0.7); z-index:9998; width:100%; height:100%;position:fixed; left:0; top:0; display:none}
.bg.cur{ display:block}
.language-sub{ width:640px;position:fixed; top:20%;left:50%; margin-left:-320px; z-index:9999;display:none; background:url(../images/map.jpg) #fff no-repeat center center;border-radius: 10px;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.25);-moz-box-shadow: 1px 1px 12px rgba(0,0,0,.25);box-shadow: 1px 1px 12px rgba(0,0,0,.25);}
.language-sub.cur{ display:block}
.language-sub .closed{ position:absolute; width:35px; height:35px;right:30px;top:30px; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.language-sub .closed:before{ content:""; width:100%; height:2px;background: #333;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 0;top: 50%; margin-top:-1px}
.language-sub .closed:after{ content:""; width:2px; height:100%;background: #333;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left:50%;top:0; margin-left:-1px}
.language-sub .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.language-sub .closed:hover::before, .language-sub .closed:hover::after{background: #e71e1d;}
.language-sub ul{ padding:20% 25%;  }
.language-sub li{line-height:45px; border:1px solid #e8e8e8;margin-bottom:15px; font-size:16px; box-shadow:0 0 5px rgba(0,0,0,0.05); border-radius: 6px; overflow:hidden}
.language-sub li:last-child{ margin-bottom:0}
.language-sub li a{ display:block; background:#fff; padding-left:50px;}
.language-sub li i{ width:30px; height:20px; background:url(../images/lang.jpg) no-repeat 0 0; display:inline-block; vertical-align:middle; margin-right:10px;}
.language-sub li span{ display:inline-block; vertical-align:middle}
.language-sub li.li2 i{background:url(../images/lang.jpg) no-repeat -32px 0;}
.language-sub li.li3 i{background:url(../images/lang.jpg) no-repeat -64px 0;}
.language-sub li:hover a{ background:#e71e1d; color:#fff}


.header .neck{ background:#fff;transition: all 0.5s ease;}
.header .neck .wrap{ position:relative;}
.header .neck .logo{height:88px; display:flex; display:-webkit-flex;align-items:center}
.header .neck .logo img{ display:block; height:53px; width:auto;}
.header .neck .lang{ display:none}

.header .menu{ height:88px; line-height:88px; float:right;}
.header .menu li{ float:left; font-size:18px;  margin-left:60px; position:relative}
.header .menu li:first-child{ margin-left:0}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}
.header .menu li .menu_a{color:#333; display: block; position:relative}
.header .menu li:hover .menu_a{ color:#000;}
.header .menu .menu_a:after {content:'';width: 0;height:2px;background-color: #e71e1d;position: absolute; bottom:20px; left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu .cur .menu_a:after, .header .menu li:hover .menu_a:after {width: 100%}
.menu .sub{position: absolute;top: 100%;left:50%; -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);min-width:100%; padding-bottom:10px;display: none;background:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.15);z-index:99;}
.menu .sub a{display: block; background:#fff;color:#333;line-height:22px; padding:10px 25px; text-align:center;white-space:nowrap; position:relative}
.menu .sub li:hover>a{color:#fff; background:#e71e1d}
.menu .sub li{ position:relative; margin-left:0 !important; font-size:.85em!important;float: none;}
.menu .sub li li{ font-size:.9em}
.menu .sub ul ul{ position:absolute;top:0;left:100%;background:#e71e1d;opacity:0; visibility:hidden;padding-bottom:10px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s; z-index:99;}
.menu .sub ul ul a{ text-align:left;background: #e71e1d; color:rgba(255,255,255,.8);}
.menu .sub li:hover>ul{ opacity:1; visibility:visible}

.menu .producttdown{background-color:#fff; font-size:16px; margin:0 auto;box-shadow: 0 0 10px rgba(0%,0%,0%,0.15);display:none;position:absolute; z-index:99; clear:both; right:0; width:50%; padding:3% 4% 4% 4%;  }
.menu .protil h3{color:#333; font-weight:bold; text-transform:uppercase; line-height:30px; }
.producttdown .proil{ float: left; width:30%;}
.producttdown .proir{ float: right; width:60%; }
.producttdown .tabmenu li {display:block;color: rgba(102,102,102,0.85); line-height:45px; font-size:16px;margin-left:0; display:block; float:none; border-bottom:solid 1px #e1e1e1; cursor:pointer}
.producttdown .tabmenu .cur {color:#e71e1d; }

.producttdown #ptabcontent .hidden {display:none;}
.producttdown #ptabcontent { clear:both;}
.producttdown #ptabcontent ul li img{ width:100%; height:auto; border:solid 1px #ddd;}
.producttdown #ptabcontent .erji{ float:left; width:46%}
.producttdown #ptabcontent .erji a{ display:block; line-height:30px; font-size:15px}
.producttdown #ptabcontent .ppic{ float:right; width:50%; margin-top:-5%}
.producttdown #ptabcontent .ppic img{ display:block; width:100%; height:auto}



.banner, .nbanner{margin-top:128px; clear:both;transition: all 0.5s ease;}
.nbanner img{ display:block; width:100%; height:auto}
.banner{ position:relative; z-index:1;}
.banner img{ display:block; width:100%;}
.banner .swiper-slide{ position:relative}
.banner .swiper-slide .txt{ position:absolute;left:6%;top:50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.banner .swiper-slide .txt h3{ font-size:54px;text-shadow: 0.5px 0.5px 2px rgba(0,0,0,0.3); color:#fff;font-weight:bold;}
.banner .swiper-slide .txt .more a{ font-size:14px; width:188px; line-height:40px; border-radius:8px; border: solid 2px #fff; background-color:rgba(0,0,0,0.1); display:block; text-align:center; text-transform:uppercase; color:#fff}
.banner .swiper-slide .txt .more a:hover{background-color:rgba(0,0,0,0.3);}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:40px; height:50px; margin-top:-20px; outline:none; opacity:0.6; top:50%; overflow:hidden}
.banner .swiper-button-prev{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center; background-size:20px auto; left:0%; opacity:0.5}
.banner .swiper-button-next{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; right:0%; opacity:0.5}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.banner .swiper-pagination{bottom:2%; text-align:center;}
.banner .swiper-pagination-bullet{ width:16px; height:16px; border:solid 2px #fff; opacity:1 !important; background:none; margin:0 8px; border-radius:50%;}
.banner .swiper-pagination-bullet-active{ border:solid 2px #a09d9c;background:#a09d9c;}
.banner .swiper-slide{ position:relative}
.banner .swiper-slide-active .txt h3{-webkit-animation:fadeInUp .6s ease;animation: fadeInUp .6s ease;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{ display:none}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}


.title{ margin-bottom:1em;text-align:center; font-size:42px; color:#333; font-weight:bold; position:relative}
.title:after{ content:""; width:70px; height:3px; background:#e71e1d; display:block; margin:.285em auto 0}
.subtitle{ text-align:center;color:#666;margin-top: -1em; margin-bottom:2em; line-height:1.8}

.ntitle{margin-bottom:.7em;font-size:40px; line-height:1; color:#333; font-weight:bold;position:relative;}



.space{ padding:70px 0 60px 0}
.iproducts .conn{ margin:0 -3%; display:flex; display:-webkit-flex;justify-content:center}
.iproducts .item{ float:left; width:16.6666%; padding:0 3%; text-align:center}
.iproducts .item .pic{ position:relative}
.iproducts .item .pic:before{ content:""; display:block; padding-top:100%}
.iproducts .item .pic img{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; width:100%; height:100%; object-fit:cover}
.iproducts .item .text{ padding:1em 0}
.iproducts .item h3{color:#333; font-weight:bold; font-size:20px;-webkit-transition:.4s;-moz-transition:.4s; transition:.4s}
.iproducts .item p{color: rgba(102,102,102,0.85);-webkit-transition:.4s;-moz-transition:.4s; transition:.4s}
.iproducts .item:hover h3, .iproducts .item:hover p{ color:#e71e1d}
.iproducts .item:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}

.imain li{ position:relative; overflow:hidden}
.imain .top li{float:left; width:32.666666%; margin-bottom:1%;}
.imain .top li:nth-child(1){ width:66.333333%; margin-right:1%;}
.imain .top .pic:before{ content:""; display:block; padding-top:63.75%}
.imain .top .pic img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%; object-fit:cover}
.imain .top li:nth-child(1) .pic:before{ content:""; display:block; padding-top:31.39375%}
.imain .top li:nth-child(1) .text{padding:10% 40px 35px;}
.imain .bot li{float:left; width:32.666666%; margin-bottom:1%; margin-right:1%}
.imain .bot li.m-li1{ display:none}
.imain .bot li:last-child{ margin-right:0}
.imain .bot .pic:before{ content:""; display:block; padding-top:52.5%}
.imain .bot .pic img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%; object-fit:cover}
.imain .text{position:absolute; left:0;right:0;bottom:0; padding:20% 40px 35px; color:#fff;background: -webkit-linear-gradient(rgba(0,0,0,0) , rgba(0,0,0,.6));
    background: -o-linear-gradient(rgba(0,0,0,0) , rgba(0,0,0,.6));
    background: -moz-linear-gradient(rgba(0,0,0,0) , rgba(0,0,0,.6));
    background: linear-gradient(rgba(0,0,0,0) , rgba(0,0,0,.6));}
.imain .text h3{ font-size:24px; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.imain .more{color:#e71e1d;height:0;overflow:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;display:inherit}
.imain .more i{ display:inline-block; height:11px; width:11px; margin-left:5px; background:url(../images/icon.png) no-repeat center;}
.imain li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);}
.imain li:hover .more{ height:24px;}

.footer{ background:#5c5d5d; color:#e0e0e0; padding:60px 0 30px}
.footer a{ color:#d1d0cf}
.footer a:hover{ color:#fff}
.footer-top{ margin-bottom:40px}
.f-nav{width:70%; max-width:calc(100% - 500px)}
.f-nav ul{ display:flex; display:-webkit-flex;}
.f-nav li{position:relative; margin-right:8%; padding-right:8%}
.f-nav li:after{ content:""; width:1px; height:calc(100% - 40px); background:rgba(255,255,255,.2); position:absolute; right:0;top:35px}
.f-nav li:last-child{ padding-right:0; margin-right:0}
.f-nav li:last-child::after{ display:none}
.f-nav h3{font-size:20px; margin-bottom:.5em}
.f-nav .sub{ line-height:1.8}
.f-nav .sub a{ display:block}
.f-nav .sub_2 a{ display:inline}
.f-nav .sub_sed{ font-size:.95em;}
.f-nav .sub_sed a{ color:#b3b2b1; padding-left:8px; position:relative}
.f-nav .sub_sed a:before{ content:""; width:3px; height:3px; border-radius:50%; background:#b3b2b1; position:absolute; left:0;top:12px}
.f-nav .sub_sed a:hover{ color:#fff}
.f-ewm{}
.f-ewm h3{font-size:20px; margin-bottom:.5em}
.f-ewm ul{ display:flex; display:-webkit-flex}
.f-ewm li{ text-align:center; margin-right:10px; font-size:.9em}
.f-ewm li span{ display:block; padding-top:5px}
.f-ewm .img{ display:block; width:120px; margin:0 auto}
.footer-top .tel{ color:#fff; font-weight:bold; font-size:1.25em; margin-top:1em}

.f-share h3{font-size:20px; margin-bottom:.5em}
.f-sharelist div{ float:left; width:30px; height:30px; margin-right:4px;}
.f-sharelist div a{ display:block; width:100%; height:30px; border-radius:4px}
.f-sharelist div.li01 a{background:url(../images/fshare.png) rgba(255,255,255,0.6) no-repeat left center;}
.f-sharelist div.li02 a{background:url(../images/fshare.png) rgba(255,255,255,0.6) no-repeat -30px center;}
.f-sharelist div.li03 a{background:url(../images/fshare.png) rgba(255,255,255,0.6) no-repeat -60px center;}
.f-sharelist div.li04 a{background:url(../images/fshare.png) rgba(255,255,255,0.6) no-repeat -90px center;}
.f-sharelist div.li05 a{background:url(../images/fshare.png) rgba(255,255,255,0.6) no-repeat -120px center; }
.f-sharelist div.li06 a{background:url(../images/fshare.png) rgba(255,255,255,0.6) no-repeat right center;}
.f-sharelist div.phshow{ display:none}
/*.f-sharelist div a:hover{ background-color:#e71e1d}*/
.f-sharelist div.li01 a:hover{background:url(../images/fshareh.png) #e71e1d no-repeat left center;}
.f-sharelist div.li02 a:hover{background:url(../images/fshareh.png) #e71e1d no-repeat -30px center;}
.f-sharelist div.li03 a:hover{background:url(../images/fshareh.png) #e71e1d no-repeat -60px center;}
.f-sharelist div.li04 a:hover{background:url(../images/fshareh.png) #e71e1d no-repeat -90px center;}
.f-sharelist div.li05 a:hover{background:url(../images/fshareh.png) #e71e1d no-repeat -120px center; }
.f-sharelist div.li06 a:hover{background:url(../images/fshareh.png) #e71e1d no-repeat right center;}

.copyright{ font-size:.875rem; color:#b3b2b1}
.copyright a{color:#b3b2b1}
.copyright a, .copyright span{ margin-left:10px}
.copyright p:nth-child(1) a{ margin-left:0} 



.messages { float:left; width:47%; line-height:35px;}
.messages .row{ position:relative; }
.messages .row .colum{ float:left; width:49%}
.messages .row .colum:nth-child(2n){ float:right}
.messages .row02 .colum{ float:none; width:100%; clear:both}
.messages .row{margin-bottom:8px;}
.messages .inp, .messages textarea{border-radius:5px;}
.messages .inp{width: 100%;border: 1px solid #ddd;line-height:36px;height:36px;padding: 0 10px;transition: border-color .5s;}
.messages select{width: 100%;border: 1px solid #ddd;line-height:36px;height:36px;padding: 0 5px;transition: border-color .5s; color:#666}
.messages textarea{width: 100%; height:126px; display:block;border: 1px solid #ddd;font-size: 14px;line-height:20px;padding:15px;transition: border-color .5s;}
.messages .submit{ width:155px; line-height:42px; height:42px; text-align:center; cursor:pointer; font-size:18px; border:0; background:#80bc00; border-radius:10px; color:#fff;  display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; margin-top:30px; }
.messages .submit:hover{ font-weight:bold}
.messages .sm{ margin-top:10px;}
.messages .smtext{ display:inline-block; width:calc(100% - 20px); float:left; line-height:20px; margin-top:}



.nnav{ line-height:100px;background-color:#616363; font-size:30px;text-transform:capitalize }
.nnav li{ width:50%; float:left; text-align:center}
.nnav li a{ color:#fff; display:block}
.nnav_3 li{ width:33.3333%}
.nnav_3 li:nth-child(1) a{ background:#4b4d4d}
.nnav_3 li:nth-child(2) a{ background:#5c5d5d}
.nnav li a:hover, .nnav li a.cur{ background:#272727}
.nmain{position:relative}

.nvideo .kuaivideo{ text-align:center; margin-bottom:80px}
.nvideo .kuaivideo .video{ position:relative; width:100%; max-width:800px; display:inline-block}
.nvideo .video .video-btn{position:absolute;width:100%; height:100%; background:url(../images/bf.png) rgba(0,0,0,0.2) no-repeat center center; background-size:12% auto;left:0%; top:0%;}
.nvideo .video:hover .video-btn{ opacity:1; background:url(../images/bf.png) rgba(0,0,0,0.1) no-repeat center center; background-size:12% auto;}
.nvideo .video .video-btn02{ content:""; position:absolute; width:100%; height:100%; left:0%; top:0%; opacity:0}
.nvideo .video .hide{ display:none !important}
.nvideo .video video{ display:block; width:100%; height:auto; border:none;object-fit: cover;}
.nvideo .video .tit{font-size:20px; font-weight:bold;color:#333; padding:20px 0; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.nvideo .video:hover .tit{color: #e71e1d;}
.videoList ul{ margin-right:-2%}
.videoList li{ float:left; width:31.33%; margin-right:2%; margin-bottom:1%;text-align:center; background:#fff;}
.videoList li .pic{ position:relative; overflow:hidden}
.videoList li .pic:before{ content:""; display:block; padding-top:58.33333%}
.videoList li .pic img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%; object-fit:cover}
.videoList li .pic .icon{position:absolute;width:100%; height:100%; background:url(../images/bf.png) rgba(0,0,0,0.4) no-repeat center center; background-size:12% auto;left:0%; top:0%;opacity: 0.5;}
.videoList li .tit{ font-size:20px; font-weight:bold;color:#333; padding:20px 0; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.videoList li .pic img,.videoList li .pic .ico{ -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.videoList li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.videoList li:hover .pic .icon{ opacity:1;background:url(../images/bf.png) rgba(0,0,0,0.2) no-repeat center center; background-size:12% auto;}
.videoList li:hover .tit{color: #e71e1d;}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.6); z-index:1000}
.show-video{ display:block}
.video-show {position: absolute;z-index: 1000;width:850px;top:50%; left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.video-show video{ width:100%}
.video-close{ position:absolute; width:35px; height:35px;right:3%;top:3%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;z-index:2}
.video-close:before{ content:""; width:100%; height:2px;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 0;top: 50%; margin-top:-1px}
.video-close:after{ content:""; width:2px; height:100%;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left:50%;top:0; margin-left:-1px}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}


.nserivce .sertabmenu{ margin-bottom:15px;}
.nserivce .sertabmenu ul{border-bottom: 1px solid #cccccc; display:flex; display:-webkit-flex;}
.nserivce .sertabmenu li {padding: 10px 0;border-radius: 6px 6px 0px 0px;background: #e1e1e1;margin-right: 10px;border: #e4e4e4 solid 1px;border-bottom: 0px; cursor:pointer; width:calc(25% - 8px); float:left; text-align:center;display:flex; display:-webkit-flex;align-items:center;justify-content:center; text-transform:capitalize}
.nserivce .sertabmenu li:last-child{ margin-right:0}
.nserivce .sertabmenu .cur {background: #fff;border: #cccccc solid 1px;border-bottom: 1px white solid;margin-bottom: -1px;color:#403f41;}
.nserivce #sertabcontent .hidden {display:none;}
.nserivce #sertabcontent { clear:both; line-height:30px !important;}
.down .sertitle{ background:#eee; line-height:45px;border-bottom: 3px solid #ccc;font-weight:bold; color:#444}
.down .sertitle, .down .sercon>div{ padding:0 8%}
.down .sercon p{ cursor: pointer}
.down .sertitle span, .down .sercon span{ width:33.33%; float:left; padding-left:20px;}
.down .sertitle span:nth-child(1), .down .sercon>div span:nth-child(1){ width:50%; padding-left:0px;}
.down .sertitle span:nth-child(2), .down .sercon>div span:nth-child(2){ width:calc(50% - 126px);}
.down .sertitle span:last-child,.down .sercon>div span:last-child{ width:126px}

.down .sercon>div{ line-height:48px; border-bottom:solid 1px #ddd; }
.down .sercon>div:nth-child(2n){background: #f7f7f7;}
.down .sercon>div a{ display:block}
.down .sercon>div span:nth-child(1) { color:#e71e1d; background:url(../images/down.png) no-repeat 0px center; background-size:25px auto; padding-left:35px;}



.serlist{ padding-top:60px}
.serlist .kuai{ padding:60px 0;display:-webkit-flex;display: flex;align-items: center; position:relative}
.serlist .kuai:nth-child(2n){flex-direction:row-reverse}
.serlist .ppic{ float:left; width:45%; position:relative; z-index:99}
.serlist .kuai:nth-child(2n) .ppic{ float:right}
.serlist .ppic:after{ content:""; width:100%; height:100%; left:-20px; bottom:-20px; background:#e71e1d; position:absolute; z-index:-1}
.serlist .kuai:nth-child(2n) .ppic:after{left:auto; right:-20px; bottom:-20px;}
.serlist .ppic img{ display:block; width:100%}
.serlist .wenzi{ float:right; width:55%;position:relative}
.serlist .wenzi:after{ content:""; width:2px; height:calc(100% - 69px); position:absolute; bottom:0; left:-2px; background:#e71e1d}
.serlist .kuai:nth-child(2n) .wenzi:after{ left:auto; right:-2px}
.serlist .kuai:nth-child(2n) .wenzi{ float:left}
.serlist .wenzi .s_tit{font-size:24px;line-height:1;color: #e71e1d;margin-bottom:45px;padding-left: 25px;}
.serlist .wenzi .box{padding: 30px 25px;border: 2px solid #e71e1d; border-left:none; position: relative;padding-top: 60px; line-height:2}
.serlist .kuai:nth-child(2n) .wenzi .box{border-left: 2px solid #e71e1d;border-right:none; }
.serlist .wenzi .b_tit{font-size:30px;line-height:60px;color: #fff;background: #e71e1d;position: absolute;left: -2px;top: -25px;min-width: 70%;padding:0 25px; display:flex; display:-webkit-flex;align-items:center}
.serlist .wenzi .b_tit img{margin-left:20px}
.serlist .wenzi .b_con h3{ color:#333; margin-top:1em}
.serlist .pic:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

.nnews{ padding-bottom:60px}
.nnews .newskuai{padding: 36px 54px 36px 36px;justify-content: space-between; background:#f5f5f5}
.nnews .newskuai:nth-child(2n){ background:#ececec;}
.nnews .newskuai .pic{ float:left; width:32%}
.nnews .newskuai .wenzi{ float:right; width:65%; padding-right:3%}
.nnews .newskuai .wenzi .date{ color:#999;font-weight:300; margin:10px 0 0 0}
.nnews .newskuai .wenzi  h3{margin: 15px 0 13px; font-size:24px; font-weight:bold; color:#333; -webkit-transition:.4s;transition:.4s}
.nnews .newskuai .wenzi  p{line-height:1.5;color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newskuai:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);}
.newskuai:hover .wenzi h3{color:#e71e1d}

.nnewsxing .wrap{ max-width:1400px}
.nnewsxing .newsLeft{ float:left; width:70%}
.nnewsxing .newsLeft .tit{font-size:30px; margin-bottom:30px; color:#403f41}
.nnewsxing .newsLeft .newstime{ float:left; background: #f5f5f5; color: #333;float: left;width: 80px;line-height: 30px;text-align: center;margin-top: 5px;}
.nnewsxing .newsLeft .newstime span{display: block; font-weight:bold; font-size:2.1875em;background: #e71e1d;color: #fff;line-height: 55px;letter-spacing: 2px; display:block}
.nnewsxing .newsLeft .newscon{ float:right; width:calc(100% - 120px)}
.nnewsxing .newsLeft .newtit{/**/margin: 0px 0 13px; font-size:24px;color:#403f41}
.newsdetail{ line-height:1.875}
.newsdetail p{ margin:1em 0}
.newsdetail img{ max-width:100%; height:auto}
.nnewsxing .newstj{ float:right; width:25%}
.nnewsxing .newstj .newstit{margin: 65px 0 13px; font-size:24px;color:#403f41;}
.nnewsxing .newstj  p{ line-height:25px;  border-bottom: dashed 1px #ddd; padding:15px 0;}
.nnewsxing .newstj  p a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.back{ display:block; margin-top:40px; width:140px;}
.back a{ display:block;width:100%; line-height:40px; border-radius:8px; border: solid 2px #e71e1d;color:#e71e1d; text-align:center; text-transform:uppercase;}
.back a:hover{background:#e71e1d; color:#fff;border: solid 2px #e71e1d; }

.nnews .ytabmenu{ margin-bottom:30px}
.nnews .ytabmenu li {display: inline-block;  float:left; color: rgba(102,102,102,0.85); line-height:45px; font-size:30px;margin-right:45px; cursor:pointer}
.nnews .ytabmenu .cur {color:#e71e1d; }
.nnews #ytabcontent .hidden {display:none;}
.nnews #ytabcontent .item{ border:solid 1px #ddd; margin-bottom:30px;}
.nnews #ytabcontent .item .month{ padding: 7px 0 0 30px;font-size:22px;line-height: 60px;text-transform: uppercase; color:#e71e1d}
.nnews #ytabcontent .item .list span{ display:inline-block; padding:15px 0 15px 30px; width:20%; float:left;line-height: 1.875;}
.nnews #ytabcontent .item .list span:nth-child(2),  .nnews #ytabcontent .item .list span:nth-child(3){ width:30%}
.nnews #ytabcontent .item .list:nth-child(2n+1){ background:#f5f5f5;}
.case-nbanner{ background:#f4f4f4; position:relative; display:flex; display:-webkit-flex;flex-direction:row-reverse}
.case-nbanner .txt{ width:42%;background:#e71e1d; color:#fff}
.case-nbanner .txt .con{ padding:5% 14%; height:100%;display: flex; display:-webkit-flex;flex-wrap:wrap;align-content:center;}
.case-nbanner .txt .con>*{ width:100%}
.case-nbanner .txt h5{display: flex; display:-webkit-flex;align-items: center; font-size:1rem}
.case-nbanner .txt h1{ font-weight:bold; font-size:3rem; margin:.3em 0; line-height:1.2}
.case-nbanner .txt h5:before{content: "";display: inline-block;height: 20px;width: 5px;margin-right: 10px;background: #fff;}
.case-nbanner .pic{ width:58%; position:relative}
.case-nbanner .pic img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:1}
.case-nbanner .pic:before{ content:""; width:100px; background:#e71e1d; position:absolute; left:0;top:0;bottom:0;mix-blend-mode: multiply; z-index:2}
.caseList ul{ margin-right:-2%;display: flex;flex-wrap: wrap;align-items: flex-start;}
.caseList li{width:31.33%; margin-right:2%; margin-bottom:2%; overflow:hidden; position:relative}
.caseList li .pic{ overflow:hidden; position:relative;width: 100%;}
.caseList li .pic:before{ display:block; content:""; padding-top:70.83333%}
.caseList li .pic img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%; object-fit:cover}
.caseList li a{ display:block; border:1px solid #e8e8e8; overflow:hidden}
.caseList li .textbox{position:relative}
.caseList .textbox .text_top{padding:25px 30px; color:#666}
.caseList .textbox .text_top h3{ font-size:20px; font-weight:bold; color:#333;}
.caseList .textbox .text_bot{position: absolute;padding: 0 30px 20px 30px;color:#fff; width:100%; font-size:.93em; line-height:1.5}
.caseList .pic, .caseList .textbox{ -webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;transition:.4s;}
.caseList li:hover{background: #e71e1d;}
.caseList li:hover .textbox .text_top, .caseList li:hover .textbox .text_top h3{ color:#fff}
.caseList li:hover .textbox .text_top{ overflow:inherit;}
.caseList li:hover .textbox .text_bot{ -webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}

/*about us*/
.anchor{display: block;top: -80px;visibility: hidden; position:absolute;}
.nabout .conn{ max-width:1400px; margin:0 auto; line-height:30px;}
.nabout .conn p{ margin-bottom:1em}
.nyoushi{ position:relative;background: url(../images/gc.jpg) no-repeat center center;background-size: cover;background-attachment: fixed; padding:200px 0; color:#fff; position:relative;min-height:100vh}
.nyoushi .conn{ text-align:center; position:absolute; left:50%;top:50%;-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);}
.nyoushi .conn>h3{color:#fff; margin-bottom:30px; font-size:42px; line-height:50px; font-weight:bold; white-space:nowrap}
.nyoushi .conn>h3 span{ display:block; font-size:.9em;}

.numList .item{ display:inline-block; padding:60px 0 0 0;color:#80bc00; margin:0 30px;min-width: 150px;}
.numList h3{ font-size:30px; line-height:1;text-align:center; color:#e71e1d}
.numList h3 span{ font-size:2em; font-weight:bold; display: inline-block;vertical-align:middle}
.numList h3 em{ vertical-align:middle; font-style:normal}
.numList p{ color:#fff; margin-top:20px}

.honorList{ padding-bottom:40px;}
.honorList a{ display:block; position:relative;}
.honorList a:after{width:100%; height:40%; background:#f3f3f3; position:absolute; left:0;bottom:0; z-index:1}
.honorList .pic, .honorList h4{ position:relative; overflow:hidden; z-index:2}
.honorList .pic:after{content:""; display:block; padding-top:66.66666%; background:#f3f3f3}
.honorList .pic img{position:absolute;left:0;top:0;right:0;bottom:0; margin:auto; max-width:80%; height:80%;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.honorList h4{ text-align:center; color:#333; display:flex; display:-webkit-flex; font-size:20px; height:60px; line-height:20px; align-items:center; justify-content:center;}
.honorList .swiper-pagination, .yghdList .swiper-pagination{bottom:0 !important}
.honorList .swiper-pagination-bullet, .yghdList .swiper-pagination-bullet{ width:12px; height:12px; outline:none}
.honorList .swiper-pagination-bullet-active, .yghdList .swiper-pagination-bullet-active{ background:#e71e1d}
.honorList a:after, .honorlist h3{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.honorList a:hover::after{background:#e71e1d} 


.nsales img{max-width:100%; height:auto}
.nculture{ padding-bottom:0}
.nculture .wrap{ width:100% !important}
.nculture-info{ text-align:center; max-width:1400px; margin:-10px auto 20px}
.nculture-list .item{ float:left; width:50%; position:relative}
.nculture-list .pic{ overflow:hidden; position:relative}
.nculture-list .pic:before{ content:""; display:block; padding-top:57.6323%}
.nculture-list .pic img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%;object-fit: cover;}
.nculture-list .item:hover .pic img{transform:scale(1.05);}
.nculture-list .item .wenzi{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; text-align:center;background: rgba(39,39,39,.6);}
.nculture-list .inner{ margin-top:30px}
.nculture-list .item .wenzi .intro{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; padding:3%}
.nculture-list .item .wenzi .intro h3{font-size:30px; font-weight:bold; margin-bottom:.3em;}
.nculture-list .item .wenzi .intro p{ font-size:18px;}


.pronav{ padding:20px 0; border-bottom:solid 1px #ddd; background:#fff; display:flex; display:-webkit-flex;justify-content:center}
.pronav .item{ float:left; width:16.66%; text-align:center; position:relative}
.pronav .item .pic{ width:160px; padding:10px; height:auto; margin:0 auto; transition:.3s}
.pronav .item .pic img{ width:100%}
.pronav .item:hover .pic img{transform:scale(1.2);}
.pronav .item p{color: rgba(102,102,102,0.85); }
.pronav .item h3{color:#333; font-weight:bold; text-transform: capitalize}
.pronav .item p{ line-height:1.3}
.pronav .item:hover h3, .pronav .item:hover p, .pronav .item.cur h3, .pronav .item.cur p{ color:#e71e1d}

.pronav .item:after{ content:""; width:0; height:0; position:absolute; left:50%; margin-left:-12px; bottom:-20px; border-left:solid 12px transparent;  border-right:solid 12px transparent; border-bottom:solid 12px #e71e1d; display:none}
.pronav .item.cur:after, .pronav .item:hover:after{ display:block}

.fixeds{position:fixed;width:100%; left:0; top:88px !important; width:100%; z-index:22}
.pronav.fixeds{ padding:8px 0;}
.pronav.fixeds .item h3{ font-size:1rem}
.pronav.fixeds .item p{ font-size:0.875em}
.pronav.fixeds .item .pic{width:100px; }
.pronav.fixeds .item:after{ margin-left:-8px; bottom:-9px; border-left:solid 8px transparent;  border-right:solid 8px transparent; border-bottom:solid 8px #e71e1d;}
.pronav02{ position:relative; height:141px;  margin-top:-141px; z-index:-1; width:100%}
.pronav02.cur{ margin-top:88px;}

.nprotitle{ margin-bottom:15px; position:relative}
.nprotitle h3{font-size:24px;color: #333; font-weight:bold}
.nprotitle h3 span{color: #e71e1d; font-size:.6em; font-weight:normal}
.nprotitle .anchor{top:-285px}

.nproducts .item{ background:#fff;margin-bottom:60px; position: relative; box-shadow: 0 0 10px #ccc; text-align:center; display:flex; display:-webkit-flex;}
.nproducts .nprotit{background: #575757; line-height:1.2;color:#fff; display:flex; display:-webkit-flex;}
.nproducts .nprotit li{ float:left; width:20%; border-right:solid 1px #797979; padding:5px 10px;height:48px;display: flex;display:-webkit-flex;align-items: center;justify-content: center;}
.nproducts .plleft{ float:left; width:20%;}
.nproducts .plright{ float:right; width:80%}
.nproducts .plcenter{ width:100%}
.nproducts .plleft .nprotit li{width:100%}
.nproducts .nprolist{ position:relative;}

.nproducts .item .ppic{position:relative; overflow:hidden; height:calc(100% - 48px);}
.nproducts .item .ppic:before{content:""; padding-top:75%; display:block}
.nproducts .item .ppic img{position:absolute; left:0;top:0;right:0;bottom:0; max-width:90%; max-height:90%; margin:auto; object-fit:contain;}
.nproducts .nprolist li{ display:block; width:100%;display:flex; display:-webkit-flex;}
.nproducts .nprolist li:nth-child(2n){ background:#f5f5f5;}
.nproducts .nprolist li span, .nproducts .item .nprolist li p{display: flex;display:-webkit-flex;align-items: center;justify-content:center;width:20%;padding:10px;word-break: break-word;border-left: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.nproducts .nprolist li a{ font-size:14px; color:#e71e1d;background: url(../images/bnext02.png) no-repeat 90% center;background-size: 6px auto; display:inline-block; padding-right:25px; transition: 0.5s;}
.nproducts .nprolist li:hover a{background: url(../images/bnext02.png) no-repeat right center;background-size: 6px auto;}
.nproducts .nprolist img{ max-width:50%}
/*category4/5*/
.nproducts_2 .item_2{ margin-right:-2%}
.nproducts_2 .plleft{text-align: center;width:31.33%; margin-right:2%; margin-bottom:2%;position: relative;box-shadow: 0 0 10px #ccc;}
.nproducts_2 .ppic{ padding:0; position:relative; overflow:hidden}
.nproducts_2 .ppic:before{ content:""; padding-top:70%; display:block}
.nproducts_2 .ppic img{ position:absolute; left:0;top:0;right:0;bottom:0; max-width:70%; max-height:100%; margin:auto; object-fit:contain;
-moz-transition: 1s cubic-bezier(.64,.93,.88,1.07);
    -webkit-transition: 1s cubic-bezier(.64,.93,.88,1.07);
    transition: 1s cubic-bezier(.64,.93,.88,1.07);}
.nproducts_2 .nprotit{ -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.nproducts_2 .nprotit li{border-right:0}
.nproducts_2 a:hover .ppic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);}
.nproducts_2 a:hover .nprotit{ background:#e71e1d}
/*4-NGS/NGD/NSD*/
.plright .canshu table{ width:100%}
.plright .canshu th{background: #575757;line-height: 1.2;color: #fff; font-weight:normal;}
.plright .canshu th p{padding:5px 10px;height:48px;display: flex;display:-webkit-flex;align-items: center;justify-content: center;}
.plright .canshu th{border:solid 1px #797979;border-top: 0;border-bottom: 0;}
.plright .canshu th:first-child{ border-left:0}
.plright .canshu tr:nth-child(2n){ background:#f5f5f5}
.plright .canshu td{padding:8px 15px; white-space:nowrap; border:1px solid #ebebeb}
.plright-NGS .canshu th.gzjb{line-height:1.4;}
.plright-NGS .canshu .firstRow th.gzjb{border-bottom:solid 1px #797979;}
.plright-NGS .canshu th.gzjb p{ height:auto; padding:0 10px;}
/*.plright-NSD .canshu td{ border:1px solid #ebebeb}*/

/*5-NHJ/NHE*/
.plright-NHJ .nprotit li{ width:50%}
.plright-NHJ .nproInfor{ padding:20px 5px;text-align: left; color:#333;line-height: 1.8; display:flex; display:-webkit-flex;}
.plright-NHJ .nproInfor h3{ font-size:1.5em; margin:1em 0 .2em}
.plright-NHJ .nproInfor h4{ margin-bottom:.5em}
.plright-NHJ .nproInfor li{ position:relative; padding-left:15px;}
.plright-NHJ .nproInfor li:before{ content:""; width:5px; height:5px; border-radius:50%; background:#333; position:absolute; left:0;top:11px}

.plright-NHJ .nproInfor .kuai{ width:50%; float:left}
.plright-NHJ .nproInfor img{ max-width:100%}
.plright-NHJ .nproInfor .img{ display:block; margin:0 auto;}

.nprodetail .conn{ position:relative; display:flex; display:-webkit-flex;}
.nprodetail .conn .picsshow{width:50%; float:left; position:relative}

.picsshow .gallery-top{border:solid 1px #d5d5d5;width: 75%; height:100%; float:right}
.picsshow .gallery-top .pic{ height:100%}
.picsshow .gallery-top .pic:before{ content:""; display:block; padding-top:75%}
.picsshow .gallery-top .pic img{ position:absolute; top:0;right:0;bottom:0;left:0; margin:auto; max-width:100%; max-height:100%}
.picsshow .gallery-thumbs{position:absolute; left:0; top:0; height:100%; width: calc(25% - 10px);}
.picsshow .gallery-thumbs .swiper-slide{ padding-bottom:1px}
.picsshow .gallery-thumbs .pic{border:solid 1px #d5d5d5;height: 100%; cursor:pointer}
.picsshow .gallery-thumbs .pic img{ display:block; width:100%; height:100%; object-fit:cover}
.picsshow .gallery-thumbs .swiper-slide-thumb-active .pic{ border:1px solid #e71e1d}

.nprodetail .conn .wenzi{width:45%; margin-left:5%; float:right; position:relative; padding-bottom:60px}
.nprodetail .conn .wenzi .nptitle{ margin-bottom:15px; padding-bottom:15px;border-bottom:dotted 1px #e1e1e1;}
.nprodetail .conn .wenzi .nptitle h3{ font-size:24px;color:#e71e1d; line-height:2;font-weight: bold;}
.nprodetail .conn .wenzi .nptitle p{ font-size:18px;color:#333}
.nprodetail .conn .wenzi  .pys{ margin-bottom:20px}
.nprodetail .conn .wenzi  .pys p{ line-height:2; position:relative; padding-left:15px;}
.nprodetail .conn .wenzi  .pys p:after{ content:""; position:absolute; left:0; top:.8em;width:6px; height:6px; background-color:rgba(102,102,102,0.85); border-radius:50%;}

.nprodetail .conn .wenzi .canshu{ position:absolute;right: 0;bottom: 0;width:100%;display: flex;display: -webkit-flex; text-align:center}
.nprodetail .conn .wenzi .item{position:relative; border-right:dotted 1px #e1e1e1; margin-right:30px; padding-right:30px} 
.nprodetail .conn .wenzi .item:last-child{border-right:none; margin-right:0px; padding-right:0px}
.nprodetail .conn .wenzi .item h3{ line-height:35px; color:#403f41; font-size:22px; font-weight:bold}
.nprodetail .conn .wenzi .item p{color: rgba(102,102,102,0.85); }


.nprodetail .use{ margin-left:57%}
.nprodetail .use li{ float:left;  line-height:50px; height:50px; margin-right:20px}
.nprodetail .use li a{padding-left:50px; padding-right:20px; display:block; border-radius:8px; position:relative}
.nprodetail .use li:nth-child(1) a{ background:#80bc00; display:block; width:100%; color:#fff}
.nprodetail .use li:nth-child(1) a:after{ content:""; width:50px; height:50px; position:absolute; left:0; top:0; background: url(../images/email--white.png) no-repeat center center;background-size:auto 18px;}
.nprodetail .use li:hover a{ background:#6fa300; color:#fff}
.nprodetail .use li:nth-child(2){ margin-right:0;}
.nprodetail .use li:nth-child(2) a{ background:#505050; display:block; width:100%; color:#fff}
.nprodetail .use li:nth-child(2) a:after{ content:""; width:50px; height:50px; position:absolute; left:0; top:0; background: url(../images/download--white.png) no-repeat center center;background-size:auto 18px;}




.nproothernnav{ border-bottom:#e4e4e4 solid 1px; font-size:18px; background:#fff}
.nproothernnav li{padding: 12px 55px;  float:left; text-align:center; border-radius: 6px 6px 0px 0px; background: #e1e1e1; margin-right: 10px;cursor:pointer; display:block}
.nproothernnav li:hover, .nproothernnav li.cur{background: #fff;border: #cccccc solid 1px;border-bottom: 1px white solid;margin-bottom: -1px;color: #80bc00;padding: 11px 54px 12px 54px;}

.pdnav{font-size:18px; font-weight:bold;border-bottom:#e4e4e4 solid 1px; }
.pdnav li{float:left; text-align:center; margin-right: 10px;cursor:pointer; display:block}
.pdnav li a{ display:block;padding: 12px 55px;border-radius: 6px 6px 0px 0px; background: #e1e1e1;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}
.pdnav li:hover a, .pdnav li.cur a{background: #fff;border: #cccccc solid 1px;border-bottom: 1px white solid;margin-bottom: -1px;color: #e71e1d;padding:11px 54px 12px;}
.pdetail{ padding-bottom:60px}
.pdetail #npdtabcontent .hidden {display:none;}
.pdetail #npdtabcontent{ margin-top:30px; line-height:30px}
.pdetail #npdtabcontent ul img{ max-width:800px; height:auto !important}

.nppx h4{font-size:20px;color:#403f41;font-weight:bold; margin-bottom:.5em}
.nppx table{width:100%; border:0 !important}
.nppx table tr{border-bottom:solid 1px #ddd;}
.nppx table td{ padding:8px 15px;line-height: 1.5;}
.nppx table tr:nth-child(2n+1){ background:#eee;}
.nppx table tr.bgcol{ background:#595959; color:#fff; font-size:1.2em}
.tableBox-NCH table tr:nth-child(2n+1){ background:#fff}
.tableBox-NCH table td{ border:1px solid #ddd}
.tableBox-NCH table tr.bgcol{ background:#eee !important; color:#666; font-size:1em}

.content-contact{ position:relative}
.contact-list{ display:flex; display:-webkit-flex;justify-content:center; position:relative; z-index:2}
.contact-list .item{ width:30%; margin:0 1%; background:rgba(255,255,255,.6); padding:3% 3% 2%; border:1px solid #e8e8e8}
.contact-list .item h3{ color:#333; font-size:24px}
.contact-list .item h3:after{ content:""; width:25px; height:1px; display:block; background:#333; margin:20px 0 40px}
.contact-list .item .add, .contact-list .item .fax, .contact-list .item .mail, .contact-list .item .site{ margin-bottom:20px; font-weight:300; padding-left:30px}
.contact-list .item .add{ background:url(../images/c-ico1.jpg) no-repeat left 5px}
.contact-list .item .fax{ background:url(../images/c-ico2.jpg) no-repeat left center}
.contact-list .item .mail{ background:url(../images/c-ico3.jpg) no-repeat left center}
.contact-list .item .site{ background:url(../images/c-ico4.jpg) no-repeat left center; margin-bottom:0}
.contact-list .item h4{ color:#333; font-size:20px;margin:5px 0 40px}
.c-ewm{display:flex; display:-webkit-flex;}
.c-ewm li{ text-align:center; margin-right:15px; max-width:30%}
.c-ewm .img{ display:block; width:120px; max-width:100%}
.c-ewm span{ display:block; font-weight:300; font-size:.9em; padding-top:.5em}
.contact-list .item3{ background:#e71e1d; color:#fff;background: -webkit-linear-gradient(left, #c1271b , #e71e1d); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #c1271b, #e71e1d); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #c1271b, #e71e1d); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #c1271b , #e71e1d);}
.contact-list .item3 .tel{ font-size:18px; font-weight:300;} 
.contact-list .item3 .tel:first-child{ margin-bottom:10%}
.contact-list .item3 .tel:first-child:after{content:""; width:25px; height:1px; display:block; background:#fff; margin:40px 0; opacity:.6}
.contact-list .item3 .tel span{ display:block; font-weight:450; font-size:1.5em} 

.map{ position:absolute; right:0;top:0; width:50%; height:100%}
#allmap{width:100%;height:500px;line-height:22px; font-size:14px; border:0; margin-top:-45px;}
.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;
}
#allmap .map-address-name {
	text-align: center;
	font-size: 16px;
	line-height: 1.1;
	color: #333;
	padding: 10px 0;
}

#allmap .map-address-detail{
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #888;
}
#gmap{width:100%;height:500px;line-height:22px; font-size:14px; border:0; margin-top:-45px;}

.yghdList{position:relative}
.yghdList .swiper-container{ padding-bottom:60px;}
.yghdList .swiper-slide {
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}

.yghdList .swiper-slide img{ display:block; width:100%}
.yghdList .swiper-button-prev, .yghdList .swiper-button-next{
	width: 60px;
	height: 60px;
	margin-top:-60px;
	border:1px solid #d8d8d8;
	border-radius:50%;
	background:none;
	transition:.3s;
	display:none
}
.yghdList .swiper-button-prev{left:0}
.yghdList .swiper-button-next{right:0; left:auto}
.yghdList .swiper-button-prev:after{ content:""; width:10px; height:10px; border-top:2px solid #333;border-left:2px solid #333;position:absolute; left:50%;top:50%; margin-left:-3px; margin-top:-5px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); transform:rotate(-45deg)}
.yghdList .swiper-button-next:after{ content:""; width:10px; height:10px; border-top:2px solid #333;border-right:2px solid #333;position:absolute; left:50%;top:50%; margin-left:-8px; margin-top:-5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); transform:rotate(45deg)}

.yghdList .swiper-button-prev:hover, .yghdList .swiper-button-next:hover{border:1px solid #e71e1d; background:#e71e1d}
.yghdList .swiper-button-prev:hover::after{border-top:2px solid #fff;border-left:2px solid #fff;}
.yghdList .swiper-button-next:hover::after{border-top:2px solid #fff;border-right:2px solid #fff;}

.yghdList_3 .swiper-container{padding-bottom:40px;}
.yghdList_3 .swiper-slide img{ display:block; width:100%}
.yghdList_3 .swiper-pagination{bottom:0}
.yghdList_3 .swiper-pagination-bullet{ width:10px; height:10px;}
.yghdList_3 .swiper-pagination-bullet-active{ background:#e71e1d}

.nhr{ padding-top:20px}
.hrBox{ margin-bottom:60px; line-height:30px}
.hrBox .top{border-bottom: 1px solid #e5e5e5; font-size:18px;background: #e71e1d; color:#fff}
.hrBox .top .colm, .hrList .colm{ float:left;padding: 15px 3%;width:20%; text-align:center}
.hrBox .top .colm5, .hrList .colm5{position:relative}
.hrList .colm1{ text-align:left}
.hrList .colm5:after{ content:""; width:8px; height:8px; border-right:1px solid #666; border-bottom:1px solid #666; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position: absolute;top: 10px;}
.hrList .ttit{border-bottom: 1px solid #e5e5e5;display: flex;display:-webkit-flex;align-items: center; cursor:pointer}
.hrList li.cur{background: #fafafa;}
.hrList li.cur .colm5:after{ -webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);top:12px}
.hrList .hide{ background:#fafafa; padding:2% 3% 3%; display:none}

.float_zp{position:fixed;right:0; bottom:calc(5% + 50px); background:#fff; padding:20px;  box-shadow:0 0 15px rgba(0,0,0,.1);z-index:999;}
.float_zp .close{ position:absolute; width:20px; height:20px; border-radius:50%; border:2px solid #e71e1d;left:5px;top:5px; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;z-index:2}
.float_zp .close:before{ content:""; width:60%; height:2px;background: #e71e1d;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left:20%;top:50%; margin-top:-1px}
.float_zp .close:after{ content:""; width:2px; height:60%;background: #e71e1d;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left:50%;top:20%; margin-left:-1px}
.zp-lx{text-align:center; font-weight:bold; color:#333;font-size: 14px;line-height:1.2}
.zp-lx img{ display:block; width:150px; margin:0 auto}
.zp-lx p{ margin-bottom:.5em}
.zp-lx a{ color:#333}
.zp-pic img{ display:block; width:100%}
.zp-lx a:hover{color:#e71e1d}

.float_kf{ position:fixed;right:0; bottom:5%; z-index:999;}
.float_kf li{ width:45px; text-align:center; background:#e71e1d;color:#fff; position:relative;margin-top:5px; padding:0;}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover a{ color:#fff}
.float_kf li .hd{ display:none}
.float_kf .mail01 i{ width:45px; height:45px; background:url(../images/fcon01.png) no-repeat center center; background-size:22px auto; margin:0 auto; display:block}
.float_kf .mail01 .hd{ background:#80bc00; color:#fff;  position:absolute;right:70px;top:0;text-align:left;padding:0 20px; width:310px; line-height:45px; }
.float_kf .mail01 .hd:after{ position:absolute; content:""; width:0; height:0; right:-10px; top:50%; margin-top:-10px; border-top:10px solid transparent; border-bottom:10px solid transparent;border-left:10px solid #80bc00;}
.float_kf .liuyan-btn i{ width:45px; height:45px; background:url(../images/fcon02.png) no-repeat center center; background-size:22px auto; margin:0 auto; display:block; cursor: pointer;}
.float_kf .backtop i{ width:45px; height:45px; background:url(../images/fcon04.png) no-repeat center center;  background-size:25px auto; margin:0 auto; display:block; cursor: pointer;}


.liuyan-sub{ top:50%; width:880px;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:fixed;z-index:9999; background:#fff; display:none; border-radius: 10px;box-shadow: 1px 1px 12px rgba(0,0,0,.25);}
.liuyan-sub.cur{ display:block}
.liuyan-sub .closed{ position:absolute; width:30px; height:30px;right:30px;top:30px; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s; z-index:999999;}
.liuyan-sub .closed:before{ content:""; width:100%; height:2px;background: #333;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 0;top: 50%; margin-top:-1px}
.liuyan-sub .closed:after{ content:""; width:2px; height:100%;background: #333;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left:50%;top:0; margin-left:-1px}
.liuyan-sub .closed:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.liuyan-sub .closed:hover::before, .liuyan-sub .closed:hover::after{background: #e71e1d;}
.liuyan-sub .conn{ padding:50px;}
.liuyan-sub .conn .tit{  text-align:center;font-size:42px; font-weight:bold;line-height:1.5; margin-bottom:5px;color:#333;}
.liuyan-sub .conn .sumn{color:#666;font-weight:300; text-align:center}
.liuyan-sub .conn .liuyan{ margin:20px 0 0px 0}

.liuyan .row{ position:relative; margin-bottom:10px;}
.liuyan .row .colum{ float:left; width:48%}
.liuyan .row .colum:nth-child(2n){ float:right}
.liuyan .inp, .liuyan textarea{border-radius:5px;}
.liuyan .inp{width: 100%;border: 1px solid #ddd;line-height:30px;height:30px;padding: 0 15px;transition: border-color .5s; }
.liuyan select{width: 100%;border: 1px solid #ddd;line-height:30px;height:30px;padding: 0 5px;transition: border-color .5s; color:#666}
.liuyan textarea{width: 100%; height:110px; display:block;border: 1px solid #ddd;font-size: 14px;line-height:20px;padding:15px;transition: border-color .5s;}
.liuyan .submit{ width:155px; line-height:42px; height:42px; text-align:center; cursor:pointer; font-size:18px; border:0; background:#e71e1d; border-radius:10px; color:#fff; margin:0 auto; display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; margin-top:20px; }
.liuyan .submit:hover{ font-weight:bold}


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

/*en*/