#art-ban{ background:url(../images/art-ban.jpg) center top no-repeat;  color:#fff; padding:5.9% 0; margin-bottom: 25px;}
#crumbs{ padding: 4px 0; margin-bottom: 20px; background: #e1e1e1; color: #929292;}
#crumbs a{color: #929292;}
#crumbs a:hover{ color:#12a5e9;}
#agico{padding: 1.8% 0;}
#agico p{text-align: center; font-style:italic; font-size: 18px; max-width: 933px; margin-left: auto; margin-right: auto; color: #4b4948; font-family: Georgia; line-height: 30px;}
#weare{background: #efefef; padding: 3.6% 0;}
#weare .typename,#about .typename{font-weight:bold; border-bottom: 1px solid #d3d3d3; padding-bottom: 30px; text-align: center; font-size: 24px; text-transform: uppercase; margin-bottom: 30px;}
#weare ol{margin-left: 20px; padding: 0;}
#weare b{font-size: 16px; display: block; margin: 8px 0;}
#mailform{background: #eaeaea; padding-bottom: 30px;}
#mailform .mailtit{background:#515567; color: #fff; text-align: center; font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 10px 0; margin-bottom: 30px;}
#mailform .form-control{  background-color: #fff; border: none;box-shadow:none; border-radius: 0; margin-bottom: 10px;}
#mailform input.form-control{height:45px;}
#mailform span{color: #929292;}
#mailform p{margin-bottom: 15px;}
#mailform .mailbtn{ background:#0097e0; min-width: 240px; color:#fff; font-size:16px; width:45%; height:40px; line-height:40px; text-align:center;  border:none; text-transform:uppercase;}
#mailform .mailbtn:hover{ background:#02a3f3;} 

#main { padding-bottom:4.2%;}
#main h1{border-bottom: 3px solid #0096e0; font-size: 26px; padding-bottom: 15px; margin-bottom:30px;}
@media (min-width: 768px){
#main .content{padding-right: 4.4%; border-right: 1px solid #dddddd;}
#main .sidebar{padding-left:3.8%;}
#mailform .mailcont{float: right;}
}
#main .p-box{display: block; text-align: center; color: #333; text-decoration: none; margin-bottom: 30px;}
#main .p-box img{border:1px solid #e3e3e3;}
#main a:hover.p-box{background: #0096e0; color: #fff;}
#main .p-box span{ font-size: 16px; font-weight: bold; padding: 10px 0; display: block; }
#main .nlist{ padding: 20px 0; border-bottom: 1px solid #efefef;}
#main .nlist .title{color: #0096e0; font-size: 16px; line-height: 25px; margin-bottom: 5px; display: inline-block;}
#main .nlist p{color: #596267;}
@media (max-width:991px) {
	#main .nlist .title{ margin-top: 8px; display: block; }
}

