@font-face {
  font-family: 'VNF-Lobster';
  src: url('../fonts/VNF-Lobster.eot?#iefix') format('embedded-opentype'),  url('../fonts/VNF-Lobster.woff') format('woff'), url('../fonts/VNF-Lobster.ttf')  format('truetype'), url('../fonts/VNF-Lobster.svg#VNF-Lobster') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Regular';
  src:  url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  
      url('../fonts/MyriadPro-Regular.otf')  format('opentype'),
      url('../fonts/MyriadPro-Regular.woff') format('woff'), 
      url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), 
      url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{margin: 0;padding: 0; font-family: 'MyriadPro-Regular'}
.container{width: 980px; margin: auto}
header{padding-top:10px;}
.logo{float: left}
.hotlines{float: right}
.hotlines ul li{list-style: none}
.hotlines ul li:first-child{margin-bottom: 50px}
.hotlines ul li:last-child{float: right}
.hotline{background-color: #39b54a; padding: 5px 10px; border-radius: 5px; color: #fff}
.nav{height: 32px; background-color: #39b54a; clear: both;}
.nav .menu{float: right}
.menu li{float: left; list-style: none; line-height: 2; padding: 0 15px}
.menu li:hover{background-color: #75cb81; height: 100%}
.menu .active{background-color: #75cb81; height: 100%}
.menu li a{color: #fff; font-size: 15px; text-decoration: none;font-family: 'VNF-Lobster';}
.banner .item img{display: block;width: 100%;height: 350px;}
.banner .item{height: 350px}
.owl-theme .owl-controls .owl-buttons div {position: absolute;}
.owl-theme .owl-controls .owl-buttons .owl-next{background: url('../images/next.png') no-repeat center !important;height: 32px;width: 32px;right: 0px; top: 150px}
.owl-theme .owl-controls .owl-buttons .owl-prev{background: url('../images/prev.png') no-repeat center !important;height: 32px;width: 32px;left: 0px; top: 150px}
.caption{position: absolute; background-color: rgba(0,0,0,0.5); top:100px; left: 30%; color: #fff; padding: 20px; border-radius:15px;line-height: 2; text-align: center;}
.caption h3{text-transform: uppercase;}
.outstanding{background-image: url(../images/outstanding_bg.png); background-size: 100% auto; margin-top: -10px; float: left;width: 100%;clear: both}
.outstanding h3{color: #39b54a; text-align: center; font-size: 24px; text-transform: uppercase; margin-top: 30px}
.outstanding .col-md-4{width: 33.33333333%; float: left;position: relative;min-height: 1px; margin-top: 50px}
.outstanding .col-md-4 .circle{background-color: #39b54a; width: 120px; height: 120px; border-radius: 50%; margin-left: 35%}
.outstanding .col-md-4 .circle a{color: #fff; text-decoration: none; text-transform: uppercase; clear: both;position: absolute;top: 45px;font-weight: bold;left: 146px; font-size: 26px}
.outstanding .col-md-4:nth-child(3n-1) a{margin-left:-10px}
.outstanding .col-md-4:nth-child(3n) a{margin-left:-10px}
.outstanding .col-md-4:nth-child(3n+1) a{margin-left:5px}
.wp-color{background-color: rgba(255,255,255,0.95);   float: left;width: 100%; padding-bottom: 20px}
.info{background-image: url(../images/banner_info.png);  background-repeat: no-repeat; background-size: 100% auto ; ;padding-bottom: 45px; float: left;width: 100%;clear: both}
.box-info{width: 400px; height: auto; background-color: rgba(255,255,255,0.8); margin-top: 45px; padding: 20px; border-radius: 10px;  clear: both;float: right;margin-right: 50px}
.readmore{background-color: #39b54a; padding: 5px 10px; width: 75px; float: right}
.readmore a{color: #fff; text-decoration: none}
.last-product{background-image: url(../images/outstanding_bg.png); background-size: 100% auto; width: 100%;float: left;clear: both}
.last-product h2{color: #39b54a; text-align: center; font-size: 24px; text-transform: uppercase; margin-top: 10px}
.wp-producthome{background-color: rgba(255,255,255,0.95); padding-top: 10px;  width: 100%; float: left;padding-bottom: 20px;}
.last-product .item{width: 19%; margin-right: 1.25%; float: left}
.last-product .item:last-child{margin-right: 0}
.last-product .item img{max-width: 100%;height: auto;}
.last-product .item a{color: #39b54a; text-transform: uppercase;font-size: 18px; text-decoration: none}
.last-product .item p{color: #414042}
.wp-news{margin: 25px; float: left;}
.nav-title{border-bottom:2px solid #39b54a;width: 100%;padding-bottom: 2px;margin-bottom: 50px}
.nav-title span{color: #fff; font-size: 18px; padding: 5px 15px; background-color: #39b54a; text-transform: uppercase;}
.news{width: 100%; clear: both; float: left}
.related-news{float: left; width: 30%; margin-right: 5%}
.lastnews{float: left; width: 65%}
.lastnews h1{color: #29a53a; font-size: 22px; text-align: center; margin-bottom: 15px}
.lastnews .wp-content{color: #58595b}
.lastnews .wp-content img{max-width: 100%; height: auto}
.related-news ul li{list-style: none; margin-bottom: 10px}
.related-news ul li a{color: #29a53a; text-decoration: none; line-height: 1}

.wp-product{width:100%;float: left; margin-top: 25px; margin-bottom: 25px}
.wp-product .nav-tit{padding-bottom: 2px;float: left}
.wp-product .nav-tit a{text-decoration: none;color: #fff;}
.wp-product .nav-tit span{ font-size: 18px; padding: 5px 15px;text-transform: uppercase}
.wp-product .nav-tit .active{color: #CFE030 !important}
.wp-product .bordertit{border-top:2px solid #39b54a; clear: both;margin-bottom: 50px;}
.product{clear: both; float: left;width: 100%}
.product .item{width: 23.5%; margin-right: 2%;float: left; margin-bottom: 15px}
.product .item:nth-child(4n+4){margin-right: 0}
.product .item img{max-width: 100%;height: auto;}
.product .item a{color: #39b54a; text-transform: uppercase;font-size: 18px; text-decoration: none}
.product .item p{color: #414042}
.wp-product .detail-content{width: 100%; clear: both; float: left;}
.wp-product .detail-content .thumbnail{width: 390px; float: left;}
.wp-product .detail-content .content{width: 50%; float: left;margin-left: 10%}
#bigPic{border:1px solid #aeb0b3; width: 389px; height: 390px}
#thumbs{border:1px solid #aeb0b3; height: 129px;width: 389px}
#thumbs li {float: left;width: 127px;height: 127px;margin:1px;cursor: pointer;list-style: none;}.contact .box-intro{margin-left: 90px}
.paginate{clear: both; margin: auto;width: 100%; float: left; margin-top: 20px}
.pagination{margin-left: 40%;}
.pagination li{float: left; list-style: none; background-color: #39b54a; padding: 10px; margin-right: 5px}
.pagination li a{text-decoration: none; color: #fff}
.pagination .disabled,.active{color:#CFE030;}
.detail-content .content h1{color: #39b54a; text-transform: uppercase;}
.detail-content .content .ct{color: #959595}
.product-detail{margin-top: 25px;width: 100%; float: left;}
.product-detail h3{color: #5c5d5c; text-transform: uppercase;margin-bottom: 15px}
.product-detail table{width: 100%; border:1px solid #707070;border-collapse: collapse;}
.product-detail table th,td{border:1px solid #707070; color: #959595; padding: 5px 15px;width: 33.3333333%}
.introduction{background-image: url(../images/introduction_bg.jpg); background-size: 100% auto; width: 100%;float: left;clear: both}
.box-intro{background-color: rgba(255,255,255,0.9); border-radius: 10px;float: left;  padding: 20px; margin: 30px; color: #414042; line-height: 2}
.contact{background-image: url(../images/contact_bg.png); background-size: 100% auto; width: 100%;float: left;clear: both}
.contact .address{width: 40%; float: left;color: #58595b}
.contact .address p{line-height: 1.5}
.contact .contactform{width: 58%; float: left; margin-left: 2%}
.contact h2{font-size: 22px; text-transform: uppercase;color: #58595b; margin-bottom: 15px}
.contact .contactform input,textarea{width: 98%; border-radius: 5px; border: 1px solid  #666865; padding: 5px; margin-bottom: 10px}
.contact .contactform button{float: right; border:none; padding: 5px 15px; background-color: #5abf68; color: #fff; text-transform: uppercase; border-radius: 5px}
footer{background-color: #39b54a; width: 100%; float: left; clear: both; text-align: center; color: #fff; padding-top: 10px; padding-bottom: 5px}
footer h2{font-size: 26px; text-decoration: underline;}
footer p{line-height: 1.5}
footer a{color: #CFE030; text-decoration: none}
.copyright{background-color: #292d33; line-height: 2; color: #fff; text-align: center; width: 100%; float: left; clear: both}