@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;  border-bottom: 1px solid  #b8e1ff;position: relative;}
.headline-card-title .title-cont {font-size: 24px;line-height:60px;border-bottom:3px solid #46b2d6;margin: 0 auto;padding: 0 35px;text-align: center;}
.headline-card-title .title-cont .title a{ color:#46b2d6}
.headline-card-title a.more{ right:10px; position:absolute; color:#000;top:20px;}
.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 #46b2d6;}
card-title .title-cont .title{ font-size:32px;}
card-title .title-cont .title a{color:#46b2d6;}
.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: #46b2d6;}
.text-muted{ color:#777;}
.imglist2{overflow: hidden;}
.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;}
.container { width: 1200px;margin: 0 auto;}
/*footer start*/
.footer {margin-top:20px;overflow: hidden;padding-bottom: 10px;background: #5fb6d1;}
.footer .a1 {margin-left: 197px;margin-top: 25px;float: left;}
.footer p {text-align: center;color: #fff;font-size: 12px;line-height: 20px;margin-top: 16px;width: 750px;float: left;margin-left: 26px;}
.footer .a2 {margin-left: 29px;margin-top: 32px;float: left;}
footer{display:none;}
.db-nav{display:none;}
.tc-nav{display:none;}
.tc-bg{display:none;}
/*footer end*/
@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 #46b2d6;}
.card-title .title-cont .title{ font-size:15px;}
.card-title .title-cont .title a{color:#46b2d6;}
.block30 {display: block;height:15px;line-height:15px;clear: both;font-size: 0px;}
.headline-card-title a.more{ font-size:14px; right:0px;top:10px;}
.logo{ display:none;}
.footer{margin-top: 20px;padding-bottom: 20px;background: #40b6d9;display:none;}
.footer .a1{display: none;}
.footer .a2{display: none;}
.footer p{float: none;width: 90%;}
footer{background: #fff;margin-top: 10px;padding-bottom: 45px;display:block;}
footer p{height: 50px;line-height: 50px;color: #fff;font-size: 14px;background: #40b6d9;margin-top: 10px;margin-bottom: 10px;text-align: center;}
.db-nav{position: fixed;width: 100%;height: 46px;border-top: 1px solid #e7ecf2;background: #f5f5f5;z-index: 999999;bottom: 0;left: 0;display:block;}
.db-nav li{float: left;width: 20%;}
.db-nav li a{display: block;height: 100%;}
.db-nav li i{display: block;width: 26px;height: 26px;background-image: url(../images/phone20_03.png);background-repeat: no-repeat;margin: 1px auto;}
.db-nav li span{display: block;text-align: center;font-size: 12px;color: #666;}
.db-nav li i.i1{background-position: -15px -11px;}
.db-nav li.active .i1{background-position: -15px -47px;}
.db-nav li i.i2{background-position: -59px -11px;}
.db-nav li.active i.i2{background-position: -59px -47px;}
.db-nav li i.i3{background-position: -105px -11px;}
.db-nav li.active i.i3{background-position: -105px -47px;}
.db-nav li i.i4{background-position: -153px -11px;}
.db-nav li.active i.i4{background-position: -153px -47px;}
.db-nav li i.i5{background-position: -203px -11px;}
.db-nav li.active i.i5{background-position: -203px -47px;}
.db-nav li.active span{color: #40b7d9;}
.tc-nav{position: fixed;width: 96%;margin: 0 auto;background: #fff;border-radius: 6px;/* overflow: hidden; */bottom: 58px;left: 50%;margin-left: -48%;z-index: 999999;display: none;}
.tc-nav .title{height: 36px;background: #66c5e1;line-height: 36px;font-size: 16px;color: #fff;overflow: hidden;border-radius: 6px 6px 0 0;}
.tc-nav .title span{display: inline-block;padding-left: 32px;background: url(../images/phonenav_03.png) no-repeat left center;margin-left: 16px;}
.tc-nav ul{background: #fff;padding: 5px 0 17px 0;border-radius: 0 0 6px 6px;}
.tc-nav li{float: left;width: 25%;text-align: center;}
.tc-nav li a{padding: 10px 4px;display: inline-block;color: #666;font-size: 16px;background: url(../images/rls15_03.png) repeat-x left bottom;}
.tc-nav .sanj{position: absolute;width:0;height: 0;border: 8px solid transparent;border-top: 8px solid #fff;right: 28px;bottom: -14px;}
.tc-bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;background: rgba(0,0,0,.6);display: none;}
.place{display:none;}

}

@media (min-width: 320px) {
.top-banner{ height:115px;}
.info {padding:10px 5px; font-size:13px;}
.imglist2{ margin-left:0%;}
.imglist2 li{ width:100%; margin-left:0%;}
.imglist2 li img{ max-width:100%;}

}
@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%;}
}
@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%;overflow: hidden;}
.imglist2 li{ width:48%; float:left; margin-left:2%;}
.imglist2 li img{ max-width:100%;}
}
@media (min-width: 992px) {
.top-banner{ height:400px;}
	
}