/**************************************/
/*************[公用start]**************/
/**************************************/

/*主站变灰*/
/*html {
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}
* {
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: gray;
}*/
/*主站变灰*/

/*淘宝变灰*/
/* body, html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }*/

/*淘宝变灰*/

/*百度百科變灰*/


/*body.memorial>* {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1)
}
*/


/*百度百科變灰*/



.container{
	padding-left: 0!important;
	padding-right: 0!important;
}






div.clear{
	clear: both;
	height: 0;
	width: 0;
}




a{
	text-decoration: none;
	color:inherit;
	cursor: pointer;
}

img{
	border:0;
	max-width: 100%;
}


div.wp{
	width: 1200px; /*主要内容区尺寸大小，每次制作前更新！！！ */
	margin:0 auto;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.tran{
	transition: all .3s ease-out 0s;
}
.tver{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}



/*图片中心放大代码区域*/

.img-box{/*图片盒子类名*/

	overflow: hidden;
}

.img-box img{
	transition: .3s;
	width: 100%;
	max-width: 100%;
}

.img-box:hover img{
	/*图片中心放大代码*/
	  -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


/*图片中心放大代码区域*/


.imgbox_a{
	position:relative;
	padding-bottom: 100%;
	overflow:hidden;
	display: block;
}

.imgbox_a>img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%!important;
	height: 100%!important;
}
.imgbox_hover>img{
	/* ueco 时间曲线*/
	/*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;

}
.imgbox_hover:hover>img{
	-webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/**************************************/
/************[公用over]****************/
/**************************************/




/*header-start*/
/**************************************************************/

#header{
	height: 107px;
	background-color: #fff;
}
#header .container{
	position: relative;
}
.logo{
	width: 1195px;
	margin-top: 24px;
	margin-left: 11px;
}

.guan{
	height: 32px;
	line-height: 32px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/guan.png);
	padding-left:45px;
	font-size: 14px;
	color: #333;
	top: 16px;
	float: none;
	position: absolute;
	right: 0px;
	width: 112px;
}
.guan a:hover{
	color: #1a4e6f;
}
.search{
	position: absolute;
	padding-right: 50px;
	padding-left:25px ;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/search.png);
	right: 144px;
	top: 10px;
	float: none;
}

.search input:focus{
	outline: none;
}

.search input[type="text"]{
	display: block;
	width: 100%;
	height: 41px;
	border:0;
	font-size: 14px;
	color: #333;
	line-height: 1.428571;
	padding: 8px 0px;
	background-color: transparent;
}

.search input[type="image"]{
	position: absolute;
	right:22px;
	top: 11px;
	width: 19px;
}


/**************************************************************/
/*header-over*/





/*main-start*/
/**************************************************************/

#main{

}

.main{
	padding: 100px 0 120px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/main.jpg);
	background-size: cover;
}


.main1-1{
	width:616px;
	margin-right: 24px;
}

