@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";}
img{ border:0;}
a{ text-decoration:none; color:#000;}
a:hover{ color:red;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.oldbb { float:right;margin-top:30px;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
/* CSS Document */
#screen { position: fixed; z-index: 100; background: rgba(0,0,0,0.5); left: 0; top: 0; width: 100%; height: 100%; display: none;}
.header { z-index: 200; background: rgb(8,127,133); position: fixed; left: 0; top: 0; width: 100%; height: 116px;}
.headerCont { width: 1620px; margin: 0 auto; max-width: 92%;}
.headerCont a.logo { float: left; margin-top: 21px;}
.topBanner { background:url(../images/c_01.jpg) center top no-repeat;padding-top: 116px;}
.headerCont .homeEnter { display: block; font-size: 14px; text-align: center; margin-top: 5px; color: #ffffff; border: 1px solid #ffffff; width: 88px; line-height: 28px;}
.ssbox{overflow: hidden; width: 250px;height: 35px; background: #fff; position: absolute; top: 26px; right: 0; box-shadow:0 0 10px rgba(0, 0, 0, .1);z-index: 99;border-radius: 4px;display: none;}
.wby3{padding: 0 10px;outline: none; box-sizing: border-box; border: none; height: 35px; line-height: 35px; width: 100%;}
.btn3{background: url(../images/x1.png) no-repeat center center; width: 35px;height: 35px; position: absolute; top: 0; right: 5px;cursor: pointer; border: none;background-size: 20px 20px;}
.searchCont span { cursor: pointer; display: block; background: url(../images/searchicon.png) center no-repeat; width: 20px; height: 21px;}
.searchCont { margin-right: 24px; float: right; position: relative; margin-top: 62px;}
.nav {margin-right: 10px; margin-top: 54px; float: right;}
.nav li { position: relative; margin-left: 5px; float: left;}
.nav li h2 { transition: all .5s; border-radius: 4px; line-height: 36px; font-size: 18px; color: #ffffff;}
.nav li h2 a { padding: 0 18px; color: #ffffff;}
.nav li dl { display: none; background: #087f85; padding-top: 20px; position: absolute; left: 0; top: 36px; width: 100%; text-align: center;}
.nav li dt {transition: all .5s; line-height: 38px; font-size: 17px; color: #ffffff;}
.nav li dt a { color: #ffffff;}
.nav li:hover h2 { background: #025a5d;}
.nav li dl::after { content: ''; transition: all .5s; opacity: 0; position: absolute; left: 50%; top: 0; background: url(../images/subsj.png) center no-repeat; width: 19px; height: 10px;
margin-left: -9.5px;}
.nav li dt:hover { background:#025a5d ;}
.nav li:hover dl::after { opacity: 1;}
.banner{position: relative; overflow: hidden; width: 1620px; margin: 0 auto; max-width: 92%;}
.banner img{width: 100%; display: block;}
.banner .swiper-pagination{bottom: 35px;}
.banner .swiper-pagination-bullet{opacity: 1; background: none; color: #fff; font-size: 22px;display: inline-block; padding: 12px 0;text-align: center; margin: 0 !important;width: 40px;}
.banner .swiper-pagination-bullet-active{background: url(../images/a_06.png) no-repeat center top; width: 128px;}
.newsCont { width: 1460px; margin:68px auto 0; max-width: 92%;}
.newsLeft { float: left; width: 65.34%;}
.newsTitle {margin-bottom: 38px;overflow: hidden;padding-bottom: 20px; background: url(../images/titleline.png) left bottom no-repeat; position: relative;}
.newsTitle::after { content: ''; position: absolute; left: 140px; right: 0; height: 1px; background: #e5e5e5; bottom: 3px;}
.newsTitle p { line-height: 1; float: left; font-size: 36px; color: #2a2a2a;}
.newsTitle a { margin-top: 22px; position: relative; float: right; font-size: 15px; color: #545454;  padding-left: 30px;}
.newsTitle a::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; border-radius: 50%;background: url(../images/more.jpg) left center no-repeat;}
.newsSlide {background: #078088; overflow: hidden;}
.newsImg {overflow: hidden; float: left; position: relative; width: 51%; height: 350px;}
.newsImg img { transition: all .5s; display: block; width: 100%; height: 100%; object-fit: cover;}
.newsDate { padding: 16px 0; width: 70px; z-index: 2; background-image: linear-gradient(to bottom,#309693,#108890); position: absolute; left: 0; top: 0; text-align: center;}
.newsDate p { line-height: 1; margin-bottom:5px; font-size: 28px; color: #ffffff;}
.newsDate span { font-size: 12px; line-height: 1; color: #ffffff;}
.newsImg:hover img { transform: scale(1.1);}
.newsArt { float: right; height: 350px; width: 49%; background-size: 100%; background: url(../images/n2.jpg) right bottom no-repeat;
padding: 36px 1.66vw 0;}
.newsArt h2 { color: #ffffff; font-size: 22px; line-height: 34px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsArt p {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
 font-size: 16px; color: rgba(255,255,255,.76); line-height: 2; margin: 20px 0 65px; height: 96px;}
.newsSwiper { margin-bottom: 25px; position: relative; overflow: hidden;}
.newsArt a { transition: all .4s; display: block; width: 94px; line-height: 33px; color: #ffffff; font-size: 13px; border: 1px solid rgba(255,255,255,.58); text-align: center;}
.newsArt a:hover { background: #ffffff; color: #078088;}
.newsSwiper .swiper-pagination { width: auto!important; right: 0!important; left: auto!important; text-align: right; bottom: 35px!important; padding-right: 30px; box-sizing: border-box;}
.newsSwiper .swiper-pagination span { border: 1px solid #ffffff; background: none; opacity: 1;}
.newsSwiper .swiper-pagination span.swiper-pagination-bullet-active { background: #ffffff;}
.newsList li {border-top: 1px solid #efefef; padding: 20px 0; box-sizing: border-box; transition: all .4s; line-height: 28px; float: left; overflow: hidden; width: 49%;}
.newsList li:nth-child(2n) { float: right;}
.newsList li p { width: calc(100% - 123px); float: left; font-size: 16px; height: 56px; color: #000000;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList li a { display: block; outline: hidden;}
.newsList li span { float: right; font-size: 15px; color: #8d8d8d;}
.newsList li:hover { padding: 20px 10px; background: #078088;}
.newsList li:hover p,.newsList li:hover span { color: #ffffff;}
.newsList li:nth-child(3),.newsList li:nth-child(4) {border-bottom: 1px solid #efefef;}
.notice { float: right; width: 32%;}
.notice li {padding-bottom: 13px; margin-bottom: 13px; border-bottom: 1px solid #f2f2f2; overflow: hidden;}
.noticeDate { width: 68px; float: left; text-align: center;}
.noticeDate p { transition: all .5s; font-size: 25px; background:#e7e7e7; font-weight: bold; line-height: 43px; color: #2e9e92;}
.noticeDate span { transition: all .5s; display: block; font-size: 14px; color: #5d5d5d; background: #f2f2f2; line-height: 27px; font-size: 12px;}
.noticeTag {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 padding-top: 6px; transition: all .5s; float: right; width: calc(100% - 87px); font-size: 16px; color: #000000; line-height: 28px;}
.notice li:hover .noticeDate p {background: #16878a; color: #ffffff;}
.notice li:hover .noticeDate span {background: #077583; color: #ffffff;}
.notice li:hover .noticeTag {  color: #077583;}
.trends { padding: 72px 0 80px; margin: 65px auto; background: url(../images/tbg.jpg) center no-repeat; background-size: cover;}
.trendsCont { width: 1460px; max-width: 92%; margin: 0 auto;}
.trendsSlide { width: 48%; float: left;}
.trendsSlide:nth-child(2n) { float: right;}
.trends .newsTitle p,.trends .newsTitle a { color: #ffffff;}
.trends .newsTitle a::after { background: url(../images/whitemore.png) center no-repeat;}
.trends .newsTitle { background: url(../images/titline2.png) left bottom no-repeat;}
.trendsSlide li { line-height: 75px; border-bottom: 1px solid #489da1; font-size: 17px; overflow: hidden;}
.trendsSlide li span { float: left; color: #ffffff; opacity: .56;}
.trendsSlide li p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  float: right; width: calc(100% - 68px); box-sizing: border-box; color: #ffffff; transition: all .5s;}
.trendsSlide li:hover p{ color: #f2e575; padding-left: 20px;}
.students { width: 1460px; margin: 0 auto 70px; max-width: 92%;}
.studentSwiper {padding-bottom: 55px; position: relative; overflow: hidden;}
/*
.studentsImg {overflow: hidden;height:0;padding-bottom:69%;}
.studentSwiper img { transition: all .5s; display: block; width: 100%;}
*/
.studentsImg {overflow: hidden; height: 12.6vw;}
.studentSwiper img { height: 100%; object-fit: cover; transition: all .5s; display: block; width: 100%;}
.stInfor p { line-height: 4; font-size: 17px; color: #000000; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; text-align: center;}
.studentSwiper .swiper-slide:hover img { transform: scale(1.1);}
.studentSwiper .swiper-pagination {bottom: 0!important; width: 100%!important;}
.studentSwiper .swiper-pagination span { width: 15px; height: 15px; opacity: 1; margin: 0 5px; background: #d6d6d6;}
.studentSwiper .swiper-pagination span.swiper-pagination-bullet-active { background: #008593;}
.service { position: relative; background: #f8f8f8; padding: 80px 0;}
.service::after { content: ''; background: url(../images/buildbg.png) center no-repeat; width: 237px; height: 231px; position: absolute; right: 0; top: -120px;}
.service ul{ width: 1460px; margin: 0 auto; overflow: hidden; max-width: 92%;}
.service li { margin-right: 2.744%; overflow: hidden; float: left; width: 14.38%;}
.service li:last-child { margin-right: 0;}
.serviceIcon { width: 47.14%; float: left;}
.serviceIcon img {transition: all .5s; display: block; width: 100%;}
.serviceTxt { float: right; width:48%; padding-top: 0.067rem; margin-top: 0.067rem; position: relative;}
.serviceTxt p { color: #000000; line-height: 1.16; font-size: .095rem;}
.serviceTxt span {font-size: 12px; color: rgba(0,0,0,.5);}
.service li:hover img { transform: rotate(360deg);}
.serviceTxt::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background-image: linear-gradient(to right,#008ca1,#7dc1ad);}
.linkList ul { width: 1460px; margin: 0 auto; max-width: 92%; overflow: hidden;}
.linkList li { overflow: hidden; float: left; width: 23.7%; margin-right: 1.73333%;}
.linkList li img { width: 100%; display: block; transition: all .5s;}
.linkList li:hover img { transform: scale(1.1);}
.linkList li:nth-child(4) { margin-right: 0;}
.linkList { background: url(../images/linkbg.jpg) center bottom no-repeat; padding: 4vw 0 5.2vw;}
.footer { background: #078088;}
.footerCont { width: 1460px; margin: 0 auto; max-width: 92%; overflow: hidden; padding: 40px 0 50px;}
.footerLeft { float: left;}
.footLogo { display: block; margin-bottom: 20px;}
.footLogo img { display: block; max-width: 100%;}
.footerLeft p { font-size: 16px; color: #ffffff; line-height: 2;}
.linkBar a { line-height: 1; margin-bottom: 16px; font-size: 16px; color: #ffffff;}
.frLink h2 { margin-bottom: 35px; font-size: 24px; color: #ffffff; line-height: 1;}
.frLink { margin-top: 48px;padding-left: 40px; margin-left: 54px; border-left: 1px solid rgba(255,255,255,.43); float: left; width: 600px;}
.frLink a { box-sizing: border-box; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; padding-right: 10px; float: left; width: 33.33%; transition: all .5s;}
.frLink a:hover { opacity: .5;}
.scan { margin-top: 50px; float: right; overflow: hidden; background: #02525a;}
.scanImg { float: left;}
.scanImg img { display: block;}
.scan p { float: left; box-sizing: border-box; width: 45px; padding: 15px 15px 0; font-size: 15px; color: #ffffff; line-height: 17px;}
.copyRight { font-size: 15px; text-align: center; line-height: 48px; background: #02525a; color: rgba(255,255,255,.66);}
.copyRight a { margin-right: 10px; color: rgba(255,255,255,.66); transition: all .5s;}
.copyRight a:hover { color: #ffffff;}

.overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */
            display: none; /* 默认隐藏 */
        }
        
        /* 弹出层样式 */
        .popup {
            position: fixed;
            top: 50%;
            left: 50%;
            z-index:9999;
            transform: translate(-50%, -50%); /* 居中 */
            background-color: white;
            padding: 20px;
            width: 400px;
            height: 200px;
            display: none; /* 默认隐藏 */
        }
		
		.popup h2 { width:100%; text-align:center; font-size:32px; margin-bottom:25px; line-height:50px;}
        
		.popup p a { width:130px; height:36px; text-align:center; background:#087f85; line-height:36px; color:#fff; font-size:22px; margin:0 20px; display:inline-block; }
        /* 关闭按钮样式 */
        .close {
            position: absolute;
            top: 10px;
            right: 10px;
			font-size:22px;
            cursor: pointer;
        }


.bj3{background: url(../images/a_29.png) no-repeat center center; background-size: cover;height: 500px;position: relative;}
.bfbtn{cursor: pointer;
    width: 125px;
    height: 125px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: url(../images/video_icon.png) center no-repeat;}
.bfbtn,
.bfbtn:before,
.bfbtn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 85px;
  width: 85px;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: pulse-animation 3s infinite;
  -khtml-animation: pulse-animation 3s infinite;
  -moz-animation: pulse-animation 3s infinite;
  -ms-animation: pulse-animation 3s infinite;
  -o-animation: pulse-animation 3s infinite;
  animation: pulse-animation 3s infinite;}

.pulse-animation:before {
  -webkit-animation-delay: 0.9s;
  -khtml-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;}

.pulse-animation:after {
  -webkit-animation-delay: 0.6s;
  -khtml-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;}

@-webkit-keyframes pulse-animation {
  70% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);}
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes pulse-animation {
  70% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);}
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
.splx_tit{position: absolute; width: 100%; top: 75px;left: 50%;transform: translateX(-50%);}
.splx_tit h2{color: #fff; font-size: 32px;text-align:center ;background: url(../images/a_11.png) no-repeat center center;}

.zthz{ margin: 0 auto; width: 1460px;max-width: 94%; padding-bottom: 60px;}
.zthz_nr ul{overflow: hidden; margin-left: -25px;}
.zthz_nr li{float: left; width: 25%; padding-left: 25px;}
.zthzbox img{width: 100%; margin-bottom: 20px;}

.zthz_nr li .only_btn {
    width: 100% !important;
    border: 1px solid #ddd;
    color: #000;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    font-size: 15px;
   padding-left: 25px;

}
.wby2{width: 100%; height: 42px; padding: 0 15px;border: 1px solid #dddddd; font-size: 15px;文本去掉样式多选菜单：outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;background: url(../images/a_48.png) no-repeat 95% center;}
.dbby{background: url(../images/a_46.png) no-repeat center center;background-size: 100% auto;height: 42px;}


@media screen and  (max-width:1690px){
	.nav li h2 { font-size: 16px;}
	.nav li dt { font-size: 14px;}
	.nav li h2 a { padding: 0 10px;}
}

@media screen and  (max-width:1480px){
.headerCont a.logo { margin-top: 25px;}
.nav li h2 { font-size: 14px;}
.headerCont a.logo img { height: 50px;}
.header {height: 100px;}
.nav { margin-top: 34px;}
.searchCont { margin-top:40px;}
.oldbb { margin-top:15px;}
.topBanner { padding-top: 100px; background-size: 100% auto;}
.service::after { zoom: .8;}
.newsTitle p { font-size: 30px;}
.newsTitle a { margin-top: 15px;}
}
@media screen and  (max-width:1380px){
	.frLink { width: 500px;}
}
@media screen and  (max-width:1280px){
	.oldbb { display:none;}
	.menu { display: block; background: url(../images/d1.png) center no-repeat; width: 30px; height:30px; position: absolute; right: 4%; margin-top: 15px;}
	.menu.on { background: url(../images/d2.png) center no-repeat;}
	.header { height: 60px;}
	.headerCont a.logo img { height: 40px;}
	.headerCont a.logo { margin-top: 10px;}
	.nav { width: 160px; position: fixed; margin: 0; z-index: 10; background: rgb(8,127,133); left: -110%; top: 60px; bottom: 0;}
	.nav li { float: none; margin: 0;}
	.topBanner { padding-top: 60px;}
	.nav li dl { position: static; padding: 10px 0; text-align: left;}
	.nav li dl::after { display: none;}
	.nav li h2 { border-radius: 0;}
        .studentsImg { height: 20vw;}
	.homeEnter { display: none;}
	.searchCont { display: none;}
	.nav li dl dt { text-indent: 30px;}
	.nav li dl dt a { display: block;}
	.banner .swiper-pagination-bullet-active { width: 64px;}
	.banner .swiper-pagination-bullet { font-size: 14px;}
	.frLink { display: none;}
	
}
@media screen and  (max-width:1080px){
	.newsLeft { float: none; width: 100%;}
	.newsImg { float: none; width: 100%; height: auto;}
	.newsArt { float: none; width: 100%; height: auto; padding: 20px;}
	.newsCont { margin: 20px auto;}
	.newsTitle { margin-bottom: 10px;}
	.newsTitle p { font-size: 20px;}
	.newsTitle a { margin-top: 0; font-size: 14px;}
	.newsArt h2 { font-size: 16px; line-height: 2; height: 64px;}
	.newsArt p { font-size: 14px; line-height: 2; height: 84px; margin: 10px 0 20px;}
	.newsSwiper .swiper-pagination { bottom: 25px!important;}
	.newsList li { padding: 10px 0; float: none!important; width: 100%;}
	.newsList li p { width: calc(100% - 70px); font-size: 14px; line-height: 2;}
	.notice { float: none; width: 100%; margin-top: 20px;}
	.newsList li span { font-size: 14px;}
	.noticeTag { font-size: 14px;}
	.trends { margin: 20px 0; padding: 20px 0;}
	.trendsSlide { margin-bottom: 20px; float: none!important; width: 100%;}
	.trendsSlide li { font-size: 14px; line-height: 2;}
	.stInfor p { font-size: 14px; line-height: 2;}
	.studentSwiper {padding-bottom: 30px;}
	.studentSwiper .swiper-pagination span { width: 8px; height: 8px; margin: 0 3px;}
	.service::after { display: none;}
	.students { margin-bottom: 20px;}
	.service { padding: 20px 0;}
	.service li { width: 50%; margin: 0 0 10px;}
	.serviceIcon { float: none; margin: 0 auto 10px;}
	.serviceTxt { text-align: center; float: none; margin: 0 auto; max-width: 80%; width: auto;}
	.serviceTxt::after { display:none;}
	.serviceTxt p { font-size: 14px; line-height: 21px;}
	.serviceTxt span { font-size: 12px; line-height: 21px; display: block;}
}
@media screen and  (max-width:780px){
       .studentsImg {height: 34vw;}
	.linkList li { height: 63px; overflow: hidden; width: 49%; margin: 0 0 5px;}
	.linkList li:nth-child(2n) { float: right;}
	.footerLeft { float: none; text-align: center;}
	.footLogo { max-width: 80%; margin: 0 auto 20px;}
	.footerLeft p { text-align: center; font-size: 14px;}
	.scan { float: none; margin: 20px auto 0; width: 117px;}
	.scan p { float: none; width: 100%; line-height: 2; text-align: center; padding: 0;}
	.footerCont { padding: 20px 0;}
	.copyRight { font-size: 12px; padding: 12px 4%; line-height: 1.5;}
	.copyRight a { display: block; margin: 0;}
	.popup { width:80%;}
	.popup p a { width:80%; margin-bottom:5px;}

         .splx_tit {top: 45px; }
         .bfbtn, .bfbtn:before, .bfbtn:after {top: 70%; }
        .bj3 { height:260px; }
}