body { font: 16px "microsoft yahei", heiti; background: #e8f5f2; }
a { color: #333; }
a.amore { color: #000; font: 14px "microsoft yahei", heiti; float: right; }
a:hover { color: #000; }
ul, li, ol, ul { list-style: none; margin: 0; padding: 0; }
.row { margin-bottom: 20px; font-family: "microsoft yahei", heiti; }
.commom_margin_top { margin-top: 40px }
.commom_margin_bottom { margin-bottom: 40px }
/*****************************************************************************
 *@my.css
  *(本项目特有)
*****************************************************************************/
/*.topbkg{border-bottom:10px solid #b9b5aa}*/

.topbkg { background: url(../images/topbkg.jpg?ver=3.0) top center no-repeat; height: 380px; }
.topbkg-m { display: none }
.row>div img { width:100% }
.daoyu { padding-top:30px }
.daoyu p { color:#0b7362; line-height:32px; }
.daoyutt img { display: block; margin: 0 auto; }
.daoyu img { display:block; margin-right:60px; float:left }
.daoyubkg { background: url(../images/daoyubkg.png) top center no-repeat; height: 220px; }
.picbkg { background-image: url(../images/picbkg.jpg); background-size:cover; background-repeat:no-repeat; padding-bottom:40px }
.mainslicker { margin-top:20px; }
.mainslicker .imgbox { width:96%; height:420px; background-size:cover; background-position:center; }
.mainpic { background:#fff; margin-top:-50px; border-radius:0 0 36px 0; }
.mainpic-img { padding:0 }
.mainpic-txt { padding: 40px; overflow-y: auto; }
.mainpic-txt h3 { color:#0b7362; font-weight:bold; font-size:24px; margin-top:-10px; margin-bottom:20px; text-align:center }
.mainpic-txt p { color:#545454; line-height:28px; text-indent:32px; margin-top:30px; max-height:320px; overflow-y:auto }
.mainslicker img { display:block; width:98%; height:480px; margin:0 auto }
.slick-dots { bottom:-50px; }
.slick-dots li.slick-active button:before, .slick-dots li button:before { color:#fff; }
.midbkg { background: url(../images/midbkg.png) top center no-repeat; padding-top:20px; }
.jtgj { background:#fff; height:260px; margin-top:40px; border-radius:0 0 36px 0 }
.map { float:left; margin-right:48px }
.jt-txt { padding:48px }
.jt { margin-bottom:40px }
.jt h5 { font-size:18px; font-weight:bold; color:#0b7362; }
.wypj-mq { height:360px; background:none; }
.wypj-mq:hover { background:none }
.wypjbox { margin-bottom:40px }
.wypj { position:relative; height:auto; padding:20px 40px; background:#fff; border:1px solid #e3b574; width:60%; border-radius:36px; font-size:16px; line-height:30px; color:#545454; }
.wypj .detail { overflow:hidden }
.btn-xq, .btn-xq:hover { background:#28955d; color:#fff; font-size:18px; text-align:center; padding: 5px 15px; border-radius:20px; margin-top:10px; float:right; }
.btn-xq:hover { text-decoration:none; opacity:.8 }
.wypj-left { margin-left:140px }
.wypj-left i { position: absolute; width: 20px; height: 20px; color:#e3b574; border-width: 0px 0px 12px; border-style: solid; border-color: transparent transparent currentcolor; right: 100%; top: 40px; border-radius: 0px 0px 0px 40px; }
.wypj-right { margin-right:40px; float:right }
.wypj-right i { position: absolute; width: 20px; height: 20px; color:#e3b574; border-width: 0px 0px 12px; border-style: solid; border-color: transparent transparent currentcolor; left: 100%; top: 40px; border-radius: 0px 0px 40px 0; }
.avatar-left { width:100px; float:left; }
.avatar-right { width:100px; float:right; }
.avatar h5 { text-align:center; font-size:18px; font-weight:bold; color:#0b7362; white-space:normal }
.avatar img { width:100px; height:100px; border-radius:50px; border:4px solid #e3b574; }
.footerbkg { background: url(../images/footerbkg.png) bottom center no-repeat; }
.footer { padding:40px 0 }
.thumbnail a:hover { text-decoration: none }
.thumbnail h3 { font-size: 16px; line-height: 22px; margin:0; text-align:center }
.thumbnail p { display:none; font-size: 14px; color: #808080 }
.vidimg, .vidimg img { position:relative; width:100%; height:auto; }
.vidimg { margin-bottom:5px }
.vidimg video { width:100%; cursor: pointer; }
.poster img { width:100% }
.item-slider-one { margin-top:20px; }
.item-slider-one .imgbox { width:96%; height:320px; background-size:cover; background-position:center; }

 /*移动端优化，在小于768像素的屏幕里,这里的样式才生效*/
 

@media (max-width: 1201px) {
.top-nav, #topnav {
display: none;
}
.topbkg {
display: none
}
.topbkg-m {
display: block;
}
.topbkg-m img, .map img {
width: 100%;
height: auto!important;
}
 .commom_margin_top {
margin-top: 20px
}
.commom_margin_bottom {
margin-bottom:20px
}
.hide_on_mobile {
display: none
}
body {
background-image: url(../images/bkg.jpg);
background-size: contain;
}
.daoyu {
margin-top:-20px
}
.daoyu p {
font-size:14px;
line-height:22px;
text-indent:28px;
}
.daoyu h3 {
font-size:16px;
}
.daoyubkg {
height:auto;
background-size:cover;
padding-bottom:20px
}
.daoyu img {
display:block;
float:none;
height: 60px;;
margin:10px auto
}
.daoyutt img {
max-width: 100%;
height: 40px;
}
.picbkg {
height:auto;
background-size:cover
}
 .mainslicker .imgbox {
height:60vw
}
.hotspot {
padding-top:20px
}
.mainpic {
height:auto;
margin-top:-10px;
min-width:0;
border-radius:0
}
 .mainpic-txt, .jt-txt {
padding:20px
}
.msbox img {
height:60vw
}
.mainpic-txt h3 {
margin-top:0;
 font-size: 20px;
 line-height: 28px;
}
.mainpic-txt {
 overflow: hidden;
 width: 100%;
 height:auto;
}
 .mainpic-txt p {
margin-top:0;
max-height:none;
}
.jtgj {
height:auto
}
.map {
float:none;
margin-right:0
}
.wypj {
height:auto;
width:70%;
padding:15px;
font-size:14px;
}
 .wypjbox {
margin-bottom:20px
}
.btn-xq, .btn-xq:hover {
 font-size: 12px;
 padding: 0 10px;
}
.footer {
padding:20px 0
}
.footerbkg {
background-size:contain
}
 .col-xs-6 {
padding-left:5px;
padding-right:5px
}
.thumbnail h3 {
font-size:14px
}
.avatar h5 {
font-size:14px
}
.avatar-left {
width:60px;
}
.avatar-right {
width:60px;
}
.avatar img {
width:60px;
height:60px;
border-radius:50px;
border:2px solid #e3b574;
}
.wypj {
line-height:22px
}
.wypj-left {
margin-left:90px
}
.wypj-right {
margin-right:30px
}
.item-slider-one .imgbox {
height:60vw;
}
}