@charset "gb2312";
html {overflow-x: hidden;}
body {margin: 0;padding: 0;font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;font-size:16px;font-weight: 400;line-height: 1.6;color: #333;text-align: left;background-color: #f8f8f8;}
a {-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; text-decoration:none;}
a:hover {text-decoration: none;}
a a:focus {outline: none;}
ul, ol {list-style: outside none none;margin: 0;padding: 0;}
ul li, ol li {list-style: none;}
p {line-height: 1.8;}
p,ul,li,dl,dd,h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
.block10 {display: block;height: 10px;line-height: 10px;clear: both;font-size: 0px;}
.block20 {display: block;height: 20px;line-height: 20px;clear: both;font-size: 0px;}
.block30 {display: block;height: 30px;line-height: 30px;clear: both;font-size: 0px;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom:1; }
.top-banner{ height:400px; background:#2a96e3 url(../images/top_banner.jpg) center top no-repeat;}
.logo{ position:absolute; top:20px; left:18%;}
.headline-card-title {width: 100%;justify-content: center; align-items: center; display: -webkit-flex; border-bottom: 1px solid  #b8e1ff;position: relative;}
.headline-card-title .title-cont {font-size: 24px;line-height:60px;border-bottom:3px solid #2594e3;margin: 0 auto;padding: 0 35px;}
.headline-card-title .title-cont .title a{ color:#2594e3}
.headline-card-title a.more{ right:10px; position:absolute; color:#000;}
.info {max-width:1200px;margin: 0 auto;padding:10px; font-size:14px;}
.wrapper {max-width:1170px;margin: 0 auto; background:#fff; padding:15px;}
card-title{width:100%;justify-content:center;align-items:center;display:-webkit-flex;border-bottom:1px solid #999;position: relative;height:70px;}
card-title .title-cont{margin:0 auto;padding:0 15px;line-height:70px; border-bottom:3px solid #2594e3;}
card-title .title-cont .title{ font-size:32px;}
card-title .title-cont .title a{color:#2594e3;}
.news-list{width:100%;margin:0 auto;}
.news-list li{ background: url(../images/li_dot.png) left 1.1rem no-repeat; padding-left:15px; line-height:36px;font-size:16px;overflow:hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list li a{color:#337ab7;}
.news-list li a:hover{color: #2594e3;}
.text-muted{ color:#777;}
.imglist2{ margin-left:-2%;}
.imglist2 li{ width:48%; float:left; margin-left:2%;}
.imglist2 li img{ max-width:100%;}
.imglist{ margin-left:-2%;}
.imglist li{ width:31.33%; float:left; margin-left:2%;}
.imglist li img{ max-width:100%; border-radius:5px;}
/*footer*/
.footer { background-color: #fff;clear: both; font-size:12px;}
.footer-info {padding: 22px 0;}
.footer-info .address {width: 580px;margin-left: 10px;}
.footer-info .address li {line-height: 20px;color: #fff;font-size: 12px;}
.footer-links {padding: 25px 0;border-bottom: 2px solid #074675;}
.footer-links li {float: left;margin-right: 24px;text-align: left;position: relative;width: 220px;padding: 0 15px;border: 1px solid #74ACD6;cursor: pointer;font-size: 15px;color: #74ACD6;line-height: 38px;text-align: center;}
.footer-links li.alink {background: none;text-align: center;}
.footer-links li.last {margin-right: 0;}
.footer-links li.on {border-color: #fff;border-bottom: none;background-color: #fff;color: #074675;}
.footer-links li a {font-size: 15px;color: #74ACD6;line-height: 38px;}
.friend-link .item {padding: 10px 0;}
.friend-link .item a {display: block;margin: 5px 20px;float: left;line-height: 28px;float: left;font-size: 14px;font-weight: normal;color: #333;}
.red {color:#d8390f;}
.footer a{ color:#333;}
.mobile-footer{ margin-bottom: 50px;}
.floorContent {padding: 10px;}
.navList{ margin: 0 auto; }
.navList ul { margin: 0 auto; text-align: center; padding: 0; }
.navList li { width: 25%; padding: 10px 0; display: inline-block;}
.navList li a { display: block; font-size: 14px; color: #999; text-align: center;}
.navList li a i { display: block; margin: 0 auto 5px; width: 60%; max-width: 50px;}
.copyright{ background-color: #f95a01; height: 50px; line-height: 50px; color: #fff; font-size: 14px;}
.copyright a { padding: 0 5px;}
.copyright img {vertical-align:middle;}
.x-panel-bottom {position: fixed;top: auto;left: 0;bottom: 0;width: 100%;height:42px; padding-top:8px; background:#f5f5f5;}
.btn-group li{ width:25%; float:left;  text-align:center; font-size:12px;}
.btn-group li i{ display:block; margin:0 auto; font-size:15px;}
.btn-group li a:hover{color: rgb(234, 65, 60);}
.btn-group li a{color:#999}

@media (max-width: 768px) {
.top-banner{ height:240px; background:#2a96e3 url(../images/m_banner.jpg) center top no-repeat;overflow: hidden;background-size: 100% 100%;}
.headline-card-title {width: 100%;height:40px; justify-content: center; align-items: center; display: -webkit-flex; border-bottom:2px solid  #b8e1ff;position: relative;}
.headline-card-title .title-cont { position:absolute; left:5px; font-size:15px;line-height:40px;height:40px;border-bottom:0;padding: 0;}
.card-title{width:100%;border-bottom:1px solid #999;position: relative;height:40px;}
.card-title .title-cont{padding:0px;line-height:40px; border-bottom:3px solid #2594e3;}
.card-title .title-cont .title{ font-size:15px;}
.card-title .title-cont .title a{color:#2594e3;}
.block30 {display: block;height:15px;line-height:15px;clear: both;font-size: 0px;}
.headline-card-title a.more{ font-size:14px; right:0px;}
.logo{ display:none;}
}

@media (min-width: 320px) {
.info {padding:10px 5px; font-size:13px;}
.top-banner{ height:115px;}
.imglist2{ margin-left:0%;}
.imglist2 li{ width:100%; margin-left:0%;}
.imglist2 li img{ max-width:100%;}
.footer{display:none;}
.mobile-footer{ height:auto; margin-bottom:50px; overflow:visible;}

}
@media (min-width: 375px) {
.info {padding:10px 5px; font-size:13px;}
.top-banner{ height:125px;}
.imglist{ margin-left:0%;}
.imglist li{ width:100%; margin-left:0%;}
.imglist li img{ max-width:100%; border-radius:5px;}
.imglist2{ margin-left:0%;}
.imglist2 li{ width:100%; margin-left:0%;}
.imglist2 li img{ max-width:100%;}
.footer{display:none;}
.mobile-footer{ margin-bottom:50px; overflow:visible;}
}
@media (min-width: 768px) {
.top-banner{ height:260px;}
.logo{ display:block;left:5%; top:10px;}
.imglist{ margin-left:-2%;}
.imglist li{ width:31.33%; float:left; margin-left:2%;}
.imglist li img{ max-width:100%; border-radius:5px;}
.imglist2{ margin-left:-2%;}
.imglist2 li{ width:48%; float:left; margin-left:2%;}
.imglist2 li img{ max-width:100%;}
.footer{display:none;}
.mobile-footer{ height:auto; margin-bottom:50px; overflow:visible;}
}
@media (min-width: 992px) {
.top-banner{ height:400px;}
.footer{overflow:visible; display:block;}
.mobile-footer{overflow:hidden; display:none;}

}
@media (min-width: 1200px) {
.yq-header {height: 330px;}
}