@charset "utf-8";
/* CSS Document */
body{ font:14px/1.5 Arial, Helvetica, sans-serif; line-height:1.8em; color:#505050; background: #fff;}
img{ border:none; max-width: 100%; height: auto;}
a{ transition:all 0.3s ease; outline:none; text-decoration: underline; color: #505050;}
a:hover{text-decoration: none;color: #505050;}
.main{background: #fff; }
/*.title{font-family: Lucida Bright;}*/
header{background: #3e3e3e; padding: 2.4% 0;}
header .logo{ display: block;}
header .logo img{width: 128px;}
header a{color: #fff;}
.nav-brand{ display:none;} 
header .sf-menu,header .sf-menu ul{ list-style: none; margin: 0; padding: 0;}
header .sf-menu>li{float: left; text-transform: uppercase;font-size: 14px; margin:0 1px;}
header .sf-menu li a{color: #fff;  text-decoration: none;display: inline-block; padding:10px 24px;}
header .sf-menu li a:hover,header .sf-menu>li.sfhover>a,header .sf-menu>li.active>a{color: #3eb37d;}
header .mailbtn{background: #41a653; color: #fff; font-weight: bold; display: inline-block; padding:3px 15px; border-radius: 5px; float: left; margin-top:7px; text-decoration: none;}
@media (max-width: 767px) {
header{margin-left: -15px; margin-right: -15px;}
nav{display: none;}
header .logo{text-align: center;}
.banner{margin-left: -15px; margin-right: -15px;}
}
@media (min-width: 768px) and (max-width: 991px) {
header .sf-menu>li{ font-size: 14px; }
header .sf-menu li a{ padding-left: 9px; padding-right: 9px; }
header .mailbtn{ display: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
 header .sf-menu li a{padding-left: 13px; padding-right: 13px; }
}
@media (min-width: 768px){
  body{background: #383838; }
.main{box-shadow: 0 0 10px #000;}
header .logo{ padding-left: 18.6%;}
}
.navbar-toggle{ position: fixed; color: #fff; right: 10px; top: 5px; margin: 0; font-size: 22px; z-index:3; }
.navbar-toggle span{background-color: #fff;}
.rd-mobilemenu_submenu li{ text-transform: capitalize; }
.rd-mobilemenu_ul i{ display: none; }
.bm-panel{
  visibility:hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 99998;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  width: 100%;
}
.bm-panel.active {
  visibility: visible;
}
.custom{padding: 0 3.6%;}
@media (max-width: 767px) {
  .min-center{max-width: 421px; margin: 0 auto;}
  .custom{ padding-left: 0; padding-right: 0; }
}

/*start zt-cont-1*/
.zt-cont-1{padding: 5.2% 0;}
.zt-cont-1 .mat-icon{ font-family: 'Lucida Bright';   font-size: 194px; }
.zt-cont-1 .title{font-size: 30px;  color: #393939; margin-bottom: 4.3%; line-height: 32px; font-weight: bold;}
.zt-cont-1 p{color: #818181;}
.zt-cont-1 ul{margin-top: 2.1%; list-style: none; padding-left: 2.8%;}
.zt-cont-1 ul li{position: relative; padding-left: 20px;}
.zt-cont-1 ul li::before{content:"\f111"; font-family: FontAwesome; color: #45b058; font-size: 10px; margin-right: 5px; position: absolute; margin-left: -20px; }
@media (max-width: 991px){
.zt-cont-1 .mat-img{margin-left: -5px; margin-right: -5px; margin-bottom: 10px;}
.zt-cont-1 .mat-img .col-xs-6{ padding-left:5px; padding-right: 5px; }
}
@media (min-width: 992px){
.zt-cont-1 .mat-img{ margin-bottom: 30px; }
}
@media (max-width: 436px){
.zt-cont-1 .title{font-size: 28px; }
}
@media (min-width: 768px) {
.zt-cont-1{padding: 5.2% 3.6%;}
}
/*start zt-cont-2*/
.zt-cont-2{ background:#3e3e3e;  text-align: center; padding: 6.8% 0 5.2%; color: #45b058; text-align: center;}
.zt-cont-2 .title{color: #45b058; font-size: 34px; margin-bottom: 3.6%; font-weight: bold; line-height: 32px;}
.zt-cont-2 p{color: #cccbcb; margin-bottom: 4.8%;}
.zt-cont-2 img{margin-bottom: 15px;}
@media (max-width: 767px) {
  .zt-cont-2{ margin-left: -15px; margin-right: -15px; padding-left: 5.6%; padding-right: 5.6%;}
  .zt-cont-2 .col-xs-6{margin-bottom: 25px;}
}
@media (min-width: 768px) {
.zt-cont-2{background:#3e3e3e url(../images/mat-bg.jpg) no-repeat; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .zt-cont-2{ padding-left: 15px; padding-right: 15px; }
}
/*start zt-cont-3*/
.zt-cont-3 .title{ padding: 5.5% 0 0 5.6%; font-size: 34px; color: #393939; margin-bottom: 20px; line-height: 32px; font-weight: bold;}
.zt-cont-3 .mat-des{padding: 1.8% 0 6.2%;}
.zt-cont-3 .c-0{color: #393939;}
@media (min-width: 768px) {
  .zt-cont-3 .title{width: 66.6667%; }
  .zt-cont-3 .mat-des{background:#45b058; padding-left: 5.6%; padding-right: 5.6%;}
  .zt-cont-3 .c-f{color: #fff;}
  .zt-cont-3 .b-img{margin-top: -16.3%;text-align: right;}
  .zt-cont-3 .b-img{position: relative; }
.zt-cont-3 .b-img::after{width: 50%; border: 16px solid #69ff96; border-left: none; content: ""; position: absolute;height: 116%; left: 50%; top: -16px; box-shadow: 2px 2px 2px #3b954b;}
}
/*start zt-cont-4*/
.zt-cont-4{padding: 5.6% 0;}
.zt-cont-4 .title{ text-align: center; font-size: 32px; color: #393939; margin-bottom: 32px; line-height: 34px; font-weight: bold;}
.zt-cont-4 .m4border{margin: 0; border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.zt-cont-4 .m4border .col-sm-6{padding:1.8% 2.4%; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.zt-cont-4 .title2{font-size: 16px; color: #393939; font-weight: bold;}
.zt-cont-4 .desright{padding-left:55px; }
.zt-cont-4 .no{position: absolute; border: 2px solid #45b058; border-radius: 5px; width: 32px; height: 32px; color:#45b058; text-align: center; line-height: 32px; font-weight: bold; margin-top:5px; }
.zt-cont-4 p{line-height: 22px; color: #696868;}
@media (min-width: 768px) {
  .zt-cont-4{padding: 5.6% 3.6%;}
}
/*start zt-cont-5*/
.zt-cont-5{background:url(../images/mat-bg2.jpg) fixed no-repeat; background-size: cover; padding:6.6% 7.6% 5.6%;position: relative; color: #393939;}
.zt-cont-5 p{margin-bottom: 20px;}
.zt-cont-5 .title{border-bottom: 1px solid #767676; font-size: 36px; padding-bottom: 12px; margin-bottom: 10px; line-height: 36px;}
.zt-cont-5 .upper{text-transform: uppercase;}
.zt-cont-5 ul{margin: 10px 0 10px; padding: 0; list-style: none;}
.zt-cont-5 ul li{background:#fff; margin-bottom: 5px; padding: 3px 15px; color: #696868;}
.zt-cont-5 em{font-weight: bold;color: #393939;}
.zt-cont-5 .btn{border: 1px solid #6c6c6c; border-radius: 5px; font-size: 18px; padding: 12px 26px; color: #393939; font-weight: bold; box-shadow: 3px 3px 0 #595656;}
@media (max-width: 1199px) {
.zt-cont-5 .title{ font-size: 24px;line-height: 24px; }
}
@media (min-width: 992px) {
.zt-cont-5::before{width: 96%; height: 94%; border: 1px solid #767676; content: ""; position: absolute; left: 2%; top: 3%;}
}
/*start zt-cont-6*/
.zt-cont-6{padding: 5.6% 0; text-align: center;}
.zt-cont-6 .des-1,.zt-cont-6 .des-2{padding:0 5.2%;}
.zt-cont-6 .des-1 .title,.zt-cont-6 .des-2 .title{color: #45b058; font-size: 30px; font-weight: bold; margin-bottom: 20px;}
.zt-cont-6 .des-2 .title{color: #b6a1cd;}
.zt-cont-6 p{color: #5f5f5f; line-height: 25px;}
.zt-cont-6 ul{list-style: none; margin: 0; padding: 0;}
.zt-cont-6 .des-1 ul li,.zt-cont-6 .des-2 ul li{ border: 1px solid #45b058; padding: 11px 10px; line-height: 18px; margin-bottom: 7px; border-radius: 5px; text-align: left;}
.zt-cont-6 .des-2 ul li{ border: 1px solid #b6a1cd;}
.zt-cont-6 .des-1 i,.zt-cont-6 .des-2 i{color:#45b058; padding-right: 7px; }
.zt-cont-6 .des-2 i{color:#b6a1cd; }
.zt-cont-6 .icon{width: 38px; height: 38px; border-radius: 50%; background:#45b058; margin:30px auto; text-align: center; line-height: 38px;}
.zt-cont-6 .des-1 .icon i,.zt-cont-6 .des-2 .icon i{color: #fff; font-size: 20px; padding-right: 0;}
.zt-cont-6 .des-1 .icon::before,.zt-cont-6 .des-1 .icon::after,.zt-cont-6 .des-2 .icon::before,.zt-cont-6 .des-2 .icon::after{width: 30%; height: 1px; background:#45b058; content: ""; position: absolute; margin-top: 19px; }
.zt-cont-6 .des-1 .icon::after,.zt-cont-6 .des-2 .icon::after{right:12.6%;}
.zt-cont-6 .des-1 .icon::before,.zt-cont-6 .des-2 .icon::before{left:12.6%;}
.zt-cont-6 .des-2 .icon::before,.zt-cont-6 .des-2 .icon::after{background:#b6a1cd; }
.des-2 .icon{background:#b6a1cd; }
@media (max-width: 991px) {
.des-2{ margin-top: 30px; }
}
@media (min-width: 768px) {
  .zt-cont-6{padding: 5.6% 4.6%;}
}
/*start zt-cont-7*/
.zt-cont-7{background:url(../images/mat-bg3.jpg) repeat; padding: 5.6% 0;}
.zt-cont-7 .title{font-size: 32px; color: #393939; margin-bottom: 15px;}
.zt-cont-7 .title span{color: #45b058;}
.zt-cont-7 .no2{text-align: right; padding-right: 5.3%;}
.zt-cont-7 .no4{padding-left: 4.2%;}
.zt-cont-7 .des-1{padding-right:8.3%; margin-bottom: 20px;}
.zt-cont-7 .des-2{padding-right: 2.3%; margin-top: 10px; margin-bottom: 26px;}
.zt-cont-7 .des-3 {position: relative; margin-top: 20px;}
.zt-cont-7 .des-5{ margin-top: 20px;}
.zt-cont-7 .des-4{ margin-bottom: 20px;}
.zt-cont-7 .getprice{border: 1px solid #41a653; border-radius: 5px; padding:20px 15px 15px; margin-top: 40px; box-shadow: 4px 4px 0 #41a653;}
.zt-cont-7 .get-tit{font-size: 24px; color: #393939; margin-bottom: 10px;}
.zt-cont-7 .getprice p{line-height: 18px; font-size: 12px; font-weight: bold; margin-bottom: 17px;}
.zt-cont-7 .btn{background:#41a653; color: #fff; font-size: 20px; width: 100%; text-align: center; }
@media (min-width: 768px) {
.zt-cont-7{padding: 5.6% 4.6%;}
.zt-cont-7 .des-2{padding-left:8.3%; }
.zt-cont-7 .des-4{padding-left: 8.2%;}
.zt-cont-7 .des-5{padding-left: 18.2%;}
.zt-cont-7 .getprice{margin-left: 18.2%;}
}
@media (max-width: 767px) {
.zt-cont-7 .list2{margin-top: 30px;}
}
@media (min-width: 560px) {
.zt-cont-7 .des-3 p{ position: absolute; padding-left: 143px;top: 0; }
}
/*start zt-cont-8*/
.zt-cont-8{padding: 5.6% 0;}
.zt-cont-8 .title{font-size: 32px; text-align: center; color: #393939; margin-bottom: 20px; line-height: 32px;}
.zt-cont-8 .titledes{text-align: center;; width: 80%; margin-left: auto; margin-right: auto; color: #818181; margin-bottom: 5.5%;}
.zt-cont-8 .title2{font-size: 18px; color: #393939; margin-bottom: 10px;}
.zt-cont-8 .row2{margin-top: 6.6%;}
@media (min-width: 768px) {
  .zt-cont-8{ padding-left: 6.6%; padding-right: 6.6%; }
  .zt-cont-8 .right{float: right;}
  .zt-cont-8 .txt-right{text-align: right;}
}
/*start zt-cont-9*/
.zt-cont-9{ background: #45b058; color: #fff; line-height: 22px; }
.zt-cont-9 .row{margin-left: 0;margin-right: 0;}
.zt-cont-9 .col-md-3{padding-left: 0; padding-right: 0;}
.zt-cont-9 .desc{padding: 12.6% 15.6% 0;}
.zt-cont-9 .desc .title{font-size: 18px; line-height: 20px; margin-bottom: 10px;}
@media (min-width: 992px) and (max-width: 1199px) {
.zt-cont-9 .desc .title{ font-size: 16px; }
.zt-cont-9 .desc{ padding: 8.6%; }
}
@media (max-width: 991px){
.zt-cont-9{text-align: center; padding: 20px 0;}
.zt-cont-9 .desc{ padding: 15px 0; }
}
@media (max-width: 767px){
.zt-cont-9{ margin-left: -15px; margin-right: -15px; padding: 15px; }
}
/*start zt-cont-10*/
.zt-cont-10{ padding: 6.6% 7.6% 4.6%;}
.zt-cont-10 .title{font-size: 20px; color: #383838; margin-bottom: 15px; font-weight: bold;}
@media (max-width: 767px){
 .zt-cont-10{ padding-left: 0px; padding-right: 0px; } 
 .zt-cont-10 .des1{margin-bottom: 20px;}
}
@media (min-width: 768px){
.zt-cont-10 .des1{padding-right: 3.6%;}
.zt-cont-10 .des2{padding-left: 3.6%;}
}
/*start zt-cont-11*/
.zt-cont-11{background: #242424; padding: 5.6% 7.6%; color: #9b9a9a; position: relative; }
.zt-cont-11 .title{font-size: 51px; color: #fff; margin-top: 12.3%; margin-bottom: 5.6%;}
.zt-cont-11 p{padding-top: 6.6%;}
.zt-cont-11 p::before{width: 80px; height: 3px; background: #45b058; content: ""; position: absolute; margin-top:-5.3%;}
@media (min-width: 992px) and (max-width: 1199px) {
  .zt-cont-11 .title{ font-size: 34px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .zt-cont-11 .title{ font-size: 24px; }
}
@media (min-width: 768px) {
 .zt-cont-11::before{width: 50%; height: 60%; border: 1px solid #45b058; content: ""; position: absolute; right: 15%; top: 21%;} 
 .zt-cont-11 .title{margin-left: -23%;}
}
@media (max-width: 767px) {
 .zt-cont-11{margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}
.zt-cont-11 .title{font-size: 24px;}
}
/*start zt-cont-12*/
.zt-cont-12{ padding: 5.6% 7.6% 3.6%;}
.zt-cont-12 .title{ font-size: 20px; color: #383838; font-weight: bold; margin-bottom: 20px; }
.zt-cont-12 img{margin-bottom: 6px;}
@media (max-width: 767px) {
.zt-cont-12{ padding-left: 0; padding-right: 0; }
.zt-cont-12 .col-sm-6{text-align: center; margin-bottom: 10px;}
}
/*start zt-cont-13*/
.zt-cont-13{background: url(../images/mat-bg4.jpg) no-repeat; padding: 5.6% 8.6%;}
.zt-cont-13 .title{color: #45b058; font-size: 24px; text-align: center; margin-bottom: 20px;}
.zt-cont-13 p{color: #fff; text-align: center; margin-bottom: 6.6%;}
.zt-cont-13 .desc{background: #fff; padding: 20px;}
.zt-cont-13 .title2{ font-weight: bold; color: #352718; margin-bottom: 15px; }
@media (min-width: 992px){
  .zt-cont-13 .desc{ width: 70%;}
  .zt-cont-13 .right{float: right;}
}
@media (max-width: 767px) {
  .zt-cont-13{margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}
  .zt-cont-13 .right{ margin-bottom: 10px; }
}
/*start zt-cont-14*/
.zt-cont-14{background:#eaeaea;padding: 5.6% 6.6%;}
.zt-cont-14 .title{color: #383838; font-size: 24px; text-align: center; margin-bottom: 5.6%;}
.zt-cont-14  span {display: block;line-height: 18px;padding: 9px 0;}
.zt-cont-14 .diyrow{margin-left: -7px; margin-right: -7px; }
.zt-cont-14 .diyrow .col-xs-6, .zt-cont-14 .diyrow .col-lg-4{padding-right: 7px; padding-left: 7px;}
@media (max-width: 767px) {
 .zt-cont-14 {margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}
}
/*start zt-cont-15*/
.zt-cont-15{padding: 5.6% 6.6%; text-align: center;}
.zt-cont-15 .no{width: 32px;height: 32px; border: 2px solid #45b058; color:#45b058; font-weight: bold; border-radius: 6px; margin-left: auto; margin-right: auto; line-height: 32px; text-align: center;}
.zt-cont-15 .title{font-weight: bold; color: #393939; margin-top: 13px; line-height: 18px;}
.zt-cont-15 p{ font-size: 12px; line-height: 18px; color: #696868; margin-top: 4px; }
.zt-cont-15 .desc .col-xs-6{padding: 4.3%; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.zt-cont-15 .desc .col-xs-6:nth-child(2),.zt-cont-15 .desc .col-xs-6:nth-child(4){border-right: none;}
.zt-cont-15 .desc .col-xs-6:nth-child(3),.zt-cont-15 .desc .col-xs-6:nth-child(4){border-bottom: none;}
/*start zt-cont-16*/
.zt-cont-16{ background: #45b058; padding: 40px 5.6%; color: #fff;}
.zt-cont-16 .title{font-size: 22px; text-transform: uppercase; margin-bottom: 8px; font-weight: bold;}
@media (max-width: 767px) {
 .zt-cont-15 ,.zt-cont-16{margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;}
 .zt-cont-16{text-align: center;}
 .zt-cont-16 img{margin-bottom: 15px;}
}
/*start zt-cont-17*/
.zt-cont-17{ padding: 5.6% 6.6%; }
.zt-cont-17 .title{ font-size: 32px; text-align: center; color: #393939; margin-bottom: 20px; }
.zt-cont-17 p{text-align: center; color: #818181; width: 80%; margin-left: auto; margin-right: auto; line-height: 20px; margin-bottom:4.6%;}
.zt-cont-17 .title2{font-size: 18px; color: #383838; margin: 15px 0 5px;}
@media (max-width: 767px) {
.zt-cont-17{ padding-left: 0; padding-right: 0; }  
.zt-cont-17 .col-sm-4{margin-bottom: 30px; text-align: center;}
}
/*start zt-cont-18*/
.zt-cont-18{background: #f3f3f3; padding: 3.3% 4.6%; text-align: center;}
.zt-cont-18 .title{font-size: 18px; color: #393939; font-weight: bold; border: 2px solid #eca800; padding:7.6% 3.3%; margin-bottom: 30px;}
.zt-cont-18 .icon{width: 103px; height: 103px; border: 4px solid #45b058; border-radius: 50%; color:#45b058; line-height: 103px; font-size: 36px; margin-left: auto; margin-right: auto; }
.zt-cont-18 .icon i{margin-left: 10px;}
.zt-cont-18 .title2{font-weight: bold; color: #575656; margin-top: 6px;}
.zt-cont-18 p{color: #818181; line-height: 20px;}
.zt-cont-18 .btn{background: #41a653; color: #fff; font-weight: bold; padding:10px 8.6%; box-shadow: 2px 2px 2px #666; text-decoration: none;}
.zt-cont-18 .col-md-3{margin:1.6% 0 1.6%;}
@media (max-width: 767px) {
  .zt-cont-18{padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px;}
}
/*start zt-cont-19*/
.zt-cont-19{background: #41a653; color: #fff;padding: 4.6% 6.6%; }
.zt-cont-19 .title{font-size: 24px; font-weight: bold; border-bottom: 1px solid #75d887; padding-bottom: 15px; margin-bottom: 2.3%;}
.zt-cont-19 ul{padding: 0; margin:2.3% 0 2.3% 15px;}
.zt-cont-19 ul strong{margin-left: -15px;}
/*start zt-cont-20*/
.zt-cont-20{background: #f4f4f4; padding: 4.6% 6.6%; text-align: center; }
.zt-cont-20 .title{font-size: 24px; color: #393939; margin-bottom:5px;}
.zt-cont-20 p{margin-top: 10px; color: #5f5f5f;}
.zt-cont-20 .title2{color: #a5a5a5; margin-bottom: 20px; overflow: hidden; display: inline-block;}
.zt-cont-20 .title2::before,.zt-cont-20 .title2::after{width: 200px; height: 1px; background: #dddddd; content: ""; position: absolute; margin-top: 15px;}
.zt-cont-20 .title2::before{margin-left: -230px; }
.zt-cont-20 .title2::after{ margin-left: 30px; }

/*start typetable*/
.typetable{padding:2.6% 6.6%; }
.typetable .title{ color: #15944a;font-size: 18px;font-weight: bold; margin-bottom: 10px; margin-top: 20px;}
.typetable table{ text-align: center; }
.typetable table th{background:#595757; color: #fff; text-align: center; padding: 12px 0; border-color: #838181;}
.typetable td { border-color: #d5d5d5;padding: 5px 0;}
@media (max-width: 767px) {
.zt-cont-20,.zt-cont-19,.typetable{padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px;}  
}

.mailtit{background: #45B058; color: #fff; text-align: center; font-size: 18px; padding: 8px 0; margin-top: 30px;}
.mailbody{max-width: 608px; margin: 0 auto;}
.mailbody p{ margin:20px 0; color: #909697; font-size: 12px; line-height: 20px;}
.mailbody p b{color: #767b7c; font-style: italic;}
.mailbody p span{color: #45B058; font-weight: bold; font-size: 14px;}
.mailbody label span{color: #3eb369;}
.mailbody .form-group{ margin-bottom:5px; border: none;}
.mailbody .form-control{background:#fff; color: #9e9e9e; font-size: 16px;  border: 1px solid #d5d5d5; box-shadow: none; border-radius: 0; font-size: 12px;}
.mailbody  input.form-control{   height:40px;}
.mailbody .mailbtn{ font-weight: bold; font-size: 16px; font-weight: normal;  background-color: #45B058; color: #fff; width: 147px; height: 38px; line-height: 38px; margin: 15px 10px 0 0; border: none; text-transform: uppercase;transition:all 0.3s ease;}
.mailbody .mailbtn:hover{ background:#3a3a3a; color: #fff;}
.mailbody .tips{color: #45B058; font-size: 12px;}
@media (max-width:565px) {
.mailbody .tips{ display: block; margin-top: 5px; }
}
/*start footer*/
.footer{border-bottom: 1px solid #626869; padding: 2.6% 15px 1.6%;color: #b3babc; background: #545c5e; margin-top: 3.3%;}
.footer ul{list-style: none; margin: 0; padding: 0;}
.footer ul li {padding-top: 2px; padding-bottom: 2px; text-transform: capitalize;}
.footer ul li a{color: #b3babc; text-decoration: none;}
.footer .typename{font-weight: bold; font-size: 16px; margin-bottom: 10px; margin-top: 20px; }
.footer .mail,.footer .mail a{color:#45B058; font-size: 16px;  }
.footer .adds{padding-left: 20px; line-height: 20px; font-size: 12px;font-weight: bold;margin-top: 13px;}
.footer .adds span{color: #fff; display: block; padding-bottom: 2px;}
.footer .adds::before{content:"\f041";font-family: "FontAwesome"; margin-left: -20px; position: absolute; }
.footer .adds a{color: #acacac}
.footer .contact {margin-bottom: 20px; padding-left: 3.3%;}
.footer .contact i{font-size: 30px; color: #b3babc; margin-right: 5px;margin-top: 15px;}
.footer .contact a:hover i{color:#45B058;}
.copyright{padding-bottom: 10px; padding-top: 10px; text-align: center; color: #b3babc; font-size: 12px; background: #545c5e;}
@media (min-width:992px){
.footer .contact i{ margin-top: 35px;}
}
@media (min-width:550px){
.footer .contact {margin-bottom: 30px; margin-top: 0;}
}
@media (min-width: 550px) and (max-width: 767px){
.footer .col-sm-3{width: 25%; float: left;}
.footer .col-sm-6{width: 50%; float: left;}
}
@media (max-width: 767px) {
  .footer,.copyright{ margin-left: -15px; margin-right: -15px; }
}

#gotop{ position: fixed;right:10px; width:50px; z-index: 1; margin-top: -65px;
_bottom:auto;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.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,#gotop .qrcode{margin-bottom: 1px;  background:#45B058 ; display:block; color:#fff; height: 45px; width: 50px; text-align: center; line-height: 45px; font-size: 28px; text-decoration:none; outline:none;}
#gotop .b-live a{ color: #fff; text-decoration: none; outline: none;}
#gotop .qrcode{background: #14b0d2; cursor: pointer;}
#gotop #codeimg{position: absolute; width: 220px; padding: 5px 10px 10px; height: 243px; border: 1px solid #dddddd;  right:55px; top: 0;transition:all 0.3s ease; opacity: 0; background: #fff; text-align: center; display: none;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1; display: block;}
@media (min-width:768px){
#gotop{top:50%; }
}
@media (max-width:767px){
#gotop{bottom: 2px; right: 2px;}
#gotop .codeimg,#gotop .qrcode{ display: none; }
.min-center{max-width: 420px; margin: 0 auto; text-align: center;}
}

.content{padding:1.6% 3.6%;}
.content h1{color: #5a6162;font-size: 24px;font-weight: bold;margin: 0 0 15px; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.content .nlist{border-bottom: 1px dotted #cacaca; padding: 2.6% 0;  padding-bottom: 27px;}
.content .nlist:last-child{border-bottom: none;}
.content .nlist .title{color: #4b4948; font-weight: bold; font-size: 15px;text-decoration: none; }
.content .nlist .title i{color: #34c26e; padding-right: 15px;}
.content .nlist a:hover.title{ color: #45b058; text-decoration: none; }
.content .nlist p{color: #767b7c;}
@media (max-width:767px){
  .content {padding-left: 15px; padding-right: 15px;}
}
.content .nlist .more {background: #45b058 none repeat scroll 0 0; color: #fff;display: block;height: 27px;line-height: 27px; margin-top: 20px;text-align: center;text-decoration: none;width: 116px;}
.content .crumbs{ margin-bottom: 15px;}
.content .crumbs a{text-decoration: none;}
.content ul.topic  li.collapsed>a{ text-transform: capitalize;position:relative; display: block; font-size: 16px; padding:15px 10px 15px 45px;  color: #383838; outline: none;text-decoration: none; line-height: 18px;}
.content ul.topic  li.collapsed>a::after{ position:absolute;content:"\f219";font-family: FontAwesome;transform:translate(0, 0); line-height:30px; color:#45B058; left:20px; top:7px; font-size:12px;}
.content ul.topic,.content ul.topic ul{ margin: 0; padding: 0; list-style: none; }
.content ul.topic{background: #F0F1F3; padding-bottom: 20px; padding-top: 10px;}
.content ul.topic a{text-decoration: none;}
.content ul.topic ul{border-top: 1px solid #f0f1f3;}
.content ul.topic ul li{ line-height: 18px; position: relative; }
.content ul.topic ul li::before{content: "-"; position: absolute; left: 30px; top: 5px; }
.content ul.topic ul li a{  color: #4b4948; display: block; padding:6px 15px 6px 45px;  font-size: 12px; font-weight: normal; }
.content ul.topic ul li a:hover{background: #e7f4e9; color: #5c6060;}
.content .toptit{background: #45b058 ;border-bottom: 3px solid #389c6e;color: #fff;font-size: 20px;font-weight: bold;padding: 9px 20px;}