@charset "gb2312";
/* CSS Document */
p {
	word-wrap: break-word;
	word-break: break-all;
	text-align: justify;
}
.banner-bg {
	width: 100%;
	height: 790px;
}
.banner-wrap {
	width: 100%;
	height: 469px;
	padding-top: 610px;
	background: url(../images/banner.jpg) no-repeat top center;
}
.banner-con-bg {
	width: 1230px;
	height: 296px;
	margin: 0 auto 34px;
	background: url(../images/about-bg.png) no-repeat top center;
}
.banner-con {
	width: 1150px;
	height: 246px;
	padding: 50px 40px 0;
	position:relative;
}
/*20181127修改*/
.banner-con .ewm-wrap{
	position:absolute;
	left:990px;
	top:-159px;
	width:122px;
	height:140px;
	background: url(../images/erweima.png) no-repeat top center;
	z-index:100;
}
.banner-con h2 {
	width: 343px;
	height: 37px;
	margin: 0 auto 20px;
	background: url(../images/about-tit.png) no-repeat top center;
}
.banner-con p {
	line-height: 36px;
	font-size: 18px;
	color: #e9e7b8;
        text-indent:2em;
}
.time-line-wrap {
	width: 100%;
	height: 140px;
	background: url(../images/time-line-bg.png) no-repeat center 36px;
}
.time-line {
	width: 1230px;
	height: 140px;
	margin: 0 auto;
	position: relative;
}
.time-line .tl-item {
	width: 112px;
	height: 140px;
	position: absolute;
	top: 0;
}
.time-line .step-1 {
	left: 131px;
}
.time-line .step-2 {
	left: 145px;
}
.time-line .step-3 {
	left: 558px;
}
.time-line .step-4 {
	left: 976px;
}
.time-line .tl-item .tl-date {
	width: 112px;
	height: 48px;
	line-height: 48px;
	color: #989393;
	font-size: 18px;
	text-align: center;
}
.time-line .tl-item .tl-step {
	width: 112px;
	height: 90px;
	background: url(../images/step-bg-def.png) no-repeat center center;
}
.time-line .step-4 .tl-step {
	background: url(../images/step-bg-sp.png) no-repeat center center;
}
.time-line .tl-item .tl-step span {
	width: 88px;
	height: 24px;
	padding: 27px 12px 0;
	display: block;
	color: #fff;
	font-size: 22px;
	text-align: center;
	line-height: 24px;
}
.time-line .tl-item .tl-step em {
	width: 112px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #b5b0b0;
	font-size: 14px;
	display: block;
	font-style: normal;
}
.time-line .act .tl-date {
	color: #fff;
	font-size: 24px;
}
.time-line .act .tl-step {
	background: url(../images/step-bg-act.png) no-repeat center 13px;
}
.time-line .act .tl-step span {
	color: #060606;
}
.time-line .act .tl-step em {
	color: #060606;
}
/*side*/
.side-wrap {
	width: 1230px;
	height: 0;
	margin: 0 auto;
	position: relative;
}
.side-list {
	width: 144px;
	height: auto;
	padding: 75px 4px 0;
	position: absolute;
	left: -45px;
	top: 0;
	background: url(../images/side-head.png) no-repeat top center;
}
.side-list ul {
	width: 144px;
	height: auto;
}
.side-list ul li {
	width: 144px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	background: url(../images/side-li-bg.png) no-repeat left top;
	margin-bottom: 5px;
}
.side-list ul li a {
	color: #f6dd81;
	font-size: 18px;
}
/*main*/
.main-wrap-bg {
	width: 100%;
	height: auto;
	background: url(../images/main-bg.jpg) repeat-y top center;
	background-attachment: fixed;
}
.main-wrap {
	width: 1230px;
	height: auto;
	padding-top: 30px;
	margin: 0 auto;
}
.total-tit {
	width: 720px;
	height: 230px;
	padding-bottom: 30px;
	margin: 0 auto;
	background: url(../images/dcj-tit.png) no-repeat top center;
}
.dcj-wrap {
	width: 1230px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 50px;
}
.dcj-wrap h2 {
	width: 265px;
	height: 85px;
	margin: 0 auto;
	background: url(../images/jx-tit-bg.png) no-repeat top center;
	line-height: 77px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}
