@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0;font-family:"微软雅黑"; text-decoration:none;}
body{ width:100%; height:100%;min-width: 1200px;color: #333;font-size: 14px;}

li { list-style:none;}
button, input[type='text'], input[type='number'], input[type='tel'], input[type='submit'], input[type='reset'] {
	border: none;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
}
img {border:0 none; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover;-o-object-fit: cover;-ms-object-fit: cover;}
/*************************头部**************************/

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex-level {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.bs {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#header{ }
#header  .contact{ background:#f6f6f6; width:100%; height:32px; line-height:32px;}
.contact .contact_01{ width:1200px; margin: 0 auto; }
.contact_01 #append_parent {
	color: #e62129;
	font-size: 14px;
	text-align: center;
}
.contact_01 #append_parent a {
	font-weight: 700;
	color: #2461b1; 
}
.contact_01 ul{ list-style:none; float: right;}
.contact_01 ul li { display:inline-block; padding-left:8px; font-size:14px;}
.contact_01 ul li a{ color:#333;}

#header .container{ width:1200px; margin:0 auto;}
.container .logo { clear: both; height:120px; clear:both; justify-content: space-between; }
.container .logo .right_logo { overflow: hidden;}
.container .logo .right_logo a {
	padding: 5px 10px;
	color: #fff;
	background: #e62129;
	margin-left: 15px;
}



.tel-number {font-size:15px;color:#004fa0;font-style: italic;font-family:Impact, "微软雅黑";width:170px; height: 80px; display:block;}
.tel-number p { white-space: nowrap;display: block;}

#header .main_nav{ height:50px; width:100%; margin: 10px auto 0;border-bottom:1px solid #f1f1f1;background: #2461b1;}
.main_nav .main_center{ width:1200px; margin:0 auto;}
.main_nav .main_center ul{ list-style:none;white-space: nowrap;clear:both;}
.main_nav .main_center ul li { display:inline-block; width:133px; height:50px; line-height:50px; font-size:16px; text-align:center;font-family:"宋体";visibility: visible;position: relative; z-index: 10;}
.main_nav .main_center ul li a.nav-link {
	color: #fff;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
}
.main_nav .main_center ul .Navigation_1, .main_nav .main_center ul li:hover { background:#004fa0;}
.main_nav .main_center ul .Navigation_1 a { color:#fff;}
.main_nav .main_center ul .nav-sub {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 999999;
	background:#004fa0;
	padding: 0 36px 10px;
}
.main_nav .main_center ul .nav-sub .nav-link {
	display: block;
	z-index: 999999;
	color: #fff;
	text-align: left;
	line-height: 40px;
}
.main_nav .main_center ul .nav-sub .nav-link:hover {
	color: #e62129;
}

#header .banner{ width:100%; height:470px; overflow:hidden;position: relative;text-align: center;}
.banner ul{list-style:none; height:470px; position:absolute; left:0;width:100%;}
.banner ul li{ float:left;width:100%;height:100%;}
.banner ul li a {display: block;width:100%;height:100%;z-index:1;overflow: hidden;}
.banner ul li a img {z-index:-999;overflow: visible;display:none;}
.banner ol{ list-style:none; position:absolute; top:400px; right:46%;z-index:100;}
.banner ol li{ cursor: pointer; float:left; margin-left:10px; background:url(../images/dj.png) no-repeat; width:13px; height:13px; text-indent:-999em;}
.banner ol .color{ background:url(../images/djhs.png) no-repeat;}
/* 单张 */
.banner-1 {
	clear: both;
	width: 100%;
	overflow:hidden;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.banner-1 img {
	width: 100%;
	height: auto;
}

/*****************************尾部**************************************/
.footer {
	font-size: 14px;
	background-color: #182029;
	color: #999;
	padding: 10px 0 20px;
}
.footer .friend-links {
	padding: 10px 0;
	line-height: 25px;
	border-bottom: 1px solid #666;
}
.footer .friend-links span {
	flex-shrink: 0;
}
.footer .friend-links a {
	color: #999;
	white-space: nowrap;
	margin-right: 15px;
}
.footer .friend-links a:hover {
	color: #fff;
}
.footer .copyright {
	padding-top: 20px;
	justify-content: space-between;
}
.footer .copyright a, .footer .copyright a:hover {
	color: #e62129;
}
.footer .copyright-left {
	width: 45%;
	line-height: 25px;
}
.footer .copyright-right {
	width: 50%;
}
.footer .copyright-right .tel-title {
	padding-bottom: 10px;
}
.footer .copyright-right .tel-box {
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.footer .copyright-right .tel-box p {
	color: #999;
    border: 1px solid #999;
    padding: 5px 15px;
    display: inline-block;
    width: 290px;
    text-align: center;
	margin-bottom: 15px;
	cursor: pointer;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
}
.footer .copyright-right .tel-box p:hover {
	color: #fff;
	border-color: #fff;
}
/* 右侧浮窗 */
.office-nav-box {position:fixed; right:0; bottom: 10%; margin-top:-100px; z-index:9999;}
.office-nav-box .nav-li, .office-nav-box .nav-list-li {width:44px; height:44px; position:relative; background-color:#202020; margin-top:3px;align-items:center;}
.office-nav-box .img {width:20px;height: 20px;}
.office-nav-box .nav-li:hover, .office-nav-box .nav-list-li:hover {background-color:#d71820;}
.office-nav-box .a {position:relative;display:block;}
.office-nav-box .a#mi-nav-li{position:absolute;display:block;top:240px;right:0px;}
.office-nav-box .a .span {
    height: auto;
    color: #fff;
    white-space:nowrap;
    background: #d71820;
    position: absolute;
    right:-60px;
    top:0;
    font-size: 14px;
    text-align: center;
    padding: 5px 10px;
    visibility: hidden;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	filter: alpha(opacity=100);
    opacity: 1;
}
.office-nav-box .a .span:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 100%;
    width: 0;
    height: 0;
    border-left: 8px solid #d71820;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.office-nav-box .a:hover .span {
    visibility: visible;
    opacity: 0.8;
    right: 100%;
    top:50%;
    margin-top:-16px;

    margin-right: 7px;
    z-index: 999;
    opacity: 1;
}
.office-nav-box .a.fanhui { cursor: pointer; }
.office-nav-box .span .cont{ padding: 10px; }
.office-nav-box .span .cont .pl {width:100px; margin:0 6px;cursor: pointer;}
.office-nav-box .span .cont .pl .ew {width:99px; height:99px;}
.office-nav-box .span .cont .pl .p {padding: 5px 0; text-align:center;}
.office-nav-box .span .share_btn{padding:0px;margin:0px;background:none;height:auto;position:absolute;width:100%;height:100%;z-index:10}
.office-nav-box .span .fx {width:25px; height:22px; margin:0 10px;background:none;padding:0px;position:relative;}


.wrap-bg {
	clear: both;
	background: #f1f2f3;
	padding: 30px 0;
}
.urhere {
	padding: 20px 0;
    border-bottom: 1px solid #f1f1f1;
}
.urhere a, .urhere span {
	font-size: 16px;
	color: #666;
}
.urhere a:hover { color: #e62129; }
.urhere span {
	margin: 0 5px;
}

.emtpy-data {
	width: 100%;
	flex-direction: column;
	color: #999;
	padding: 100px 0;
	line-height: 30px;
}
.emtpy-data img {
	width: 200px;
	height: auto;
}

/* 分页 */
.pagin{position:relative;padding:20px 0 20px;overflow:hidden;clear:both;}
.pagin .blue{color:#004fa0;font-style:normal;}
.pagin .message {height:30px;line-height:30px;vertical-align:middle;padding-left:8px;float:left;}
.pagin .paginList {float:right;height:30px;padding-right:8px;}
.pagin .paginList .paginItem{float:left;}
.pagin .paginList .paginItem a{float:left;padding: 0 10px;height:28px;border:1px solid #004fa0; text-align:center;line-height:30px;border-left:none;color:#004fa0;}
.pagin .paginList .paginItem:first-child a{border-left:1px solid #00a1ea;}
.pagin .paginList .paginItem:first-child a{border-bottom-left-radius:5px;border-top-left-radius:5px;}
.pagin .paginList .paginItem:last-child a{border-bottom-right-radius:5px;border-top-right-radius:5px;}
.pagin .paginList .paginItem.current,.pagin .paginList .paginItem.current a{background:#004fa0; cursor:default;color:#fff;}
.pagin .paginList .paginItem:hover{background:#004fa0;}
.pagin .paginList .paginItem:hover * {color:#fff;}
.pagin .paginList .paginItem.more,.pagin .paginList .paginItem.more a:hover{ cursor:default;}
.pagin .paginList .paginItem.more:hover{background:#FFF;}
.pagin .paginList .paginItem.more a{color:#004fa0;}
.pagin .pagepre{ display: inline-block; background:url(../images/pre.gif) no-repeat center center; width:31px; height:28px;}
.pagin .pagenxt{display: inline-block; background:url(../images/next.gif) no-repeat center center; width:31px; height:28px;}

/* 按钮通用样式 */
.btn {
	display: inline-block;
	text-align: center;
    color: #fff;
    width: 100%;
    background: #d71820;
    line-height: 40px;
    font-size: 16px;
	cursor: pointer;
}
.btn.btn-red {
    color: #fff;
    background: #d71820;
}
.btn.btn-blue {
    color: #fff;
    background: #004fa0;
}
.btn.btn-gray {
    color: #333;
    background: #ddd;
}