@charset "utf-8";

*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family: Arial, 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color: rgba(102,102,102,0.85); }
a{color:#37393d; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#80bc00}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border: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;}

.section{ padding:75px 0 100px 0;}
.section001{  margin:75px 0 100px 0;}
.section02{ padding:100px 0;}
.section03{ padding:75px 0 85px 0;}
.section04{ padding:50px 0;}
.sectionpre{ padding-top:75px;}
.sectionnext{ padding-bottom:100px;}
.footer.section{padding:60px 0;}

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

.wrap{ width:88%; max-width:1400px; margin:0 auto}


.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.pic:hover img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}


.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:25px; height:25px; background:url(../images/close_1.png) no-repeat;background-size:cover; right:30px;top:30px; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.language-sub .closed:hover{background:url(../images/close_2.png) no-repeat; background-size:cover;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.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:#80bc00; color:#fff}

.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; background:#575757; line-height:40px;}
.header .top .language-btn{ float:left; cursor: pointer; color:#fff; background:url(../images/map.png) no-repeat left 10px; padding-left:28px; text-transform:uppercase;line-height:38px; padding-top:1px}
.header .top .language-btn:hover{/*background:url(../images/map02.png) no-repeat left 10px; color:#80bc00;*/opacity:0.8}
.header .top .use{ float:right; }
.header .top .use .mail{ float:left;position:relative; line-height:40px; padding-right:20px; margin-right:20px;}
.header .top .use .mail:after, .header .top .use .tel:after{ position:absolute; content:""; width:1px; height:14px; right:0px; top:13px; background:#fff; opacity:0.7}
.header .top .use .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 .use .mail a.cur{/* background:url(../images/mail02.png) no-repeat left 11px;color:#80bc00 */opacity:0.8}
.header .top .use .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 .use .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 .use .mail .sub.cur{ display:block}
.header .top .use .tel{ float:left; position:relative; padding-right:20px; margin-right:17px;}
.header .top .use .tel a{background:url(../images/tel.png) no-repeat left 10px; padding-left:24px;text-transform:uppercase; color:#fff; display:block; cursor:pointer;}
.header .top .use .tel a:hover{ opacity:0.7}
.header .top .use .share{ float:left; margin-right:-5px;}
.header .top .use .share li{ float:left; width:30px; height:40px;}
.header .top .use .share li a{ display:block; width:100%; height:40px;}
.header .top .use .share li a:hover{opacity:0.7}
.header .top .use .share li.li01 a{background:url(../images/share.png) no-repeat left center;}
.header .top .use .share li.li02 a{background:url(../images/share.png) no-repeat -30px center;}
.header .top .use .share li.li03 a{background:url(../images/share.png) no-repeat -60px center;}
.header .top .use .share li.li04 a{background:url(../images/share.png) no-repeat -90px center;}
.header .top .use .share li.li05 a{background:url(../images/share.png) no-repeat -120px center; }
.header .top .use .share li.li06 a{background:url(../images/share.png) no-repeat right center;}

.header{ margin-top:0}
.header.scroll{ margin-top:-40px}



.header .neck{ background:#fff;transition: all 0.5s ease; }
.header .neck .wrap{ position:relative;height:88px; }
.header .neck .logo{ position:absolute; left:0; top:50%; margin-top:-16px;}
.header .neck .logo img{ display:block; height:32px; width:auto;}


.header .menu{ height:88px; line-height:88px; float:right;}
.header .menu li{ float:left; font-size:18px;margin-left:60px;}
.header .menu li:nth-child(2){ margin-left:0 !important;}
.header .menu  .mpro{ padding:0 60px}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}
.header .menu li .menu_a{color: rgba(102,102,102,0.85); display: block; position:relative; text-transform:capitalize}
.header .menu li .menu_a:hover, .header .menu .cur .menu_a{ color:#403f41;}
.header .menu .cur .menu_a{font-weight:bold}
.header .menu li .menu_a:after {content: '';width: 0;height: 2px;background-color: #80bc00;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 a:after, .header .menu li:hover .menu_a:after {width: 100%}


.header .menu .producttdown{background-color:#fff; font-size:15px; margin:0 auto;box-shadow: 0 0 10px rgba(0%,0%,0%,0.15);display:none;position:absolute; z-index:99; clear:both; left:0; width:100%; padding:3% 5% 5% 5%;  }
.header .menu .protil h3{color:#403f41; font-weight:bold; text-transform:uppercase; line-height:30px; }
.producttdown .proil{ float: left; width:35%;  width:290px;}
.producttdown .proir{ float: right; width:65%; }
.producttdown .tabmenu li {display:block;color: rgba(102,102,102,0.85); line-height:45px; font-size:15px;margin-left:0 !important; display:block; float:none; border-bottom:solid 1px #e1e1e1; cursor:pointer}
.producttdown .tabmenu .cur {color:#80bc00; }

.producttdown #ptabcontent .hidden {display:none;}
.producttdown #ptabcontent { clear:both; line-height:30px !important;}
.producttdown #ptabcontent ul li img{ width:100%; height:auto; border:solid 1px #ddd;}
.producttdown #ptabcontent .wenzi{ float:left; width:48%}
.producttdown #ptabcontent .ppic{ float:right; width:52%; margin-top:-5%}
.producttdown #ptabcontent .ppic img{ display:block; width:100%; height:auto}
.producttdown #ptabcontent h3{color:#403f41;font-weight:bold; line-height:45px; font-size:20px;}
.producttdown #ptabcontent .biao{ margin-bottom:25px; min-height:93px;}
.producttdown #ptabcontent .biao p{color: rgba(102,102,102,0.85);/* border-bottom:dotted 1px #e1e1e1; */position:relative; padding-left:15px;}
.producttdown #ptabcontent .biao p a{color: rgba(102,102,102,0.85);}
.producttdown #ptabcontent .biao p:after{ content:""; position:absolute; left:0; top:50%; margin-top:-3px; width:6px; height:6px; background-color:rgba(102,102,102,0.85); border-radius:50%;}
/*.producttdown #ptabcontent .biao p:hover:after{background-color:#80bc00; }*/

.producttdown #ptabcontent .canshu{width: 100%;}
.producttdown #ptabcontent .item{ display: inline-block; position:relative; float:left;} 
.producttdown #ptabcontent .item:nth-child(1){ border-right:dotted 1px #e1e1e1; padding-right:20px; margin-right:20px}
.producttdown #ptabcontent .item h3{ line-height:35px;}
.producttdown #ptabcontent .item p{color: rgba(102,102,102,0.85); }

.header.scroll .neck .wrap{ height:78px;}
.header.scroll .menu{ height:78px; line-height:78px}

.banner{ background:#e2e2e2}
.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;  height:auto !important; width:100%; overflow:hidden}
.banner img{ display:block; width:100%; height:auto !important}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-slide{ position:relative; width:100% !important}
.banner .swiper-slide .text{ position:absolute; left:0; top:0; top:50%; width:100%; margin-top:-150px}
.banner .swiper-slide .text h3{ font-size:45px; text-transform:uppercase;text-shadow: 1px 1px 5px rgba(0,0,0,0.4); color:#fff; line-height:60px; font-weight:bold; margin-bottom:70px;}
.banner .swiper-slide .text .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 .text .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 #bfbfbf;background:#bfbfbf;  }
.banner .swiper-slide{ position:relative}


.title{ margin-bottom:35px;padding-bottom:15px; position:relative}
.jvzhong{ text-align:center}
.title h3{ font-size:42px; font-family: 'FRADM'; letter-spacing:2px; margin-bottom:15px;color:#403f41;}
.title p{color: rgba(102,102,102,0.85);letter-spacing:0.5px; font-size:16px; }
.title:after{ content:""; width:100px; height:3px; background:#80bc00; left:0; bottom:0; position:absolute}
.title.jvzhong:after{left:50%; margin-left:-50px;}

.ntitle{ margin-bottom:35px;padding-bottom:10px; position:relative;}
.ntitle h3{ font-size:32px; font-family: 'FRADM'; margin-bottom:15px;color:#403f41; font-weight:300}
.ntitle:after{ content:""; width:100px; height:3px; background:#80bc00; left:0; bottom:0; position:absolute}
.ntitle.jvzhong:after{left:50%; margin-left:-50px;}


.iproducts .item{ float:left; width:16.66%; text-align:center}
.iproducts .item .pic{ padding:20px;}
.iproducts .item:hover .pic img{transform:scale(1.15);}
.iproducts .item h3, .iproducts .item p{ font-size:16px;color: rgba(102,102,102,0.85); }
.iproducts .item h3{color:#403f41; font-weight:bold; text-transform:uppercase}
.iproducts .item:hover h3, .iproducts .item:hover p{ color:#80bc00}


.imain .kuai{ float:left; position:relative; width:32.666666%}
.imain .kuai:hover .pic img{transform:scale(1.05);}
.imain .kuai:nth-child(1){ width:66.333333%; margin-right:1%; margin-bottom:1%}
.imain .kuai:nth-child(2){ margin-bottom:1%}
.imain .kuai:nth-child(3){ clear:both}
.imain .kuai:nth-child(4){ margin-left:1%; margin-right:1%}

.imain .kuai .text{ position:absolute; left:0; bottom:0; transition: all 1.5s; width:100%; padding:30px; height:70%; background-image: linear-gradient(to bottom , rgba(0,0,0,0.0), rgba(0,0,0,0.6));}
.imain .kuai .text .inn{ position:absolute; bottom:30px; left:30px;transition: all 0.5s; height:30px; overflow:hidden }
.imain .kuai:hover .text .inn{ height:60px;}
.imain .kuai .text h3{ font-size:28px; font-family: 'FRADM'; color:#fff; margin-bottom:5px; line-height:30px;}
.imain .kuai .text p{ display:inline-block; padding-right:20px; color:#80bc00; background:url(../images/icon.png) no-repeat right center;}


.footer{ background:#575757; color:#fff}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.footer li {display:inline-block; }
.footer li:nth-child(1) p span{ font-size:80%}
.footer a{ color:#fff}
.footer a:hover{ color:#80bc00 }
.footer h3{ font-size:17px; color:#fff; font-weight:bold; margin-bottom:15px;}
.footer .mail{background:url(../images/mail.png) no-repeat left center; padding-left:28px;}
.footer .tel{background:url(../images/tel.png) no-repeat left center; padding-left:28px;}
.footer .fshare div{ float:left; width:30px; height:30px; margin-right:4px;}
.footer .fshare div a{ display:block; width:100%; height:30px; border-radius:4px}
.footer .fshare div.li01 a{background:url(../images/fshare.png) rgba(255,255,255,0.6) no-repeat left center;}
.footer .fshare div.li02 a{background:url(../images/fshare.png) rgba(255,255,255,0.6) no-repeat -30px center;}
.footer .fshare div.li03 a{background:url(../images/fshare.png) rgba(255,255,255,0.6) no-repeat -60px center;}
.footer .fshare div.li04 a{background:url(../images/fshare.png) rgba(255,255,255,0.6) no-repeat -90px center;}
.footer .fshare div.li05 a{background:url(../images/fshare.png) rgba(255,255,255,0.6) no-repeat -120px center; }
.footer .fshare div.li06 a{background:url(../images/fshare.png) rgba(255,255,255,0.6) no-repeat right center;}

.footer .fshare div.li01 a:hover{background:url(../images/fshare.png) #80bc00 no-repeat left center;}
.footer .fshare div.li02 a:hover{background:url(../images/fshare.png) #80bc00 no-repeat -30px center;}
.footer .fshare div.li03 a:hover{background:url(../images/fshare.png) #80bc00 no-repeat -60px center;}
.footer .fshare div.li04 a:hover{background:url(../images/fshare.png) #80bc00 no-repeat -90px center;}
.footer .fshare div.li05 a:hover{background:url(../images/fshare.png) #80bc00 no-repeat -120px center; }
.footer .fshare div.li06 a:hover{background:url(../images/fshare.png) #80bc00 no-repeat right center;}

.copyright{ padding:20px 0; line-height:24px; color:#fff; text-transform:capitalize; border-top:solid 1px #797979;background:#575757; }


.float_kf{ position:fixed;right:0; bottom:5%; z-index:999;}
.float_kf li{ width:45px; text-align:center; background:#80bc00;color:#fff; position:relative;margin-top:5px; padding:0;/*box-shadow: 0 0 8px rgba(255,255,255,0.2);*/}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#80bc00;color:#fff}
.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{ left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:880px; height:650px; position:fixed;z-index:9999; background:#fff; display:none; 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);}
.liuyan-sub.cur{ display:block}
.liuyan-sub .closed{ position:absolute; width:25px; height:25px; background:url(../images/close_1.png) no-repeat;background-size:cover; right:30px;top:30px; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s; z-index:999999;}
.liuyan-sub .closed:hover{background:url(../images/close_2.png) no-repeat; background-size:cover;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.liuyan-sub .conn{ padding:25px 50px 25px 50px; position:absolute; width:100%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; max-height:100%; overflow-y:auto}
.liuyan-sub .conn .tit{  text-align:center;font-size:50px;font-family: 'FRADM'; line-height:50px; margin-bottom:5px;color:#403f41;}
.liuyan-sub .conn .sumn{ font-size:20px; color:#777; 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:#80bc00; 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}



.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:}

.contacts { float:right; width:47%; line-height:35px;}
.contacts .intro{ margin-bottom:30px;}
.contacts .intro h3{color:#403f41; font-weight:bold}
.contacts p{ clear:both; line-height:28px; padding:5px 0 0 0; position:relative;}
.contacts p span:nth-child(1){ display:inline-block; width:160px; float:left;color:#403f41; font-weight:bold} 
.contacts p span:nth-child(2){ display:inline-block; width:calc(100% - 160px); float:left; height:28px; overflow:hidden} 


.nnav{ line-height:100px;background-color:#444343; font-size:30px;font-family: 'FRADM'; text-transform:uppercase }
.nnav li{ width:50%; float:left; text-align:center}
.nnav li a{ color:#fff; display:block}
.nnav li a:hover, .nnav li a.cur{ background:#272727}


.nvideo .kuaivideo{ text-align:center}
.nvideo .kuaivideo .video{ position:relative; width:100%; max-width:800px; display:inline-block}
.nvideo .video .video-btn{ content:""; 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 }
.nvideo .video:hover .video-btn{ opacity:1; background:url(../images/bf.png) rgba(0,0,0,0.2) 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;}
.nvideo .kuaivideo02 .video{ position:relative; width:100%; max-width:1000px; }
.nvideo .kuaivideo02 .videoitem{ float:left; width:32%; margin-right:2%; margin-bottom:2%; text-align:center;cursor: pointer;position:relative; }
.nvideo .kuaivideo02 .video .video-btn{background-size:15% auto;}
.nvideo .kuaivideo02 .videoitem:nth-child(3n){ margin-right:0}
.nvideo .kuaivideo02 .videoitem:nth-child(3n+1){ clear:both}
.nvideo .kuaivideo02 .videoitem .wenzi{ padding:10px 0 15px 0; border-radius:0 0 15px 15px; border:solid 1px #ddd; line-height:30px !important;}
.nvideo .kuaivideo02 .videoitem .wenzi h3{color:#403f41; text-transform: capitalize; font-size:17px;}
.nvideo .kuaivideo02 .videott{ position:absolute; background:#000; width:100%; height:100%; top:0; left:0; display:none}


.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; background-color: rgba(0,0,0,0.5);z-index:99999; width:100%; height:100%; left:0; top:0; position:fixed}
.videos iframe{ position:absolute;position:fixed; left:50%; top:50%; margin-left:-400px; margin-top:-210px;  width:800px; height:450px; background:#000 }
.vclose { position:absolute;left:50%; top:50%; border-radius:100%;margin-left:370px; margin-top:-200px;  cursor: pointer; }



.mserivce .sertabmenu{ margin-bottom:15px;}
.mserivce .sertabmenu ul{padding: 0px;border-top: 2px solid white;margin-top: -2px;border-bottom: 1px solid #cccccc;}
.mserivce .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(20% - 8px); float:left; text-align:center}
.mserivce .sertabmenu li:last-child{ margin-right:0}
.mserivce .sertabmenu .cur {background: #fff;border: #cccccc solid 1px;border-bottom: 1px white solid;margin-bottom: -1px;color:#403f41;}
.mserivce #sertabcontent .hidden {display:none;}
.mserivce #sertabcontent { clear:both; line-height:30px !important;}
.down .sertitle{ background:#eee; line-height:25px; border-bottom: 3px solid #ccc;font-weight:bold; color:#444}
.down .sertitle, .down .sercon p{ padding:10px 8%}
.down .sercon p{ cursor: pointer}

.down .sertitle span, .down .sercon span{ width:calc(30% - 63px); float:left; padding-left:20px;}
.down .sertitle span:nth-child(1), .down .sercon p span:nth-child(1){ width:40%; padding-left:0px;}
.down .sertitle span:last-child,.down .sercon span:last-child{ width:126px}

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




.nseivce .kuai{ margin-bottom:120px}
.nseivce .kuai .ppic{ float:left; width:45%; position:relative; z-index:99}
.nseivce .kuai:nth-child(2n) .ppic{ float:right}
.nseivce .kuai .ppic:after{ content:""; width:100%; height:100%; left:-23px; top:-23px; background:#80bc00; position:absolute; z-index:-1}
.nseivce .kuai:nth-child(2n) .ppic:after{left:auto; right:-23px; top:-23px;}
.nseivce .kuai .wenzi{ float:right; width:55%; margin-top:15px; position:relative}
.nseivce .kuai .wenzi:after{ content:""; width:2px; height:calc(100% - 24px); position:absolute; bottom:0; left:-2px; background:#80bc00}
.nseivce .kuai:nth-child(2n) .wenzi:after{ left:auto; right:-2px}
.nseivce .kuai:nth-child(2n) .wenzi{ float:left}
.nseivce .kuai .wenzi .s_tit{font-size: 24px;line-height: 24px;color: #80bc00;margin-bottom: 35px;padding-left: 25px;}
.nseivce .kuai .wenzi .box{padding: 30px 25px;border: 2px solid #80bc00; border-left:none; position: relative;padding-top: 60px;}
.nseivce .kuai:nth-child(2n) .wenzi .box{border-left: 2px solid #80bc00; border-right:none; }
.nseivce .kuai .wenzi .box .b_tit{font-size: 32px;line-height: 50px; padding-bottom:5px;color: #fff;background: #80bc00;position: absolute;left: -2px;top: -25px;width: 70%;padding-left:25px;font-family: 'FRADM'; }
.nseivce .kuai .wenzi .box .b_tit span, .nseivce .kuai .wenzi .box .b_tit img{ display:inline-block; height:42px; width:auto}
.nseivce .kuai .wenzi .box .b_tit img{ display:inline-block; padding:10px 0 0 20px}

.nnews .wrap{ margin-bottom:20px}
.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%}
.nnews .newskuai .wenzi .date{ color: rgba(102,102,102,1); margin:10px 0 0 0}
.nnews .newskuai .wenzi  h3{font-family: 'FRADM'; margin: 15px 0 13px; font-size:24px;}
.nnews .newskuai .wenzi  p{line-height: 24px;color:#444; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


.nnewsxing .newsdetail{ float:left; width:70%}
.nnewsxing .newsdetail .tit{font-family: 'FRADM'; font-size:30px; margin-bottom:30px; color:#403f41}
.nnewsxing .newsdetail .newstime{ float:left; background: #f5f5f5; color: #333;float: left;width: 80px;line-height: 30px;text-align: center;margin-top: 5px;}
.nnewsxing .newsdetail .newstime span{display: block; font-weight:bold; font-size: 35px;background: #80bc00;color: #fff;line-height: 55px;letter-spacing: 2px; display:block}
.nnewsxing .newsdetail .newscon{ float:right; width:calc(100% - 120px)}
.nnewsxing .newsdetail .newtit{font-family: 'FRADM'; margin: 0px 0 13px; font-size:24px;color:#403f41}
.nnewsxing .newsdetail .newscon img{ width:100%; height:auto; display:block; margin:20px 0}
.nnewsxing .newstj{ float:right; width:25%}
.nnewsxing .newstj .newstit{font-family: 'FRADM'; margin: 60px 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{ height:50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.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:#80bc00; }
.nnews #ytabcontent .hidden {display:none;}
.nnews #ytabcontent .item{ border:solid 1px #ddd; margin-bottom:25px;}
.nnews #ytabcontent .item .month{ padding: 7px 0 0 30px;font-size:22px;line-height: 60px;text-transform: uppercase; color:#80bc00}
.nnews #ytabcontent .item p span{ display:inline-block;line-height:20px; padding:20px 0; padding-left:30px;  width:20%; float:left; font-size:16px;}
.nnews #ytabcontent .item p span:nth-child(2),  .nnews #ytabcontent .item p span:nth-child(3){ width:30%}
.nnews #ytabcontent .item p:nth-child(2n+1){ background:#f5f5f5;}


.nabout .ableft{ /*float:left; width:50%; margin-top:30px;*/}
.nabout .ableft p{ font-size:16px;text-align: justify }
/*.nabout .abpic{ width:35%; float:right}*/


.youshi{ position:relative;background: url(../images/gc.jpg) no-repeat center center;background-size: cover;background-attachment: fixed; padding:120px 0}
.youshi .ystitle h3{font-family: 'FRADM'; color:#fff; margin-bottom:30px; font-size:42px; line-height:50px;}
.youshi .conn{ text-align:center}
.youshi .conn .item{ display:inline-block; padding:80px 0 0 0;color:#80bc00; margin-right:70px}
.youshi .conn .item:last-child{ margin-right:0}
.youshi .conn .item h3{ font-size:24px; height:40px; text-align:center}

.youshi .conn .item h3 span{ font-size:70px; font-weight:bold; position:relative}
.youshi .conn .item h3 span:after{ content: '+'; font-size: 50%;vertical-align: top;position: absolute;top: 0;right: -30px; top:10px}
.youshi .conn .item p{ color:#fff; margin-top:20px; font-size:18px;}
.youshi .conn .item:last-child h3 span:after{ display:none}

.ourpro .ableft{/* float:right; width:50%;margin-top:30px;*/ }
.ourpro .ableft h3{font-family: 'FRADM';color:#403f41;}
.ourpro .ableft p{ clear:both;}
.ourpro .ableft p span{ display:inline-block; width:295px;}
.ourpro .abpic{ width:35%; float:left}
.ourpro .ableft img{ display:block; width:100%; max-width:1000px; height:auto; margin:0 auto;}

.sales img{ display:block; width:100%; height:auto}


.nwenhua .item{ float:left; width:50%; position:relative}
.nwenhua .item:nth-child(2n+1){ clear:both}
.nwenhua .item:hover .pic img{transform:scale(1.05);}
.nwenhua .item .wenzi{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; text-align:center;background: rgba(39,39,39,.6);}
.nwenhua .inner{ margin-top:30px}
.nwenhua .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%}
.nwenhua .item .wenzi .intro h3{font-family: 'FRADM'; font-size:36px; margin-bottom:15px;}
.nwenhua .item .wenzi .intro p{ font-size:17px; padding:0 25px;}


.ngroup .ntit{ width:calc(83.33% + 16px); font-family: 'FRADM'; text-align:center; margin:0 auto; line-height:68px;font-size:28px; color:#fff; background: #80bc00; margin-bottom:50px; position: relative }
.ngroup .ntit:before{ content:""; position:absolute; left:50%; bottom:-25px; margin-left:-0.5px; width:1px; height:25px; background:#ddd}
.ngroup .ntit:after{ content:""; position:absolute; left:0%; bottom:-25px; width:100%; height:1px; background:#ddd}
.ngroup .item{ position:relative; width:calc(16.66% - 16px); margin-right:19.2px; float:left}
.ngroup .item:after{content:""; position:absolute; left:50%; top:-25px; margin-left:-0.5px; width:1px; height:25px; background:#ddd}
.ngroup .item:last-child{ margin-right:0}
.ngroup .item h3{font-family: 'FRADM'; text-align:center; line-height:50px;color:#fff; font-size:18px; background: #80bc00; margin-bottom:10px;}
.ngroup .item p{ border:solid 1px #ddd;height:150px; display:flex;align-items:center; padding:25px 10px; text-align:center; font-weight:bold; color:#444; line-height:28px;}


.pronav{ padding:7px 0; height:130px; border-bottom:solid 1px #ddd; background:#fff; display: flex; display: -webkit-flex;justify-content: space-between;}
.pronav .item{ float:left; width:16.66%; min-width:132px; text-align:center; position:relative}
.pronav .item .pic{ max-width:86px; padding:0; height:auto; margin:0 auto}
.pronav .item:hover .pic img{transform:scale(1);}
.pronav .item h3, .pronav .item p{ line-height:24px; font-size:15px;color: rgba(102,102,102,0.85); }
.pronav .item h3{color:#403f41; font-weight:bold; text-transform:uppercase}
.pronav .item p{ margin-top:-5px;}
.pronav .item:hover h3, .pronav .item:hover p, .pronav .item.cur h3, .pronav .item.cur p{ color:#80bc00}

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




.nproducts .item{ background:#fff;margin-bottom: 50px; position: relative; box-shadow: 0 0 10px #ccc; text-align:center; }
.nproducts .item:nth-child(1){ margin-top:50px;}
.nproducts .item .nprotit{background: #575757; line-height:48px; height:48px; color:#fff}
.nproducts .item .nprotit span{ float:left; width:20%; border-right:solid 1px #fff}
.nproducts .item .plleft{ float:left; width:20%}
.nproducts .item .plright{ float:right; width:80%}
.nproducts .item .plleft .nprotit span{ color:#fff; width:100%}
.nproducts .item .nprolist{ position:relative;}
.nproducts .item .ppic{/* position: relative; height:100%;  top:0; left:0 */width:100%%; float:left; padding:5% 0;}
.nproducts .item .ppic .pic{/*position: absolute;left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top:50%;text-align: center; width:100%*/}
.nproducts .item .nprolist {line-height:35px}
.nproducts .item .nprolist li{ display:block; width:100%; /*background:#f5f5f5*/}
.nproducts .item .nprolist li:nth-child(2n){ background:#f5f5f5;}
.nproducts .item .nprolist span{ display:block; width:20%; float:left}
.nproducts .item .nprolist li a{ font-size:14px; color:#80bc00;background: url(../images/bnext02.png) no-repeat 90% center;background-size: 6px auto; display:inline-block; padding-right:25px; transition: 0.5s;}
.nproducts .item .nprolist li:hover a{background: url(../images/bnext02.png) no-repeat right center;background-size: 6px auto;}


.nprodetail .conn{ position:relative}
.nprodetail .conn .picsshow{width:48%; float:left; position:relative}
.nprodetail .conn .picsshow .tabmenu li {display:block; cursor:pointer; border:solid 1px #d5d5d5}
.nprodetail .conn .picsshow .tabmenu li .img-dv .img2{ min-height:auto; max-height:100%}
.nprodetail .conn .picsshow .tabmenu .cur {border:solid 1px #80bc00 }
.nprodetail .conn .picsshow #nptabcontent .hidden {display:none;}

.nprodetail .conn .picsshow .bigpic{border:solid 1px #d5d5d5; width: 75%; float: right;}
.nprodetail .conn .picsshow .otherpic, .nprodetail .conn .picsshow .otherpic .tabmenu, .nprodetail .conn .picsshow .otherpic .tabmenu ul { position:absolute; left:0; top:0; height:100%; width: calc(25% - 10px);}
.nprodetail .conn .picsshow .otherpic .tabmenu, .nprodetail .conn .picsshow .otherpic .tabmenu ul{ width:100%}

.nprodetail .conn .picsshow .otherpic li{ display:block; margin-bottom:12px; height:calc(33.33% - 8px); display:flex;align-items:center; width:100%; position:relative}
.nprodetail .conn .picsshow .otherpic li img{ display:block; margin:0 auto; max-height:100%;max-width:100%;}
.nprodetail .conn .picsshow .otherpic li:last-child{ margin-bottom:0}
.nprodetail .conn .picsshow .img-dv .img2{ min-height:auto; max-height:100%}

.nprodetail .conn .wenzi{width:48%; float:right; margin-top:30px}
.nprodetail .conn .wenzi .nptitle{ margin-bottom:15px; padding-bottom:15px;border-bottom:dotted 1px #e1e1e1;}
.nprodetail .conn .wenzi .nptitle h3{ font-size:30px;font-family: 'FRADM'; color:#80bc00; line-height:55px;}
.nprodetail .conn .wenzi .nptitle p{ font-size:18px;color:#403f41}
.nprodetail .conn .wenzi  .pys{ margin-bottom:20px}
.nprodetail .conn .wenzi  .pys p{ line-height:32px; position:relative;/* padding-left:15px;*/}
/*.nprodetail .conn .wenzi  .pys p:after{ content:""; position:absolute; left:0; top:50%; margin-top:-3px; width:6px; height:6px; background-color:rgba(102,102,102,0.85); border-radius:50%;}
*/
.nprodetail .conn .wenzi .canshu{ /*position:absolute; left:52%; bottom:-6px; width:48%;*/ margin-top:80px;}
.nprodetail .conn .wenzi .item{ display:inline-block; 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;}



.fixeds{position:fixed;width:100%; left:0; top:75px !important; width:100%; z-index:22}
.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;}






.map{ height:290px;}




.pdnav{font-size:18px; font-weight:bold;border-bottom:#e4e4e4 solid 1px; }
.pdnav li a{color: rgba(102,102,102,0.85);}
.pdnav li{padding: 12px 55px;  float:left; text-align:center; border-radius: 6px 6px 0px 0px; background: #e1e1e1; margin-right: 10px;cursor:pointer; display:block}
.pdnav li:hover, .pdnav li.cur{background: #fff;border: #cccccc solid 1px;border-bottom: 1px white solid;margin-bottom: -1px;color: #80bc00;padding: 11px 54px 12px 54px;}
.pdetail #npdtabcontent .hidden {display:none;}
.pdetail #npdtabcontent{ margin-top:30px;}


.nppx table td{ padding:6px 15px; border-bottom:solid 1px #fff; border-right:solid 1px #fff}
.nppx table tr:last-child td{ border-bottom:solid 1px #ddd !important;}
.nppx table tr:nth-child(2n+1){ background:#eee}
.nppx table tr:nth-child(1){ background:#fff !important; }
.nppx table tr td:nth-child(1){ font-weight:bold; text-align:left}
.nppx table tr:nth-child(1) td{padding-bottom:25px !important; padding-top:15px !important}

.nppx h4{font-size:22px;font-family: 'FRADM'; color:#403f41; line-height:36px;}
.nppx h2{ font-size:30px;font-family: 'FRADM'; color:#403f41;}
.nppx .white{ color:#fff; background: #80bc00;}
.nppx .hui{ color:#fff; background: #808080;}

.nppx .white h4, .nppx .hui h4{ color:#fff  !important; font-weight:bold}
.nppx .green{color: #80bc00; font-size:18px;font-family: Arial, 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; font-weight:normal; padding-left:30px}




.nppx .item{ float:left; width:33.33%}


.back{ display:block; margin-top:40px; width:140px;}
.back a{ display:block; font-size:14px; width:100%; line-height:40px; border-radius:8px; border: solid 2px #80bc00;background: #f5f5f5;color:#80bc00; text-align:center; text-transform:uppercase;}
.back a:hover{background:#80bc00; color:#fff;border: solid 2px #80bc00; }


.nproducts .wrap{ margin-top:50px;}

.nprotitle { margin-bottom:4px}
.nprotitle h3{font-size: 30px;font-family: 'FRADM';color: #403f41;}
.nprotitle h3 span{color: #80bc00; font-size:18px;font-family: Arial, 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; font-weight:normal; padding-left:20px}



.pronav02{ position:relative; height:140px;  margin-top:-130px; z-index:-1; width:100%}
.pronav02.cur{ margin-top:0px;}

.dan{ font-size:14px; color:#999; line-height:24px; margin-top:30px}

.standardoption{width:100%; max-width:912px;}
.stands, .option{ float:left; width:48%}
.option { float:right}
.stands h3{font-size: 22px; font-family: 'FRADM'; line-height:45px; color:#fff; padding-left:15px;background: #80bc00;}
.stands p{ padding-left:15px; line-height:40px}
.stands p:nth-child(2n){ background: #eee;}

.option h3{font-size: 22px; font-family: 'FRADM'; line-height:45px; color:#fff; padding-left:15px; background:#595959}
.option p{ padding-left:15px; line-height:40px; background:#a6a6a6; color:#fff}
.option p:nth-child(2n){ background: #808080;}


.gallery-thumbs .swiper-button-prev, .gallery-thumbs .swiper-button-next{ z-index:98; width:29px; height:45px; margin-top:-22px; outline:none; opacity:1; left:10px; top:50%; overflow:hidden}
.gallery-thumbs .swiper-button-prev{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center; background-size:20px auto; }
.gallery-thumbs .swiper-button-next{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; left:auto; right:10px;}
.nprodetail .conn .picsshow .pic { margin:6%;}
.nprodetail .conn .picsshow .gallery-thumbs .swiper-slide{ border:solid 1px #ddd;}
.nprodetail .conn .picsshow .gallery-thumbs .swiper-slide.active{border:solid 1px #80bc00;}