*{
	box-sizing: border-box;
}
body,select,input,view,text,button,textarea{
    font-family:'microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
}
body{
	font-size: 14px; color: #000000;background: #f6f6f6;
	overflow-x: hidden;line-height: 1.14; font-family:'microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
}
html,body{
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
a{
	color: inherit; 
	outline:none;
    -moz-outline-style:none;
}
a:hover{
	color: #0d51ce; text-decoration: none;
}
img{
	max-width: 100%;
}
.clearfix:after{
	content: "";display: table; clear: both; height: 0; visibility: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.tleft{
	text-align: left !important;
}
.tright{
	text-align: right !important;
}
.none{
	display: none;
}
.inline-block{
	display: inline-block;
}
.wrapper{
	width: 1200px; margin: 0 auto;
}
/* header */
.header{
	position: relative;
}
.header-top{
	height: 40px; border-bottom: 1px solid #e1e1e1; background: #efefef; color: #666666;
}
.header-top .wrapper{
	height: 40px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;
}
.header-topl{
	display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; 
}
.header-topl .iconhome{
	width: 17px; margin-right: 4px;
}
.header-topr{
	margin-left: auto;display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;
}
.header-topr a{
	display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 0 20px; position: relative;
}
.header-topr .icon{
	height: 16px; margin-right: 4px;
}
.header-topr a::after{
	content: ""; display: block; width: 1px; height: 14px; background: #999999; position: absolute; right: -20px; top: 50%; margin-top: -7px;
}
.header-topr a:last-child::after{
	display: none;
}
.header-topr a:hover{
	color: #4198dc;
}

.header-main .wrapper{
	display: flex; display: -webkit-flex; align-items: end; -webkit-align-items: end; padding: 60px 0 65px 0;
}
.header-logo img{
	height: 73px;  display: block;
}
.header-tel{
	margin-left: auto; background: url(/static/skin/default/dzx2024/tel.png) no-repeat left bottom; padding-left: 42px; color: #666666;
}
.header-tel .num{
	font-size: 22px;  color: #4198dc; margin-top: 3px; display: block;
}
.header-navbox{
	position: absolute; left: 0; right: 0; bottom: -25px; z-index: 1;
}
.header-nav{
	height: 67px; background: #0679d4; color: #fff; display: flex; display: -webkit-flex;
}
.header-nav>li{
	flex: 1;
}
.header-nav>li>a{
	line-height: 67px; display: block;text-align: center; position: relative; font-size: 20px; font-weight: 300; letter-spacing: 0.3em; text-indent: -0.3em;
}
.header-nav>li>a:hover{
	background: #045ea6; color: #fff;
}
.header-nav sup{
	position: absolute; left: 50%; top: 6px; background: url(/static/skin/default/dzx2024/tag.png) no-repeat center; width: 42px; height: 17px; font-size: 8px;letter-spacing: 0; text-indent: 0; line-height: 16px; text-align: center; padding-left: 5px;text-transform: uppercase; font-weight: bold; font-style: italic; margin-left: -25px;
}
/* header end */

/* footer */
.footer{
	background: #e9e9e9; border-top: 8px solid #0679d4;
}
.footer-main{
	font-size: 16px;padding: 24px 0;
}
.footer-nav{
	text-align: right;  font-size: 18px; margin-bottom: 16px;padding: 0 30px;
}
.footer-nav li{
	display: inline-block; letter-spacing: 0.25em;  text-indent: -0.25em; margin-left: 32px;
}
.footer-contact{
	display: flex; display: -webkit-flex; padding: 0 30px;
}
.footer-contactl li{
	margin-bottom: 24px; line-height: 28px; position: relative;
}
.footer-contactl li:last-child{
	margin-bottom: 0;
}
.footer-contactl .icon{
	width: 28px; height: 28px;  display: inline-block;vertical-align: top; margin-right: 10px;
}
.footer-contactl li{
	position:relative; padding-left: 88px;
}
.footer-contactl label{
	position: absolute; left: 0; top: 0;
}
.icon-tel{
	background: url(/static/skin/default/dzx2024/icon-tel.png) no-repeat center;
}
.icon-addr{
	background: url(/static/skin/default/dzx2024/icon-addr.png) no-repeat center;
}
.icon-email{
	background: url(/static/skin/default/dzx2024/icon-email.png) no-repeat center;
}
.footer-contactr{
	margin-left: auto;display: flex; display: -webkit-flex;text-align: center; margin-top: 20px;
}
.footer-wx{
	margin-left: 24px; font-size: 13px;
}
.footer-wx img{
	width: 113px; margin-bottom: 5px;
}
.footer-wx p{
	line-height: 1.4;
}
.copyright{
	text-align: center; background: #dbdbdb; padding: 9px 0; 
}
.copyright img{
	vertical-align: middle; margin-right: 8px; height: 24px;
}
/* footer end */

/* banner */
.banner{
	height: 323px; background-position: center; background-size: cover;
}
/* banner end */

/* main */
.main{
	background: #fff; padding: 38px 0 32px 0;
}
.search{
	margin-bottom: 32px; padding: 0 16px;
	display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center;
}
.search-form,
.search-form form{
	display: flex; display: -webkit-flex;
}
.search-main{
	display: flex; display: -webkit-flex; width: 440px; border: 1px solid #8e8e8e; height: 33px; align-items: center;-webkit-align-items: center; position: relative;
}
.search-form .icon-search{
	position: absolute; left: 0; top: 0; width: 23px; height: 33px; background: url(/static/skin/default/dzx2024/search.png) no-repeat center; display: block;
}
.search-form .text{
	flex: 1;padding: 0 15px 0 23px; border: 0; background: transparent;color: #000;
}
.search-form .text::placeholder{
	font-size: 14px; color: #666; 
}
.search-main select{
	border: 0; background: transparent; padding: 0 8px 0 8px; border-left: 1px solid #8e8e8e; height: 18px; color: #666; 
}
.search-form button{
	border: 1px solid #bf8d02; background-image: linear-gradient(#fed65a,#fdc006); cursor: pointer; padding: 5px 15px; height: 33px;  color: #954200; letter-spacing: 0.2em; font-weight: bold;
}
.search-hot{
	margin-left: 12px; 
}
.search-hot label{
	font-weight: bold;
}
.search-hot  a{
	padding: 0  3px; 
}
.search-hot  a:hover{
	color: #0d51ce;
}
.mtit{
	text-align: center; padding: 32px 0; background: #f6f6f6;
}
.mtit.white{
	background: white;
}
.mtit h2{
	font-size: 30px; color: #0d51ce; letter-spacing: 0.1em; display: inline-block; text-indent: -0.1em;
}
.mtit h2::before,
.mtit h2::after{
	display: inline-block;vertical-align: middle; width: 35px; height: 4px; content: ""; background: #0679d4; margin: 0 40px;
}
.card{
	padding: 18px 16px; 
}
.card + .card{
	padding-top: 10px;
}
.cardhd{
	display: flex; display: -webkit-flex; border-bottom: 1px solid #0679d4; margin-bottom: 20px;
}
.cardhdl{
	text-align: center; height: 40px; line-height: 40px; background: #0679d4; color: #fff; padding: 0 25px; font-size: 24px; letter-spacing: 0.1em; 
}
.cardhdr{
	margin-left: auto; display: flex; display: -webkit-flex;align-items: end; -webkit-align-items: end;line-height: 32px;  font-size: 16px;
}
.cardhdr .types{
	display: flex; display: -webkit-flex; font-size: 16px;
}
.cardhdr .types li{
	margin-left: 7px; letter-spacing: 0.1em;
}
.cardhdr .types  a:hover{
	color: #0d51ce;
}
.cardhdr .more{
	color: #7d7d7d; margin-left: 50px;
}
.cardhdr .more:hover{
	color: #0d51ce;
}
.cardbd{
	display: flex; display: -webkit-flex;
}
.cardbdl{
	width: 282px; margin-top: 6px; flex-shrink: 0;
}
.cardbdl .img{
	font-size: 0; margin-bottom: 23px;
}
.cardbdl .img img{
	width: 282px;
}
.cardbdl .img:last-child{
	margin-bottom: 0;
}
.cardbdr{
	margin-left: 35px; flex: 1; display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;
}
.newslist-box{
	display: inline-block;vertical-align: top; width: 400px;margin-right: 38px;  
}
.newslist-box:nth-child(2n){
	margin-right:10px;
}
.newslist-hd{
	text-align: center; margin-bottom: 15px;
}
.newslist-hd span{
	display: inline-block; line-height: 45px; padding: 0 25px; font-size: 20px; background: #0679d4; background-image: linear-gradient( to right,#0564b1 50%,#0679d4 50%); color: #fff;
}
.newslist{
	font-size: 16px;
}
.newslist li{
	padding: 8px 0; margin-bottom: 5px;
}
.newslist li:last-child{
	margin-bottom: 0;
}
.newslist li,
.newslist li>a{
	display: flex; display: -webkit-flex; width: 100%; 
}
.newslist li>a:hover{
	color: #0d51ce;
}
.newslist h3{
	margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.newslist .time{
	margin-left: auto;  flex-shrink: 0;
}
/* main end */
/* pagemain */
.pagemain{
	padding: 36px 16px; background: #fff; 
}
.subnav{
	border: 1px solid #0679d4; text-align: center; font-size: 22px; border-radius: 45px; margin-bottom: 24px; color: #0679d4;
}
.subnav li{
	display: inline-block; line-height: 45px;
}
.subnav li a{
	display: block; padding:  0 8px;
}
.subnav li:hover a,
.subnav li.active a{
	color: #d91e45;background: #e3e4e6;
}
.pagemain-box{
	display: flex; display: -webkit-flex;	
}
.pagemainl{
	width: 875px;
}
.pagemainr{
	width:275px; margin-left: auto;
}
.pagemainl-hd{
	display: flex; display: -webkit-flex; border-bottom: 1px solid #0679d4; margin-bottom: 20px;
}
.pagemainl-hd h2{
	text-align: center; height: 40px; line-height: 40px; background: #0679d4; color: #fff; padding: 0 25px; font-size: 24px; letter-spacing: 0.1em; 
}
.list{
	font-size: 16px;
}
.list li{
	padding: 8px 16px; margin-bottom: 5px;
}
.list li:last-child{
	margin-bottom: 0;
}
.list li,
.list li>a{
	display: flex; display: -webkit-flex;  width: 100%;
}
.list  h3{
	margin-right: 5px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.list  h3::before{
	content: "";width: 3px; height: 3px; background: #666; display: inline-block;vertical-align: middle; margin-right: 8px; 
}
.list .time{
	flex-shrink: 0;
}
.rcard{
	border: 1px solid #0679d4 ; margin-bottom: 8px;
}
.rcard:last-child{
	margin-bottom: 0;
}
.rcard-hd{
	background-image: linear-gradient(to right, #0564b1 62px, #0679d4 62px); line-height: 45px;  padding: 0 20px; font-size: 20px; color: #fff;
}
.rcard-hd1{
	background-image: linear-gradient(to right, #606b67 62px, #0679d4 62px); 
}
.rcard-bd{
	background: #f6f6f6;
}
.classlist{
	text-align: center; padding: 24px 30px;
}
.classlist li{
	margin-bottom: 1px;
}
.classlist li:last-child{
	margin-bottom: 0;
}
.classlist li a{
	display: block; line-height: 45px; font-size: 22px; border-radius: 45px;
}
.classlist li a:hover,
.classlist li.active a{
	background: #e3e4e6; color: #d91e45;
}
.list1{
	padding: 11px 0;
}
.list1 li{
	padding: 10px 8px; font-size: 16px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.list1 li::before{
	content: "";width: 3px; height: 3px; background: #666; display: inline-block;vertical-align: middle; margin-right: 8px; 
}
}
.list1 li:last-child{
	margin-bottom: 0;
}
.detail{
	 padding: 0 20px;
}
.detail-hd{
	text-align: center; padding: 20px 30px;
}
.detail-hd h1{
	font-size: 28px; line-height: 1.3; padding: 10px 0;
}
.detail-hd .attr{
	border-top: 1px #959595 dashed ; padding-top: 15px; padding-bottom: 15px;
}
.detail-hd .attr span{
	display: inline-block;vertical-align: middle; padding: 0 5px;
}
.detail-bd{
	line-height: 1.3; color: #666;
}
.detail-contact{
	background: #f7f7f7; border: 1px solid #969696; border-radius: 45px;padding:16px 18px; font-size: 20px;text-align: center; color: #666; margin-top: 40px;
}
.detail-contact span{
	display: inline-block;vertical-align: middle; padding: 0 6px;
}
/* pagemain end */