.indextitle{ text-align:center; background:url(../images/indextitle.png) no-repeat center center; margin:50px 0 30px;}
.indextitle1{ text-align:center; background:url(../images/indextitle1.png) no-repeat center center; margin:50px 0 30px;}
.indextitle>h1,.indextitle1>h1{color:#112D7B;font-size:24px; margin:0px; padding:0px;font-weight:bold;}
.indextitle>span,.indextitle1>span{color:#DFDFDF;font-size:14px;text-transform: uppercase;font-weight:bold;}


.black1{}
.black1 dl{float:left;width:20%; text-align:center; }
.black1 dl dt{border:5px solid #EEEEEE; border-radius:100%; width:170px; height:170px; background:no-repeat center center; display: inline-block;}
.black1 dl dd{text-align:center;font-size:18px;color:#333333;font-weight:bold; margin-top:15px;}

.black2{position: relative;}
.black2 .indextitle1:before{content:"";background:#EDEDED;height:5px;display:block;position:absolute;width:40%;top:22px;left:0px;}
.black2 .indextitle1:after{content:"";background:#EDEDED;height:5px;display:block;position:absolute;width:40%;top:22px;right:0px;}
.black2 .photo{background:#EDEDED; margin-bottom:20px;position:relative;overflow: hidden;}
.black2 .photo span{color:#656565;font-size:18px; text-align:center;display: block;line-height: 50px;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.black2 .photo img{width:100%;}
.black2 .photo .img{}
.black2 .photo .href{font-size:24px; padding-top:60px; position:absolute;top:0;left:0;width:100%;height:100%; line-height:inherit; text-align:center; background:#A01F26;color:#fff;position:absolute; opacity:0;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;}
.black2 .photo:hover .href{opacity:0.8;}

.black3{}
.black3 .black3_1{background:#EDEDED; padding:30px 0;}
.black3 .black3_2{padding:30px 0;}
.black3 dl{}
.black3 dl dt{border:3px solid #EEEEEE; border-radius:100%; width:165px; height:165px; margin:0px auto; overflow: hidden; background:no-repeat center center; background-size:cover;}
.black3 dl dt img{max-width:100%;}
.black3 dl dd{text-align:center;font-size:14px;color:#333333;font-weight:bold; margin-top:15px;}
.black3 dl:hover dt{border:3px solid #C1331B;}
.black3 dl:hover dd{color:#C1331B;}

.black4{}
.black4 .black4_1{float:left;margin-right:15px;}
.black4 .black4_2{ }
.black4 .black4_2 h2{color:#B9352C;font-size:18px;font-weight:bold;}
.black4 .black4_2 h3{font-size:12px; color:#333333;font-weight:bold;text-transform: uppercase; border-bottom:3px solid #EDEDED; display: inline-block; padding:0 5px;}
.black4 .black4_2 .show{ text-indent:2em;color:#656565;font-size:14px; margin-top:20px; margin-bottom:10px;}
.black4 .black4_2 a{color:#B9352C;font-size:18px;}
.black4 .black4_3{ margin:30px 0;}
.black4 .black4_3 .owl-item {width:100%; margin:0 auto; padding:8px 0;}
.black4 .black4_3 .owl-item a {display: block; padding:0 15px; color:#111;}
.black4 .black4_3 .owl-item a:hover{ color:#006cba;}
.black4 .black4_3 .owl-item img{display: block;width:100%;}

.line5{height:5px; background:#EFEFEF;width:100%;}

.black5{ overflow:hidden; padding:30px 0;}
.black5 .title{ margin-bottom:20px;}
.black5 .black5_1{float:left;width:49%;}
.black5 .black5_2{float:right;width:49%;}
.black5 .title{color:#112D7B;font-size:20px;line-height: normal;}
.black5 .title span{color:#616161;}
.black5 ul{}
.black5 ul li{border-bottom:1px solid #EDEDED;line-height: 30px;}
.black5 ul li.f{border-bottom:0px solid #EDEDED;line-height: 30px;}
.black5 ul li a{color:#656565;font-size:14px;}
.black5 ul li span{float:right;}
.black5 ul li img{max-width:100%}

@media screen and (min-width: 320px) and (max-width: 768px){
	.black1 dl{width:50%;}
	
	.black2 .indextitle1:before,.black2 .indextitle1:after{opacity:0;}
	.black3 dl dt{width:130px; height:130px;}
	.black4 .black4_1,.black6{display:none;}
	
	.black5 .black5_1,.black5 .black5_2{width:100%; margin-bottom:20px;}
}