bady{background:#fff;}
#crumbs{background: #eef3f5; color: #7f7f7f; line-height: 34px;}
#crumbs a{color: #7f7f7f;}
#crumbs i{color: #5fc0e9; padding-right: 5px;}
@media (min-width: 992px) and (max-width: 1199px){#art-ban h1{font-size:24px; }}
@media (min-width: 768px) and (max-width: 991px){#art-ban h1{font-size:28px; }}
@media (min-width: 472px) and (max-width: 767px){#art-ban h1{font-size:16px; }}
@media (max-width: 471px){#art-ban h1{font-size:12px; }}
#art-ban a{ color:#fff;}
#art-ban .crumbs{ margin-top:10px; text-transform: capitalize;}
#art-ban .crumbs i{ padding-right:5px;}
#art-ban .crumbs a:hover{ color:#12a5e9; text-decoration:none;}
@media (min-width:992px){#art-ban .crumbs{ text-align:right;}}
#main { padding-top:1%; padding-bottom:1%;}
#main .pj-con{ margin-bottom:8.9%;}
.news-list{ padding:0 0 30px; margin-bottom:30px;}
#main .pj-con img{ margin-bottom:4.1%;}
#main .pj-con p,.news-list p{ margin-top:4.1%; margin-bottom:20px;}
#main .pj-con .time,.news-list .time{ width:64px; height:64px; border:1px solid #e2e2e2; color:#fe5454; font-size:18px; text-align:center; font-weight:bold; padding:10px; line-height:20px; float:left; display:inline-block;}
#main .pj-con .title,.news-list .title{ font-size:22px; font-weight:bold; color:#292929; text-transform:capitalize; width:88%;display:inline-block; margin-left:20px; padding-top:8px;}
#main .pj-con .more,.news-list .more{ color:#292929; font-weight:bold; text-transform:uppercase;}
@media (min-width: 992px) and (max-width: 1199px){#main .pj-con .title,.news-list .title{width:86%;}}
@media (min-width: 768px) and (max-width: 991px){#main .pj-con .title,.news-list .title{width:82%;}}
@media (min-width: 458px) and (max-width: 767px){#main .pj-con .title,.news-list .title{width:80%;}}
@media (max-width: 457px){#main .pj-con .title,.news-list .title{width:70%;}}
#main .form-get,#mailform .form-get,.about-tit{ font-size:30px; color:#292929; position:relative; margin-bottom:60px; margin-top:50px;}
.about-tit{ font-size:20px; text-transform:uppercase; font-weight:bold; margin-top:0;}
#main .form-get::before,#mailform .form-get::before,.about-tit::before{ width:60px; height:2px; background:#1694cd; position:absolute; left:0; bottom:-20px; content:""; z-index:3;}
#main .form-get::after,#mailform .form-get::after,.about-tit::after{ width:100%; height:1px; left:0; bottom:-20px; background:#dadada; content:""; position:absolute;}
.col-sm-8 .form-control{ height:50px;}
.col-sm-8 textarea.form-control{ height: auto; }
.sbtn{ background:#fe5454; color:#fff; font-size:16px; width:225px; height:40px; line-height:40px; text-align:center; font-weight:bold; border:none; text-transform:uppercase;}
.sbtn:hover{ background:#012c3c;} 
aside .pjcont{border: 1px solid #dde1e3; background:#fff; padding: 15px; margin-top: 15px; margin-bottom: 30px;}
aside .pjcont .title{font-size: 22px; color: #3e3e3e;  margin-bottom: 10px; display: inline-block; text-decoration: none;}
aside .bx-wrapper{margin-bottom: 0;}
aside .bx-wrapper .bx-caption span{text-align: center; line-height: 20px;}
aside .bx-wrapper .bx-pager{top: -55px; right: 0; height: 42px; width: 68px;}
aside .bx-wrapper .bx-pager-link{overflow: hidden;}
.sideul{ margin:0; padding:0; list-style:none;margin-bottom:15.5%;}
.sideul li{ margin-bottom:3px;}
.sideul li  i{padding-right: 5px;}
.sideul li a{ display:block; padding:10px 15px; background:#eeeeee; color:#575757; font-weight:bold; line-height:20px; text-transform:capitalize;}
.sideul li a:hover{ background:#004a8d; color:#fff; text-decoration:none;}
aside .p-tit{
	background: #004a8d; 
	color: #fff; 
	text-align: center; 
	font-size: 26px;
	font-family: Adelle, Cambria, serif; padding: 12px 0;
}
aside .p-title{
	background: #fe5454; 
	color: #fff; 
	text-align: left; 
	font-size: 22px;
	font-family: Adelle, Cambria, serif; 
	padding: 4px;
}
.side-tit{font-size:28px; color: #292929; position: relative; margin-bottom:35px;  font-family: Adelle, Cambria, serif; }
.side-tit::after{ position:absolute; left:0; width:60px; height:2px; content:""; bottom:-15px; background: #12aef8;}
.side-tit::before{position:absolute; left:0; width:100%; height:1px; content:""; bottom:-15px; background: #dadada;}
aside .news{ padding-top:15px; padding-bottom:15px;}
aside .news .title{ display:block; line-height:20px; margin-bottom:10px; text-transform:capitalize; color: #3e3e3e;}
aside .news .time{ color:#989b9b;}
aside .technology{display: block;}
aside a:hover.technology img{opacity: .8;}
@media (max-width: 767px){aside .news .title,aside .news .time,.side-tit{ text-align:center;}}
.news-list{ border-bottom:1px solid #dadada;}
#main .col-sm-8 ul.page{ margin:30px 0 80px; list-style:none; }
.page li{ display:inline-block;background:none !important;}
.page li a{ padding:5px 8px; background:#004a8d; color:#fff; text-decoration:none; margin-right:5px;}
.page li a:hover{ background:#de4a4a;}
.pro-box { margin-bottom:30px;}
.pro-box .title{ font-size:16px; color:#3d3d3d; font-weight:bold; margin-top:15px; display:block; margin-bottom:4px; text-transform:capitalize;} 
.pro-box p{ color:#7b7b7b; line-height:22px;}
.pro-box .more{ color:#cf4b4b; text-transform:uppercase; font-size:12px; font-weight:bold;}
@media (min-width: 768px) and (max-width: 991px){.pro-box {height:235px;  }}
@media (min-width: 992px) and (max-width: 1199px){.pro-box { height:290px; }}
@media (min-width:1120px) {.pro-box { height:315px; }}
#mailform{ background:#f6f6f6; padding-top:0; padding-bottom:3%;}
#mailform .pull-sup{ color:#545e60; font-style:italic;}
#mailform .pull-sup i{ color:#f58b8b; font-size:64px; float:left;}
#mailform .pull-sup span{ float:left; padding-left:30px; font-style:italic; font-size:18px; color:#545e60; line-height:70px;}
#mailform p{color:#424e5e; margin-top:15px; font-size:14px;}
.wzdes{ padding-left:4%; padding-right:3%; }
.address{padding-left:4%; color:#908f8f;}
.address .icon{ font-size:38px; float:left; padding-right:20px; color:#fe5f5f; width:58px;}
.address b{ font-size:18px; color:#333333; font-weight:normal;}
.add-box{ margin-bottom:20px; clear:both;}
.add-box p{ float:left; width:82%;}
.add-box a{color:#908f8f;}
@media (max-width: 767px){.pro-box { text-align:center;}}
@media (min-width: 768px){#mailform .wzdes{ float:right;margin-top:80px;}}
@media (min-width:992px) and (max-width: 1199px){.add-box p{ width:78%;}}
@media (min-width: 768px) and (max-width: 991px){.add-box p{ width:71%;}}
.h1-tit{ text-align:center; font-size:22px; color:#333333; text-transform:uppercase; position:relative; margin-bottom:40px;}
.h1-tit::before{ width:20px; height:1px; background:#0072a5; content:""; left:37.5%; bottom:-20px; position:absolute;}
.h1-tit::after{width:120px; height:1px; background:#dadada; content:""; left:41%; bottom:-20px; position:absolute;}
@media (min-width: 768px) and (max-width: 991px){h1-tit::before{left:40.5%;}.h1-tit::after{left:45%; }}
@media (min-width: 992px) and (max-width: 1199px){.h1-tit::before{left:42.5%;}.h1-tit::after{left:46%; }}
@media (min-width: 1200px){.h1-tit::before{left:43.5%;}.h1-tit::after,#news .h1-tit::after{left:46%; }}
.missul{ margin:0; padding:0; list-style:none;}
.missul li i{ color:#fe5454;}
#main .col-sm-8 h1{text-transform: capitalize; color: #222; font-size: 32px; font-weight: 700; font-family: Adelle, Cambria, serif; border-bottom: 2px solid #12aef8; line-height: 1.2; padding-bottom: 16px; margin-bottom: 25px; margin-top: 0.1px;}
#main .col-sm-8 img{ max-width:100%; height:auto; margin:10px 0;}
#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 ol li{ background: none; padding-left: 0; }
#main  table{ border-collapse:collapse; text-align:center;}
#main  table th{ background:#eee; color:#000; border-color:#bccadc; font-size:12px; line-height:18px; padding:5px; text-align:center;}
#main  table td{border-color:#bccadc;padding:5px;}
#main .listshow{ padding: 15px 0; border-bottom: 1px solid #dedede; }
#main .listshow:first-child,#main .listfaq:first-child{padding-top: 0;}
#main .listshow h3{margin-top: 0; font-size: 18px;}
#main .listshow h3 a{color: #515050;}
#main .listshow p{ color: #919191;  }
#main .listshow .more{  color:#c63737;  text-decoration: none;  }
#main .listshow a:hover.more{ color: #000; }

#main .paging{ color: #000000; padding-left: 25px; margin-top:10px; }
#main .paging span{background: #aaaaaa; padding:5px 10px; color: #fff;}
#main .paging::before{content:"\f027"; color: #004a8d; position: absolute; font-size: 22px;font-family: FontAwesome; margin-left: -25px; vertical-align: middle;}
#main .paging  a{color: #004a8d;}

#main .typename{background: #dedede; color: #000; padding:7px 15px; text-transform: capitalize; margin-bottom: 20px; display: block;font-size:18px;}
#main .prolist .box-img{ overflow: hidden;display: block; position: relative;}
#main .prolist .box-img img{ transition:all 0.3s ease;}
#main .prolist:hover .box-img img{ transform: scale(1.2); } 
#main .prolist .title{ color: #000;  display: block; padding: 12px 0; text-align: center; line-height: 18px; font-size:15px; }
#main .prolist:hover .title{background: #004a8d; color: #fff;}
#main .prolist{text-decoration: none; margin-bottom: 20px; display: block;}



.col-sm-6 .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;}
.tit-404{ font-size:60px; color:#015d9d; font-weight:bold; margin-bottom:30px; text-transform:uppercase;}
.notfont{ font-size:24px; color:#333333;}
.not-p{ color:#908f8f;}
.choose{ text-transform:uppercase; font-size:18px; margin-top:40px; margin-bottom:20px;}
.ul404{ padding:0; list-style:none; max-width:362px; margin:0 auto 40px;}
.ul404 li a{ display:block; background:#f8f8f8; margin-bottom:5px; color:#005baa; padding:10px 20px; text-align:left; text-transform:uppercase;}
.ul404 li a:hover{ background:#fe5454; color:#fff; text-decoration:none;}
.back{ color:#fe5454; font-size:18px; display:block;}
.table-responsive{ border: none; }
#main h2{font-size: 25px; color: #004a8d; border-left: 4px solid #fe5454;  padding-bottom: 6px;  padding-left: 10px;  padding-top: 6px;  background-color: #eeeeee;text-transform: capitalize; }  
#main h3{ font-size: 18px; }

#main .page{ margin:30px 0 5.6%; list-style:none; text-align: center; }
#main .page  a{  text-decoration:none;border: 1px solid #c63737; width: 100%;padding:6px 12px;margin-right:5px;  color:#c63737;}
#main .page  a:hover,#main .page .thisclass{background:#c63737;color: #fff;}
.download{cursor: pointer;}
a.wyjbtn{display: inline-block; background: #fe5454; color: #fff; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-weight: bold; margin-right: 10px;}
a:hover.wyjbtn{background: #346aa1;}

.thank-tit{font-size: 28px; margin: 35px 0; text-align: center;}
.thank-desc{font-size: 16px; text-align: center;}
.backbtn{background: #fe5454; color: #fff; width: 230px; height: 47px; line-height: 47px; display: block; margin: 20px auto; text-align: center; font-weight: bold;}
a:hover.backbtn{text-decoration: none; color: #fff;}