/* 娓呴櫎鍐呭杈硅窛 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,
	pre, fieldset, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
	outline: none;
}

/* 璁剧疆榛樿瀛椾綋 */
body, button, input, select, textarea, p, span { /* for ie */
	font: 13px/1.5 'Microsoft Yahei' Helvetica, arial, nimbussansl,
		liberationsans, freesans, clean, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol";
}

/* 閲嶇疆鍒楄〃鍏冪礌 */
ul, ol {
	list-style: none;
}

/* 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 */
a {
	text-decoration: none;
	color: inherit;
}

/* 閲嶇疆琛ㄥ崟鍏冪礌 */
legend {
	color: #000;
} /* for ie6 */
fieldset, img {
	border: none;
} /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗� */
button, input, select, textarea {
	font-size: 100%; /* 浣垮緱琛ㄥ崟鍏冪礌鍦� ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */
}

/* 閲嶇疆琛ㄦ牸鍏冪礌 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 閲嶇疆 hr */
hr {
	border: none;
	height: 1px;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: "Microsoft Yahei", Arial, sans-serif;
	position: relative;
}

.container {
	width: 100%;
	height: 100%;
	background:
		url("../../../image/container_bg.jpg")
		center no-repeat;
	background-size: 100% 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: scroll;
}

.left-nav-wrap {
	width: 250px;
	height: 100%;
	float: left;
	background:
		url("../../../image/home_logo.png")
		20px 10px no-repeat;
}

.left-nav-box {
	padding: 230px 0 0 60px;
	width: 180px;
}

.left-nav-list {
	margin: 15px 0;
	font-size: 18px;
}

.left-nav-list:after {
	content: '';
	display: block;
	width: 180px;
	height: 1px;
	background:
		url("../../../image/short_line.png")
		no-repeat;
	background-size: 100% 100%;
	margin-top: 15px;
}

.left-nav-list dt {
	color: #4178af;
	width: 180px;
	height: 30px;
	text-align: center;
}
.left-nav-list dt a span {
    display: block;
    line-height: 30px;
    text-align:left;
     padding-left: 30px; 
    font-size: 18px;
}

.left-nav-list dt a {
	display: block;
	width: 180px;
	height: 30px;
	line-height: 30px;
	background:
		url("../../../image/list_style.png")
		5px center no-repeat;
}

.left-nav-list dt.cur, .left-nav-list dd.cur {
	background:
		url("../../../image/nav_list.png")
		no-repeat;
	background-size: 100% 100%;
	color: #fff;
}

.left-nav-list dt.cur a {
	background:
		url("../../../image/list_style_on.png")
		5px center no-repeat;
}

.left-nav-list dd {
	color: #4178af;
	/* width: 180px; */
	text-align: left;
	 padding-left: 30px; 
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
	display: none;
}

.right-content {
	margin-left: 250px;
}

.site-map {
	padding: 10px 0 0 10px;
	height: 20px;
	line-height: 20px;
	color: #3e3a39;
	font-size: 15px;
}

.site-map a:hover {
	text-decoration: underline;
}

.site-map a.cur {
	color: #1d87c6;
}

.home-title {
	height: 45px;
	margin: 40px 0 0 0;
}

.home-title p {
	position: relative;
	line-height: 45px;
	width: 388px;
	margin: 0 auto;
	text-align: center;
	color: #1d87c6;
	font-size: 25px;
}

.home-title p:before, .home-title p:after {
	content: '';
	position: absolute;
	display: block;
	width: 388px;
	height: 1px;
	background:
		url("../../../image/lone_line.png")
		no-repeat;
}

.right-content-box {
	margin: 70px 0 0 0;
}

.right-content-box>img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.right-cont-wrap {
	height: 480px;
	background: #fbfbfb;
	background-size: cover;
	border-radius: 15px 0 0 15px;
	-webkit-box-shadow: -2px 3px 3px #999;
	-moz-box-shadow: -2px 3px 3px #999;
	box-shadow: -2px 3px 3px #999;
	padding: 20px 0;
}

