#art-ban{background: url(../images/art-ban.jpg) top center no-repeat; height: 245px; }
#main{ padding-bottom: 30px; }
.crumbs{ color: #9f9f9f; margin-top:7px; text-transform: capitalize; margin-bottom: 30px;}
.crumbs a{color: #9f9f9f;}
.crumbs a:hover{color: #e65a5a;}
#main img{ max-width:100%; height:auto;}
#main h1{ font-size: 24px; color: #2b2b2b; font-weight:normal;  margin: 0; padding: 0 0 10px; text-transform: uppercase; position: relative; border-bottom: 1px solid #e5e5e5;}
#main .advantages img{ margin-bottom: 6.6%; }
#main .advantages ul{list-style: none; margin: 0; padding: 0;}
#main .advantages ul li { padding: 3.3% 0; font-size: 18px; padding-left: 30px;  }
#main .advantages ul li::before{content:"\f00c"; font-size: 18px; color: #69a22c; margin-left: -30px;font-family:FontAwesome; position: absolute;} 
#main .advantages ul li i{color: #69a22c; padding-right: 10px;}
#main .advantages .send{width: 166px; height: 35px; text-decoration: none; color: #fff; background: #e65a5a; display: block; padding-left: 20px; line-height: 35px;border-radius: 20px; margin-top: 15px;}
#main .advantages .send::before{content:"\f0a9"; font-family:FontAwesome; position: absolute; color: #fff; font-size: 18px; margin-left: 115px; margin-right: 30px; margin-top: 1px;}
#main .advantages a:hover.send{background: #29343d;}
#main .mytab{margin-bottom: 3.5%;margin-top: 4.51%;}
#main .mytab li{width: 50%; margin: 0; background: #e5e5e5; }
#main .mytab li a{ border-radius: 0;padding-top: 15px; padding-bottom: 15px; text-align: center; font-size: 18px; color: #838383; outline: none;}
#main .mytab li.active a{color: #fff; background: #e65a5a}
@media (max-width:439px) {
    #main .mytab li a{ font-size: 14px; }
}
@media (max-width:767px) {
#main .advantages .send{ margin-bottom: 25px; }
}
#mailform .mailtit,.contact .mailtit{height: 68px; background: #3a5064; text-align: center; color: #fff; line-height: 68px; font-size: 28px;}
#mailform .mailform,.contact .mailform{margin: 3.6% auto;box-shadow: 0 2px 2px 2px #dcdbdb;}
#mailform .mailbody,.contact .mailbody{ background: #fff; padding: 3.6% 4.65%;line-height: 18px;}
#mailform .mailbody .form-control,.contact .mailbody .form-control{background:#fff; color: #9e9e9e; font-size: 16px; border:1px solid #e2dfe0; font-size: 12px;}
#mailform .mailbody input.form-control,.contact .mailbody input.form-control{   height:42px; }
#mailform .mailbody span,.contact .mailbody span{color: #999999; font-size: 12px; }
#mailform .mailbody .mailbtn,.contact .mailbody .mailbtn{width: 266px; font-weight: bold; height: 45px; border-radius: 5px; background-color: #3a5064; color: #fff; font-size: 18px; margin: 27px auto 0; border: none; display: block;  text-transform: uppercase;transition:all 0.3s ease;}
#mailform .mailbody .mailbtn:hover,.contact .mailbody .mailbtn:hover{ background:#e65a5a; }
@media (min-width:992px) {
#mailform .mailform{width: 80%; }
}
/*about.htm*/
#weare{background: #efefef; padding: 3.6% 0; text-align: center; color: #6a6a6a; line-height: 22px;} 
#weare .no{ color: #d04e4e; font-size: 36px; font-weight: bold; }
#weare .title{color: #414141; font-weight: bold; font-size: 16px; padding: 7.3% 0; }
@media (max-width:767px) {
#weare .title{ font-size: 14px; padding: 2.3%; }
#weare .no{ margin-top: 30px; }
}
#about{padding: 2.6% 0;}
#about p{margin-top: 30px;}
#about .text-left{text-align: left !important;}
#about .cetit{margin-top: 40px;}
/*contact.htm*/
#main .co-name{font-size: 20px; font-weight: bold; color: #3a5064; margin-bottom: 30px;}
#main .adds,#main .tel,#main .fax,#main .pc,#main .email{padding-left: 30px; color: #4a4a4a; padding-top: 3px; padding-bottom: 3px;}
#main .adds::before{content:"\f041"; }
#main .adds::before, #main .tel::before, #main .fax::before, #main .pc::before,#main .email::before{font-family: FontAwesome; position: absolute; margin-top: 2px; margin-left: -30px; color: #4a4a4a;  font-size: 16px;}
#main .tel::before{content:"\f095";}
#main .fax::before{content:"\f1ac";}
#main .pc::before{content:"\f02c"}
#main .email::before{content:"\f003";}
#googleMap{margin-top: 30px;}
#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); } 
@media (max-width:767px) {
	#main .pro-box { text-align: center; }
}
@media (min-width:1200px) {
	#main .pro-box { height: 445px; }
}
@media (min-width:992px) and (max-width:1199px){
	#main .pro-box { height: 419px; }
}
@media (min-width:768px) and (max-width:991px){
	#main .pro-box { height: 411px; }
}
#main .bx-controls-direction a{background: url(../images/arrow.png) no-repeat; width: 35px; height: 64px;opacity: 0.7;}
#main .bx-controls-direction a.bx-prev{ left: -80px; }
#main .bx-controls-direction a:hover.bx-prev,#main .bx-controls-direction a:hover.bx-next{opacity: 1;}
#main .bx-controls-direction a.bx-next{background-position: -35px top;right: -80px;}
#main .bx-wrapper:hover .bx-controls-direction a.bx-prev{left:30px;}
#main .bx-wrapper:hover .bx-controls-direction a.bx-next{right:30px;}
#main .bx-wrapper{overflow: hidden;}
#main .through h2,#main .col-md-9 h2{font-size: 20px;}
#main .through table,#main .col-md-9 table{text-align: center;}
#main .through table th,#main .col-md-9 table th{background: #ededed; text-align: center; vertical-align: middle;}
#main .through h2,#main .col-md-9 h2{background: #eee; border-left: 5px solid #e65a5a; padding: 12px 5px 12px 15px; font-size: 18px; }
#main .diyrow{margin-left: -10px; margin-right: -10px;}
#main .diyrow .col-md-3,#main .diyrow .col-md-4,#main .diyrow .col-md-6,#about .diyrow .col-sm-6{padding: 10px; }
#main .through  ul,#main .col-md-9 ul{margin: 0; padding: 0; list-style: none;}
#main .through  ul li,#main .col-md-9 ul li{ padding-left: 30px; }
#main .through  ul li::before,#main .col-md-9 ul li::before{position: absolute;font-family: FontAwesome; content:"\f005"; font-size: 17px; margin-left: -30px; margin-top: 2px; color: #69a22c;}
#main .col-md-9 h3{font-size: 18px;}
/*404.htm*/
.cont404{text-align: center; padding: 4.6% 0;}
.cont404 .tit-404{ font-size:60px; color:#015d9d; 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: 600px;}
@media (min-width:500px) {
.cont404 .ul404 li{width: 50%; padding: 0 15px; float: left;}
.cont404 .ul404 li a{text-align:left;}
}
.cont404 .ul404 li a{ display:block; background:#f8f8f8; margin-bottom:5px; color:#005baa; padding:10px 20px;  text-transform:uppercase;}
.cont404 .ul404 li a:hover{ background:#fe5454; color:#fff; text-decoration:none;}
.cont404 .back{ color:#fe5454; font-size:18px; display:block;}

/*list_article.htm*/
#main .nlist{border-bottom: 1px solid #e5e5e5; padding: 3.2% 0;}
#main .nlist:last-child{border-bottom: none;}
#main .nlist .title{color: #4b4948; font-size: 18px;}
#main .nlist a:hover.title{ color: #e65a5a; text-decoration: none; }
#main .nlist p{color: #7d838c; margin:12px 0 23px; }
#main .nlist .more{text-align: left; text-transform: uppercase; width: 156px; height: 35px; text-decoration: none; color: #fff; background: #e65a5a; display: block; padding-left: 20px; line-height: 35px;border-radius: 20px; margin-top: 15px;}
#main .nlist .more::before{content:"\f0a9"; font-family:FontAwesome; position: absolute; color: #fff; font-size: 18px; margin-left: 103px; margin-right: 30px; margin-top: 1px;}
#main .nlist a:hover.more{background: #29343d;}

@media (max-width:767px) {
	#main .nlist .more{ margin-left: auto; margin-right: auto; }
	#main .sidebar {margin-top: 30px;}
}
#main .sidebar .typename{ background: #e65a5a; color: #fff; display: block; font-size: 20px; text-align: center; padding: 14px 0; text-decoration: none;}
#main .sidebar a:hover.typename{background: #3a5064;}
#main .sidebar ul{list-style: none; margin: 0 0 30px; padding: 0;}
#main .sidebar ul li{margin-top: 1px; text-transform: capitalize;}
#main .sidebar ul li a{color: #2b2b2b; display: block; padding: 8px 0 8px 38px; background: #eee; text-decoration: none;}
#main .sidebar ul li a::before{position: absolute;font-family: FontAwesome; content:"\f105"; font-size: 15px; margin-left: -15px; margin-top: 2px; color: #5e5e5e;}
#main .sidebar ul li a:hover{background: #e65a5a; color: #fff; padding-left: 45px;}
#main .sidebar ul li a:hover::before{color: #fff;}
#main .sidebar .newslist{padding: 15px 0;}
#main .sidebar .newslist a{color: #5e5e5e; }

#main .page{ margin:50px 0 80px; list-style:none; text-align: center; }
#main .page  a{  color:#e65a5a; text-decoration:none;border: 1px solid #e65a5a; width: 100%;padding:6px 12px;margin-right:5px;}
#main .page  a:hover,#main .page .crrent{background:#e65a5a;color: #fff;}
@media (max-width:767px) {
	#main .min-center img{max-width: 420px;}
#main .newslist,#main .nlist{text-align: center;}
}

#main .col-md-9 a{color: #01b1ec;}