#main{ padding: 2.4% 0; }
@media (min-width:768px) {
#main .content{float: right;}
}
#main .sidebar .title,#main .sidebar .title2,#main .artside .title,#main .artside .title2{color: #42a466; text-transform:uppercase; font-size: 21px; border-bottom: 1px solid #9eb1b5; display: block; padding-bottom: 13px; text-decoration: none;}
#main .sidebar .title2,#main .artside .title2{color: #2b2f3d; text-transform: capitalize;}
#main .sidebar ul,#main .artside ul{list-style: none; margin: 6.6% 0; padding: 0;}
#main .sidebar ul li,#main .artside ul li{  font-size: 18px;}
#main .sidebar ul li a,#main .artside ul li a{color: #4e5359; text-decoration: none; display: block;padding:10px 0; line-height: 22px; }
#main .sidebar ul li a:hover,#main .artside ul li a:hover,#main .sidebar ul li a:hover i,#main .sidebar a:hover.catename{color: #42a466;}
#main .sidebar ul li a i,#main .artside ul li a i{color: #9eb1b5; padding-right: 5px;transition: 0.3s all ease;}
#main .sidebar ul.news li,#main .artside ul.news li a{font-size: 14px;}
#main .sidebar .download,#main .artside .download{ cursor: pointer; display: block; border-top:1px solid #9eb1b5; border-bottom:1px solid #9eb1b5;   text-align: center; padding: 5.64% 0; margin-top:10.64%; margin-bottom: 12.5%;}
#main .sidebar .contact,#main .artside .contact{border-top:1px solid #9eb1b5; border-bottom:1px solid #9eb1b5; padding: 7.64% 0 7.64% 7.21%;}
#main .sidebar .contact a,#main .artside .contact a{color: #388b56;}
#main .sidebar .contact i,#main .artside .contact i{font-size: 24px; padding: 0 8px;}
#main .sidebar .contact span,#main .artside .contact span{font-size: 24px; padding-right: 6.52%;}
@media (min-width:1400px) {
#main .sidebar{padding-right: 3.5%;}
#main .content{padding-left:1.8%;}
#main .artside{padding-left: 3.5%;}
}
#main .artside{float: right;}
@media (max-width:991px) {
#main .none992{display: none;}
}
.crumbs{padding-bottom: 8px; color:#3a3a3a;  text-transform: capitalize; margin-bottom: 30px;font-size: 12px;}
.crumbs a{color: #3a3a3a;}
.crumbs a:hover{color: #28a7e6;}
.crumbs i{color: #34c26e; padding-right: 7px;}
#main img{ max-width:100%; height:auto;}
#main h1{ font-size: 24px; color: #42a466; font-weight:normal;  margin: 0; padding: 0 0 25px; text-transform: capitalize;}
#main .typename{background: #dedede; color: #000; padding:7px 15px; text-transform: capitalize; margin-bottom: 20px;}
#main a:hover.box-img::before { opacity: 1;transform: translate(-50%, -50%) rotate(90deg);}
#main .prolist .box-img::before {color:#34c26e;z-index: 3;content:"\f055";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 .prolist .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 a:hover.box-img::after{opacity: 1;}
#main .prolist .box-img{ overflow: hidden;display: block; position: relative; margin-bottom: 5px;}
#main .prolist .box-img img{ transition:all 0.3s ease;}
#main a:hover.box-img img{ transform: scale(1.2); } 
#main .prolist .title{ display: block; margin-bottom: 15px; color: #3a3a3a; font-size: 20px; line-height: 22px; border-bottom: 1px solid #9eb1b5; text-decoration: none; }
#main a:hover.title{color: #34c26e;}
#main .prolist .title span{height: 71px; padding: 12px 0;}
#main .prolist{text-decoration: none; margin-bottom: 20px; display: block;}
#main .prolist i{color:#34c26e;vertical-align: middle; padding-left: 6px;}
#main .prolist p{height: 76px; overflow: hidden;}
@media (min-width:992px) and (max-width:1510px) {
#main .prolist .title span{ height: 92px; font-size: 18px;}
}
@media (min-width:768px) {
#main .prolist .title span{display: table-cell; vertical-align: middle;}
}
#main .nlist{border-bottom: 1px solid #9eb1b5; padding: 2.6% 0;}
#main .nlist:last-child{border-bottom: none;}
#main .nlist .title{color: #4b4948; font-size: 18px;}
#main .nlist .title i{color: #34c26e; padding-right: 15px;}
#main .nlist a:hover.title{ color: #34c26e; text-decoration: none; }
#main .nlist p{color: #7d838c; margin:12px 0 23px; }
#main .nlist .more{color: #fff; background: #34c26e;border-radius: 17px; font-weight: bold; text-decoration: none; width: 158px; height: 42px; line-height: 42px; display: block; text-align: center;}
#main .nlist a:hover.more{color: #fff;}
@media (max-width:767px) {
	#main .nlist .more{ margin-left: auto; margin-right: auto; }
	#main .prolist .title{text-align: center;padding: 12px 0;}
	#main .prolist .box-img{margin-bottom: 15px;} 
	#main .prolist p{text-align: center;}
	#main .sidebar {margin-top: 30px;}
}
#main .artform{margin-top: 8.2%; max-width: 764px;}
#main .artform p{color: #6b6868; margin: 2.65% 0;}
#main .artform p em{font-weight:bold;}
#main .artform .mailtit{font-size: 30px; font-weight: bold; border-radius: 3px 3px 0 0; margin-bottom: 8px; text-transform: capitalize; color: #42a466;}
#main .artform .form-group{ margin-bottom: 15px;}
#main .artform .form-control{background:#fff; color: #9e9e9e; font-size: 16px; border:1px solid #dadee4; font-size: 12px;}
#main .artform  input.form-control{   height:46px;}
#main .artform .mailbtn{ border-radius: 8px; width:230px; font-weight: bold; height: 60px; background-color: #42a466; color: #fff;  border: none; display: block;  text-transform: uppercase;transition:all 0.3s ease;}
#main .artform .mailbtn:hover{ background:#3f3f3f; }
@media (min-width:992px) {
#main .mailtop p{width: 80%;margin-left: auto; margin-right: auto;}
}
#main .conform{margin-top: 0;}
#main .page{ margin:50px 0 80px; list-style:none; text-align: center; }
#main .page  a{  color:#42a466; text-decoration:none;border: 1px solid #42a466; width: 100%;padding:6px 12px;margin-right:5px;}
#main .page  a:hover,#main .page .crrent{background:#42a466;color: #fff;}

/*contact.htm*/
#main .sidebar .adds{padding:18px 0 18px 20px ; line-height: 20px; color: #3b543e;font-size: 16px;}
#main .sidebar .adds span{display: block; margin: 18px 0;}
#main .sidebar .adds::before{content:"\f041";font-family: "FontAwesome"; margin-left: -20px; position: absolute;color: #9eb1b5;}
#main .sidebar .adds a{color: #3b543e;}
#main .sidebar .adds i{padding-right: 10px; color: #9eb1b5;}
#main .sidebar .email{border-top:1px solid #9eb1b5; border-bottom:1px solid #9eb1b5; text-align: center; padding: 6.6% 0; font-size: 16px; font-weight: bold; margin-top: 3.65%; }
#main .sidebar .email a{color: #388b56;}
#main .sidebar .email i{padding-right: 10px;}

#main .pro-box { margin-bottom:30px; box-shadow: 0 2px 2px 2px #eee; padding: 15px; border: 1px solid #eee;}
#main .pro-box .title{ font-size:16px; color:#3d3d3d; font-weight:bold; margin-top:25px; display:block; margin-bottom:4px; text-transform:capitalize;} 
#main .pro-box p{ color:#7b7b7b; line-height:22px;}
#main .pro-box .more{ color:#cf4b4b; text-transform:uppercase; font-size:12px; font-weight:bold;}
#main .pro-box .box-img{ display:block; position:relative; overflow: hidden;}
#main .pro-box .box-img img{ transition:all 0.3s ease;}
#main .pro-box a.box-img:hover  img{ transform: scale(1.2); } 

#main .content h2{font-size: 20px;}
#main .content h3{ font-size: 18px; }
#main .content table{text-align: center; border-color:#42a466; }
#main .content table th{background: #42a466; color: #fff; text-align: center; vertical-align: middle;}
#main .content table td{vertical-align: middle;}
#main .through .diyrow{margin-left: -10px; margin-right: -10px;}
#main .through .diyrow .col-md-3,#main .through .diyrow .col-md-4,#main .through .diyrow .col-md-6{padding: 10px; }
#main .content  ul{margin: 0; padding: 0; list-style: none;}
#main .content  ul li{ padding-left: 25px; }
#main .content  ul li::before{position: absolute;font-family: FontAwesome; content:"\f036"; font-size: 14px; margin-left: -25px; margin-top: 2px; color: #42a466;}
#main .content .listdown{background: #eee; display: block; text-align: center; line-height: 18px; color: #4e5359; text-decoration: none; padding:6.23% 3.62%; border-radius: 10px;}
#main .content a:hover.listdown{background: #6cb92d; color: #fff;}
#main .content .listdown img{padding-bottom: 10px;}
@media (max-width:991px) {
	#main .content .listdown{ margin-bottom: 30px; }
}
@media (min-width:768px)  and (max-width:921px) {
#main .content .listdown{ height: 189px; }
}

.cont404{text-align: center; padding: 4.6% 0;}
.cont404 .tit-404{ font-size:60px; color:#42a466; font-weight:bold; margin-bottom:30px; text-transform:uppercase;}
.cont404 .notfont{ font-size:24px; color:#333333;}
.cont404 .not-p{ color:#908f8f;}
.cont404 .choose{ text-transform:uppercase; font-size:18px; margin-top:40px; margin-bottom:20px;}
.cont404 .ul404{ padding:0; list-style:none;  margin:0 auto 40px; max-width: 320px;}
.cont404 .ul404 li{ padding: 0 15px; }
.cont404 .ul404 li a{text-align:left;}
.cont404 .ul404 li a{ display:block; background:#f8f8f8; margin-bottom:5px; color:#42a466; padding:10px 20px;  text-transform:uppercase;}
.cont404 .ul404 li a:hover{ background:#42a466; color:#fff; text-decoration:none;}
.cont404 .back{ color:#fe5454; font-size:18px; display:block;}