
#showhide{ 
transition: all .5s ease;

background: black;

color: white;

width: 100%;

display: block;

margin: 0 auto;

/* padding: 1px; */

font-size: 14px;

height: auto;

font-family: "微软雅黑";}

.slide{ 
transition: all .5s ease;

margin: 0;

padding: 0;

/* width: 600px; */

/* border-top: solid 4px gray; */

margin: 0 auto;}

.btn-slide{ 
	position: fixed;
    top: 5px;
    right: 10px;
    color: #fff;
    background: #ff9800;
    z-index: 999;
}

#show{ transition: all .5s ease;}
#show p{transition: all .5s ease; margin-top: 0px;margin-bottom: 0px;padding: 15px;}
.nav-item {margin-left: 2%;}
.nav-item a:hover{background-color: #d1c7bd;color: #fff!important;}
.navbar-light .navbar-nav .active a {background-color: #d1c7bd; color: #fff!important;padding: 10px;}
.navbar-nav .nav-item .active a{color: #fff!important;}
.navbar-nav .nav-item a{color: #333!important; padding: 10px;}
.dropdown-toggle::after{display: none!important;}
.dropdown {position: unset!important;}
.dropdown-menu {min-width: 40rem!important;}
.dhxian {border-bottom: 1px solid #9e9e9e!important;}

.carousel-caption {bottom:350px!important;}
.bdsize {font-size: 40px;}
.jiange {padding-right:0px!important; padding-left:0px!important;}
.hftitle{position: absolute;left: 5%;top: 60px;height: 100%;color: #fff;}
.hfinfo{position: absolute;left: 5%;top: 140px;height: 100%;color: #fff;}
.swiper-button-prev {left: 0!important;top:45%!important;background-image:none!important;}
.swiper-button-next {right:0!important;top:45%!important;background-image:none!important;}
.swiper-button-prev i {font-size: 30px;}
.swiper-button-next i {font-size: 30px;}
.info{background-color: #fff; padding: 10px;overflow: hidden;}
.news{margin-top: 2%;}
.dbcaidan a {display: block;color: #9E9E9E;line-height: 30px;}
.dblianxi {margin-bottom: 2%;}
.dblianxi strong {color: #9E9E9E;}
.dblianxi span{color: #bdb8b8;}
.beijing{background-image: url(https://o96bb7.a2cdn1.secureserver.net/wp-content/uploads/2019/12/header17.jpg);background-size:100%;background-repeat:no-repeat;height: 250px;}
.nytitle{line-height: 100px;}
.nytitle h1{/* position: absolute; */
	top:200px;	/*相对于父级元素，向下移10px*/
	width:50%; /*设置文字盒子的宽度，这里设置其和图片宽度一致*/
	margin-top: 5%;
	margin: 0 auto;
	text-align:center;/*设置文字水平居中*/
	color: #fff;
	}
.chanpin h4{color: #4f3939;}	
.chanpin li {
	list-style: none;
	border-top: 1px solid #e6e2df;
	padding: 10px;
    border-left: 1px solid #e6e2df;
    border-right: 1px solid #e6e2df;
	}	
.chanpin {border-bottom: 1px solid #ddd;}
.chanpin li a {color: #000; font-size: 18px;}	
.cplist .title{border: 1px solid #ddd;  padding: 10px;}	
.cplist .title h5 {color: #4f3939;}
.cplist{position: relative;}
.genghuan{ position: absolute;width: 100%;height: 100%;top: 0;background-color: rgba(208, 164, 84, 0.3);opacity: 0;}
.cplist:hover .genghuan{opacity: 1;}
.genghuan span {background-color: #00BCD4A6;position: absolute;bottom: 50px;left: 0;width: 100%; margin: 0;color: #fff;padding: 7px 20px; text-align: center;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 15;
}
.mbxdh a {line-height: 30px;height: 30px;color: #333;text-decoration: none;}

.media-body{border: 1px solid #ddd;padding: 10px;border-radius: 5px;}
.media-body h5{color: #212529;}
.media-body p{color: #212529;}
.danye img{width: 100%;height: auto;}
.seach{position: absolute;top: 60px;right: 10px; z-index: 999;}
.btsou{border: none;position: absolute;right: 20px;background: none;}
.page-num {
    position: relative;
    display: block;
	float: left;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}


/*在线客服*/
.jdc-side { display: none; position: fixed; right: 20px; bottom: 20px; z-index: 300; width: 60px }
.mod_hang_qrcode { position: relative }
.mod-qr-tips { height: 70px; background: url(../images/qrtips.png) center no-repeat; background-size: 100% }
.mod_hang_qrcode_show { display: none; position: absolute; right: 70px; top: -65px; width: 138px; min-height: 166px; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_show p { margin-top: 5px; line-height: 16px; color: #666; font-size: 12px; text-align: center }
.mod_hang_qrcode_show_bg { width: 124px; height: 124px; margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto; background-image: url(../images/qrcode.png) }
.jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/qrcode.jpg) }
.jdc_hang_qrcode p { padding-bottom: 5px }
.mod_hang_qrcode_btn { display: block; width: 100%; height: auto; color: #0989c5; font-size: 30px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease }
.mod_hang_top { display: block; width: 60px; height: 60px; margin: 5px 0 0; text-align: center; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; background-color: transparent }
.mod_hang_qrcode:hover .mod_hang_qrcode_show { display: block }
.mod_hang_qrcode_btn { position: relative; margin-top: 5px;margin-bottom: 5%; text-align: center; background-color: transparent; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_qrcode_btn:hover { color: #fff }
.mod_hang_top { -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_top .mod_hang_qrcode_btn { background: 0 0; margin: 0 }
.mod_hang_appeal_btn { display: block; width: 60px; height: 60px; color: #0989c5; text-align: center; font-size: 20px; cursor: pointer; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) ;}

.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;}

.mod_hang_appeal{margin-bottom: 5%;}
.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 30px; color: #fff; background-color: #222 }
.mod_hang_appeal_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_appeal.show .mod_hang_appeal_show { display: block }
.mod_hang_appeal_show { opacity: 0; z-index:-9; right:-500px; position: absolute; right: 70px;height: 100px; top: 120px; bottom: 0; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1); width: 300px }
.mod_hang_appeal_show li {
*zoom:1; cursor: pointer }
.mod_hang_appeal_show li:hover { background: #f3f5fb }
.mod_hang_appeal_show li:after, .mod_hang_appeal_show li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box { float: left; width: 215px; height: 90px; cursor: pointer }
.mod_hang_appeal_show .icon_box { width: 78px; line-height: 90px; text-align: center }
.mod_hang_appeal_show .icon_box i { color: #0989c5; font-size: 30px }
.mod_hang_appeal_show .text_box h5 { margin-top: 10px; font-size: 16px; color: #03004c; line-height: 24px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.mod_hang_appeal_show .text_box p { margin-top: 10px; max-height: 36px;font-size: 16px; font-weight: 700; overflow: hidden; line-height: 18px; color: #666; cursor: pointer }
/*.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 5px }*/
.jdc_feedback_qrcode .mod_hang_qrcode_show { min-height: 226px }
.jdc_feedback_qrcode .mod_hang_qrcode_show p { padding-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show_bg { margin-top: 0; background-image: none }
@media (max-width:768px) {
.jdc-rwd .jdc-side { display: none!important }
}
.jdc-lang-en .jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/qrcode-en.jpg) }
.jdc-lang-en .mod-qr-tips { position: relative }
.jdc-lang-en .mod-qr-tips:after { content: "Search"; position: absolute; left: 41px; top: 8px; width: 85px; height: 30px; line-height: 30px; background: #fff; color: #666; font-size: 16px }


@media screen and (max-width: 600px) {
.dropdown-menu{min-width:auto!important;}
.jiange img {height: 260px!important;}
.hfinfo{position: absolute;left: 5%;top: 160px;height: 100%;color: #fff;}
/* .navbar {position: absolute!important;background: #bbab7a;z-index: 999;} */
.beijing{height: 110px;}
.col-md-9 .mbxdh {margin-top: 0px!important;}
.nytitle {line-height: inherit;}
.media-body {margin: 3%}
}