﻿@import url("govOpenMonthPublic.css");
@import url("govOpenMonth_swiper3.4.2.css");
/*fonts attribute by millia*/
/*font size*/
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f34{font-size:34px;}
.f36{font-size:36px;}
.f38{font-size:38px;}
.f40{font-size:40px;}


/*font color and a color style*/
.cfff,.cfff a{color:#fff;}
.c333,.c333 a{color:#333;}
.c666,.c666 a{color:#666;}
.c999,.c999 a{color:#999;}

/*font line-height*/
.lh12{line-height:12px;}
.lh14{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh32{line-height:32px;}
.lh34{line-height:34px;}
.lh36{line-height:36px;}
.lh38{line-height:38px;}
.lh40{line-height:40px;}
.lh42{line-height:42px;}
.lh44{line-height:44px;}
.lh46{line-height:46px;}
.lh48{line-height:48px;}
.lh50{line-height:50px;}
.lh52{line-height:52px;}
.lh54{line-height:54px;}
.lh56{line-height:56px;}
.lh58{line-height:58px;}
/*position and align by millia*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.floatLeft{float:left;display:inline;}
.floatRight{float:right;display:inline;}
.hidden{visibility:hidden;} 
.none,.hide{display:none;}

/*height and width by millia*/
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w125{width:125px;}
.w130{width:130px;}
.w135{width:135px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w290{width:290px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w330{width:330px;}
.w335{width:335px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w370{width:370px;}
.w375{width:375px;}
.w380{width:380px;}
.w385{width:385px;}
.w390{width:390px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w425{width:425px;}
.w430{width:430px;}
.w440{width:440px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w475{width:475px;}
.w480{width:480px;}
.w490{width:490px;}
.w500{width:500px;}
.w510{width:510px;}
.w520{width:520px;}
.w530{width:530px;}
.w540{width:540px;}
.w550{width:550px;}
.w560{width:560px;}
.w570{width:570px;}
.w580{width:580px;}
.w590{width:590px;}
.w600{width:600px;}
.w610{width:610px;}
.w620{width:620px;}
.w630{width:630px;}
.w635{width:635px;}
.w640{width:640px;}
.w650{width:650px;}
.w660{width:660px;}
.w670{width:670px;}
.w680{width:680px;}
.w690{width:690px;}
.w700{width:700px;}
.w710{width:710px;}
.w720{width:720px;}
.w730{width:730px;}
.w740{width:740px;}
.w750{width:750px;}
.w760{width:760px;}
.w770{width:770px;}
.w780{width:780px;}
.w790{width:790px;}
.w800{width:800px;}
.w810{width:810px;}
.w815{width:815px;}
.w820{width:820px;}
.w830{width:830px;}
.w840{width:840px;}
.w850{width:850px;}
.w860{width:860px;}
.w870{width:870px;}
.w880{width:880px;}
.w890{width:890px;}
.w900{width:900px;}
.w910{width:910px;}
.w920{width:920px;}
.w930{width:930px;}
.w940{width:940px;}
.w950{width:950px;}
.w960{width:960px;}
.w970{width:970px;}
.w980{width:980px;}
.w990{width:990px;}
.w1000{width:1000px;}
.w1050{width:1050px;}
.w1100{width:1100px;}
.w1150{width:1150px;}
.w1200{width:1200px;}

.w{width:100%;}
.h{height:100%;}

/*margin and padding by millia*/
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.m35{margin:35px;}
.m40{margin:40px;}
.m45{margin:45px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}
.m80{margin:80px;}
.m90{margin:90px;}
.m100{margin:100px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml55{margin-left:55px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml120{margin-left:120px;}
.ml150{margin-left:150px;}
.ml160{margin-left:160px;}
.ml170{margin-left:170px;}
.ml180{margin-left:180px;}
.ml200{margin-left:200px;}
.ml210{margin-left:210px;}
.ml800{margin-left:800px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.p35{padding:35px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}
.p70{padding:70px;}
.p80{padding:80px;}
.p90{padding:90px;}
.p100{padding:100px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}


.millia{width:1240px;margin:0 auto;position:relative;}
.millia a{color:#333;}
.posi{background:#f4f4f4;font-size:16px;line-height:44px;}
.posi .millia{display:flex;align-items:center;}
.posi .icon{width:18px;height:22px;vertical-align:center;margin-right:10px;}

.topic{background:url(topic.jpg) no-repeat top center;padding-top:400px;}
.bgwhite{background:#fff;padding:20px;}

.focus .swiper-slide{width:100%;height:320px;overflow:hidden;position:relative;}
.focus .swiper-slide b{display:block;width:100%;font-size:20px;line-height:54px;font-weight:normal;color:#fff;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.6);text-indent:20px;}
.focus .swiper-pagination{left:auto;bottom:15px;right:10px;width:auto;}
.focus .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 5px !important;width:10px;height:10px;border-radius:5px;}
.focus .swiper-pagination-bullet-active{background:#b41c0d;width:30px;}
.focus .swiper-slide{
    overflow: hidden;
    position: relative;
}
.focus .swiper-slide img{
    width: 100%;
	height: auto;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: .5s ease-in-out;
}
.focus .swiper-slide:hover img{transform: translate(-50%, -50%) scale(1.2);}

.ls01 li{border-top:1px dotted #d7d7d7;padding:15px 0 0 0;margin-top:15px;color:#999;}
.ls01 li:first-child{border:none;padding-top:0;margin:0;}
.ls01 li h5{font-size:22px;font-weight:bold;padding-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.ht{text-align:center;padding:35px 0;}

#certify{position:relative;background:url(bg01.png) repeat-x bottom;padding-bottom:30px;}
#certify .swiper-button-next,#certify .swiper-button-prev{top:auto;bottom:60px;}
.swiperImg .swiper-slide{width:560px;height:370px;box-shadow: 0 8px 10px #ddd;position:static;}
.swiperImg .swiper-slide img{width:100%;height:100%;}
.swiperContentBg{background:#4c4c4c;padding:25px 110px;color:#fff;margin-top:20px;}
.swiperContentBg .swiper-slide a{
    color: #fff;
}

.endbg{background:url(endbg.jpg) no-repeat bottom center;padding-bottom:65px;}

.imgList ul{display:flex;flex-wrap:wrap;margin-left:-2%;height:645px;overflow:hidden;transition:all 0.5s;}
.imgList ul li{width:23%;height:195px;margin:20px 0 0 2%;overflow:hidden;position:relative;}
.imgList ul li img{width:100%;height:100%;}
.imgList ul li b{position:absolute;display:block;left:0;bottom:0;background:rgba(0,0,0,0.6);font-weight:normal;color:#fff;padding:10px 15px;width:100%;box-sizing:border-box;font-size:14px;line-height:20px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.checkmore b{display:inline-block;font-size:18px;padding:10px 50px;border:1px solid #666;font-weight:normal;border-radius:30px;cursor:pointer;}

.old_type .w600,.old_type .w560{width:100%;}
.old_type .focus{margin-bottom:40px;}
.old_type .focus .swiper-slide{height:auto;}
.old_type .swiperContentBg .swiper-slide{font-size:22px;line-height:38px;}
.old_type .ls01 li{font-size:22px;line-height:38px;}
.old_type .ls01 li h5{font-size:32px;}

.old_type .ht img{width:60%;height:auto;}
.old_type .imgList ul{height:1280px;}
.old_type .imgList ul li{width:48%;height:400px;}
.old_type .imgList ul li b{font-size:20px;line-height:32px;}


@media screen and (max-width:640px){
.sysw{width:100% !important;box-sizing:border-box;}
.syshide{display:none !important;}
.sysclearbox{margin:0 !important;padding:0 !important;}
.sysimg img{width:100% !important;height:auto !important;}
.sysmt20{margin-top:2rem !important;}
.millia{width:94%;}
.posi{font-size:14px;}
.topic{background-size:220% auto;padding-top:10rem;}
.bgwhite{padding:0.5rem;}
.focus .swiper-slide,.swiperImg .swiper-slide{width:100% !important;height:auto !important;}
.focus .swiper-slide b{white-space:nowrap;overflow:hidden;text-indent:0;font-size:0.9rem;line-height:2.6rem;text-align:center;}
.focus .swiper-pagination{display:none;}

.ls01 li h5{font-size:1.1rem;}
.ht img{width:100%;height:auto;}
#certify .swiper-button-next,#certify .swiper-button-prev{top:38%;}
.swiperContentBg{padding:0.5rem;margin-top:0;}

.imgList ul{height:auto;}
.imgList ul li{width:100%;}

}