@charset "utf-8";

/* common */
.pt500{ padding-top:500px;}
.pt200{ padding-top:200px;}

/**/
.city-province{ padding-top:58px;}
.city-province-main{ width:1196px; margin:0 auto; border:2px solid #D1CCC7; overflow:hidden;}
.city-province ul{ overflow:hidden; position:relative; padding-left:100px;}
.city-province li.first{ position:absolute; width:100px; height:100%; left:0; top:0; background-color:#f2f2f2; color:#666;}
.city-province li.first div{ text-indent:1em; padding-top:10px;}
.city-province li.other{ float:left; background-color:#fff; width:1076px; padding:10px; overflow:hidden;}
.city-province li.other a{ display:block; float:left; width:86px; color:#666; height:38px; background-color:#fff; text-align:center;  line-height:40px;  transition:all 0.3s;}
.city-province li.other a.spc{ }
.city-province li.other a.spc2{ }
.city-province li.other a:hover{ color:#B10000; background-color:#f2f2f2;}

.city-city{ margin:2px auto;}
.city-city-main{ margin:0 auto; width:1198px; border:1px solid #D1CCC7}
.city-city ul{ overflow:hidden; position:relative; padding-left:100px;}
.city-city li.first{ position:absolute; width:100px; height:100%; left:0; top:0; background-color:#f2f2f2; color:#666;}
.city-city li.first div{ text-indent:1em; padding-top:10px;}
.city-city li.other{ float:left; background-color:#fff; width:1076px; padding:10px; overflow:hidden;}
.city-city li.other a{ display:block; float:left; background-color:#fff; text-align:center; padding:5px 15px; color:#666; font-size:14px; transition:all 0.3s }
.city-city li.other a:hover{ color:#B10000; background-color:#f2f2f2}

.city-list h1{ margin:0 auto; width:1200px; padding-top:30px;}
.city-list-main{ margin:0 auto; overflow:hidden; width:1200px; min-height:100px; padding-top:30px; padding-bottom:50px;}
.city-list li{ float:left; width:282px; height:342px; border:9px solid #fff; position:relative;}
.city-list-content{ display:block; position:absolute; width:280px; height:340px; border:1px solid #f0f0f0; top:0; left:0; overflow:hidden; border-radius:5px;}
.city-list li:hover .city-list-content{ box-shadow:0 0 15px #f3f3f3; transform:all 0.3s}
.city-list-pic{ float:left; width:280px; height:280px;}
.city-list li .con{ width:280px; height:340px; position:absolute; top:280px; transition:all 0.3s; background-color:#fff;}
.city-list li .con h3{ padding:3px 10px; height:56px; display:table-cell; vertical-align:middle; color:#333;}
.city-list li .con p{ padding:0 20px; color:#555; text-indent:2em; font-size:14px; line-height:25px;}
.city-list li:hover .con{ top:100px;}

@media screen and (max-width:1240px) and (min-width:1024px){
	.city-province-main{ width:1000px;}
	.city-province ul{ padding-left:100px; width:100%;}
	.city-city-main{ width:1000px;}
	
	.city-list h1{width:1000px; padding-top:30px;}
	.city-list-main{width:900px; min-height:100px; padding-top:30px; padding-bottom:50px;}
}

@media screen and (max-width:1000px){
	.city-province-main{ width:310px;}
	.city-province ul{ padding-left:100px; width:210px}
	.city-province li.other{ width:210px; padding:10px;}
	.city-city-main{ width:310px;}
	.city-city li.other{width:210px; padding:10px;}
	
	.city-list h1{width:310px; padding-top:30px;}
	.city-list-main{width:310px; min-height:100px; padding-top:30px; padding-bottom:50px;}
}
/* 详细页图片效果 ============================================================= */
#gallery{ width:1000px; position:absolute; left:0; display:block;}
.container {margin: 0 auto;	position: relative;	width: 1000px;	font-size:.8125em;}
.roundabout-holder  {width:850px;	height:496px;	margin:0 auto;}
.roundabout-moveable-item {  width: 646px;  height: 416px;   cursor: pointer;border:3px solid #ccc; border:3px solid rgba(0, 0, 0, 0.08);border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.roundabout-moveable-item img{width:100%;}

.xiaochi-right-siderbar{ position:fixed; width:145px; height:345px; bottom:70px; right:10px; display:none;}
.xiaochi-right-siderbar .srs-top{ width:45px; height:45px; position:absolute; left:0; bottom:0; background:url(../images/bt.gif) no-repeat -1px -62px; cursor:pointer; transition:all 0s}
.xiaochi-right-siderbar .srs-top:hover{ background-position:-74px -62px;}
.xrs-menulist{ position:absolute; bottom:50px; width:145px; min-height:100px; display:block;}
.xrs-menulist .xrs-menulist-top{ height:13px; background:url(../images/bt.gif) no-repeat 0 -197px;}
.xrs-menulist ul{ border-left:2px solid #d9d9d9; margin-left:4px; position:relative; padding:20px 0;}
.xrs-menulist .xrs-menulist-bottom{ height:12px; background:url(../images/bt.gif) no-repeat 0 -197px;}
.xrs-menulist ul li{  background:url(../images/bt.gif) no-repeat 6px -216px; padding-left:20px; margin:5px 0;margin-left:-10px; font-size:14px; font-weight:bolder; cursor:pointer; color:#999; transition: all 0.3s;}
.xrs-menulist ul li:hover{ color:#555;}

@media screen and (max-width:1000px){
	#gallery{ display:none;}
	.pt500{ padding-top:20px}
	.xrs-menulist{ display:none;}
	.xiaochi-right-siderbar .srs-top{ display:none;}

}
/***********************************************************************宝典**********************************************************************************/

.news-menu_{padding-top:48px;}
.news-menu{ background-color:rgba(255,255,255,0.95); margin:0 auto; }
.news-menu-main{ width:1000px; margin:0 auto; overflow:hidden}
.news-menu li{ float:left; position:relative; height:48px;}
.news-menu li a{ line-height:48px; display:block; height:48px; padding:0 25px; top:0; left:0; color:#999;}
.news-menu li a:hover{ background-color:#FF1717; color:#FFF;}
.news-menu li.on a{ background-color:#c40000; color:#fff;}

.news-list{ background-color:#f2f2f2; padding-top:78px; }
.news-list-main{ width:1000px; overflow:hidden; min-height:111px; background-color:#fff; margin:0 auto;}
.news-list-right{ float:left; width:580px; padding:0 50px 50px 50px; position: relative;}
.news-list-right li{ width:580px; min-height:10px; border-bottom:1px solid #ccc; padding:50px 0 50px 0; overflow:hidden;}
.news-list-right li.nlr-loading{ text-align: center; border: 0; padding: 0; position: absolute; bottom: 0; width: 100%;left: 0; height: 50px;}
.news-list-right li.nlr-loading img{ height: 30px; opacity: 0; transition: all .3s;}
.news-list-right li.nlr-loading.on img{ height: 50px; opacity: 1;}  
.news-list-right div.con{ float:left; height:123px; overflow:hidden; width:400px;}
.news-list-right div.con h4{ padding-right:20px; font-size:24px; font-weight:bolder; color:#555; font-family:"微软雅黑"}
.news-list-right .ib-main-pic{ width:170px; height:119px; float:right;}
.news-list-right div.con2{ overflow:hidden; padding-bottom:20px;}
.news-list-right div.con2 h4{ font-size:24px; font-weight:bolder; color:#555; font-family:"微软雅黑"}
.news-list-right .ib-main-pic2{ width:170px; height:119px; float:left; margin-right:30px;}

.news-list-sidebar{ width:280px; float:right; min-height:222px; margin-top:50px; display:block;}

.news-list .news-content{ width:700px; padding:50px 150px; margin:0 auto; background-color:#FFF;position:relative;}
.news-list .news-content .news-info{ padding:30px 0; }
.news-list .news-info a.resouce{ color:#5CAAE9; transition:all 0.3s; }
.news-list .news-info a.resouce:hover{ color:#06F}
.news-list .news-info .date{ padding:0 30px; color:#999;}
.news-list .news-info .bdsharebuttonbox{ float:right;}
.news-list .news-article{ font-size:18px; color:#666;}
.news-list .news-article p{ padding:10px 0; line-height:30px;}


@media screen and (max-width:1000px){
	.news-list .news-content{ width:310px; padding:50px 5px; overflow:hidden;}
	.news-list .news-article img{ width:100%; height:auto;}	
	.bdsharebuttonbox{ display:none;}
	
	.news-menu{ width:320px;}
	.news-menu-main{ width:320px;}
	
	.news-list{padding-top:20px; }
	.news-list-main{ width:320px;}
	.news-list-right{width:310px; padding:0 5px;}
	.news-list-right li{ width:310px;  padding:20px 0;}
	.news-list-right div.con{ width:100%; height:auto;}
	.news-list-right div.con2{ padding-bottom:10px;}
	.news-list-right div.con h4{ font-size:16px; padding-bottom:5px; padding-right:0;}
	.news-list-right .ib-main-pic{ width:310px; height:217px;}
	.news-list-right div.con2 h4{ font-size:16px;}
	.news-list-right .ib-main-pic2{ width:100px; height:70px;margin-right:5px;}
	.news-list-sidebar{ display:none;}
}
@media screen and (min-width:1000px){
	.news-list .news-article iframe{ width:700px; height:618px;}
}
/**************************************************************************福利**********************************************************************************************/
.fuli-list{ background-color:#f2f2f2; padding:98px 0;}
.fuli-list-main{ width:640px; min-height:100px; margin:0 auto; padding:25px 30px; background-color:#fff; box-shadow:5px 5px 5px #ccc;}
.fuli-list-main li{ overflow:hidden; padding-top:50px;}
.fuli-list-left{ width:84px; float:left; }
.fuli-list-left .day{ display:table-cell; width:76px; border:4px #828d95 solid; border-radius:76px; height:76px; text-align:center; vertical-align:middle; font-size:48px; color:#828d95; transition:all 0.5s}
.fuli-list-left .day:hover{ border-color:#000; color:#000;}
.fuli-list-left .month{ display:block; padding:10px 0; text-align:center; font-size:24px; color:#ccc; transition:all 0.5s}
.fuli-list-left .month:hover{ color:#000;}
.fuli-list-left .day-d{ display:table-cell; width:76px; border:4px #828d95 solid; border-radius:76px; height:76px; text-align:center; vertical-align:middle; font-size:48px; color:#828d95;}
.fuli-list-left .month-d{ display:block; padding:10px 0; text-align:center; font-size:24px; color:#ccc;}
.fuli-list-right{ float:left;margin-left:30px; width:520px; min-height:111px; background:url(../img/fuli-list-biankuang.png) bottom repeat-x; padding-bottom:30px; color:#666; line-height:25px;}
.fuli-list-right .img-box{ background:url(../img/loading.gif) no-repeat center;}
.fuli-list-right.fuli-detail-right{ background-image:url();}
.fuli-list-right .pic{ width:100%; }
.fuli-list-right p{ margin-top:15px; line-height:25px; color:#666; font-size:16px;}
@media screen and (max-width:1000px){
	.fuli-list{ padding:10px 0;}
	.fuli-list-main{ width:310px; min-height:100px;padding:0;box-shadow:5px 5px 5px #ccc;}
	
	.fuli-list-left{ width:54px; float:left; }
	.fuli-list-left .day{width:46px; border:4px #828d95 solid; border-radius:46px; height:46px;  font-size:32px;}
	.fuli-list-right{margin-left:5px; width:240px;padding-bottom:30px;}
	.fuli-list-left .day-d{width:46px;border-radius:46px; height:46px; font-size:32px;}
	.fuli-list-right img{ width:100%;}
}
/*************************************about***************************************************************/
.about-bg{ position:fixed; z-index:-2; top:0; left:0; display:none;}
.about-cover{ position:fixed; z-index:-1; top:0; left:0; width:1000px; height:100%; background-color:#FFF; opacity:1}
.about-main{ width:960px; margin:0 auto; overflow:hidden; min-height:835px; padding:60px 20px; background:url(http://img-mfp.oss-cn-qingdao.aliyuncs.com/img%2F2xiaochi-about-bg.jpg) bottom no-repeat; background-position:right bottom; background-size:563px 349px;}
.about-main img.about-email{ width:600px; float:left; margin-top:50px;}
.about-main article{ float:left; width:360px; margin-top:100px;}
.about-main article h1{ height:60px; background:url(http://img-mfp.oss-cn-qingdao.aliyuncs.com/img%2F2xiaochi-intro.jpg) no-repeat; line-height:60px;}
.about-main article p{ font-size:16px; color:#666; line-height:25px; padding-bottom:10px; text-indent:2em;}