@media (max-width: 767px) {
	#about,#weare{padding: 30px 0;}
	#art-ban{display: none;}
	#main .nlist{text-align: center;}
	#main .nlist img{display: block; margin-left: auto; margin-right: auto;}
	#main .p-box{max-width: 420px; margin-left: auto; margin-right: auto;}
}
#main .mailcont{background:#eaeaea; }
#main .mailcont .mailtit{background: #515567; color: #fff; text-align: center; padding: 10px 0; font-weight:bold; font-size: 18px; text-transform: uppercase;}
#main .mailbody{padding:30px 4.6%;}
#main .mailcont{margin-top: 30px;}
#main .mailcont .form-control{   border: none;box-shadow:none; border-radius: 0; margin-bottom: 10px;}
#main .mailcont input.form-control{height:40px;}
#main .mailcont span{color: #929292;}
#main .mailcont .mailbtn{ background:#0096e0; margin: 0 auto; display: block; min-width: 240px; color:#fff; font-size:16px; width:45%; height:40px; line-height:40px; text-align:center;  border:none;}
#main .mailcont .mailbtn:hover{ background:#515567;} 
/*#main .form-get{ font-size:30px; color:#292929; position:relative; margin-bottom:50px; margin-top:50px;}
.about-tit{ font-size:20px; text-transform:uppercase; font-weight:bold; margin-top:0;}
#main .form-get::before{ width:80px; height:2px; background:#14447c; position:absolute; left:0; bottom:-25px; content:""; z-index:3;}
#main .myform{margin-top: 30px;}
#main .myform .form-control{  background-color: #f0f0f0; border: none;box-shadow:none; border-radius: 0; margin-bottom: 10px;}
#main .myform input.form-control{height:45px;}
#main .myform .mailbtn{ background:#fe5454; min-width: 240px; color:#fff; font-size:16px; width:50%; height:40px; line-height:40px; text-align:center;  border:none; text-transform:uppercase;}
#main .myform .mailbtn:hover{ background:#192129;} 
#main .mailcont .form-get{ margin-top: 0; }*/
.catelist{ margin:0; padding:0 0 7.5%; margin-bottom:12.5%;  list-style:none;}
.catelist li{ border-bottom: 1px solid #efefef; font-size: 16px;}
.catelist li a{color: #333;  text-transform:capitalize; text-decoration: none; display: block;padding:5px 15px;}
.catelist li a:hover{background: #0096e0; color: #fff;}
.catelist li i{font-size: 14px; color: #66ccff; padding-right: 5px;}
.catelist ul{list-style: none; margin: 0;padding: 0;}
.catelist>li{background: #eee;padding: 15 5px;border-left: 3px solid #0096e0}
.catelist>li>a{color:#0096e0 }
.sidetit{ font-size:20px; text-transform: uppercase; background: #0096e0; color: #fff; padding: 15px 0; text-align: center; border-bottom: 1px solid #fff;}
.sidebar .qu-in{border:1px solid #e1e0e0; background: #f2f2f2; padding:15px; line-height: 18px;}
.sidebar .qu-in .title{font-size: 22px; text-transform: uppercase; margin-bottom: 15px; font-weight: bold;}
.sidebar .qu-in .row{margin-left: -7px; margin-right: -7px;}
.sidebar .qu-in .row .col-xs-5,.sidebar .qu-in .row .col-xs-7{padding-left: 7px; padding-right: 7px;}
.sidebar .catetit{font-size: 20px; font-weight: bold; text-transform: uppercase; margin-top: 40px; margin-bottom: 10px;}
.sidebar .news{margin-left: -8px; margin-right: -8px; border-bottom: 1px solid #dddddd; padding: 15px 0;}
.sidebar .news .col-sm-5,.sidebar .news .col-sm-7{padding-left: 8px; padding-right: 8px;}
.sidebar .news a{color: #333333; display: block;}
.sidebar .news .title{color: #0096e0; display: block; line-height: 20px;}
.sidebar .news p{line-height: 20px; margin-top:2px; height: 55px; overflow:hidden;}
.sidebar .news li{margin: 20px 0;}
 .download{text-transform: uppercase; cursor: pointer;}
@media (min-width: 1200px){
.col-me-9{width: 70%; padding: 0 15px; float: left;}
.col-me-3{width: 30%; padding: 0 15px; float: left;}
}
@media (max-width: 767px){
.sidebar .download img{margin-top: -45px;}
.sidebar{margin-top: 45px;}
.sidebar .news{ text-align: center; }
.sidebar .news img{margin-bottom: 5px;}
}
.sidebar .downform{background: #323232; width: 100%;  margin-top: 18px; padding-right: 40px; border-radius: 10px; position: relative;}
.sidebar .downform .search-txt{width: 100%; border: none; height: 38px; padding:0 10px;background: #ced4da; color: #333; font-size: 12px; }
.sidebar .downform .btn-search{position: absolute; font-size: 18px; right: 0px; top: 0; border: none; width: 50px; height: 38px; color: #fff; background: #f24141;}
.sidebar input::-webkit-input-placeholder { color: #676666; }
.sidebar input::-moz-placeholder { color: #676666; }

@media (max-width: 767px){aside .news .title,aside .news .time,.side-tit{ text-align:center;}}
.news-list{ border-bottom:1px solid #dadada;}

/*about.htm*/
.tittom{font-size: 26px;border-bottom: 2px solid #18457c;line-height: 55px;display: inline-block;margin-bottom: 20px; color: #333;}
.content .boxa{ border:1px solid #d0cfcf; border-bottom:3px solid #18457c; width:218px; display: block;  margin:10px 0; color:#343434; text-decoration:none; font-weight:bold; line-height:28px;}
.content a:hover.boxa{ color:#fff; background-color:#18457c;}
@media (max-width: 767px){
.content .boxa{ margin-left: auto; margin-right: auto; }	
}
.content .tit508 {color: #3f3f3f;font-size: 18px;border-bottom: 2px solid #18457c;line-height: 35px;display: inline-block; margin-bottom: 10px;}
.content .wwdtit{font-size: 18px; text-align: center; color: #333; margin-bottom: 30px;}
.ct-add{margin-top: 20px;}
.loctit{margin-top: 40px; font-size: 20px; margin-bottom: 10px; text-align: center; text-transform: uppercase;}


.missul{ margin:0; padding:0; list-style:none;}
.missul li i{ color:#fe5454;}
#main .col-sm-8 ul{ margin:0; padding:0; list-style:none;}
#main .col-sm-8 ul li{ background:url(../images/li-bg.jpg) left 5px no-repeat; padding-left:25px;}
#main .col-sm-8 table{ border-collapse:collapse; text-align:center; border-color:#bccadc; }
#main .col-sm-8 table th{ background:#eee; color:#000; border-color:#bccadc; font-size:12px; line-height:18px; padding:5px; text-align:center;}
#main .col-sm-8 table td{border-color:#bccadc;padding:5px;}
#main .col-sm-8  .page{ margin:30px 0 80px; list-style:none; }
#main .col-sm-8 .page li{float: left; background: none;margin-left: 5px; padding-left: 0;}
#main .col-sm-8 h2{ font-size: 24px; color: #0096e0; }
#main .col-sm-8 h3{font-size: 20px;}
.page  a{ padding:5px 8px; background:#0096e0; color:#fff; text-decoration:none; margin-right:5px;}
.page  a:hover{ background:#de4a4a;}
.bx-viewport{ margin-bottom:40px;}
.parameter{ margin:0 0 20px; padding:0; list-style:none;}
.parameter li{ padding:12px 15px 12px 40px; margin-bottom:2px; line-height:20px;  background:#eeeeee url(../images/li-cbg.jpg) 15px 15px no-repeat;}
.getaq{ width:190px; height:40px; background:#fe5454; text-align:center; line-height:40px; color:#fff; font-size:16px; font-weight:bold; display:block; margin-bottom:30px;}
a:hover.getaq{ text-decoration:none; background:#004a8d; color:#fff;}
.art-title{ color:#292929; font-size:30px; text-transform:capitalize; margin-bottom:20px;}
.cont404{ padding:7.95% 7.9% 7% 7.9%; color: #8a8a8a;}
.cont404 .nottit{ font-size: 24px; color: #4b4948;  margin-bottom:8px;}
.error{ font-size:64px; text-align: center; margin-bottom: 30px; color: #01b1ec; font-weight: bold;}
.cont404 .option404{ margin-top: 50px; text-align: left; } 
.cont404 .option404 .opt-tit{ font-size:16px; color: #4b4948; font-weight: bold; margin-bottom: 20px; text-align: center;}
.cont404 .ul404{ margin: 0; padding: 0; list-style: none; max-width: 620px; margin-left: auto; margin-right: auto;}
.cont404 .ul404 li{background: #efefef; border-bottom: 1px solid #fff; border-right:1px solid #fff; padding: 5px 20px; }
@media (min-width: 522px){
.cont404 .ul404 li{float: left; width: 50%;}
}
@media (max-width: 767px){
	.error{ font-size: 36px; }
}
#main .col-sm-8 .nav-tabs li{background: none; padding-left: 0;}
#main .col-sm-8 .nav-tabs li.active >a{background: #fff; color: #000;}
#main .col-sm-8 .nav-tabs > li > a{background: #eee; color: #000; outline: none;}
#main .col-sm-8 .tab-content{border: 1px solid #ddd; border-top: none;padding-bottom: 8px;}
#main .col-sm-8 .online{position: relative; z-index: 1; background: #0096e0; color: #fff; padding:5px 68px 5px 30px; display: inline-block; margin-top:8px; margin-bottom: 8px; border-radius: 5px; overflow: hidden;}
#main .col-sm-8 .online::before{content: "\f101";font-weight: 900;font-family: "Font Awesome 5 Free"; color: #fff; position: absolute; right: 12px; top: 6px; font-size: 24px; }
#main .col-sm-8 .online::after{width: 65px; display: block;background: #375e95;bottom: 0;right: -18px;transform: skew(-25deg);position: absolute;content: "";top: 0;z-index: -1;}