header, footer, section, p, div, ul, li, ol, button { margin: 0; padding: 0; }
.content { padding: 0; margin: 0 auto; width: 100%; }
.page-banner { position: relative; bottom: 0; }
.header-btn { text-align: right; margin-right: 6rem; position: relative; bottom: 4.5rem; }
.content { position: relative; width: 100%; }
.content .banner-img { width: 100%; }
.content .banner-r { position: absolute; bottom: 14% !important; font-size: 1rem; font-weight: normal; right: 6% !important; }
.content .banner-r a { background-color: #8FC421; color: #fff!important; border-radius: 27px; padding: 0.2rem 0.5rem; }
.content .banner-r a:first-child { margin-right: 1rem; }
@media screen and (min-width:979px) and(max-width:999px) {
 .content .banner-r {right:-20px!important;}
}

@media screen and (min-width:1000px) and (max-width:1100px) {
.banner-img { width: 1200px!important; }
.content .banner-r { right: 16px!important; }
}

@media screen and (min-width:980px) and (max-width:1000px) {
.banner-img { width: 1200px!important; }
.content .banner-r { right: -100px!important; }
}

@media screen and (min-width:999px) and (max-width:1100px) {
.content .banner-r { right: 90px!important; }
}
.banner-txt { position: absolute; bottom: 6% !important; font-size: 1.75rem; color: #fff; font-weight: normal; left: 6% !important; }
.content .banner-r >a { text-decoration: none; }
h4 { font-size: 1.75rem; }
.banner-txt h4 span { color: #8FC421; margin-left: 0.7rem; }
.banner-txt p { color: #8FC421; text-transform: uppercase; }
.banner-txt p b { text-transform: uppercase; }
.header-btn button { width: 5rem; height: 1.7rem; line-height: 0.7rem; border-radius: 1rem; padding: 0; border: 1px solid transparent; outline: none; background: white; margin-right: 1rem; position: relative; }
.header-btn button a { display: inline-block; text-decoration: none; font-size: 0.9rem; color: #4d4d4d; }
.header-btn button:first-child { width: 8rem; background: #8FC421; z-index: 99; }
.header-btn button:first-child a { color: #fff; }
.page-nav { font-size: 12px; color: #999; max-width: 1200px; width: 100%; margin: 0 auto; margin-top: 1.5rem; }
.page-nav a { color: #8FC421; }
.aboutus-bg { position: relative; width: 100%; max-height: 38.5rem; height: auto; margin: 0 auto; }
.aboutus-bg .about-l { position: absolute; top: 30%; left: 10%; }
.aboutus-bg .about-r { position: absolute; top: 40%; right: 10%; }

@media screen and (min-width:1200px) {
.aboutus-bg { height: 25rem!important; }
}

@media screen and (min-width:768px)and (max-width:1200px) {
.aboutus-bg { height: 21rem!important; }
}

@media screen and (min-width:500px)and (max-width:767px) {
.aboutus-bg { height: 20rem!important; }
}
/*=================================================================*/
#stru, #intro, #road, #layout, #honor, #welfare { height: 14.6rem; overflow: hidden; }
.titles #intro_t, #stru_t, #road_t, #layout_t, #honor_t, #welfare_t { position: relative; /*top:1rem;*/ width: 100%; margin: 0 auto; margin-bottom: 1rem; }
.backg { background-color: #8FC421!important; }
.backg>h4 { font-size: 22px !important; color: #fff !important; }
.backg>p { color: #fff !important; font-size: 14px !important; }
#call22, #call33, #call44, #call55, #call66, #call77 { display: none; }
.back { background-color: #57d9ce!important; color: #fff !important; }
.back>p:first-child { font-size: 22px !important; color: #fff !important; }
.back>p:last-child { color: #fff !important; font-size: 14px !important; }

@media screen and (min-width:1200px) {
.titles #intro_t, #stru_t, #road_t, #layout_t, #honor_t, #welfare_t { width: 1200px; }
}
/*=================================================================*/
/*下面5个版块的内容部分*/
.details { width: 1200px; height: 18rem; display: flex; justify-content: center; justify-items: center; margin: 0 auto; }
.detail-left { width: 70%; height: 18rem; overflow: auto!important; margin-right: 3rem; }
.us-title { display: inline-block; border: 1px solid #8fc421; background-color: #8fc421; width: 0.8rem; height: 0.8rem; margin-right: 0.5rem; }
.t { opacity: 0; width: 2rem; display: inline-block; }
.detail-left >p>img { width: 60%; text-align: center; height: auto; margin-bottom: 0.5rem; }
.detail-right { width: 30%; height: 18rem; display: block!important; }
/*中间内容的照片*/
.detail-img { width: 100%; }
/*5个content下的切换面板*/
.main .panne { text-align: center; width: 1200px; display: flex; margin: 0 auto; margin-bottom: 2rem; margin-top: 2rem; justify-items: center; justify-content: center; }
.main.panne>div:first-child { width: 25%; background-color: #8FC421; color: #fff; height: auto; margin-right: 1%; text-align: center; line-height: 2.6rem; padding-top: 1rem; }
.panne >.panne1 { width: 20%; height: auto; margin-right: 1%; text-align: center; line-height: 2.5rem; padding-top: 1rem; }
.panne >div>h4 { margin-bottom: 0!important; }
.main .panne div { width: 20%; background-color: #ddd; height: auto; margin-right: 1rem; text-align: center; line-height: 1.5rem; padding-top: 1rem; }
.main .panne div:last-child { margin-right: 0!important; }
.main .panne div h4 { font-size: 22px; color: #000000; }
.main .panne div p { font-size: 14px; color: #999999; }
.main .panne div:first-child { background-color: #ddd; }
.main .panne div:first-child p { color: #999999; }
.main .panne div:first-child h4 { color: #000; }
#panne1, #panne2, #panne3, #panne4, #panne5, #panne6:hover { cursor: pointer; }
/*3content中的三个居中大图*/
.content-img { display: flex; width: 100%; height: 20rem; position: relative; }
.content-img div img { width: 100%; height: auto; text-align: center; }
.content .content-img div div { width: 100%; height: auto; }
/*content中的三个button 查看更多按钮*/
.content-btn { font-size: 1rem; border-radius: 1rem; color: #faf; padding: 5px 15px; background: none; position: absolute; bottom: 8rem; left: 5rem; border: 1px solid #fff; /*display:none;*/
}
/*联系我们部分*/
.call-title { font-size: 24px; text-align: center; padding: 2rem 0; color: #141907; width: 1200px; background-color: #ddd; margin: 0 auto; }
.call-banner { width: 100%; /*height:62rem;*/margin: 0 auto; margin-bottom: 3rem; }
/*7条 联系我们的banner*/
.call-banner .call-banner-one { width:100%; display: flex; flex-flow: row wrap; justify-content: space-between; justify-items: center; margin: 0 auto; }
.call-banner .call-banner-one div { background-color: #fff; text-align: center; width: 23%; padding: 1rem; margin-bottom: 1rem; cursor: pointer; line-height: 1.6;border:solid 1px #ccc;}
.call-banner .call-banner-one div>p { margin-bottom: 0; }
.call-banner .call-banner-one div:first-child { margin-left: 0; }
.call-banner .call-banner-one div>p:first-child { color: #000; font-size: 22px; }
.call-banner .call-banner-one div>p:last-child { color: #999999; font-size: 14px; }
/*下面map的设置*/
#call11, #call22, #call33, #call44, #call55, #call66, #call77, #call88 {display: inline-flex; justify-content: space-evenly;justify-items: center; padding: 1rem 0; width:100%; background-color: #fff; overflow: auto; text-align: center;}
#call11 div:first-child, #call22 div:first-child, #call33 div:first-child, #call44 div:first-child, #call55 div:first-child, #call66 div:first-child, #call77 div:first-child, #call88 div:first-child { width:25%; height: auto; font-size: 1.3rem;overflow: auto; }
#call11 div:nth-child(2), #call22 div:nth-child(2), #call33 div:nth-child(2), #call44 div:nth-child(2), #call55 div:nth-child(2), #call66 div:nth-child(2), #call77 div:nth-child(2), #call88 div:nth-child(2) { width: 30%; height: auto; overflow: auto; font-size: 1rem; border-right: 2px solid #ddd; padding-right: 2rem; }
#call11 div:nth-child(3), #call22 div:nth-child(3), #call33 div:nth-child(3), #call44 div:nth-child(3), #call55 div:nth-child(3), #call66 div:nth-child(3), #call77 div:nth-child(3), #call88 div:nth-child(3) { width: 27%; height: auto; overflow: auto; font-size: 1rem; border-right: 2px solid #ddd; padding-right: 2rem; }
#call11 div:last-child, #call22 div:last-child, #call33 div:last-child, #call44 div:last-child, #call55 div:last-child, #call66 div:last-child, #call77 div:last-child, #call88 div:last-child { width: 28%; height: auto; overflow: auto; font-size: 1rem; }
.dt1, .dt2, .dt3, .dt4, .dt5, .dt6, .dt7, .dt8 { background-color: #fff; padding: 0 0.5rem; }
#container1, #container2, #container3, #container4, #container5, #container6, #container7, #container8 { margin: 0 auto; height: 480px; }
.dt-img { width:1.5rem; height: auto; }
.map { text-align: center; width: 100%; height: 100%; background-color: #fff; padding: 0 0.5rem 1rem; }
.map img { width: 100%; height: 28rem; }
/*.map-top{*/
/*    text-align:center;*/
/*    width:100%;*/
/*    height:14rem;*/
/*    background-color:#fff;*/
/*}*/
.map-title { margin: 0 auto; display: flex; width: 100%; margin-top: 2rem; }
.map-title1 { font-size: 1.5rem; text-align: center; height: 5.5rem; line-height: 5.5rem; margin-top: 1rem; }
.map-title>div:first-child { width: 20% !important; }
.map-title>div:nth-child(2) { /*width:40% !important;*/
margin-top: 1rem; text-align: left; }
.map-title>div:nth-child(2) >img { margin-top: 2rem; }
.map-title>div:nth-child(2)>div { margin-top: 0; position: absolute; }
.map-title>div:nth-child(2)>div >p { text-align: center; }
.map-title>div:nth-child(2)>div>span { overflow: hidden; text-overflow: ellipsis; }
.map-title>div:nth-child(3)>p { border: 1px solid #ddd; height: 4rem; background-color: #ddd; display: inline-block; position: relative; top: 2rem; right: 2rem; }
.map-title>div:nth-child(4)>p { border: 1px solid #ddd; height: 4rem; background-color: #ddd; display: inline-block; position: relative; top: 2rem; right: 2rem; }
.map-title>div { width: 27%; }
.map-title>div>img { display: inline; /*padding-bottom:3rem;*/
margin-right: 1rem; }
.map-top >.map-title> .map-title2>div>span { font-size: 1rem!important; }
.map-top >.map-title> .map-title2 >div>p { font-size: 1rem!important; }
.map-top >.map-title> .map-title3>div>span { font-size: 1rem!important; }
.map-top >.map-title> .map-title3 >div>p { font-size: 1rem!important; }
.map-top >.map-title> .map-title4>div>span { font-size: 1rem!important; }
.map-top >.map-title> .map-title4 >div>p { font-size: 1rem!important; }
.map-top >.map-title> .map-title5>div>span { font-size: 1rem!important; }
.map-top >.map-title> .map-title5 >div>p { font-size: 1rem!important; }
.map-top >.map-title> .map-title6>div>span { font-size: 1rem!important; }
.map-top >.map-title> .map-title6 >div>p { font-size: 1rem!important; }
.map-top >.map-title> .map-title7>div>span { font-size: 1rem!important; }
.map-top >.map-title> .map-title7 >div>p { font-size: 1rem!important; }
.map-title>div>div { display: inline-block; margin: 1rem 0 2rem; }
/*=================================================================================================================*/
/*=================================================================================================================*/
/*高德地图--开始css*/
.amap-copyright { box-sizing: content-box }
* { box-sizing: border-box }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
 padding: 0;
 border-style: none;
}
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 0.5rem 0 0; }
.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; background-color: transparent; background-image: none; color: #25A5F7; border-color: #25A5F7; padding: .25rem .5rem; line-height: 1.5; border-radius: 1rem; -webkit-appearance: button; cursor: pointer; }
.btn:hover { color: #fff; background-color: #25A5F7; border-color: #25A5F7 }
.btn:hover { text-decoration: none }
.input-item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; width: 100%; height: 3rem; }
.input-item:last-child { margin-bottom: 0; }
.input-item>select, .input-item>input[type=text], .input-item>input[type=date] { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; }
.input-item>select:not(:last-child), .input-item>input[type=text]:not(:last-child), .input-item>input[type=date]:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.input-item>select:not(:first-child), .input-item>input[type=text]:not(:first-child), .input-item>input[type=date]:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.input-item-prepend { margin-right: -1px; }
.input-item-text, input[type=text], input[type=date], select { height: calc(2.2rem + 2px); }
.input-item-text { width: 6rem; text-align: justify; padding: 0.4rem 0.7rem; display: inline-block; text-justify: distribute-all-lines; /*ie6-8*/
text-align-last: justify; /* ie9*/
-moz-text-align-last: justify; /*ff*/
-webkit-text-align-last: justify; /*chrome 20+*/
-ms-flex-align: center; align-items: center; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.input-item-text input[type=checkbox], .input-item-text input[type=radio] { margin-top: 0 }
.input-card { display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border-radius: .25rem; width: 22rem; border-width: 0; border-radius: 0.4rem; box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5); position: fixed; bottom: 1rem; right: 1rem; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0.75rem 1.25rem; }
.input-text { line-height: 2rem; margin-right: 2rem; }
.info hr { margin-right: 0; margin-left: 0; border-top-color: grey; }
.info { padding: .75rem 1.25rem; margin-bottom: 1rem; border-radius: .25rem; position: fixed; top: 1rem; background-color: white; width: auto; min-width: 22rem; border-width: 0; right: 1rem; box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5); }
.code { left: 1.5rem; right: 1.5rem; top: 1.5rem; bottom: 1.5rem; overflow: auto; margin-bottom: 0rem; }
.code .btn { top: 1rem; position: absolute; right: 1rem; }
.code .result { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.5rem; padding: 1rem; bottom: 1rem; position: absolute; top: 5.5rem; right: 1rem; left: 1rem; overflow: auto; }
.code .status { color: #80adff; display: inline-block; font-size: 14px; }
.code h4 { display: inline-block; max-width: 20rem; margin-right: 1rem; margin-bottom: 1rem; }
select, input[type=text], input[type=date] { display: inline-block; width: 100%; padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none }
input[type=text], input[type=date] { background: #fff; padding: .375rem .75rem; }
select:focus, input[type=text]:focus, input[type=date]:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .1rem rgba(128, 189, 255, .1) }
.btn:focus { outline: 0; box-shadow: none; }
 select:focus::-ms-value, input[type=text]:focus::-ms-value, input[type=date]:focus::-ms-value {
 color: #495057;
 background-color: #fff
}
/* native toastr */
.native-toast { position: fixed; background-color: rgba(50, 50, 50, .8); border-radius: 33px; color: white; left: 50%; text-align: center; padding: 6px 12px; opacity: 0; z-index: 99999; transition: transform .25s, opacity .25s, top .25s; box-sizing: border-box; }
.native-toast-bottom { bottom: 50px; -ms-transform: translateX(-50%) translateY(50px); transform: translateX(-50%) translateY(50px) }
.native-toast-bottom.native-toast-shown { opacity: 1; -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); }
.native-toast-bottom.native-toast-edge { bottom: 0; }
.native-toast-top { top: 50px; -ms-transform: translateX(-50%) translateY(-50px); transform: translateX(-50%) translateY(-50px) }
.native-toast-top.native-toast-shown { opacity: 1; -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); }
.native-toast-top.native-toast-edge { top: 0; }
.native-toast-center { top: 0; -ms-transform: translateX(-50%) translateY(-50px); transform: translateX(-50%) translateY(-50px) }
.native-toast-center.native-toast-shown { opacity: 1; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.native-toast-edge { border-radius: 0; width: 100%; text-align: left; }

@media screen and (min-width: 40rem) {
.native-toast:not(.native-toast-edge) { max-width: 18rem; }
}
/*
  max-width does not seem to work in small screen?
*/

/*@media screen and (max-width: 768px) {
  .native-toast:not(.native-toast-edge) {
    max-width: 400px;
  }
}

@media screen and (max-width: 468px) {
  .native-toast:not(.native-toast-edge) {
    max-width: 300px;
  }
}*/

/* types */

.native-toast-error { background-color: #d92727; color: white; }
.native-toast-success { background-color: #62a465; color: white; }
.native-toast-warning { background-color: #fdaf17; color: white; }
.native-toast-info { background-color: #5060ba; color: white; }
[class^="native-toast-icon-"] { vertical-align: middle; margin-right: 8px }
[class^="native-toast-icon-"] svg { width: 16px; height: 16px; }
.amap-mcode { font-size: 0rem!important; }
/*高德地图--止*/
/*=============================================================================================================*/
/*=============================================================================================================*/


/*footer部分*/
/*footer-导航条部分*/
.about-footer { width: 100%; height: 47rem; background-color: #000; color: #fcfcfc; font-size: 1rem; }
.footer-banner { width: 80%; margin: 0 auto; padding: 2rem; text-align: center; }
.footer-ul { background-color: #fff; width: 100%; text-align: center; }
.tab-content .footer-banner { margin-top: 0 !important; ; padding-top: 0 !important; }
/*footer-title部分*/
.footer-banner .footer-title { margin: 1rem 0 3rem; }
.footer-banner .footer-title span:first-child { font-size: 1.5rem; color: #fcfcfc; margin-bottom: 2rem; }
.footer-banner .footer-title span:last-child { color: #cccccc !important; margin-left: 1rem !important; }
.nav-tabs { border-bottom: none!important; background-color: transparent!important; color: #696969!important; }
.nav-tabs .nav-item { margin-bottom: 1rem !important; }
.nav-tabs .nav-link { border: none!important; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-bottom-color: #8FC421!important; }
.nav-tabs .nav-link.disabled { color: #6c757d!important; background-color: transparent!important; border-color: transparent!important; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #8FC421 !important; background-color: transparent!important; border-color: transparent!important; border-bottom-color: #6c757d!important; }
div#tab2.tab-pane.active.show { margin: 0 !important; }
.nav-tabs .dropdown-menu { margin-top: 1rem !important; border-top-left-radius: 0; border-top-right-radius: 0; }
.nav-tabs .nav-link { border: 1px solid transparent!important; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link:focus { border-bottom: 1px solid #8fc421!important; color: #8fc421!important; }
.footer-ul li { color: #fcfcfc !important; }
.alert-danger { color: #2E2A2A!important; background-color: #fcfcfc!important; border-color: #ddd!important; }
/*footer部分--hover时隐藏联系方式*/
/*.about-footer .footer-banner .footer-hover{*/
/*    display:block!important;*/
/*    margin-top:3rem;}*/
/*.about-footer .footer-banner:hover>div .footer-hover .footer-title span{*/
/*   display:none!important;}*/
/*.about-footer .footer-banner:hover>div .footer-hover ul li{*/
/*    display:none!important;*/
/*}*/
/*.about-footer .footer-banner:hover>.nav-tabs .nav-item .nav-link{*/
/*    display:block!important;*/
/*}*/
div#tab1.tab-pane.footer-banner.active.show { margin: 0!important; padding: 0 !important; }
/*.about-footer:hover>.footer-banner div>.footer-hover  .footer-title span{*/
/*     display:none!important;*/
/* }*/
/*.about-footer:hover>.footer-banner div>.footer-hover  .footer-title ul li{*/
/*    display:none!important;*/
/*}*/
/*.about-footer:hover>.footer-banner .tab-content .footer-banner div span{*/
/*    display:none!important;*/
/*}*/
/*.about-footer:hover>.footer-banner .tab-content .footer-banner div ul li{*/
/*    display:none!important;*/
/*}*/

.details .detail-left >p { margin-bottom: 0; line-height: 1.9; text-align: justify; padding-right: 1rem; }
.details .detail-left >p.span-kong { height: 1rem; display: block; }
/*留言位置内容*/
.alert-dismissible { padding: 0 !important; margin: 0 !important; }
.alert-dismissible .close { padding: 0 !important; color: inherit; margin: 0 !important; }
/*footer底部内容*/
a.footer_icp:hover { color: #8fc421 !important; }
.footer-down { width: 100%; font-size: 1rem; color: #ccc; }
.footer-down .footer-down-ul { width: 43%; list-style: none; display: flex; margin: 0 auto; margin-bottom: 1rem; }
.footer-down .footer-down-ul li { margin: 0 auto; }
.footer-down .footer-down-ul li a { color: #cccccc !important; }
.footer-down .footer-down-ul li a:hover { color: #8fc421 !important; }
.footer-down p { width: 35%; margin: 0 auto; }
/*项目详情页面details*/
/*项目简介部分*/
/*.content{*/
/*    margin-top: 1rem !important;*/
/*    margin-bottom: 1rem !important;*/
/*}*/
.pro-up, .pro-video { display: flex; width: 100%; height: 30rem; }
.pro-up { margin: 2rem 0; /*height:4.5rem;*/
height: auto;/*padding-bottom: 2rem;*/
}
.pro-up .pro-l { width: 25%; }
.pro-up .pro-r { width: 75%; }
.pro-up .pro-r>span { line-height: 2; display: inline-block; overflow: auto; max-height: 14rem; text-align: justify!important; }
.pro-video { margin-top: 3rem; margin-bottom: -5rem; word-wrap: break-word; }
.pro-video .video-l { width: 50%; text-align: left; margin-right: 2rem; }
.pro-video .video-l >p { /*height:14rem;*/
max-height: 14rem; overflow: auto; margin: 1rem 0; line-height: 2; padding-right: 1.5rem; text-align: justify; text-indent: 2rem; }
.pro-video .video-l >p>span { display: inline-block; text-indent: 2rem; }
.pro-video .video-r { width: 50%; text-align: right; position: relative; }
.pro-video .video-r >a>img { position: absolute; top: 31%; left: 43%; width: 5rem; height: auto; }
/* 带有背景图的 详情 中间内容，5部分章节*/
.detail-bg { width: 100%; }
.pro-details { display: flex; width: 1200px; margin: 0 auto; flex-flow: row wrap; justify-content: space-between; height: 100%; background: url(/static/index/img/bg.png) no-repeat scroll 3rem 3rem; background-size: 28rem; }
.pro-details div.pro-d { width: 30%; /*height:20rem;*/
height: auto; overflow: hidden; text-align: left; }
.pro-details >.div-pml { width: 32%!important; height: auto!important; margin-bottom: 1.5rem; }
.pro-details >.div-pml >.pml-img { width: 100%; height: auto; }
.detail01, .detail02, .detail03, .detail04, .detail05, .detail06 { height: auto!important; }
/*btn按钮的点击事件*/
/*.pro-details div#pro-d1{*/
/*    display: none;*/
/*}*/
/*.pro-details div#pro-d2{*/
/*    display: none;*/
/*}*/
/*.pro-details div#pro-d3{*/
/*    display: none;*/
/*}*/

/*btn按钮的点击事件--止*/
.pro-details div.pro-d>h5 { margin: 2rem 0; }
.pro-details div.pro-d:nth-child(1) { margin-top: 4rem; }
.pro-details div.pro-d:nth-child(3) { margin-top: 4rem; }
.pro-details div.pro-d:nth-child(4) { margin-top: -2rem; }
.pro-details div.pro-d:nth-child(5) { margin-top: -1rem; }
.pro-details div.pro-d:nth-child(6) { margin-top: 2rem; }
.pro-details div.pro-d >p>img { width: 100%; }
.mhx-img { width: 100% !important; height: auto; }
.pro-details div.pro-d>p { text-align: justify; }
.pro-details div.prod4 { margin-top: -4rem; }
.pro-details div.prod5 { margin-top: -4rem; }
/*.pro-details .pro-d >p{*/
/*    overflow: auto;*/
/*    height:10.5rem;*/
/*    padding: 0 0.5rem;*/
/*}*/
.pro-img { /*margin:0 auto;*/
text-align: center; width: 100%; }
.video-l .video-more { width: 12rem; height: 3rem; text-align: center; padding: 0.7rem 1rem; background: #8FC421; /*margin-top:7.5rem;*/
border: none; /*position: relative;*/
    /*top:6rem;*/
color: #fcfcfc; cursor: pointer; }
.video-l .video-more a { color: #fcfcfc; text-decoration: none; }
/*.cur{*/
/*    cursor: pointer;*/
/*}*/

.video-l .video-more { width: 12rem; height: 3rem; text-align: center; padding: 0.5rem 1rem; background: #8FC421; /*margin-top:7.5rem;*/
border: none; /*position: relative;*/
    /*top:6rem;*/
cursor: pointer; }
.video-l .video-more a { color: #fcfcfc; text-decoration: none; }
/*订票系统*/
.detail-bg .booking-title { width: 100%; text-align: left; margin: 2rem 0 2rem; }
/*.booking-title h4,span{*/
/*    font-size:2rem;*/
/*}*/
.booking-title h4 { font-size: 2rem; }
.booking-title span { color: #8FC421; padding-left: 1rem; }
.booking { width: 100%; margin: 0 auto; text-align: center; }
.booking-detail { width: 100%; border: 1px solid #ddd; padding: 1rem; margin-bottom: 5rem; }
.booking-detail .booking-p { padding: 0 2rem; font-size: 1rem; line-height: 2; }
.booking-detail .booking .booking-btn { width: 12rem; height: 3rem; text-align: center; padding: 0.7rem 1rem; background: #8FC421; margin: 1rem 0; border: none; color: #fcfcfc; cursor: pointer; }
.booking-detail .booking .booking-btn a { color: #fcfcfc; text-decoration: none; }
.page-nav, .pro-up, .pro-img, .pro-video { width: 100%; margin: 0 auto; margin-top: 2rem; }
.pro-video .video-r img { width: 100%; margin-top: 1.5rem; }
/*===================================================================*/
/*--------------------济南旅服----------------------------*/
.pro-details .lv-div { width: 1200px; }
.pro-details .lv-div .lv-fz { font-weight: bold; font-size: 1.5rem; }
.pro-details .lv-div:first-child { margin-bottom: 2rem; }
.pro-details .lv-div >div { margin-bottom: 2rem; }
.pro-details .lv-div >div >p { margin-bottom: 1rem; }
div .lv-p { overflow: auto; height: 7rem; padding-right: 0.5rem; text-align: justify; }
div .lv-p>span:first-child { display: inline-block; font-size: 1.2rem; /*font-weight: bold;*/
margin-bottom: 0.5rem; }
.pro-details .lv-div .lv-img1 { width: 100%; margin: 0 auto; display: inline-flex; justify-content: space-around; justify-items: center; flex-flow: wrap; }
.pro-details .lv-div .lv-img2 { width: 100%; margin: 0 auto; display: inline-flex; justify-content: space-evenly; justify-items: center; flex-flow: wrap; }
.pro-details .lv-div > .lv-img1 >div { width: 48%; text-align: justify; margin-bottom: 1rem; margin-top: 1rem; }
.pro-details .lv-div > .lv-img2 >div { width: 30%; text-align: justify; margin-bottom: 1rem; }
.pro-details .lv-div div>div img { width: 100%; height: auto; margin: 1rem 0; transition-duration: 0.7s; transition-timing-function: linear; }
.pro-details .lv-div div>div img:hover { box-shadow: 20px 20px 500px -60px #fcfcfc; }
.lv-div >div >div>.title-img>img { width: 15%; height: auto; }
/*新增  新闻部分*/

.pro-news .news-details { width: 1200px; margin-bottom: 3rem; height: 28rem; overflow: hidden; }
.pro-news.news-details >li { list-style: none; width: 100%; margin: 0 auto; margin-top: 10px; height: 1rem; }
.pro-news .news-details >li .news-title { font-size: 16px; color: #666; text-align: left; display: inline-block; width: 80%; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; }
.pro-news { width: 1200px; margin: 0 auto; }
.pro-news .news-h5 { width: 100%; margin-top: 2rem; margin-bottom: 2rem; }
.pro-news .news-details >li a { text-decoration: none; }
.news-date { font-size: 16px; color: #666; text-align: right; display: inline-block; width: 19%; }
.pro-news .news-details >li:hover > a { color: #8FC421; }
.pro-news .news-details >li:hover p { color: #8FC421; }
.pro-up { width: 1200px; margin: 0 auto; margin-bottom: 3rem; }
.pro-img { width: 1200px; margin: 0 auto; }
.pro-video { width: 1200px; margin: 0 auto; }
.pro-details { width: 1200px; margin: 0 auto; height: 100%; }
.pro-up .pro-r>span { padding-right: 0.5rem; max-height: 4rem; }
.content .main .page-nav { margin-bottom: 2rem!important; }
.pro-details .prod4 { width: 60% !important; height: auto!important; margin-bottom: 5rem; }
.pro-details .prod5 { width: 33% !important; }
.pro-details .prod1 { margin-top: -4rem!important; padding-right: 2rem!important; }
.pro-details .prod3 { margin-top: 2rem!important;/*padding-right: 2rem!important;*/
}
.prod2 { padding-left: 2rem!important; }
.prod4 { margin-top: 3rem!important;/*padding-left: 2rem!important;*/
}
.img-mxh { width: 100%; height: auto!important; }
/*视口匹配-媒体查询*/
/*@media (max-width: 767px) {*/
/*    .page-banner .banner-txt h4 {*/
/*        margin-bottom: 0;*/
/*    }*/
/*}*/

/*@media (max-width: 640px) {*/
/*    .page-banner .banner-txt {*/
/*        bottom: 20px;*/
/*    }*/
/*    .detail-content .related ul li a {*/
/*        max-width: 100%;*/
/*    }*/
/*    .detail-content .related ul li span {*/
/*        display: none;*/
/*    }*/
/*}*/
.footer { margin-top: 0!important; }
.pro-d >.dyq-p { height: 7.5rem; overflow: auto; padding: 0 0.5rem; }

@media screen and (max-width:1200px) {
.page-nav, .pro-up, .pro-img, .pro-video { width: 100% !important; }
.pro-up { margin-bottom: 2rem; }
.page-nav { /*padding: 0 2rem;*/
}
.main >.titles > div >.mb-4 { margin: 0 2rem 1.5rem!important; }
.detail-left { margin-left: 2rem; }
.detail-right { margin-right: 2rem; }
.page-nav { width: 1200px; margin: 0 auto; margin-top: 1rem; margin-bottom: 1rem; }
.pro-up { width: 100% !important; padding: 0 2rem; display: inline-flex; }
.pro-img { width: 100%; padding: 0 2rem; margin-top: 1rem; }
.pro-video { width: 100%; padding: 0 2rem; margin: 0 auto; }
.pro-details { padding: 0 2rem; }
.news-h5 .news-details { padding: 0 2rem; }
.news-h5 .news-details >li .news-title { width: 86%; }
.news-date { width: 19%; }
.video-l .video-more { top: 4rem; }
.pro-news .news-h5 { padding: 0 2rem; }
.details { width: 100%; height: 100%; }
.pro-video .video-l >p { height: 13.5rem; }
.pml-img { top: 27% !important; }
}

@media screen and (min-width:1000px) and (max-width:1199px) {
.pro-video .video-l >p { height: 11rem; }
.content .banner-img { padding-top: 0!important; }
}

@media screen and (max-width:1000px) {
.content .banner-img { padding-top: 62px!important; }
}

@media screen and (max-width:900px) {
.pro-up { display: inline-flex; height: 100%; }
.pro-video { display: block!important; height: 100%; margin-bottom: 3rem; }
.pro-video .video-l { width: 100%; margin-right: 0!important; }
.pro-video .video-r { width: 100%; }
.detail-bg .booking-title { margin: 0 0 2rem !important; }
.pro-details .prod1 { margin-top: 0!important; }
.pro-details .prod3 { margin-top: 1rem!important; }
.prod4 { margin-top: -1rem!important; }
}

@media screen and (min-width:900px) and (max-width:930px) {
.pro-video .video-l >p { height: 6.5rem!important; }
}

@media screen and (min-width:931px) and (max-width:999px) {
.pro-video .video-l >p { height: 8.5rem!important; }
}

@media screen and (max-width:1200px) {
.content .banner-img { padding-top: 100px; width: 100% !important; }
.pro-video .video-r >a>img { width: 15%; }
.pro-details { width: 100%; }
.pro-details div.pro-d:nth-child(6) { margin-top: 0!important; }
/*.banner-txt >h4{*/
    /*    font-size: 1rem!important;*/
    /*}*/
    /*.banner-txt>p>b{*/
    /*    font-size: 1rem!important;*/
    /*}*/
.pro-news { width: 100%; }
.pro-news .news-details { width: 100%; }
.pro-up .pro-r>span { overflow: auto; max-height: 6rem; }
.main .panne { width: 100%; }
.call-title { width: 100%; }
.call-banner { width: 100%; }
.call-banner .call-banner-one { width: 100%; }
.pro-details { background-size: 30rem; }
}

@media screen and (min-width:500px) and (max-width:767px) {
.pro-details { background-size: 25rem; }
}

@media screen and (max-width:979px) {
.content .main .page-nav { display: inline-block!important; }
}

@media screen and (max-width:530px) {
.pro-news .news-details >li .news-title { width: 60%; }
.news-date { width: 38%; }
}

@media screen and (max-width:500px) {
.banner-img { height: 10rem; }
h4 { font-size: 1rem!important; }
p { font-size: 0.8rem!important; }
h5 { font-size: 1rem!important; }
.booking-title span { font-size: 1rem!important; }
.booking-title h4 { font-size: 1rem!important; }
.pro-up { margin-bottom: 0!important; }
.banner-txt>h4 { font-size: 1rem!important; }
.banner-txt>p { font-size: 1rem!important; }
.pro-details div.pro-d { height: auto; overflow: inherit; padding-right: 0.5rem; width: 100%; }
.video-more { width: 8rem!important; }
.pro-details div.prod4 { margin-top: 0!important; }
.pro-details div.prod5 { margin-top: 0!important; }
.pro-details div:last-child { margin-top: 0!important; }
.details { display: block; }
.detail-right { width: 100%; height: auto; }
.detail-img { margin-top: 2rem; }
.detail-left { margin-left: 0; width: 100%; }
.main .panne { display: flex; flex-wrap: wrap; margin-top: 0!important; }
.main .panne div { width: 100%; }
.pro-details { background-size: 20rem; flex-wrap: wrap; }
.backg>h4 { font-size: 16px !important; }
.backg>p { font-size: 0.8rem!important; }
.main .panne div { width: 45%; }
.main .panne div { margin-right: 0!important; margin: 5px!important; }
.call-banner .call-banner-one { justify-content: space-around; }
.call-banner .call-banner-one div { width: 47%; margin-bottom: 0; margin: 5px 0; }
.back>p:first-child { font-size: 16px!important; }
.back>p:last-child { font-size: 0.8rem!important; }
#container1, #container2, #container3, #container4, #container5, #container6, #container7, #container8 { height: 300px; }
.dt-img { width: 1.5rem; margin-right: 5px; }
#call11 div:first-child, #call22 div:first-child, #call33 div:first-child, #call44 div:first-child, #call55 div:first-child, #call66 div:first-child, #call77 div:first-child, #call88 div:first-child { width: 96%; text-align: center; border-bottom: 1px solid #ddd; }
#call11, #call22, #call33, #call44, #call55, #call66, #call77, #call88 { display: flex; flex-wrap: wrap; max-height: 100%; border-bottom: 1px solid #ddd; padding: 0; margin: auto; }
#call11 div:nth-child(2), #call22 div:nth-child(2), #call33 div:nth-child(2), #call44 div:nth-child(2), #call55 div:nth-child(2), #call66 div:nth-child(2), #call77 div:nth-child(2), #call88 div:nth-child(2) { width: 100%; text-align: center; padding: 10px 0; border-bottom: 1px solid #ddd; border-right: 0; margin: auto; }
#call11 div:nth-child(3), #call22 div:nth-child(3), #call33 div:nth-child(3), #call44 div:nth-child(3), #call55 div:nth-child(3), #call66 div:nth-child(3), #call77 div:nth-child(3), #call88 div:nth-child(3) { width: 45%; text-align: center; padding: 10px 0; margin: auto; }
#call11 div:last-child, #call22 div:last-child, #call33 div:last-child, #call44 div:last-child, #call55 div:last-child, #call66 div:last-child, #call77 div:last-child, #call88 div:last-child { width: 50%; text-align: center; padding: 5px 0; margin: auto; }
.span-p { padding-left: 25px; }
/*   项目 适配 */
.pro-up .pro-l { width: 32%; }
.pro-up >span { margin-right: 1rem!important; }
.pro-up .pro-r>span { line-height: 1.5; }
.pro-l>h4:last-child { padding-right: 10px; }
.pro-video .video-l >p { height: auto!important; }
.pro-details div.pro-d:nth-child(1) { margin-top: 2rem; }
.pro-details div.pro-d { margin-bottom: 2rem; }
.pro-up .pro-l { width: 33%; }
.pro-up>span { margin-right: 1rem!important; }
.pro-details div.pro-d:nth-child(3) { margin-top: 0!important; }
.pro-details div.pro-d:nth-child(4) { margin-top: 0!important; }
.pro-details div.pro-d:nth-child(4) { margin-top: 0!important; width: 100% !important; }
.pro-details div.pro-d:nth-child(5) { margin-top: 0!important; }
.pro-details .prod5 { width: 100% !important; }
.pro-d >.dyq-p { height: 18rem; }
.booking-detail .booking-p { padding: 0; }
.pro-news .news-details >li .news-title { font-size: 14px; }
.pro-up .pro-r>span { font-size: 14px!important; max-height: 5rem; }
.pro-details >.div-pml { width: 100% !important; }
.content .main .page-all { padding-top: 58px; }
.detail-content > div p { margin-bottom: 0; margin: 5px 0; }
}