.history-wrap {
	height: 460px;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.history-top {
	display: block;
	margin: 0 auto 15px;
}

.history-bottom {
	width: 849px;
	margin: 0 auto;
	height: 125px;
	position: relative;
	padding: 19px 25px;
	background:
		url("../../../image/history_bottom_bg.png")
		repeat-x;
	overflow: hidden;
}

.history-bottom:before {
	content: '';
	display: block;
	width: 29px;
	height: 153px;
	position: absolute;
	background:
		url("../../../image/history_left_bg.png")
		no-repeat;
	left: 0;
	top: 5px;
}

.history-bottom:after {
	content: '';
	display: block;
	width: 29px;
	height: 153px;
	position: absolute;
	background:
		url("../../../image/history_right_bg.png")
		no-repeat;
	right: 0;
	top: 5px;
}

.history-img {
	width: 1500px;
	height: 120px;
	position: relative;
	top: 2px;
}

.history-img li {
	display: block;
	float: left;
	margin: 0 43px 0 0;
	width: 180px;
	height: 120px;
}

.history-arrow-left {
	width: 25px;
	height: 61px;
	background:
		url("../../../image/history_arrow_left.png")
		no-repeat;
	position: absolute;
	left: 0;
	top: 320px;
	display: block;
}

.history-arrow-right {
	width: 25px;
	height: 61px;
	background:
		url("../../../image/history_arrow_right.png")
		no-repeat;
	position: absolute;
	right: 0;
	top: 320px;
	display: block;
}

.history-audio-btn {
	width: 29px;
	height: 29px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background:
		url("../../../image/audio_btn.png")
		no-repeat;
}

.audio-pause {
	background:
		url("../../../image/audio_pause_btn.png")
		no-repeat;
}

.history-text {
	height: 25px;
	width: 900px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.history-text p {
	position: absolute;
	line-height: 25px;
	width: 4000px;
	height: 25px;
	font-size: 16px;
}

.dj-detail {
	position: relative;
	width: 100%;
	height: 520px;
	background: #fbfbfb;
	background-size: cover;
	border-radius: 15px 0 0 15px;
	-webkit-box-shadow: -2px 3px 3px #999;
	-moz-box-shadow: -2px 3px 3px #999;
	box-shadow: -2px 3px 3px #999;
}

.dj-detail-btn {
	position: absolute;
	right: 0;
	height: 38px;
	bottom: -40px;
	border: 1px solid #7fc3eb;
	border-radius: 0 0 0 10px;
	-webkit-box-shadow: 3px 2px 3px #888;
	-moz-box-shadow: 3px 2px 3px #888;
	box-shadow: 3px 2px 3px #888;
}

.dj-detail-btn li {
	padding: 0 20px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #7fc3eb;
	float: left;
	background: #1d87c6;
	color: #fff;
	cursor: pointer;
}

.dj-detail-btn li.cur {
	background: #1e417c;
}

.dj-detail-btn li a{
    display: block;
}
.dj-detail-wrap{
    width: 100%;
    height: 520px;
}
.dj-detail-list{
    width: 100%;
    height: 520px;
    display: none;
}
.dj-detail-cont{
    height: 480px;
    padding: 20px 60px;
    text-align: center;
}
.dj-detail-tit{
    background: url("../../../image/dj_detail_tit.png") no-repeat;
    width: 218px;
    height: 51px;
    color: #4c9fd1;
    font-size: 24px;
    text-align: center;
    line-height: 51px;
    margin-left: 45px;
    position: absolute;
    margin-top: 30px;
}
.dj-detail-page-cont{
    width: 100%;
    text-align: center;
    display: none;
}
.dj-detail-page-btn{
    width: 130px;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.dj-detail-page-btn a{
    display: block;
    height: 30px;
    background: #4c9fd1;
    margin-top: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}
.dj-detail-page-btn a.cur{
    background: #faa401;
}
.dj-detail-video{
    width: 782px;
    height: 440px;
    margin: 20px auto 0;
    background: #000;
}
.dj-detail-flash{
    background: #f1f1f1;
    border-radius: 15px;
    height: 460px;
    padding: 10px;
}
.dj-detail-page-cont img,.dj-detail-cont img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.dj-detail-page-cont object,.dj-detail-cont object{
    display: block;
    margin: 0 auto;
    border-radius: 15px;
}
.dj-detail-video-para{
    width: 965px;
    height: 430px;
    margin: 30px auto 0;
}
.dj-detail-video-para video{
    width: 600px;
    height: 400px;
    background: #000;
    float: left;
}
.dj-detail-video-para img{
    display: block;
    float: left;
    margin-left: 15px;
    margin-top: 300px;
    width: 350px;
}
.dj-detail-video-para p{
    display: block;
    float: left;
    margin-left: 15px;
    margin-top: 300px;
    width: 350px;
    font-size: 24px;
    color: #1d87c6;
}
@media screen and (max-width: 1500px) {
    .dj-detail-tit{
        margin-left: 10px;
        margin-top: 15px;
    }
    .dj-detail-cont{
        height: 480px;
        padding: 20px 20px;
        text-align: center;
    }
    .dj-detail-video{
        width: 682px;
        height: 384px;
        margin: 50px auto 0;
        background: #000;
    }
    .dj-detail-video-para{
        width: 965px;
        height: 430px;
        margin: 50px auto 0;
    }
    .dj-video-para{
        width: 190px;
        position: absolute;
        left: -190px;
        top: 150px;
    }
    .dj-detail-video-para video{
        width: 620px;
        height: 400px;
        background: #000;
        float: left;
        margin-left: 30px;
    }
    .dj-detail-video-para img{
        display: block;
        float: left;
        margin-left: 15px;
        margin-top: 300px;
        width: 300px;
    }
    .dj-detail-video-para p{
        display: block;
        float: left;
        margin-left: 15px;
        margin-top: 300px;
        width: 300px;
    }
}

.shuliqu-mk {
	width: 850px;
	height: 460px;
	margin: 0 auto;
	position: relative;
}

.shuliqu-page {
	width: 700px;
	height: 460px;
	margin: 15px auto;
}

.shuliqu-btn {
	width: 110px;
	height: 120px;
	position: absolute;
	left: -60px;
	top: 70px;
}

.shuliqu-btn a {
	display: block;
	width: 108px;
	height: 38px;
	border: 1px solid #1d87c6;
	border-radius: 5px;
	margin-top: 20px;
	line-height: 38px;
	text-align: center;
	font-size: 22px;
	color: #1d87c6;
}

.shuliqu-btn a.cur {
	color: #fff;
	background: #1d87c6;
}

.shuliqu-video {
	width: 700px;
	height: 460px;
	background: #000;
	display: none;
}

.dragArrow {
	position: absolute;
	width: 80px;
	height: 20px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: none;
}

.dragArrow a {
	display: block;
	width: 28px;
	height: 20px;
	background:
		url("../../../image/arrow_drag.png")
		no-repeat;
}

.dragArrow a.drag-left {
	float: left;
	background-position: 0 0;
}

.dragArrow a.drag-right {
	float: right;
	background-position: 0 -20px;
}

.dragWrap {
	width: 100%;
	height: 520px;
	overflow: hidden;
	position: relative;
}

.dragBox {
	position: absolute;
	left: 0;
	display: block;
	width: 1600px;
	height: 460px;
	text-align: center;
}

.dx-tc {
	width: 1170px;
	height: 632px;
	background: url("../../../image/03/tc_bg.png") no-repeat;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -316px 0 0 -587px;
	display: none;
}

.img-wrap {
	width: 804px;
	height: 450px;
	margin: 91px auto;
	overflow: hidden;
	position: relative;
}

.img-wrap ul {
	width: 5628px;
	height: 450px;
	position: absolute;
	top: 0;
	left: 0;
}

.img-wrap ul li {
	width: 804px;
	height: 450px;
	float: left;
}

.img-wrap ul li p {
	text-align: center;
	font-size: 20px;
}

.img-wrap ul li img {
	display: block;
	max-width: 85%;
}

.btn-prev, .btn-next {
	display: block;
	position: absolute;
	width: 47px;
	height: 113px;
	top: 260px;
}

.btn-prev {
	background:
		url("../../../image/arrow_prev.png")
		no-repeat;
	left: 60px;
}

.btn-next {
	background:
		url("../../../image/arrow_next.png")
		no-repeat;
	right: 60px;
}

.btn-close {
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 20px;
	top: 10px;
	background:
		url("../../../image/index_cp5.png");
}

.hover-img {
	display: block;
	position: absolute;
}

.hover-img img {
	position: absolute;
	left: 100%;
	top: -50px;
	display: none;
}

.hover-img:hover img {
	display: block;
}

.hover-img01 {
	width: 250px;
	height: 125px;
	left: 55px;
	top: 160px;
}

.hover-img02 {
	width: 60px;
	height: 105px;
	left: 550px;
	top: 180px;
}

.hover-img03 {
	width: 60px;
	height: 150px;
	left: 1064px;
	top: 140px;
}

.hover-img04 {
	width: 210px;
	height: 170px;
	left: 396px;
	top: 128px;
}

.hover-img03 img {
	left: -555px;
}

.hover-img04 img {
	left: 100%;
	width: 838px;
	height: 320px;
	max-width: 838px;
}

.dxlc-btn {
	height: 43px;
	width: 1650px;
	position: absolute;
	bottom: 20px;
}

.dxlc-btn a {
	display: block;
	width: 155px;
	padding: 0;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	float: left;
	background:
		url("../../../image/btnbg.png")
		no-repeat;
	position: absolute;
	background-size: 155px 43px;
}

.dxlc-btn a.dxlc-btn01 {
	left: 100px;
}

.dxlc-btn a.dxlc-btn02 {
	left: 340px;
}

.dxlc-btn a.dxlc-btn03 {
	left: 500px;
}

.dxlc-btn a.dxlc-btn04 {
	left: 660px;
}

.dxlc-btn a.dxlc-btn05 {
	left: 860px;
}

.dxlc-btn a.dxlc-btn06 {
	left: 1125px;
}

.dxlc-btn a.dxlc-btn07 {
	left: 1280px;
}

.dxlc-btn a.dxlc-btn08 {
	left: 1440px;
}

.fangmian-btn01 a.dxlc-btn01 {
	left: 100px;
}

.fangmian-btn01 a.dxlc-btn02 {
	left: 280px;
}

.fangmian-btn01 a.dxlc-btn03 {
	left: 435px;
}

.fangmian-btn01 a.dxlc-btn04 {
	left: 588px;
}

.fangmian-btn01 a.dxlc-btn05 {
	left: 795px;
}

.fangmian-btn01 a.dxlc-btn06 {
	left: 1033px;
}

.fangmian-btn01 a.dxlc-btn07 {
	left: 1344px;
}

.fangmian-btn02 a.dxlc-btn01 {
	left: 90px;
}

.fangmian-btn02 a.dxlc-btn02 {
	left: 260px;
}

.fangmian-btn02 a.dxlc-btn03 {
	left: 412px;
}

.fangmian-btn02 a.dxlc-btn04 {
	left: 565px;
}

.fangmian-btn02 a.dxlc-btn05 {
	left: 757px;
}

.fangmian-btn02 a.dxlc-btn06 {
	left: 1020px;
}

.fangmian-btn02 a.dxlc-btn07 {
	left: 1173px;
}

.fangmian-btn02 a.dxlc-btn08 {
	left: 1344px;
}

.fangmian-btn03 a.dxlc-btn01 {
	left: 90px;
}

.fangmian-btn03 a.dxlc-btn02 {
	left: 260px;
}

.fangmian-btn03 a.dxlc-btn03 {
	left: 412px;
}

.fangmian-btn03 a.dxlc-btn04 {
	left: 565px;
}

.fangmian-btn03 a.dxlc-btn05 {
	left: 757px;
}

.fangmian-btn03 a.dxlc-btn06 {
	left: 1020px;
}

.fangmian-btn03 a.dxlc-btn07 {
	left: 1173px;
}

.fangmian-btn03 a.dxlc-btn08 {
	left: 1344px;
}

.xinfangmian-btn02 a.dxlc-btn01{
    left: 90px;
}
.xinfangmian-btn02 a.dxlc-btn02{
    left: 275px;
}
.xinfangmian-btn02 a.dxlc-btn03{
    left: 425px;
}
.xinfangmian-btn02 a.dxlc-btn04{
    left: 580px;
}
.xinfangmian-btn02 a.dxlc-btn05{
    left: 827px;
}
.xinfangmian-btn02 a.dxlc-btn06{
    left: 1065px;
}
.xinfangmian-btn02 a.dxlc-btn07{
    left: 1233px;
}
.xinfangmian-btn02 a.dxlc-btn08{
    left: 1404px;
}
.xinfangmian-btn02 a.dxlc-btn09{
    left: 1584px;
}

.xinfangmian-btn03 a.dxlc-btn01{
    left: 90px;
}
.xinfangmian-btn03 a.dxlc-btn02{
    left: 260px;
}
.xinfangmian-btn03 a.dxlc-btn03{
    left: 412px;
}
.xinfangmian-btn03 a.dxlc-btn04{
    left: 565px;
}
.xinfangmian-btn03 a.dxlc-btn05{
    left: 787px;
}
.xinfangmian-btn03 a.dxlc-btn06{
    left: 1050px;
}
.xinfangmian-btn03 a.dxlc-btn07{
    left: 1203px;
}
.xinfangmian-btn03 a.dxlc-btn08{
    left: 1384px;
}
.xinfangmian-btn03 a.dxlc-btn09{
    left: 1584px;
}

.dj-wrap {
	max-width: 1214px;
	margin: 80px auto 0;
	height: 523px;
	position: relative;
}

.dj-box {
	width: 82.4%;
	height: 480px;
	margin: 45px auto 0;
}

.dj-page {
	display: none;
}

.dj-prev, .dj-next {
	position: absolute;
	display: block;
	width: 7.8%;
	height: 523px;
	top: 0;
	background-size: cover;
}

.dj-prev {
	background:
		url("../../../image/dj_prev_bg.png")
		no-repeat;
	left: 0;
}

.dj-next {
	background:
		url("../../../image/dj_next_bg.png")
		no-repeat;
	right: 0;
}

.dj-list {
	width: 31%;
	height: 202px;
	margin: 18px 1%;
	float: left;
}

.dj-product-img {
	display: block;
	margin-bottom: 5px;
}

.dj-product-img:hover {
	-webkit-box-shadow: 1px 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 1px 3px #ccc;
	box-shadow: 1px 1px 1px 3px #ccc;
}

.dj-product-img img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.dj-product-name {
	height: 28px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	background: #1d87c6;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.yuancheng-wrap{
    width: 1000px;
    height: 460px;
    margin: 0 auto;
    position: relative;
}
.yuancheng-tc-btn{
    width: 1000px;
    height: 460px;
    position: absolute;
    left: 0;
    top: 0;
}
.yuancheng-tc-btn a{
    display: block;
    position: absolute;
}