.main1-pic .imgbox_a{
	padding-bottom: 72.565%;
}
.main1-pic .imgbox_a::before{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	content: "";
	background-image: url(../images/heidi.png);
}
.main1-pic .imgbox_a::after{
	position: absolute;
	width: 92px;
	height: 92px;
	left: 50%;
	top: 50%;
	z-index: 15;
	content: "";
	background-image: url(../images/bo.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -46px;
	margin-left: -46px;
}
.main1-h1{
	height: 83px;
	line-height: 83px;
	padding: 0	20px;
	background-color: #fff;
	font-size: 18px;
	color: #333;
}
.main1-h1 a:hover{
	color: #1a4e6f;
}
.main1-2{
	overflow: hidden;
}

.main1-2 ul{
	margin: 0;
	height: 530px;
}

.main1-2 li{
	float: left;
	width: 33.33333333%;
	height: 33.33333333333%;
	border-left: 2px solid #000;
	border-left: 2px solid rgba(0,0,0,0);
	border-top: 2px solid #000;
	border-top: 2px solid rgba(0,0,0,0);
}
.main1-2 li:first-child,
.main1-2 li:first-child+li,
.main1-2 li:first-child+li+li{
	border-top: 0;
}

.main1-2 li:first-child,
.main1-2 li:first-child+li+li+li,
.main1-2 li:first-child+li+li+li+li+li+li{
	border-left: 0;
}





.main1-2 li>a{
	display: block;
	height: 100%;
	background-image: url(../images/hd.png);
	font-size: 18px;
	color: #333;
	text-align: center;
	padding-top: 37px;
}
.main1-2 li>a img{
	display: block;
	width: 65px;
	margin: 0 auto 15px;
}
.main1-2 li>a img.imgCur{
	display: none;
}
.main1-2 li>a:hover{
	background-image: url(../images/hdh.png);
	color: #fff;
}
.main1-2 li>a:hover img{
	display: none;
}
.main1-2 li>a:hover img.imgCur{
	display: block;
}





.main2{
	min-height: 528px;
	position: relative;
}


.main2-wen{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-left: 30px;
	padding-top: 53px;
	background-repeat: no-repeat;
	background-position: 30px top;
	background-image: url(../images/yin.png);
}

.main2-wen h1{
	margin: 0;
	font-size: 48px;
	font-weight: bolder;
	color: #fff;
	line-height: 1;
}
.main2-wen h2{
	margin: 0;
	font-size: 24px;
	font-weight: bolder;
	color: #fff;
	line-height: 1;
	margin-top: 26px;
}

.main2-dl dl{
	margin:0;
	font-size: 0;
	line-height: normal;
	text-align: right;
}

.main2-dl dd{
	display: inline-block;
	width: 232px;
	margin-left: 20px;
	margin-top: 20px;

}

.main2-dl dd>a{
	display: block;
	height: 156px;
	
	position: relative;
	text-align: center;
	padding-top: 27px;
}
.main2-dl dd>a::after{
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 15px 0px rgba(4, 0, 0, 0.2);
	left: 0;
	top: 0;
	transition: 0.8s;
}
.main2-dl dd>a span{
	font-size:18px;
	color: #333;
	position: relative;
	z-index: 15;
}

.main2-dl dd>a img{
	display: block;
	width: 67px;
	margin: 0 auto 15px;
	position: relative;
	z-index: 15;
}
.main2-dl dd>a img.curImg{
	display: none;
}
.main2-dl dd>a:hover span{
	color: #fff;
}
.main2-dl dd>a:hover::after{
	background-color: #1a4e6f;
	-webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
.main2-dl dd>a:hover img{
	display: none;
}
.main2-dl dd>a:hover img.curImg{
	display: block;
}







/**************************************************************/
/*main-over*/





/*footer-start*/
/**************************************************************/

#footer{

	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../images/footer-bg.jpg);
	border-top: 1px solid #e0e0e0;
}

.footer-1{
	padding:34px 0 40px;
}

.foo1{
	width: 389px;
	margin-top: 5px;
	margin-right: 123px;
}

.foo-logo a,.foo-logo img{
	display: block;
	width: 100%;
}

.foo-sel{
	margin-top:25px ;
}

.foo-sel select{
	display: block;
	height:43px;
	width: 315px;
	color: #333;
	border: 1px solid #255d77;
	background-color: transparent;
	padding: 0 15px;
}

.foo-sel select:focus{
	outline: none	;
}


.foo1-con{
	overflow: hidden;
	font-size: 14px;
	color: #333;
	line-height: 2.4;
}









