main{width:1200px; margin:0 auto 100px;}
#visual{margin:0 auto; overflow:hidden; height:400px; width:1200px; position:relative; overflow:hidden;}
#pagination{position:absolute; z-index:888; text-align:center; width:300px; left:50%; margin-left:-150px; bottom:30px;}
#pagination li{display:inline-block;  margin:0px 5px; vertical-align:bottom;}
#pagination li a{display:block;background:#32498b; width:15px; height:15px; font-size:0; border-radius:50%;}
#pagination li.current a{background:rgba(255,255,255,0.75)}
#pagination li a.vis-stop,#pagination li a.vis-play{background:none; position:relative;}
#pagination li a.vis-stop i, #pagination li a.vis-play i{font-size:22px; text-align:center; vertical-align:top; position:absolute; left:-3px; top:-4px; color:#32498b;}

#news-box{position:relative; padding:130px 0 80px; }

#popup{position:absolute; width:400px; height:380px;top:80px; z-index:99; }
.pop-box{background:url(../../images/main/con-pop-bg.jpg) no-repeat 0 0; background-size:400px 320px; color:#fff;height:320px; overflow:hidden;}
.pop-box img{width:400px;}
.slidesjs-container{height:320px;}
.con-data{font-size:15px; font-weight:500; letter-spacing:0.05em;}
.con-data span{font-weight:400; font-size:48px; letter-spacing:0em;}
.con-place{color:rgba(255,255,255,0.8); line-height:18px;}
.con-tit{font-size:20px; font-weight:500; letter-spacing:0.03em; line-height:24px; margin-top:17px;}
.con-more{text-align:center; width:140px; border:1px #fff solid; margin:35px auto 0;}
.con-more a{display:block; line-height:38px; color:#fff; font-size:12px; font-weight:500; letter-spacing:0.10em;}
.con-more a span{display:inline-block;background:url(../../images/common/aside-link-arrow.png) no-repeat 100% 100%; padding-right:26px;}
.slidesjs-navigation{color:#333; display:block; position:absolute; z-index:999; left:16px; bottom:18px; background-size:8px 14px; background-repeat:no-repeat; width:8px; height:14px; text-indent:-999px; font-size:0; overflow:hidden; }
.slidesjs-previous{background-image:url(../../images/main/pop-prev-btn.gif);}
.slidesjs-next{background-image:url(../../images/main/pop-next-btn.gif); left:102px;}
.slidesjs-log{position:absolute; left:24px; bottom:14px; font-size:16px; font-weight:500; color:#1973af; width:78px; text-align:center;}

#news-room{margin-left:350px; background:#f3f5f6; border:1px #e6e7e8 solid; height:318px; position:relative; padding-left:49px;}
#news-room h2{color:#1973af; font-weight:500; font-size:16px; letter-spacing:0.1em; text-align:center; padding:32px 0;}
#news-room .more{position:absolute; right:0; top:0; background:#e6ebec; border:1px #e6e7e8 solid; border-width:0 0 1px 1px}
#news-room .more a{display:block; font-size:0; width:50px; height:46px; text-align:center;}
#news-room .more a i{font-size:20px; color:#b1b6bb; line-height:43px;}
#news-room li{width:50%; float:left; *zoom:1; *width:49%;}
#news-room li div{padding:0 40px;}
#news-room li div a{color:#304050; display:block; width:100%; overflow:hidden;}
#news-room li div .news-tit{font-size:16px; font-weight:500; line-height:20px; height:40px; overflow:hidden; margin:22px 0 12px;}
#news-room li div .news-txt{line-height:20px; height:60px; overflow:hidden;}
#news-room li div .news-more{color:rgba(124,132,140,0.6); font-size:12px; font-weight:500; letter-spacing:0.10em; background:url(../../images/main/news-more.gif) no-repeat 100% 4px; display:inline-block; line-height:1; padding-right:25px; margin-top:7px;}
#news-room li:first-child div{border-right:1px #dddedf solid;}
#news-room ul:after{clear:both; content:"."; visibility:hidden; height:0; display:block}
.news-top{color:#1973af; }
.news-top span{display:inline-block; padding:0 20px 0 12px; background:url(../../images/main/news-bg.gif) no-repeat 100% 0 #1973af; background-size:70px 24px; line-height:24px; font-weight:500; font-size:11px; color:#fff; letter-spacing:0.1em; margin-right:4px;}
.new{background:#32498b; width:16px; line-height:16px; font-size:8px; display:inline-block; font-weight:500; color:#fff; text-align:center; vertical-align:middle; margin-left:3px;}

#quick-link{background:#f3f5f6; border:1px #e6e7e8 solid; height:98px;}
#quick-link:after{clear:both; content:"."; visibility:hidden; height:0; display:block; }
.q-link01{width:50%; float:left; text-align:center;}
.q-link01 p{display:inline-block; width:49%; margin-top:19px; *zoom:1; *display:inline;}
.q-link01 p:first-child{border-right:1px #dddedf solid;}
.q-link01 p a{displaY:block; height:60px;}
.q-link01 p span{display:block; color:#304050; letter-spacing:0.04em; padding-top:8px;}
.q-link02{width:50%; float:right; background:#32498b; height:100px; position:relative; margin-top:-1px; margin-right:-1px; text-align:center;}
.q-link02 li{display:inline-block; width:24%; padding-top:25px; *display:inline; *zoom:1;}
.q-link02 a{display:block; color:#fff; background-size:25px; background-repeat:no-repeat; background-position:50% 0; padding-top:34px;}
.q-link02 .ql-l01 a{background-image:url(../../images/main/code-ico.gif);}
.q-link02 .ql-l02 a{background-image:url(../../images/main/photo-ico-1.gif);}
.q-link02 .ql-l03 a{background-image:url(../../images/main/people-ico.gif);}
.q-link02 .ql-l04 a{background-image:url(../../images/main/location-ico.gif);}


#link-box{border-bottom-width:1px;}

/*--------------------1199--------------------*/
@media screen and (max-width:1199px){
main{width:980px; overflow:hidden;}
#visual{width:100%; position:relative;border-top-width:0;}
#visual_slides{width:100%; overflow:hidden;}
#visual_slides li{left:50%; margin-left:-600px;}


}

/*--------------------979--------------------*/
@media screen and (max-width:979px){
main{width:96%; overflow:hidden; margin-bottom:30px;}
#visual{height:320px;}
#visual_slides li{margin-left:-480px;}
#visual_slides li img{height:320px;}


.q-link02 .ql-l01 a{background-image:url(../../images/main/m-code-ico.gif);}
.q-link02 .ql-l02 a{background-image:url(../../images/main/m-photo-ico-1.gif);}
.q-link02 .ql-l03 a{background-image:url(../../images/main/m-people-ico.gif);}
.q-link02 .ql-l04 a{background-image:url(../../images/main/m-location-ico.gif);}

#news-box{padding:50px 0 0px}
#popup{width:100%; position:relative; height:auto; top:0;}
.slidesjs-container{height:100%;}
.pop-box{height:100%; background-size:cover;}
.pop-box img{width:100%; display:block;}
.con-place br{display:none;}
.con-tit{margin-top:10px;}
.con-more{right:0; top:10px; position:absolute; margin:0; width:120px;}
.slidesjs-navigation{top:-30px;}
.slidesjs-log{top:-35px;}

#news-room{margin-left:0px; padding-left:0px;}
#news-room li div{padding:0 20px;}

#quick-link{height:auto;flex-wrap:wrap; display:flex; border-width:0;}
.q-link01{width:100%; height:98px; order:1;border:1px #dddedf solid; border-top-width:0;}
.q-link02{width:100%; float:auto; margin-right:0; margin-top:0; order:0;}

}

/*--------------------767--------------------*/
@media screen and (max-width:767px){
#visual{height:260px;}
#visual_slides li{margin-left:-390px;}
#visual_slides li img{height:260px;}
#pagination{bottom:10px;}

.con-more{width:80px;}
.con-more a span{background:none; padding-right:0;}
.con-data{margin-top:5px;}
.con-data span{font-size:36px; margin-right:10px;}
.con-more a{line-height:32px;}

#news-room{height:auto;}
#news-room h2{padding:25px 0;}
.news-top span{display:block; margin-bottom:10px;}
#news-room li{width:100%;}
#news-room li div{margin-bottom:20px;}
#news-room li:first-child div{border-right:0; border-bottom:1px #dddedf solid; padding-bottom:20px; }
#news-room li div .news-tit{margin:15px 0 5px; font-size:14px; display:inline-block; width:100%; height:100%; max-height:40px;}
#news-room li div .news-txt{font-size:12px;}
#news-room li div .news-more{background-size:10px 4px; padding-right:15px;}
#news-room li div .news-txt{display:inline-block; height:100%; max-height:60px; width:100%;}

.q-link01{height:auto;}
.q-link01 p{margin:15px 0;}
.q-link01 p a{height:auto;}
.q-link01 a img{width:100px;}
.q-link01 p span{font-size:12px; padding-top:3px;}

.q-link02 li{width:22%;}
.q-link02 li:first-child{width:28%;}
.q-link02 a{font-size:11px;}
}

/*--------------------550--------------------*/
@media screen and (max-width:550px){
#visual{height:180px;}
#visual_slides li{margin-left:-270px;}
#visual_slides li img{height:180px;}

}

/*--------------------380--------------------*/
@media screen and (max-width:380px){
#visual{height:150px;}
#visual_slides li{margin-left:-225px;}
#visual_slides li img{height:150px;}

}