@charset "utf-8";

/*about*/

.about { position:relative;width:100%;height:100%; overflow:hidden;}

.about_ltab {position:absolute;width:30%; left:20%; top:30%; z-index:99;}
.tab_main1 {position: relative; padding-top:10px; overflow:hidden; clear:both;}
.tab_main1 * { -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}

.tab1{ margin:auto; text-align:left; width:100%;}
.tab1 li{ padding:3% 5%; margin-right:2px; font-size:26px; text-align:center; display:block; float:left;color:#787878;cursor:pointer;background:#002119; position:relative;font-family:'Rift-Bold', Arial, Helvetica, sans-serif;}
.tab1 li:hover {background:#004841; color:#fff;}
.tab1 li.on { background:#004841; color:#fff;}
.con1{ margin:auto;position:relative;clear:both;background:#004941; }
.con_main1{ margin:auto; padding:30px; font-size:14px; line-height:24px; color:#859c99;word-wrap:break-word;}


/* 滚动内容样式 */
.scroll_main{width:100%;display: block;}
.scroll_wrap {width:100%;height: 350px;position: relative; font-size:13px;}
.scroll_wrap h3 {font-family: 'DINCond-Bold', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; font-size:23px;}
.scroll_cont,.scroll_cont1,.scroll_cont2,.scroll_cont3{height: 100%;overflow: hidden; padding-right:5%;}
.scroll_bar,.scroll_bar1,.scroll_bar2,.scroll_bar3{position: absolute;top:0;right:0;width:3px;height: 100%;background-color: #002d2a;}
.scroll_slider,.scroll_slider1,.scroll_slider2,.scroll_slider3{position: absolute;top:20px;left:-8px;width:18px;height:18px;background-color:#377c75; overflow:hidden;border-radius:100px;opacity:1.5; cursor:pointer;}
.scroll_slider:hover{background-color:#76bbb4;}


.about_rpic {position:absolute;width:747px;right:8%; bottom:-5%; z-index:8; color:#FFF; overflow:hidden;}
.about_rpic img { display:block; width:100%; height:auto;}


 


/*product*/
.productype {  width:980px; height: auto; position: relative; padding:8% 0 6% 0;z-index:50; margin:auto; overflow:hidden;}
.productype * { display:block; color:#FFF;overflow:hidden;word-wrap:break-word;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.productype ul {width:46%; background:url(../images/ty1.png) center bottom no-repeat; background-size:100%; padding-bottom:2.5%;overflow: visible;float:left; margin:3% 2%;}
.productype li{ position:relative; border:#005951 5px solid;border-radius:20px;overflow: visible; }
.productype li a{border-radius:15px;min-height:220px; }
.productype li i{ position:absolute; width:193px; height:288px; left:0; bottom:0; z-index:1;}
.productype li i img{display:block; width:100%; height:auto;}
.productype li span{ float:right; width:50%; padding:5%;}
.productype li span h3{font-family:'Rift-Bold', Arial, Helvetica, sans-serif; font-size:30px;}
.productype li span h4{font-size:12px;line-height:24px;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; margin:3% 0;}
.productype li span h5{font-size:12px;border-radius:100px; text-align:center; background:url(../images/jt2.png) 90% center no-repeat #072d29; padding:3% 15% 3% 10%; margin-top:10%; float:left; clear:both;}
.productype li:hover {-moz-box-shadow:0px 0px 20px #00352c;-webkit-box-shadow:0px 0px 20px #00352c ;box-shadow:0px 0px 20px #00352c;}
.productype li a:hover{background:-moz-linear-gradient(top,#007f73,#003b36);background:-webkit-gradient(linear,0 50%,100% 50%,from(#007f73),to(#003b36));background:-webkit-linear-gradient(top,#007f73,#003b36);background:-o-linear-gradient(top,#007f73,#003b36);}
.productype li a:hover h5{background:url(../images/jt2.png) 95% center no-repeat #2faa9f; padding:3% 20% 3% 15%;}


.pagebg { height:100%;background:url(../images/bg1.jpg) repeat-x  fixed top #006d61; overflow:auto;position:relative;}
.rollpage {position:relative; z-index:99;}
.rollpage .lt-logo,.rollpage .rb-copy,.rollpage .rt-nav,.rollpage .tmask,.rollpage .bmask,.rollpage .ltbg,.rollpage .rbbg  {position: absolute;}
.productslist {width:1180px;z-index:99; margin:auto; overflow:hidden;padding:8% 0; position:relative;}
.productslistnav { float:left; width:18%;}
.productslistnav h1{margin:2% 0.5% 20px 0.5%;border-bottom:#064b42 1px solid; overflow:hidden; padding-bottom:5px;position:relative;font-size:30px;font-family:'Rift-Bold', Arial, Helvetica, sans-serif; color:#FFF ;}
.productslistnav * { display:block; color:#FFF;overflow:hidden;word-wrap:break-word;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.productslistnav li{ padding:3% 0; overflow:hidden; }
.productslistnav li a{ font-size:14px; color:#afafaf;font-family:'DIN-Regular', Arial, Helvetica, sans-serif; }
.productslistnav li a.cur,.productslistnav li a:hover {color:#fff;}
.productslistnav li ul {}
.productslistnav li ul li{}
.productslistnav li ul li a { font-size:14px;font-family:'DIN-Light', Arial, Helvetica, sans-serif;padding:3% 15% 3% 10%;}
.productslistnav li ul li a.cur{ background:url(../images/jt2.png) 90% center no-repeat #072d29; border-radius:100px; }


.pt-top {margin:0.5% 0.5% 20px 0.5%;border-bottom:#064b42 1px solid; overflow:hidden; padding-bottom:5px;position:relative;}
.pt-top h2{ font-size:30px;font-family:'Rift-Bold', Arial, Helvetica, sans-serif; color:#FFF ;}
.return { position:absolute; right:0px; top:15px; color:#FFF!important; background: url(../images/jt3.png) left center no-repeat; padding-left:3%; text-transform:uppercase;font-size:12px;font-family:'DIN-Light', Arial, Helvetica, sans-serif;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.return:hover {filter:alpha(Opacity=100);-moz-opacity:1.0;opacity:1.0;}
.productslistpic { float:right;width:80%;overflow:hidden; min-height:700px;}
.productslistpic * { display:block;color:#000;overflow:hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.productslistpic li{ text-align:center; float:left; width:24%;margin:0.5%;position:relative;}
.productslistpic li i { position:absolute; right:5%; top:5%; width:40px; height:40px; line-height:40px; font-size:12px; text-align:center;border-radius:100px; color:#FFF; background:#F00; z-index:6; }
.productslistpic li a{ background:#FFF;}
.productslistpic li a span{ position:relative;}
.productslistpic li a span h5{ display: none; text-align:center; background:rgba(33,86,80,0.9); color:#FFF; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px; width:100px; height:100px; line-height:100px;border-radius:100px; font-size:12px; z-index:1;}
.productslistpic li a span img{display:block; width:100%; height:auto; max-height:226px;min-height:226px;}
.productslistpic li a h4{ padding:5% 1%; font-size:14px; border-top:#CCC 1px solid; min-height:50px;}
.productslistpic li a:hover span h5{display: block;}
.productslistpic li a:hover span img{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.productslistpic li a:hover h4{color:#FFF; background:#215651;}

.pagenum { padding:3% 0; overflow:hidden; clear:both; border:none !important; margin:0 auto!important;}
.pagenum a{ display:block; float:left; width:40px; height:40px; line-height:40px;border-radius:100px;text-align:center; border:#008b7d 1px solid; color:#a3b6b3; overflow:hidden; margin-right:1%;}
.pagenum a.cur,.pagenum a:hover,.pagenum a.on { background:#008b7d; color:#FFF;}
.pagenum a.prev,.pagenum a.next  { font-family:"宋体";}

.producthot {width:1180px;z-index:99; margin:auto; overflow:hidden;padding:6% 0;}
.producthot-l { float:left;width:520px; height:692px; margin-top:3%; background:url(../images/pbg.png) center no-repeat; background-size:cover; text-align:center;color:#FFF;}
.producthot-l ul { padding:130px 105px 20px 105px; overflow:hidden;}
.producthot-l h1 { font-size:38px; margin:3% 0;font-family:'Rift-Bold', Arial, Helvetica, sans-serif; text-transform:uppercase;}
.producthot-l i { display:block; background:#447e78; height:1px; width:100px; margin:auto;}
.producthot-l h4 { font-size:16px; line-height:24px; padding:5% 0; overflow:hidden;font-family:'DIN-Regular', Arial, Helvetica, sans-serif;} 
.ph1 { text-align:center; width:90%; margin:20px auto auto auto;overflow:hidden;}
.ph1 *{display:inline-block !important; vertical-align:middle; overflow:hidden;}
.ph1 h3 { text-transform:uppercase; color:#5bb0a8; font-size:24px;font-family:'Rift-Bold', Arial, Helvetica, sans-serif;}
.ph1 i { margin:0 2%; width:50px;}
.pcolor { text-align:center; padding:2% 0; overflow:hidden; }
.pcolor a{ display: inline-block; border:#127970 2px solid; width:25px; height:25px; margin:2%; overflow:hidden;border-radius:100px; }
.pbtn {width:100%; margin:20px auto auto auto;overflow:hidden; text-align:center;}
.pbtn a {display:inline-block; border-radius:100px; width:35%;height:40px; line-height:40px; font-size:18px; padding:0 5%; margin:2%; overflow:hidden; text-align:center; color: #FFF;font-family:'Rift-Bold', Arial, Helvetica, sans-serif;}
.buylink-btn { background:#407c76 url(../images/buy.png) 85% center no-repeat;}
.buylink-btn:hover { background:#008b7d url(../images/buy.png) 85% center no-repeat; color:#FFF;}
.return-btn {  background:#003d38 url(../images/jt3.png) 20% center no-repeat;}
.return-btn:hover { background:#008b7d url(../images/jt3.png) 20% center no-repeat; color:#FFF;}
.pnext {  background:#407c76 url(../images/jt2.png) 85% center no-repeat;}
.pnext:hover { background:#407c76 url(../images/jt2.png) 85% center no-repeat; color:#FFF;}
.producthot-r { float:left;width:660px; position:relative;} 
.producthot-r li {}
.producthot-r li img{display:block; width:100%; height:auto;}


.proimg { display:none !important;position:absolute; z-index:1; width:100%; height:100%; left:0; top:0;}
.productdetail {width:1180px;z-index:99; margin:auto; overflow:hidden;padding:8% 0;}
.productdetail-l { float:left;width:520px;  margin-top:5%; background:rgba(0,0,0,0.3);border-radius:20px 0px 0px 20px; overflow:hidden;}
.productdetail-l ul { padding:10%;overflow:hidden; color:#FFF;}
.productdetail-l h1 { font-size:24px; margin:3% 0;font-family:'Rift-Bold', Arial, Helvetica, sans-serif; text-transform:uppercase;}
.productdetail-l i { display:block; background:#447e78; height:1px; width:100px;}
.productdetail-l h4 { font-size:12px; line-height:22px; padding:5% 0; height:150px;overflow-y:auto;font-family:'DIN-Regular', Arial, Helvetica, sans-serif;word-wrap: break-word;word-break: normal;} 
.productdetail-l .ph1 {margin:20px auto auto auto; clear:both; float:left;width: auto;}
.productdetail-l .pcolor {float:left;width: auto; width:60%; text-align:left;margin:8px auto auto 8px; }
.productdetail-ty { float:left;width:660px;background:url(../images/ty1.png)  center bottom  no-repeat; padding-bottom:43px;}
.productdetail-r {width:100%;position:relative;border-radius:20px; overflow:hidden;}
.productdetail-r ul {overflow:hidden; position:relative; display:table;min-height:550px;}
.productdetail-r li {display:block;background:#005445; vertical-align:middle;} 
.productdetail-r li img{display: inline-block;vertical-align:middle;width:100%;max-height:550px;min-height:550px;}
.productdetail-r .pbtn .return-btn {  background:#fff url(../images/jt3.png) 20% center no-repeat !important;} 
.color { overflow:hidden;}
.productdetail-r li #myVideo { height:auto;width:100%; display: inline-block; vertical-align:middle;}


.pplay{ cursor:pointer; display:table-cell!important;}
.pplay h1 { border:#FFF 3px solid;border-radius:100px; width:60px; height:60px; overflow:hidden; position: absolute; left:50%; margin-left:-33px; top:50%; margin-top:-33px;}
.pplay h1 i{display:block;width:0;height:0;border-width:20px 0 20px 30px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;top:50%;left:50%; margin-left:-10px; margin-top:-20px;}



/*download*/
.download {width:1180px;z-index:99; margin:auto; overflow:hidden;padding:8% 0;position:relative;}
.dnav { text-align:center;}
.dnav a {display:inline-block; border-radius:100px; border:#005951 1px solid; width:180px;height:40px; line-height:40px; font-size:18px; margin:1%; overflow:hidden; text-align:center; color: #ccc;font-family:'Rift-Bold', Arial, Helvetica, sans-serif;}
.dnav a.cur,.dnav a:hover { background:#005951; color:#FFF;}
.downloadlist {overflow:hidden;padding:3% 0;}
.downloadlist-l { float:left;width:30%;background:#19413d;border-radius:10px; overflow:hidden; padding:7px 7px 30px 7px; position:relative;}
.downloadlist-l li{ border-radius:10px; overflow:hidden; position:relative;}
.downloadlist-l li img{display:block; width:100%; height:auto; max-height:400px; min-height:400px;}
.downloadlist-l li span { position:absolute; width:70%; height:80%; left:5%; top:5%; z-index:1;}
.downloadlist-l li span h1{ font-size:34px;font-family:'Rift-Bold', Arial, Helvetica, sans-serif; color:#73ded2;word-wrap: break-word;word-break: normal;}
.downloadlist-l li span a { border-radius:100px; width:100px;height:25px; line-height:25px;font-size:12px; text-align:center; display:block; background:rgba(0,0,0,0.6); color:#CCC; text-transform:uppercase;}
.downloadlist-l .slick-dots {bottom:2px;}
.downloadlist-l .slick-dots li { width:auto;}

.downloadlist-m {float:none; width:100%;}
.downloadlist-m * { display:block ;overflow:hidden;}
.downloadlist-m div {float:left;border-radius:10px; overflow:hidden; position:relative; border:#00665d 1px solid;width:30.33%; margin:0 1% 1% 1%;}
.downloadlist-m li { border:#00251c 3px solid; padding:5% 2% 5% 4%;border-radius:10px; overflow:hidden;}
.downloadlist-m li i {float:left;width:20%;}
.downloadlist-m li img{display:block; width:100%; height:auto;}
.downloadlist-m li span { float:left;width:60%; padding:3% 5%;overflow:hidden;}
.downloadlist-m li span h1{ font-size:14px; padding-bottom:10px;font-family:Arial, Helvetica, sans-serif; color:#73ded2;word-wrap: break-word;word-break: normal;}
.downloadlist-m li span a { border-radius:100px; width:100px;height:25px; line-height:25px;font-size:12px; text-align:center; display:block; background:rgba(0,0,0,0.6); color:#CCC; text-transform:uppercase;}
.downloadlist-m li:hover {background:-moz-linear-gradient(top,#007f73,#003b36);background:-webkit-gradient(linear,0 50%,100% 50%,from(#007f73),to(#003b36));background:-webkit-linear-gradient(top,#007f73,#003b36);background:-o-linear-gradient(top,#007f73,#003b36);}
.downloadlist-m li:hover span a {background:#6abdb4; color:#FFF}

.downloadlist-r {float:right; width:67%;}
.downloadlist-r * { display:block ;overflow:hidden;}
.downloadlist-r div {float:left;border-radius:10px; overflow:hidden; position:relative; border:#00665d 1px solid;width:47%; margin:0 1% 1% 1%;}
.downloadlist-r li { border:#00251c 3px solid; padding:5% 2% 5% 4%;border-radius:10px; overflow:hidden;}
.downloadlist-r li i {float:left;width:20%;}
.downloadlist-r li img{display:block; width:100%; height:auto;}
.downloadlist-r li span { float:left;width:60%; padding:3% 5%;overflow:hidden;}
.downloadlist-r li span h1{ font-size:14px; padding-bottom:10px;font-family:Arial, Helvetica, sans-serif; color:#73ded2;}
.downloadlist-r li span a { border-radius:100px; width:100px;height:25px; line-height:25px;font-size:12px; text-align:center; display:block; background:rgba(0,0,0,0.6); color:#CCC; text-transform:uppercase;}
.downloadlist-r li:hover {background:-moz-linear-gradient(top,#007f73,#003b36);background:-webkit-gradient(linear,0 50%,100% 50%,from(#007f73),to(#003b36));background:-webkit-linear-gradient(top,#007f73,#003b36);background:-o-linear-gradient(top,#007f73,#003b36);}
.downloadlist-r li:hover span a {background:#6abdb4; color:#FFF}
.downloadlist-r .pagenum {padding:2% 0; margin:0 1% !important;}




/*exhibition*/
.exhibition {width:700px;z-index:99; margin:auto; overflow:hidden;padding:8% 0;position:relative;}
.exhibition h1 { font-size:32px; color:#585b59; text-transform:uppercase;font-family:'Rift-Bold', Arial, Helvetica, sans-serif;}
.exhibitionlist { background:url(../images/line.jpg) 83px top repeat-y; min-height:700px;}
.exhibitionlist * { display:block ; color:#FFF;overflow:hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.exhibitionlist li{ margin:2% 0 6% 0;}
.exhibitionlist a {float:left;width:77%;border:#00665d 1px solid;border-radius:10px; padding:1%;}
.exhibitionlist li img{float:left;width:28%; height:auto;border-radius:5px;}
.exhibitionlist li span{ float:left;width:60%; padding:0 5%;}
.exhibitionlist li span h4{font-size:26px;line-height:28px;padding-bottom:10px;font-family:'Rift-Bold', Arial, Helvetica, sans-serif; color:#ccc;}
.exhibitionlist li span h5{padding-bottom:10px; font-size:14px;line-height:22px; color:#999;}
.exhibitionlist li span h6{border-radius:100px; width:100px;height:25px; line-height:25px;font-size:12px; text-align:center; display:block; background:rgba(0,0,0,0.6); color:#CCC; text-transform:uppercase;}
.exhibitionlist a:hover {background:#00665d;}
.exhibitionlist a:hover  span h4,.exhibitionlist a:hover  span h5,.exhibitionlist li:hover .timeline h2{ color:#fff;}
.exhibitionlist a:hover span h6 {background:#005951; color:#fff;}
.exhibitionlist li:hover .timeline i,.exhibitionlist li:hover .timeline em{ background:#fff;}
.timeline {position:relative; width:20%;float:left; margin-top:50px;}
.timeline h2{font-family:'Rift-Bold', Arial, Helvetica, sans-serif; font-size:18px; color:#999;}
.timeline i{border-radius:100px; width:13px;height:13px; background:#999;position:absolute; right:50px; top:50%; margin-top:-6.5px;}
.timeline em{width:60px;height:1px; background:#999; position:absolute; right:0;top:50%;margin-top:-0.5px;z-index:3;}

.newsdetail {width:900px;z-index:99; margin:auto; overflow:hidden;padding:8% 0; position:relative;}
.newsdetailmain { color:#CCC; font-size:14px; line-height:24px;min-height:600px;}
.newsdetailmain img { max-width:100%; height:auto;}
.ntitle { border-bottom:#004741 1px solid; overflow:hidden; padding-bottom:10px; margin-bottom:10px; text-align:center; color:#FFF;}
.ntitle h1{font-size:52px;font-family:'Rift-Bold', Arial, Helvetica, sans-serif; }
.ntitle h6{font-size:18px; color:#999;font-family:'Rift-Bold', Arial, Helvetica, sans-serif;}
.newsnum { border-top:#004741 1px solid; overflow:hidden; padding:20px 0; margin:10px 0 50px 0; text-align:center; position:relative;}
.newsnum a{ display:block; position:absolute; top:10px; z-index:1; color:#CCC;}
.newsnum a:hover {color:#fff;}
.nprev{ background:url(../images/jt3.png) left center  no-repeat; padding-left:15px; left:0; text-align:left;}
.nnext{ background:url(../images/jt2.png) right center  no-repeat; padding-right:15px; right:0;text-align:right;}
.nreturn {left:50%; margin-left:-50px; width:100px; height:30px; line-height:30px;border-radius:100px;background:#005951; color:#FFF; text-transform:uppercase;} 
.nreturn:hover {background:#1a9186; } 




/*contact*/
.contact{width:1180px;z-index:999; margin:auto; overflow:hidden;padding:12% 0 10% 0;}
.contact *{ display:block;overflow:hidden;}
.contact-l { float:left; width:28%; color:#ccc; padding-bottom:20px; background:url(../images/ty1.png) center bottom no-repeat; background-size:100%;}
.contact-l .bgbox { min-height:370px;padding:5% 5% 3% 5%;border:#215651 5px solid; background:#001917; border-radius:10px; }
.contact-l h1 { font-size:44px; color:#215651;font-family:'DIN-Bold', Arial, Helvetica, sans-serif;text-transform:uppercase;}
.contact-l ul { padding-top:5%;}
.contact-l ul h2 {padding-bottom:10px;}
.contact-l ul i { background:#1a302f; height:1px; width:20%; }
.contact-l ul li{ padding:2% 0; line-height:26px; font-size:14px;font-family:'DIN-Regular', Arial, Helvetica, sans-serif;}

.contact-l ul li a{ color:#70a29d;}
.contact-l ul li a:hover{ color:#FFF;}
.contact-l ul li a  {width:27px; height:27px; margin-right:2%; display:block; float:left;filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4;}
.contact-l ul li a:hover {filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;}
.contact-l ul li a.c1 { background:url(../images/c1.png) center no-repeat; }
.contact-l ul li a.c2 { background:url(../images/c2.png) center no-repeat; }
.contact-l ul li a.c3 { background:url(../images/c3.png) center no-repeat; }
.contact-l ul li a.cmap { width:100%; height:auto; margin:0; float:none;border-radius:10px; position:relative;}
.contact-l ul li a.cmap img {display:block; width:100%; height:auto;filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4;}
.contact-l ul li a.cmap h4 { color:#FFF; position:absolute; left:0; top:50%; text-align: center; width:100%; height:40px; line-height:40px; margin-top:-20px;z-index:3;font-family:'DIN-Bold', Arial, Helvetica, sans-serif;text-transform:uppercase;}

.contact-r {float:right; width:70%;padding-bottom:40px;background:url(../images/ty1.png) center bottom no-repeat; background-size:100%;}
.contact-r .bgbox {  min-height:370px;padding:3%;border:#215651 5px solid; background: url(../images/feedbackt.jpg) center -4% no-repeat #001917; background-size:100%;border-radius:10px; color:#ccc;}
.contact-r ul {width:100%; padding-top:11%;}
.contact-r ul li{margin:0 auto; text-align:center;}
.contact-r input:focus,.textarea1:focus{border:#0f867b 1px solid;}
.ctitle { text-align:center;}
.ctitle h2{ font-size:24px; color:#fff;font-family:'DIN-Bold', Arial, Helvetica, sans-serif;text-transform:uppercase;}
.ctitle i{background:#37938a; height:1px; width:40px; margin:10px auto;}
.input2 { display:inline-block;width:41%; margin:0.5%; border:#004c45 1px solid; height:40px; line-height:40px;border-radius:10px;background:none; padding:0 3% ;font-family:'DIN-Bold', Arial, Helvetica, sans-serif; color:#FFF; outline:none;}
.textarea1 {width:89%;border:#004c45 1px solid; height:50px; line-height:22px;border-radius:10px;background:none; padding:1.8% 3% ;font-family:'DIN-Bold', Arial, Helvetica, sans-serif; color:#FFF; outline:none; margin:auto;}
.submit1 { border:#215651 3px solid; height:47px;border-radius:10px;background:-moz-linear-gradient(top,#007f73,#003b36);background:-webkit-gradient(linear,0 50%,100% 50%,from(#007f73),to(#003b36));background:-webkit-linear-gradient(top,#007f73,#003b36);background:-o-linear-gradient(top,#007f73,#003b36);width:150px; text-align:center; color:#81b9b2; font-size:18px;font-family:'DIN-Bold', Arial, Helvetica, sans-serif; cursor:pointer; margin:10px auto auto auto;}
.submit1:hover {background:#009083;color:#FFF;}
.submit1 { outline:none;}




/*search*/
.search {width:1180px;z-index:99; margin:auto; overflow:hidden;padding:12% 0 10% 0;position:relative;}
.searchinput { text-align:center;}
.searchinput input{display:inline-block; vertical-align:middle;width:41%; margin:0.5%; border:#004c45 1px solid; height:45px; line-height:45px;border-radius:10px;background:none; padding:0 3% ;font-family:'DIN-Bold', Arial, Helvetica, sans-serif; color:#FFF; outline:none;}
.searchinput .submit {border:#215651 3px solid; height:47px;border-radius:10px;background:-moz-linear-gradient(top,#007f73,#003b36);background:-webkit-gradient(linear,0 50%,100% 50%,from(#007f73),to(#003b36));background:-webkit-linear-gradient(top,#007f73,#003b36);background:-o-linear-gradient(top,#007f73,#003b36);width:150px; text-align:center; color:#81b9b2; font-size:18px;font-family:'DIN-Bold', Arial, Helvetica, sans-serif; cursor:pointer; margin:auto; text-transform:uppercase;}
.searchinput .submit:hover {background:#009083;color:#FFF;}

.searchlist {overflow:hidden;padding-top:5%;}
.stitle { text-align:center;font-family:'DIN-Bold', Arial, Helvetica, sans-serif; font-size:24px; color:#215651; text-transform:uppercase; margin-bottom:20px;}
.searchproduct { width:80%; margin:auto;text-align:center;overflow:hidden;}
.searchproduct * { display:block;color:#000;overflow:hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.searchproduct li{ text-align:center; float:left; width:24%;margin:0.5%;}
.searchproduct li a{ background:#FFF;}
.searchproduct li a span{ position:relative;}
.searchproduct li a span h5{ display: none; text-align:center; background:rgba(33,86,80,0.9); color:#FFF; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px; width:100px; height:100px; line-height:100px;border-radius:100px; font-size:12px; z-index:1;}
.searchproduct li a span img{display:block; width:100%; height:auto;}
.searchproduct li a h4{ padding:5% 1%; font-size:14px; border-top:#CCC 1px solid;min-height:50px;}
.searchproduct li a:hover span h5{display: block;}
.searchproduct li a:hover span img{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.searchproduct li a:hover h4{color:#FFF; background:#215651;}
.searchproduct .pagenum a{ float:none; display:inline-block;margin:1% 0.5%;}