@charset "utf-8";
/* CSS Document */
body { margin: 0 auto; padding: 0; font-family: Georgia, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, "Microsoft YaHei","微软雅黑","宋体"; font-size: 15px; color: #333; background: #fff; line-height: 30px; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; width: 100%; -webkit-text-size-adjust: none; }
a { color: #000; text-decoration: none; }
a:hover { color: #b00000; }
img, a img { margin: 0; padding: 0; border: 0; max-width: 100%; } 
a img:hover { filter: alpha(opacity=60); opacity: 0.6; }
*:link, *:visited, *:hover, *:active, *:focus, #button { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.clear { clear: both; }
.c { text-align: center; }
.b { font-weight: bold; }
.mbt10 { margin-bottom: 10px; }
.pbt10 { padding-bottom: 10px; }

header, nav, footer, main, article { display: block; }
.header, .nav, .footer, .index, .main { margin: 0 auto; width: 100%; max-width: 1200px; overflow: hidden; }

header { background: #014A8E; }
.header { padding: 20px 0; height: auto; }
.header .logo { float: left; width: 60%; }
.header .aztel { float: right; line-height: 40px; font-size: 21px; color: #fff; letter-spacing: 2px; text-align: right; }
.header .aztel a { font-size: 21px; color: #fff; }
.header .aztel a:hover { color: #F3D18E; }
.header .navshow { display: none; float: right; margin: 15px 2% 0 0; border: 0; width: 35px; height: 25px; background: url(../images/menu-bai.png) no-repeat right; cursor: pointer; }

nav { overflow: hidden; height: 50px; background: #01305D; font-size: 18px; text-align: center; }
.nav { margin: 0 auto; padding: 0; list-style: none; }
.nav li { float: left; margin-right: 1px; line-height: 50px; }
.nav li:last-child { border: 0; }
.nav li a { display: block; padding: 0 29px; font-size: 18px; font-weight: bold; color: #fff; }
.nav li a:hover { background: #128AFC; }
.nav li.on { background: #128AFC; }

.banner img { display: block; width: 100%; }
.frlinks { color: #999; }

footer { margin-top: 20px; position: relative; background: #F2F2F2; }
.footer ul { list-style: none; overflow: hidden; float: left; margin: 20px 3% 20px 0; padding: 0; border-right: solid 1px #C9C9C9; line-height: 30px; height: 150px; }
.footer .ul1 { width: 30%; }
.footer .ul2 { margin-right: 0; width: 66%; border-right: 0; }
.footer .wx { margin-right: 0; border: 0; text-align: center; }
.footer .wx img { display: block; margin: 0 auto 5px; width: 120px; height: 120px; }
#copyright { padding: 10px 0; background: #014A8E; color: #fff; text-align: center; }
#copyright a { color: #fff; }
#copyright a:hover { text-decoration: underline; }

/* 右侧浮动-返回顶部按钮 */
.ibacktop{ position:fixed;_position:absolute; width:50px;height:50px;text-align: center; overflow:hidden;display:block; bottom: 10px; color: #fff!important; z-index:1000; left:auto !important; right:0; background-size: cover; background:rgba(1,74,142,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8014A8E,endColorstr=#c8014A8E); border-radius: 5px; }
.ibacktop:hover{ cursor: pointer; background: #128AFC;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff128AFC,endColorstr=#ff128AFC);}
.ibacktop span{display: block;height: 16px;margin-top: 17px;background: url(../images/backtop.png) no-repeat center;}

/* 分页 */
.page { margin: 20px 0 0 0; padding: 0; font-size: 15px; line-height: normal; text-align: center; }
.page a { display: inline-block; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; color: #444; font-weight: normal; text-decoration: none; letter-spacing: 0; border:1px solid #444; }
.page span { display: inline-block; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; color: #888; font-weight: normal; text-decoration: none; letter-spacing: 0; } /* SPAN和链接 */
.page a:hover, .page a.page_on { color: #fff; background: #b00000; border: 1px solid #b00000; } /* 当前链接有激活时 */

/*index*/
.con1 { padding: 10px 0; }
.con2 { padding: 10px 0; background: #014A8E; color: #fff; }
.con3 { padding: 0 10px; width: calc(100% - 20px); max-width: 1180px; }

/* 面包屑导航 */
.mbnav { overflow: hidden; margin: 0 auto; width: 100%; max-width: 1200px; line-height: 40px; }

main h1 { text-align: center; }
main h2.center { letter-spacing: 5px; font-size: 36px; text-align: center; }
main h2 em { color: #017F01; font-style: normal; }

.more { }
.more a { display: inline-block; padding: 0 30px; line-height: 32px; border: solid 1px #014A8E; color: #014A8E; border-radius: 16px; }
.more a:hover { color: #fff; background: #014A8E; }

.index_about {}
.index_about img { float: left; margin: 0 20px 0 0; width: 500px; border-radius: 120px 0; border: solid 10px #128AFC; }
.aboutimg { float: left; margin: 0 20px 0 0; width: 500px; border-radius: 120px 0; border: solid 10px #128AFC; }

.listpic { margin: 0; padding: 0; list-style: none; }
.listpic li { overflow: hidden; float: left; margin: 0 1% 25px 1%; width: 31.33%; font-size: 18px; text-align: center; }
.listpic li a { display: block; width: 100%; }
.listpic li img { display: block; margin-bottom: 5px; padding: 0; width: 100%; height: 280px; background: #fff; border-radius: 10px; }
.listpic li span { overflow: hidden; display: block; width: 100%; height: 30px; line-height: 30px; }

.tb_about { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; }
.tb_about td { padding: 3px 5px; width: calc(33.33% - 10px); vertical-align: middle; }

.tb_aboutzz { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; }
.tb_aboutzz td { padding: 3px 5px; width: calc(33.33% - 10px); vertical-align: middle; }
.tb_aboutzz td img { max-height: 510px; }

.content1 table { width: 100%; border-spacing: 0; border-collapse: collapse; }
.content1 table tr { line-height: 25px; }
.content1 table tr th { padding: 3px 5px; border:1px solid #C9C9C9; }
.content1 table td { padding: 3px 5px; line-height: 20px; border:1px solid #D8DADD; font-size: 12px; }

.content1 .tb_pro { margin-top: 20px; width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; }
.content1 .tb_pro table tr th { padding: 3px 5px; border: 0; }
.content1 .tb_pro td { padding: 3px 5px; width: calc(50% - 10px); vertical-align: middle; border: 0; }
.content1 .tb_pro td img { max-height: 410px; }

@media screen and (max-width:1024px) {
.header, .nav, .footer, .index, .main { width: 98%; }
.header .logo { width: 80%; }
.header .aztel { display: none; }
.header .navshow { display: block; }

nav { display: none; position: absolute; top: 60px; right: 0; font-size: 12px; width: 240px; height: auto; background: #01305D; border-bottom-left-radius: 20px; z-index: 100; }
.nav { padding: 20px 0; width: 240px; height: auto; }
.nav li { clear: both; margin-right: 0; width: 100%; line-height: 35px; color: #fff; text-align: center; }
.nav li a { color: #fff; font-size: 12px; }
.nav li a:hover { color: #b00000; text-decoration: underline; }
.nav li.on { background: none; }

.con3 { max-width: calc(100% - 22px); }
}
@media screen and (max-width:800px) {

.footer .ul1 { display: none; }
.footer .ul2 { width: 100%; }

.listpic li img { height: 180px; }

}
@media screen and (max-width:640px) {

body { font-size: 12px; }

.index_about img { clear: both; margin: 0 0 10px 0; width: calc(100% - 20px); }
.aboutimg { clear: both; margin: 0 0 10px 0; width: calc(100% - 20px); }

.more { text-align: center; }

main h1 { font-size: 18px; }

.listpic li { margin: 0 1% 15px 1%;; width: 48%; font-size: 12px; }
.listpic li img { height: 150px; }
}