@charset "utf-8";
/* CSS Document */
body{ font:12px/1.5 "Verdana", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; line-height:1.8em; color:#434343; background-color: #fff;}
img{border: none; max-width: 100%; height: auto;}
a{ transition:all 0.3s ease; outline:none;}
#top{background: #3c984c url("../images/topbg.png") no-repeat center center; padding: 1.4% 0;}
#top .mail{color: #fff; font-size: 20px; margin-top: 2.6%; display: inline-block;}
#top a:hover.mail{color:#fed52f; text-decoration: none;}
@media (max-width:767px) {
#top {text-align: center;}
.min-center{max-width: 420px; margin:0 auto; }
}
#nav{background: #444; color: #fff;}
#nav ul li.active a,#nav ul li a:hover{background:#555;color:#FFD600;text-decoration:none;}
@media (min-width:768px) {
  .txt-right{text-align: right;}
#nav{background: #444 url("../images/page_tile_0.png") repeat scroll left top;}
#nav ul li.active a,#nav ul li a:hover,#nav ul li.sfhover a{background:#555 url(../images/page_tile_0.png) left top;}
#nav ul li::after{height: 24px; width: 1px; background: #262626; content: ""; position: absolute; right: 0; top: 50%; margin-top: -12px;}
#nav ul li:last-child::after,#nav ul>li>ul>li:after{background: none;}
#nav ul>li>ul>li>a{background:#fff !important; color: #333  !important; }
#nav ul>li>ul>li>a:hover{background:#009844 !important; color: #fff !important; }
#cssmenu > ul > li > a{font-size: 16px;}
}
#nav ul>li>ul>li>a:hover{color: #fff;}
#nav ul>li>ul{width: 100%;}
#nav ul>li>ul>li>a{text-transform: capitalize;}
@media (max-width:767px) {
  #nav ul>li>ul>li>a{color: #fff;}
#cssmenu > ul > li > a{padding-left: 15px; padding-right: 15px;}
}
@media (min-width:768px) and (max-width:991px) {
#cssmenu > ul > li > a{font-size: 15px; padding-left: 20px; padding-right: 20px;}
}
@media (min-width:992px) and (max-width:1199px) {
#cssmenu > ul > li > a{padding-left:32px; padding-right:32px;}
}
#main{background: url(../images/bg.png) repeat; padding-bottom: 20px;}
#main .flexslider{position: relative; margin-bottom: 2.6%; z-index: 1; margin-top: 20px; }
/*#main .flexslider:after{content:"";position:absolute; z-index:-1;box-shadow:0 0 20px rgba(0,0,0,0.9);top:50%;bottom:1px;left:20px;right:20px;border-radius:100% / 20%;} */
#main .ourpro{background: #fff; padding: 20px 20px 30px;}
#main .ourpro h1{ font-size: 24px;text-align: center; color: #000; padding: 0; font-weight: bold; padding: 0; margin: 15px 0 25px;}
#main .ourpro .ourbox{padding:3px; background: #efefef; display: block; text-align: center; color: #474747; text-decoration: none;}
#main .ourpro a:hover.ourbox{background: #00923F; color: #fff;}
#main .ourpro a:hover .box-img::before { opacity: 1;}
#main .ourpro .box-img::before {color:#00923F;z-index: 3;content:"\f0c1";font-family: "FontAwesome";font-size: 4rem;left: 50%; opacity: 0;position: absolute;top: 50%;transform: translate(-50%, -50%);transition: all 0.3s ease 0s;}
#main .ourpro .box-img::after{ opacity: 0;transition: all 0.3s ease 0s;content: ""; background: rgba(0,0,0,0.5); position: absolute;  width: 100%; height: 100%; top: 0; left: 0; display: block;}
#main .ourpro a:hover .box-img::after{opacity: 1;}
#main .ourpro .box-img{ overflow: hidden;display: block; position: relative;}
#main .ourpro .box-img img{ transition:all 0.3s ease;}
#main .ourpro a:hover .box-img img{ transform: scale(1.2); }
#main .ourpro span.title{padding: 5px 0; display: block;}
#main .index-table{background: #fff;padding: 20px; margin-top: 20px; }
#main .index-table table{border:1px solid #ddd; margin-bottom: 0;}
#main .index-table table td{border-color: #ddd; padding: 3px 10px; color: #333; vertical-align: middle;}
#main .index-table table .tbleft{color: #34a648; font-weight: bold;}
#footer{background:#414141; border-top: 5px solid #363636; color: #c8c7c7; padding: 1.5% 0 1.1%; text-align: center;}
#footer a{color:#c8c7c7; text-transform: uppercase; font-size: 12px; padding: 0 0.8%;}
#footer .copyright{margin-top: 3px; font-size: 11px;}
@media (max-width:767px) {
#main .ourpro .ourbox{margin-bottom: 20px;}
}
#main .content{background: #fff; padding:15px; margin-top: 20px; border-radius: 5px;}
#main .content h1{ color: #212121; font-size: 22px; font-weight: bold; text-transform: capitalize; margin: 0; border-bottom: 1px solid #E5E5E5; padding: 13px 0;}
#main .content .crumb{color: #aaa; text-transform: uppercase; font-size: 12px; margin-top: 10px;}
#main .content .crumb a{color: #aaa;}
#main .content .bloglist{padding-top: 20px; padding-bottom: 20px;}
#main .content .bloglist .title{color: #474747; font-size: 18px;}
#main .content .bloglist a:hover.title{color: #00923f; text-decoration: none;}
#main .content .bloglist  p{margin-top: 6px; color: #999898; line-height: 22px; margin-bottom: 20px;}
#main .content .bloglist a.more{border:1px solid #319743; border-radius: 20px; display: inline-block; padding: 5px 15px; color: #319743; float: right;}
#main .content .bloglist a:hover.more{background:#319743; color: #fff; text-decoration: none; }
@media (min-width:768px) {
  #main .content .bloglist{padding-left: 10px; padding-right: 10px;}
}
@media (max-width:767px) {
  #main .content .bloglist{text-align: center;}
  #main .content .bloglist a.more{ float: none; }
}
#main .content .rbtit{background: #3c984c url("../images/topbg.png") no-repeat;border-radius: 5px;color: #fff;font-size: 16px;margin-bottom: 15px;text-align: center; padding: 10px 0;}
#main .content .flexslider{text-align: center; text-transform: capitalize; margin-bottom: 20px;}
#main .content .flexslider img{margin-bottom: 5px;}
#main .content .flex-direction-nav a::before{font-size: 40px; color: #fff;}
#main .content .sidebar ul.related{margin: 0 0 20px; padding: 0; list-style: none;}
#main .content .sidebar ul.related li{ padding:5px 0 5px 15px; line-height: 20px; }
#main .content .sidebar ul.related li::before{position: absolute;font-family: FontAwesome; content:"\f0da"; font-size: 16px; line-height: 20px; margin-left: -15px; margin-top: 4px; color: #DBDBDB;}
#main .content .sidebar ul.related li a{color: #797979;}
#main .content .mailtit{background: #444; color: #ffd600; font-size: 20px; text-align: center; border-radius: 5px 5px 0 0; padding: 12px 0; font-weight: bold;}
#main .content .mailbody{background: #f0f0f0; padding: 15px 20px;}
#main .content .mailbody label{color: #999; font-weight: normal;}
#main .content .mailbody .form-control{border-color: #dfdddd;}
#main .content .mailbody .form-group{margin-bottom: 10px;}
#main .content .mailbody .sbtn{color: #fff;cursor: pointer;display: block;font-size: 13px; height: 40px;line-height: 40px;margin: 0 auto;width: 60%; background-color: #45b058;border:none; border-bottom:4px solid #319743; border-radius: 5px;}
#main .content .mailbody .tips{font-size:11px; color:#999; margin-bottom: 15px;}
#main .content .mailbody .tips span{color: red;}
#main .content .body ul,#main .content table ul{ list-style: none; margin-left: -15px; }
#main .content .body ul li,#main .content table ul li{ padding:5px 0 5px 15px; line-height: 20px; }
#main .content .body ul li::before,#main .content table ul li::before{position: absolute;font-family: FontAwesome; content:"\f0da"; font-size: 14px; line-height: 20px; margin-left: -15px; margin-top: 2px; color: #A6E056;}
#main .content .body ul li a,#main .content table ul li a{color: #797979;}
#main .content .support {text-align: center; margin: 20px 0 0;}
#main .content .support .col-sm-6{padding: 0;}
#main .content .support i{color: #34A648; font-size: 60px;}
#main .content .support .title{font-size: 18px; color: #34a648; font-weight: bold; margin-top: 15px; margin-bottom: 15px;}
#main .content .support .listbox{padding: 9.6% 13.5%;}
#main .content .support .listbox p{color: #999898; font-size: 12px; line-height: 18px;}
#main .content .support .listbox:hover{background: #34a648; color: #fff;}
#main .content .support .listbox a{color:#34a648; text-decoration: underline; }
#main .content .support .listbox:hover i,#main .content .support .listbox:hover .title,#main .content .support .listbox:hover a,#main .content .support .listbox:hover p{color: #fff;}
/*contact*/
#main .content .contact-tit{ color:#45b058; font-size: 20px; font-weight: bold; text-transform: capitalize;margin-bottom: 20px; border-bottom: 1px solid #E5E5E5; padding: 13px 0;}
#main .content .c-mail i{color: #7F7F7F; padding-right:5px;}
#main .content .c-mail a{color: #666666; text-decoration: underline;}
#main .content .c-mail a:hover{color: #45b058;}
#main .content .addtit{color: #45b058; font-size: 14px; font-weight: bold; margin-top:10px; margin-bottom: 5px;  }
#main .content .martop{margin-top: 20px;}
#main .content table.contable{border:1px solid #eaeced; font-size: 12px; text-align: center; margin-bottom: 15px; margin-top: 15px;  border-bottom: 3px solid #eaeced;}
#main .content table.contable td{border-color:#e0e1e2; background: #f6f6f6; color: #555;}
#main .content table.contable thead {border-bottom: 3px solid #258736;}
#main .content table.contable thead td{background: #34a648;  color: #fff;border-color: #2e863d;}
#main .content table.contable tbody td:hover{background: #ebeaea;}
#main .img404{text-align: center;}
#main .found { border-bottom: 1px #ddd dotted;border-top: 1px #ddd dotted; color: #666666; line-height: 20px; font-size: 14px; padding-top: 15px; padding-bottom: 20px; margin-bottom: 25px; text-align: center; }
#main .found .looking { font-weight: bold; font-size: 20px; line-height: 45px; color: #666; }
#main .choose .title{  font-weight: bold; font-size: 14px; margin-bottom: 20px; text-align: Center;}
#main .choose ul { list-style: none; margin: 0; padding: 0; }
#main .choose ul li { margin: 5px 0; }
#main .choose ul li a {margin: 0 auto; background-color: #45b058; border-bottom: 3px solid #319743; width: 265px; height: 32px; text-align: center; display: block; color: #fff; line-height: 32px; text-decoration: none; text-transform: capitalize; }
#main .choose ul li a:hover { background-color: #319743; }
#gotop{ position: fixed;right:0; width:50px; z-index: 1;}
.cd-top {
  height: 40px; line-height: 40px;
  width: 50px;
  background:#474747 url(../images/cd-top-arrow.svg) no-repeat center center;
  overflow: hidden; color:#fff; text-align:center;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  display: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor:pointer; text-indent: 99999px;
}
#gotop .b-live{  background:#42a466; display:block; color:#fff; height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 28px; text-decoration:none; outline:none;}
#gotop .b-live a{ color: #fff; text-decoration: none; outline: none;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1; display: block;}
.live800{bottom: 0; position: fixed; right: 2px;}
@media (max-width:767px){
.live800{display: none;}
#gotop{ bottom: 0; }
}
@media (min-width:768px){
#gotop{top: 50%; margin-top: -25px;}
}
#main .aboutce{ text-align: center; margin-left: -10px; margin-right: -10px; }
#main .aboutce img{display: block; margin: 0 auto;}
#main .aboutce .celist{width: 33.33333333%; float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 10px;}
@media (min-width:564px) {
#main .aboutce .celist{width: 20%; }
}
.c-mail{margin:6px 0;font-size:14px}