.er{
	width: 115px;
	text-align: center;
	font-size: 14px;
	color: #333;
}
.er img{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.footer-2{
	font-size: 14px;
	color: #333;
	line-height: 1.8;
	padding: 12px 0;
	border-top: 1px solid #ebebeb;
}


/**************************************************************/
/*footer-over*/





/**************************************/
/********[特殊css样式要求区域]**********/
/**************************************/




/**************************************/
/********[特殊css样式要求区域]**********/
/**************************************/



.banner-2{
	height: 258px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


.erji{
	padding: 35px 0 75px;
}

.menu{
	width: 250px;
	margin-right: 40px;
	position: relative;
}
.menu-dl{
	border: 1px solid #dddddd;
	width: 250px;
	background-color: #fff;

}
.menu-dl.cur{
	position: fixed;
	top: 0;
}
.menu-dl dl{
	margin: 0;
}
.menu-dl dd+dd{
	border-top: 1px solid #dddddd;
}
.menu-dl dd>a{
	display: block;
	font-size:16px;
	color: #333;
	line-height: 1.6;
	padding: 12px 55px 12px 40px;
	background-repeat: no-repeat;
	background-position: 200px center;
}


.menu-dl dd>a:hover{
	color: #1a4e6f;
}

.menu-dl dd.cur>a{
	color: #fff!important;
	background-color: #1a4e6f;
	background-image: url(../images/jt.png);
}




.erji-content{
	overflow: hidden;
	min-height: 600px;
}
.erji-content.cur{
	padding-left: 290px;
}
.erji-title{
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px;
}
.erji-title h1{
	margin: 0;
	font-size: 24px;
	color: #333;
	font-weight: bold;
	padding: 12px 5px 15px;
	border-bottom: 3px solid #1a4e6f;
	position: relative;
	top: 3px;
}


.list01 dl{
	margin:0;
}



.list01 dd{
	position: relative;
	font-size: 16px;
	color: #333;
	/*padding-right: 82px;*/
	height: 44px;
	line-height: 44px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 20px center;
	background-image: url(../images/list01.png);
	padding-left: 40px;
	padding-right: 130px;
}
.list01 dd.list01_dd_bg{
	background-color: #f7f7f7;
}
.list01 dd a{
	font-size: 16px;
	color: #333;
}
.list01 dd a:hover{
	color: #1a4e6f;
}

.list01 dd span.span_11{
	position: absolute;
	right: 40px;
	top: 0;
	font-size: 14px;
	color: #999;
}


.fenye{
	text-align: center;
	margin-top: 50px;
}

.fenye ul{
	margin:0;
}

.danpian{
	padding-top: 15px;
}
.danpian-h1{
	font-size: 28px;
	line-height: 1.6;
	color:#333;
	text-align: center;

}

.danpian-h2{
	font-size: 14px;
	line-height: 1.6;
	color:#999;
	text-align: center;
	border-bottom: 1px solid #eee;
	padding: 10px 0 15px;

}
.bsBox,.bsBox *,#bsPanelHolder,#bsPanelHolder *{
	-webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.danpian-con{
	font-size: 14px;
	color:#666;
	line-height: 2;
	padding: 20px 0 20px;
}
.danpian-con *{
	font-size: 16px!important;
	color:#666!important;
	line-height: 2!important;
}
.danpian-con img{
	display: block;
	margin:15px auto;
}


.dan-page{
	padding-top: 10px;
	border-top: 1px solid #eee;
}

.dan-a{
	margin-top: 12px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dan-a a{
	font-size: 16px;
	color:#666;
}

.dan-a a:hover{
	color:#1a4e6f;
}


.shizi-list dl{
	margin: 0;
	margin-left: -3%;
}

.shizi-list dd{
	float: left;
	width: 13.3333333%;
	margin-left: 3%;
	margin-top: 3%;
}

.shizi-list dd:first-child,
.shizi-list dd:first-child+dd,
.shizi-list dd:first-child+dd+dd,
.shizi-list dd:first-child+dd+dd+dd,
.shizi-list dd:first-child+dd+dd+dd+dd,
.shizi-list dd:first-child+dd+dd+dd+dd+dd{
	margin-top: 0;
}

.shizi-pic .imgbox_a{
	padding-bottom:140%;
}

.shizi-h1{
	text-align: center;
	margin-top: 15px;
	font-size: 16px;
	color: #333;
}

.shizi-list dd:hover .shizi-h1{
	color: #1a4e6f;
}