.dcj-wrap ul {
	height: auto;
	margin: 0 auto;
}
/***********ul-style-1************/
.dcj-wrap ul.ul-style-1 {
	width: 1080px;
}
.dcj-wrap ul.ul-style-1 li {
	width: 229px;
	height: 300px;
	float: left;
	margin: 20px;
}
.dcj-wrap ul.ul-style-1 li .dc-img-wrap {
	width: 219px;
	height: 249px;
	padding: 5px;
	background: url(../images/step-1-bg.jpg) no-repeat left top;
}
.dcj-wrap ul.ul-style-1 li .dc-img-wrap .dc-img {
	width: 219px;
	height: 199px;
	overflow: hidden;
}
.dcj-wrap ul.ul-style-1 li .dc-img-wrap .dc-img img {
	width: 100%;
	height: auto;
}
.dcj-wrap ul.ul-style-1 li .dc-img-wrap .dc-ctrl {
	width: 219px;
	height: 43px;
}
.dcj-wrap ul.ul-style-1 li .dc-img-wrap .dc-ctrl span {
	width: 104px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	color: #010101;
	font-size: 16px;
	display: block;
	float: left;
}
.dcj-wrap ul.ul-style-1 li .dc-img-wrap .dc-ctrl span em {
	font-style: normal;
	display: inline-block;
	line-height: 43px;
}
.dcj-wrap ul.ul-style-1 li .dc-img-wrap .dc-ctrl a {
	width: 114px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	display: block;
	float: left;
}
.dcj-wrap ul.ul-style-1 li .dc-img-wrap .dc-ctrl a.done {
	background: url(../images/a-done.png) no-repeat left center;
}
.dcj-wrap ul.ul-style-1 li .dc-tit {
	width: 229px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.dcj-wrap ul.ul-style-1 li .dc-tit a {
	color: #dcd29d;
	font-size: 18px;
}
/***********ul-style-2************/
.dcj-wrap ul.ul-style-2 {
	width: 990px;
}
.dcj-wrap ul.ul-style-2 li {
	width: 290px;
	height: 360px;
	float: left;
	margin: 20px;
}
.dcj-wrap ul.ul-style-2 li .dc-img-wrap {
	width: 278px;
	height: 310px;
	padding: 6px;
	background: url(../images/step-2-bg.jpg) no-repeat center center;
}
.dcj-wrap ul.ul-style-2 li .dc-img-wrap .dc-img {
	width: 278px;
	height: 267px;
}
.dcj-wrap ul.ul-style-2 li .dc-img-wrap .dc-ctrl {
	width: 278px;
	height: 43px;
}
.dcj-wrap ul.ul-style-2 li .dc-img-wrap .dc-ctrl span {
	width: 104px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	color: #010101;
	font-size: 16px;
	display: block;
	float: left;
}
.dcj-wrap ul.ul-style-2 li .dc-img-wrap .dc-ctrl span em {
	font-style: normal;
	display: inline-block;
	line-height: 43px;
}
.dcj-wrap ul.ul-style-2 li .dc-img-wrap .dc-ctrl a {
	width: 174px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	display: block;
	float: left;
}
.dcj-wrap ul.ul-style-2 li .dc-img-wrap .dc-ctrl a.done {
	background: url(../images/a-done.png) no-repeat left center;
}
.dcj-wrap ul.ul-style-2 li .dc-tit {
	width: 290px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.dcj-wrap ul.ul-style-2 li .dc-tit a {
	color: #dcd29d;
	font-size: 18px;
}
/***********ul-style-3************/
.dcj-wrap ul.ul-style-3 {
	width: 975px;
}
.dcj-wrap ul.ul-style-3 li {
	width: 447px;
	height: 335px;
	float: left;
	margin: 20px;
}
.dcj-wrap ul.ul-style-3 li .dc-img-wrap {
	width: 435px;
	height: 278px;
	padding: 6px;
	background: url(../images/step-3-bg.jpg) no-repeat left top;
}
.dcj-wrap ul.ul-style-3 li .dc-img-wrap .dc-img {
	width: 435px;
	height: 227px;
}
.dcj-wrap ul.ul-style-3 li .dc-img-wrap .dc-ctrl {
	width: 435px;
	height: 49px;
}
.dcj-wrap ul.ul-style-3 li .dc-img-wrap .dc-ctrl span {
	width: 129px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	color: #010101;
	font-size: 18px;
	display: block;
	float: left;
}
.dcj-wrap ul.ul-style-3 li .dc-img-wrap .dc-ctrl span em {
	font-style: normal;
	display: inline-block;
	line-height: 43px;
}
.dcj-wrap ul.ul-style-3 li .dc-img-wrap .dc-ctrl a {
	width: 306px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	display: block;
	float: left;
}
.dcj-wrap ul.ul-style-3 li .dc-img-wrap .dc-ctrl a.done {
	background: url(../images/a-done.png) no-repeat left 2px;
}
.dcj-wrap ul.ul-style-3 li .dc-tit {
	width: 447px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.dcj-wrap ul.ul-style-3 li .dc-tit a {
	color: #dcd29d;
	font-size: 18px;
}
/***********ul-style-4************/
.dcj-wrap ul.ul-style-4 {
	width: 1000px;
}
.dcj-wrap ul.ul-style-4 li {
	width: 1000px;
	height: 370px;
	margin-bottom: 20px;
}



.dcj-wrap ul.ul-style-4 li .dc-left {
	float: left;
	margin-right: 30px;
	padding-top:40px;
}

.dcj-wrap ul.ul-style-4 li .dc-left .dc-img-wrap {
	width: 280px;
	height: 310px;
	padding: 6px 5px;
	background: url(../images/dc-left-bg.png) no-repeat left top;
}
.dcj-wrap ul.ul-style-4 li .dc-left .dc-img-wrap .dc-img {
	width: 280px;
	height: 250px;
	overflow: hidden;
}
.dcj-wrap ul.ul-style-4 li .dc-left .dc-img-wrap .dc-img img {
	width: 100%;
	height: autox;
}
.dcj-wrap ul.ul-style-4 li .dc-left .dc-img-wrap .dc-ctrl {
	width: 280px;
	height: 60px;
}
.dcj-wrap ul.ul-style-4 li .dc-left .dc-img-wrap .dc-ctrl span {
	width: 130px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	display: block;
	float: left;
}
.dcj-wrap ul.ul-style-4 li .dc-left .dc-img-wrap .dc-ctrl span em {
	font-style: normal;
	display: inline-block;
	line-height: 43px;
}
.dcj-wrap ul.ul-style-4 li .dc-left .dc-img-wrap .dc-ctrl a {
	width: 150px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #000;
	font-size: 18px;
	display: block;
	float: left;
	background: url(../images/a-2-1-done.png) no-repeat 20px 14px;
}
.dcj-wrap ul.ul-style-4 li .dc-right {
	width: 667px;
	height: 322px;
	padding-top: 40px;
	float: left;
}
.dcj-wrap ul.ul-style-4 li .dc-right .dc-right-p{
	width: 637px;
	height: 292px;
	padding: 15px;
	background: url(../images/dc-p-bg.png) no-repeat center bottom;
}
.dcj-wrap ul.ul-style-4 li .dc-right .dc-right-p .dc-tit {
	display: inline-block;
	width: 637px;
	height: 36px;
        line-height: 36px;
	text-align: center;
	color: #dcd29d;
	font-size: 18px;
}
.dcj-wrap ul.ul-style-4 li .dc-right .dc-right-p .dc-right-info{
	width: 637px;
	height: 60px;
	margin-bottom:20px;
}
.dcj-wrap ul.ul-style-4 li .dc-right .dc-right-p .dc-right-info .zj-tx{ display:block; float:left; width:60px; height:60px; margin-right:20px; background:#fff;}
.dcj-wrap ul.ul-style-4 li .dc-right .dc-right-p .dc-right-info .zj-name{ float:left; width:550px; height:60px;}
.dcj-wrap ul.ul-style-4 li .dc-right .dc-right-p .dc-right-info .zj-name span{ width:550px; height:30px; display:block; line-height:30px; color:#fff; font-size:16px;}
.dcj-wrap ul.ul-style-4 li .dc-right .dc-right-p .dc-right-pcon{
        height: 175px;
        overflow-y: auto;
}
.scrollbar{
    width: 30px;
    height: 300px;
    margin: 0 auto;
}
.dcj-wrap ul.ul-style-4 li .dc-right .dc-right-p .dc-right-pcon::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
}
.dcj-wrap ul.ul-style-4 li .dc-right .dc-right-p .dc-right-pcon::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
}
.dcj-wrap ul.ul-style-4 li .dc-right .dc-right-p .dc-right-pcon::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 5px;
        background: #EDEDED;
}
.dcj-wrap ul.ul-style-4 li .dc-right .dc-right-p .dc-right-pcon p {
	text-indent: 2em;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 5px;
}
@media screen and (max-width: 1230px) {
    .banner-bg {
		width: 1230px;
	}
	.banner-wrap {
		width: 1230px;
	}
	.time-line-wrap {
		width: 1230px;
	}
	.main-wrap-bg {
		width: 1230px;
	}
	.side-wrap{
		display:none;	
	}
}