@charset "utf-8";
/* CSS Document */
.notice, .service, .encyclopedias, .culture { margin-bottom:30px;}
.brand, .encyclopedias,.news, .culture { float:left; background:#fbfbfb}
.notice { width:100%;}
.notice>div { float:left;}
.banner { width:860px; margin-right:20px;}
.list_notice { width:320px;}

.list_notice dl { background:#fff; border:1px solid #eeeeee; display:block; margin-bottom:22px;}
.list_notice dl dt { width:300px; height:52px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:52px; position:relative;}
.list_notice dl dt span { font-size:22px; margin-left:6px;}
.list_notice dl dd { height:258px;}

.support { width:100%; line-height:0;}

.service { width:100%; height:110px; background:#eeeeee;}
.service dl dt,.service dl dd { float:left;}
.service dl dt { width:193px; height:110px; background:#226ebc; font-size:22px; text-align:center; line-height:110px; color:#fff;}
.service dl dd { width:1007px; padding-top:14px; text-align:center;}
.service dl dd a { display:inline-block; width:200px; height:67px; background:#fff; border-radius:8px; margin:0 20px; text-align:center;  vertical-align:middle; padding-top:13px; color:#595959; font-size:16px;}
.service dl dd a i { display:inline-block; width:54px; height:54px; border-radius:54px;}
.service dl dd a span { display:inline-block; width:6em; height:54px; vertical-align:middle; text-align:center; line-height:54px;}
.service dl dd a i.icon_pay { background:#65c9b4 url(../img/icon_pay.png) center center no-repeat; vertical-align:middle; background-size:25px}
.service dl dd a i.icon_repair_s { background:#f19149 url(../img/icon_list.png) center center no-repeat; vertical-align:middle; background-size:25px}
.service dl dd a i.icon_water { background:#7cb8de url(../img/icon_water.png) center center no-repeat; vertical-align:middle; background-size:25px}
.service dl dd a i.icon_report { background:#facd89 url(../img/icon_report.png) center center no-repeat; vertical-align:middle; background-size:25px}

.more { position:absolute; right:0; top:15px; line-height:22px; color:#989898; background:url(../img/icon_more_arr.png) right center no-repeat; padding-right:27px;}
.more_n { position:absolute; right:0; top:26px; line-height:22px; color:#989898; background:url(../img/icon_more_arr.png) right center no-repeat; padding-right:27px;}

.list { display:none; margin:0 auto; padding:0 15px;}
.list p { vertical-align:middle;}
.list p a { width:100%; height:41px; display:block; line-height:41px; color:#595959; font-size:16px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.icon_point { width:6px; height:6px; display:inline-block; background:#d2d2d2; border-radius:6px; margin:0 8px; vertical-align:middle;}

.brand, .encyclopedias { width:485px; margin-right:30px;}

.brand dl { border:1px solid #eeeeee; display:block;}
.brand dl dt { width:460px; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
.brand dl dt span { font-size:22px; margin-left:6px;}
.brand dl dd { height:382px;}
.brand dl dd div.tab a { text-align:center;}
.brand dl dd div.list { text-align:center;}
.brand dl dd div.djService { padding-top:15px;}
.brand dl dd div.list a.outService { color: #ffffff;width:430px; height:125px; border-radius:8px; display:block; color:#fff; font-size:28px; line-height:130px; text-align:left;}
.brand dl dd div.list a img {}
.brand dl dd div.list a.outService:hover { color: #ffffff;}
.brand dl dd div.list a.outService span { margin-left:190px;}
.repair {  margin:0 auto 25px auto; background:#7cb8de url(../img/icon_repair.png) 33px 12px no-repeat;}
.hotline { margin:0 auto; background:#65c9b4 url(../img/icon_support.png) 33px 13px no-repeat;}

.news,.culture { width:685px;}

.news { background:none!important}

.news dl { border:1px solid #eeeeee; display:block; margin-bottom:30px; background:#fbfbfb;}
.news dl dt { width:660px; height:63px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:63px; position:relative;}
.news dl dt span { font-size:22px; margin-left:6px;}
.news dl dd { height:139px; padding-top:5px;}
.list_news p a { width:calc(100% - 165px); height:42px; display:inline-block; line-height:42px; color:#595959; font-size:16px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; vertical-align:middle;}

.encyclopedias dl { border:1px solid #eeeeee; display:block;}
.encyclopedias dl dt { width:460px; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
.encyclopedias dl dt span { font-size:22px; margin-left:6px;}
.encyclopedias dl dd { height:382px;}
.encyclopedias dl dd .tab {text-align:left;}
.encyclopedias dl dd .tab a { text-align:center; margin:0 0 0 16px;}

.culture dl { border:1px solid #eeeeee; display:block;}
.culture dl dt { width:660px; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
.culture dl dt span { font-size:22px; margin-left:6px;}
.culture dl dd { height:352px; text-align:center; padding-top:30px;}
.culture dl dd a { display:inline-block; width:150px; margin:0 8px;}
.culture dl dd a p { width:100%; display:block; text-align:center; background:#eeeeee; color:#000; margin-bottom:10px; height:55px; line-height:55px; font-size:16px; border-radius:3px;}
.culture dl dd a span { line-height:0;}
.culture dl dd a:hover p { color:#fff; background:#226ebc;}

.tab { text-align:left; padding:18px 0; margin-left:20px;}
.tab a { display:inline-block; margin:0 8px; width:130px; height:47px; line-height:47px; background:#eeeeee; border-radius:3px; font-size:16px;}
.tab a:hover { background:#226ebc; color:#fff;}
.tab a.cur { background:#226ebc; color:#fff;}

.newsdate { width:165px; text-align:right; display:inline-block; vertical-align:middle;}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
	.container { width:1000px; margin:0 auto;}
	.banner { width:720px; margin-right:20px;}
	.banner img { width:100%;}
	.list_notice { width:260px;}
	.list_notice dl { background:#fff; border:1px solid #eeeeee; display:block; margin-bottom:22px;}
	.list_notice dl dt { width:240px; height:52px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:52px; position:relative;}
	.list_notice dl dt span { font-size:22px; margin-left:6px;}
	.list_notice dl dd { height:210px;}
	.list_notice dl dd .tab { text-align:center; padding:10px 0;}
	.list_notice dl dd .tab a { display:inline-block; margin:0 8px; width:100px; height:40px; line-height:40px; background:#eeeeee; border-radius:3px; font-size:16px;}
	.list_notice dl dd .tab a:hover { background:#226ebc; color:#fff;}
	.list_notice dl dd .tab a.cur { background:#226ebc; color:#fff;}
	.support img { width:100%;}
	.list p a { width:100%; height:36px; display:block; line-height:36px; color:#595959; font-size:14px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
	.service dl dd { width:808px; padding-top:14px; text-align:center;}
	.service dl dd a { display:inline-block; width:180px; height:67px; background:#fff; border-radius:8px; margin:0 10px; text-align:center;  vertical-align:middle; padding-top:13px; color:#595959; font-size:16px;}
	
	
	.brand, .encyclopedias { width:420px; margin-right:20px;}

	.brand dl { border:1px solid #eeeeee; display:block;}
	.brand dl dt { width:385px; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
	.brand dl { border:1px solid #eeeeee; display:block;}
	.brand dl dt span { font-size:22px; margin-left:6px;}
	.brand dl dd { height:382px;}
	.brand dl dd div.tab a { text-align:center;}
	.brand dl dd div.list { text-align:center;}
	.brand dl dd div.djService { padding-top:15px;}
	.brand dl dd div.djService img { width:100%;}
	.brand dl dd div.list a.outService { color: #ffffff;width:385px; height:125px; border-radius:8px; display:block; color:#fff; font-size:28px; line-height:130px; text-align:left;}
	.brand dl dd div.list a img {}
	.brand dl dd div.list a.outService:hover { color: #ffffff;}
	.brand dl dd div.list a.outService span { margin-left:190px;}
	
	.news,.culture { width:560px;}


	.news { background:none!important}

	.news dl { border:1px solid #eeeeee; display:block; margin-bottom:30px; background:#fbfbfb;}
	.news dl dt { width:530px; height:63px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:63px; position:relative;}
	.news dl dt span { font-size:22px; margin-left:6px;}
	.news dl dd { height:139px; padding-top:5px;}

	.list_news p a { width:calc(100% - 165px)!important; height:41px; display:inline-block; line-height:41px; color:#595959; font-size:16px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; vertical-align:middle;}
	
	.encyclopedias dl dt { width:385px; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
	
	.encyclopedias dl dd { height:310px;}
	.encyclopedias dl dd div.list p:nth-last-child(1) { display:none;}
	
	.encyclopedias dl dd .tab a { width:116px;}
	
	.culture dl dt { width:530px; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
	.culture dl dt span { font-size:22px; margin-left:6px;}
	.culture dl dd { height:280px; text-align:center; padding-top:30px;}
	.culture dl dd a { display:inline-block; width:120px; margin:0 8px;}
	.culture dl dd a img { width:90%;}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
	.container { width:810px; margin:0 auto;}
	.banner { width:550px; margin-right:20px;}
	.banner img { width:100%;}
	.list_notice { width:240px;}
	.list_notice dl { background:#fff; border:1px solid #eeeeee; display:block; margin-bottom:15px;}
	.list_notice dl dt { width:220px; height:32px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:32px; position:relative;}
	.list_notice dl dt span { font-size:18px; margin-left:6px;}
	.list_notice dl dd { height:150px; overflow:hidden;}
	.list_notice dl dd .tab { text-align:center; padding:5px 0;}
	.list_notice dl dd .tab a { display:inline-block; margin:0 8px; width:100px; height:30px; line-height:30px; background:#eeeeee; border-radius:3px; font-size:16px;}
	.list_notice dl dd .tab a:hover { background:#226ebc; color:#fff;}
	.list_notice dl dd .tab a.cur { background:#226ebc; color:#fff;}
	.more { top:8px}
	.support img { width:100%;}
	.list p a { width:100%; height:32px; display:block; line-height:32px; color:#595959; font-size:14px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin-bottom:3px;}
	.service dl dd { width:600px; padding-top:14px; text-align:center;}
	.service dl dd a { display:inline-block; width:125px; height:67px; background:#fff; border-radius:8px; margin:0 10px; text-align:center;  vertical-align:middle; padding-top:13px; color:#595959; font-size:16px;}
	.service dl dd a i { width:30px; height:30px; border-radius:30px;}
	.service dl dd a span { height: 38px; line-height:38px;}
	
	.service dl dd a i.icon_pay { background-size:15px}
	.service dl dd a i.icon_repair_s { background-size:15px}
	.service dl dd a i.icon_water {background-size:15px}
	.service dl dd a i.icon_report { background-size:15px}
	
	.brand, .encyclopedias { width:320px; margin-right:20px;}

	.brand dl { border:1px solid #eeeeee; display:block;}
	.brand dl dt { width:285px; height:45px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:45px; position:relative;}
	.brand dl { border:1px solid #eeeeee; display:block;}
	.brand dl dt span { font-size:22px; margin-left:6px;}
	.brand dl dd { height:362px;}
	.brand dl dd div.tab a { text-align:center;}
	.brand dl dd div.list { text-align:center;}
	.brand dl dd div.djService { padding-top:15px;}
	.brand dl dd div.djService img { width:100%;}
	.brand dl dd div.list a.outService { color: #ffffff;width:255px; height:80px; border-radius:8px; display:block; color:#fff; font-size:18px; line-height:80px; text-align:left; background-size: auto 80%}
	.brand dl dd div.list a.outService:hover { color: #ffffff;}
	.brand dl dd div.list a.outService span { margin-left:120px;}
	
	.news,.culture { width:470px;}


	.news { background:none!important}

	.news dl { border:1px solid #eeeeee; display:block; margin-bottom:30px; background:#fbfbfb;}
	.news dl dt { width:440px; height:43px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:43px; position:relative;}
	.news dl dt span { font-size:18px; margin-left:6px;}
	.news dl dd { height:139px; padding-top:5px;}
	.more_n { top:13px}
	.list_news p a { width:calc(100% - 165px)!important; height:41px; display:inline-block; line-height:41px; color:#595959; font-size:16px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; vertical-align:middle;}
	
	.encyclopedias dl dt { width:285px; height:45px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:45px; position:relative;}
	.encyclopedias dl dt span { font-size:18px}
	.encyclopedias dl dd { height:310px;}
	.encyclopedias dl dd div.list p:nth-last-child(1) { display:none;}
	
	.encyclopedias dl dd .tab a { width:90px; margin:0 2px 15px 2px}
	
	.culture dl dt { width:440px; height:45px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:45px; position:relative;}
	.culture dl dt span { font-size:18px; margin-left:6px;}
	.culture dl dd { height:280px; text-align:center; padding-top:30px;}
	.culture dl dd a { display:inline-block; width:100px; margin:0 8px;}
	.culture dl dd a img { width:90%;}

}
@media screen and (max-width: 768px) and (min-width: 421px) {
	.container { width:100%; margin:0 auto;}
	.banner { width:100%; margin-right:0; margin-bottom:30px}
	.banner img { width:100%;}
	.notice>div { float:none;}
	.list_notice { width:95%; margin:0 auto;}
	.list_notice dl { background:#fff; border:1px solid #eeeeee; display:block; margin-bottom:22px;}
	.list_notice dl dt { width:95%; height:52px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:52px; position:relative;}
	.list_notice dl dt span { font-size:22px; margin-left:6px;}
	.list_notice dl dd { height:210px;}
	.list_notice dl dd .tab { text-align:left; padding:10px 0; margin-left:20px;}
	.list_notice dl dd .tab a { display:inline-block; margin:0 8px; width:100px; height:40px; line-height:40px; background:#eeeeee; border-radius:3px; font-size:16px; text-align:center;}
	.list_notice dl dd .tab a:hover { background:#226ebc; color:#fff;}
	.list_notice dl dd .tab a.cur { background:#226ebc; color:#fff;}
	.support { display:none;}
	.list p a { width:100%; height:36px; display:block; line-height:36px; color:#595959; font-size:14px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
	.service { width:95%; height:auto; background:#eeeeee; margin:0 auto; padding-bottom:20px; margin-bottom:30px;}
	
	.service dl dt,.service dl dd { float:none;}
	.service dl dt { width:calc(100% - 20px); height:40px; background:#226ebc; font-size:18px; text-align:left; line-height:40px; color:#fff; padding-left:20px;}
	.service dl dd { width:100%; padding-top:14px; text-align:center;}
	.service dl dd a { display:inline-block; width:calc(25% - 25px); height:67px; background:#fff; border-radius:8px; margin:0 10px; text-align:center;  vertical-align:middle; padding-top:13px; color:#595959; font-size:16px;}
	
	.brand, .news, .encyclopedias, .culture { float:none; }
	.brand, .encyclopedias { width:95%; margin:0 auto 30px auto;}

	.brand dl { border:1px solid #eeeeee; display:block;}
	.brand dl dt { width:95%; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
	
	.news,.culture { width:95%; margin:0 auto;}

	.news dl { border:1px solid #eeeeee; display:block; margin-bottom:30px; background:#fbfbfb;}
	.news dl dt { width:95%; height:63px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:63px; position:relative;}
	.news dl dt span { font-size:22px; margin-left:6px;}
	.news dl dd { height:139px; padding-top:5px;}
	.list_news p a { width:calc(100% - 165px)!important; height:41px; display:inline-block; line-height:41px; color:#595959; font-size:16px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; vertical-align:middle;}
	
	.encyclopedias dl dt { width:95%; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
	
	.encyclopedias dl dd { height:310px;}
	.encyclopedias dl dd div.list p:nth-last-child(1) { display:none;}
	
	.culture dl dt { width:95%; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
	.culture dl dt span { font-size:22px; margin-left:6px;}
	.culture dl dd { height:auto; text-align:center; padding:30px 0;}
	.culture dl dd a { display:inline-block; width: calc(25% - 25px); margin:0 8px;}
	.culture dl dd a img { width:90%;}
}

@media screen and (max-width: 420px) {
	.container { width:100%; margin:0 auto;}
	.banner { width:100%; margin-right:0; margin-bottom:30px}
	.banner img { width:100%;}
	.notice>div { float:none;}
	.list_notice { width:95%; margin:0 auto;}
	.list_notice dl { background:#fff; border:1px solid #eeeeee; display:block; margin-bottom:22px;}
	.list_notice dl dt { width:95%; height:52px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:52px; position:relative;}
	.list_notice dl dt span { font-size:22px; margin-left:6px;}
	.list_notice dl dd { height:210px;}
	.list_notice dl dd .tab { text-align:left; padding:10px 0; margin-left:20px;}
	.list_notice dl dd .tab a { display:inline-block; margin:0 8px; width:100px; height:40px; line-height:40px; background:#eeeeee; border-radius:3px; font-size:16px; text-align:center;}
	.list_notice dl dd .tab a:hover { background:#226ebc; color:#fff;}
	.list_notice dl dd .tab a.cur { background:#226ebc; color:#fff;}
	.support { display:none;}
	.list p a { width:100%; height:36px; display:block; line-height:36px; color:#595959; font-size:14px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
	.service { width:95%; height:auto; background:#eeeeee; margin:0 auto; padding-bottom:20px; margin-bottom:30px;}
	
	.service dl dt,.service dl dd { float:none;}
	.service dl dt { width:calc(100% - 20px); height:40px; background:#226ebc; font-size:18px; text-align:left; line-height:40px; color:#fff; padding-left:20px;}
	.service dl dd { width:100%; padding-top:14px; text-align:center;}
	.service dl dd a { display:inline-block; width:85%; height:67px; background:#fff; border-radius:8px; margin:0 10px; text-align:center;  vertical-align:middle; padding-top:13px; color:#595959; font-size:16px; margin-bottom:20px;}
	
	.brand, .news, .encyclopedias, .culture { float:none; }
	.brand, .encyclopedias { width:95%; margin:0 auto 30px auto;}


	
	.brand dl { border:1px solid #eeeeee; display:block; padding-bottom:30px;}
	.brand dl dt { width:95%; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
	.brand dl { border:1px solid #eeeeee; display:block;}
	.brand dl dt span { font-size:22px; margin-left:6px;}
	.brand dl dd { height:90%;}
	.brand dl dd div.tab a { text-align:center; margin:0 5px;}
	.brand dl dd div.list { text-align:center;}
	.brand dl dd div.djService { padding-top:15px;}
	.brand dl dd div.djService img { width:100%;}
	.brand dl dd div.list a.outService { color: #ffffff;width:100%; height:100px;; border-radius:8px; display:block; color:#fff; font-size:28px; line-height:100px; text-align:left;}
	.brand dl dd div.list a img {}
	.brand dl dd div.list a.outService:hover { color: #ffffff;}
	.brand dl dd div.list a.outService span { margin-left:140px;}
	
	.repair {  margin:0 auto 20px auto; background:#7cb8de url(../img/icon_repair.png) 33px 12px no-repeat;}
	
	.news,.culture { width:95%; margin:0 auto;}

	.news dl { border:1px solid #eeeeee; display:block;}
	.news dl dt { width:95%; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
	.news dl dt span { font-size:22px; margin-left:6px;}
	.news dl dd { padding:5px 0;}
	.list_news p a { width:calc(100% - 85px)!important; height:41px; display:inline-block; line-height:41px; color:#595959; font-size:14px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; vertical-align:middle;}
	
	.encyclopedias dl dt { width:95%; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
	
	.encyclopedias dl dd { height: inherit; padding-bottom:20px;}
	.encyclopedias dl dd div.list p:nth-last-child(1) { display:none;}
	.encyclopedias dl dd .tab { text-align:center;}
	.encyclopedias dl dd .tab a { width:95px; margin:0 2px}
		
	.culture dl dt { width:95%; height:65px; margin:0 auto; border-bottom:1px solid #a0a0a0; line-height:65px; position:relative;}
	.culture dl dt span { font-size:22px; margin-left:6px;}
	.culture dl dd { height:auto; text-align:center; padding:30px 0;}
	.culture dl dd a { display:inline-block; width: calc(50% - 25px); margin:0 8px 20px 8px;}
	.culture dl dd a img { width:90%;}
	.newsdate { width:85px;}
	.tab { text-align:center; padding:18px 0; margin-left:0px;}
}