﻿body { font-family: "微软雅黑", "Hiragino Sans GB", "Microsoft YaHei", tahoma, arial, simsun, "" }
a { color: #999; text-decoration: none; }
a:hover, a:focus { color: #ff2a2a; text-decoration: none; }
ul li { list-style-type: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "微软雅黑", "Hiragino Sans GB", "Microsoft YaHei", tahoma, arial, simsun, ""; font-weight: 500; line-height: 1.1; color: inherit }
.h1, .h2, .h3, .h4, .h5, .h6 { margin: 0 }
.img-bj { border-radius: 5px; }
img, .ylw-img-responsive { max-width: 100%; overflow: hidden; }
.ylw-img-responsive5 { width: 360px; height: 250px; overflow: hidden; }
.ylw-img-responsive6 { width: 100%; height: 200px; overflow: hidden; }

@media(max-width:480px) {
.ylw-img-responsive1 { height: auto!important; width: 280px!important; overflow: hidden; }
.ylw-img-responsive5 { height: 200px; width: 100%; overflow: hidden; }
}

@media(max-width:768px) {
.ylw-img-responsive1 { height: 210px!important; width: 290px!important; overflow: hidden; }
}
.ylw-img-responsive1 { height: 160px; width: 220px; overflow: hidden; }
.ylw-img-responsive2 { height: 306px; width: 220px }
.ylw-img-responsive3 { height: 500px; width: 360px }
*:link, *:visited, *:hover, *:active, *:focus, .item-on-hover, .btn-success, #button, .team img, .kehu figure a p { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.h-h2 { font-size: 24px; line-height: 150%; color: #000; padding-bottom: 22px; padding-top: 0; margin-top: 0; margin-bottom: 26px }
.h-h2 img { width: 7px; height: 20px; margin-right: 5px; }
.h-h2-bj { text-align: center; width: 240px; height: 40px; background-color: #fff; opacity: 0.8; margin: 0 auto; }
::-moz-selection {
 background: #ff2a2a;
 color: #fff
}
::selection { background: #ff2a2a; color: #fff }
.col-lg-20 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px }

@media(min-width:1200px) {
.col-lg-20 { float: left }
}

@media(min-width:1200px) {
.col-lg-20 { width: 20% }
}

@media(min-width:1200px) {
.z15 { padding-left: 30px; padding-right: 0 }
}

@media(min-width:1001px) and (max-width:1199px) {
.z15 { padding-left: 30px; padding-right: 0 }
}

@media(max-width:768px) {
.z15 { padding: 30px 0 0 30px; }
}

@media(min-width:1200px) {
.zaz { padding-left: 3%; padding-right: 0 }
}

@media(min-width:1001px) and (max-width:1199px) {
.zaz { padding-left: 3%; padding-right: 0 }
}
/****打字效果*****/
.print { margin: 0 auto; width: 100%; white-space: nowrap; overflow: hidden; -webkit-animation: dy 5s steps(60, end) infinite; animation: dy 5s steps(60, end) infinite; }
@-webkit-keyframes dy {
 from {
width: 0;
}
}
@keyframes dy {
 from {
width: 0;
}
}
/****打字效果*****/
.headroom { position: fixed; top: 0; left: 0; right: 0; transition: all .2s ease-in-out }
.headroom--unpinned { top: -100px }
.headroom--pinned { top: 0 }
/*********导航部分*************/
.fl { display: block; float: left; }
.fl-20 { padding-left: 20px; }
.fr { display: block; float: right; }
.fr-20 { padding-right: 20px; }
.navbar-header { margin: 0 auto; }

@media (min-width:768px) {
.navbar-header { display: none }
#header-m { display: none }
.h-head { display: none }
.box768 { display: none }
}

@media (max-width:767px) {
.header { display: none }
.header-top { display: none }
.box767 { display: none }
}
.header-top { background-color: #26292d; position: relative; z-index: 1000; width: 100%; height: 35px; line-height: 35px; color: #fff; }
.header-top a { color: #fff; }
.header-top a:hover { color: #fff; font-weight: bold; }
.header-top .tel { background-image: url('../images/icon-tel.png'); background-repeat: no-repeat; background-position: left center; display: block; padding-left: 40px; font-size: 24px; color: #fff; font-weight: bold; font-style: italic; }
.ov { overflow: hidden; }
.container-top { width: 100%; margin-left: auto; margin-right: auto; }
.container1 { width: 100%; margin-left: auto; margin-right: auto; max-width: 1350px; }

@media (max-width:768px) {
.container { width: 100%!important }
}
.container { width: 86%; margin-left: auto; margin-right: auto; max-width: 1350px; }
.rel { position: relative; }
.is_pc { display: block; }
.list-unstyled, .list-unstyled-left, .list-unstyled-right, .list-inline { padding: 0; list-style: none; }
.ov.list-unstyled li, .ov.list-unstyled-left li, .ov.list-unstyled-right li, .ov.list-inline li { overflow: hidden; }
.list-unstyled-left li { float: left; }
.list-unstyled-right li { float: right; }
.header, .header .wrp { height: 100px; width: 100%; background-color: #fff; position: relative; z-index: 999; }
.header .nav1 { padding-right: 30px; clear: both; }
.header .nav1 ul { float: right; }
.header .nav1 li { float: left; position: relative; }
@media(min-width:768px) and (max-width:1024px) {
.header .nav1 .list-unstyled .item a { padding: 0 10px; font-size: 14px; }
.header .nav1 { padding-right: 20px; }
}
.header .nav1 .item a { display: block; line-height: 100px; font-size: 16px; font-weight: bold; color: #000; padding: 0 20px; position: relative; z-index: 2; -webkit-transition: color .3s .1s ease, background-color .3s .1s ease; -moz-transition: color .3s .1s ease, background-color .3s .1s ease; transition: color .3s .1s ease, background-color .3s .1s ease; text-align: center; }
.header .nav1 .item .is_mobile { display: none; }
.header .nav1 .item .is_pc { display: block; }
.header .nav1 .item:hover a, .header .nav1 .item.act a { background-color: #ff2a2a; color: #fff; }
.header .nav1 .item:hover .er { top: 100px; }
.header .nav1 .item .er { width: 100%; position: absolute; left: 0; top: -360px; -webkit-transition: top 0.6s ease; -moz-transition: top 0.6s ease; transition: top 0.6s ease; z-index: 1; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); }
.header .nav1 .item .er a { background-color: #d5bc7a; color: #1B1B1B; font-weight: normal; height: 50px; line-height: 50px; padding: 0 5px; }
.header .nav1 .item .er a:hover { background-color: #fff; color: #1B1B1B; }
.header .nav1 .qr { width: 92px; height: 92px; margin-top: 10px; }
.header .nav1 .qr img { display: block; width: 100%; }

@media (min-width:1020px)and (max-width:1200px) {
.header .nav1 .qr { display: none; }
.navbar-header { display: none }
}
.header .logo1 { width: 300px; display: block; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.header .logo1 img { display: block; margin-left: auto; margin-right: auto; margin-top: 20px; }

@media(min-width:768px) and (max-width:1024px) {
.header .logo1 { width: 220px; height: auto; }
}
/*********导航部分结束*************/

/*********口碑结束*************/
.navbar-default { background-color: rgba(255,255,255,0.95); border-bottom-width: 0; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15) }
.logo { margin: 0 auto; }
.logo img { width: 224px; height: 50px; }
.navbar-brand, .navbar-default, *:link, *:visited, *:hover, *:active, *:focus, .transition { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear }
.head-lx { position: absolute; margin: 0; padding: 25px; left: 0; top: 100px; background-color: rgba(102,153,204,0.9); width: 350px; display: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border-top-right-radius: 0; border-top-left-radius: 0 }
.head-lx li { line-height: 28px; color: #fff; margin-bottom: 6px }
.head-lx li.tel { padding: 15px 0 0 30px; margin-top: 15px; border-top: 1px solid rgba(255,255,255,0.5); background-image: url(../images/head-lx-bg.png); background-repeat: no-repeat; background-position: 0 19px; overflow: hidden }
.head-lx li.oc { padding: 0 0 0 30px; background-image: url(../images/head-lx-bg.png); background-repeat: no-repeat; background-position: 0 -28px; overflow: hidden; margin-bottom: 0 }
.head-lx li small { font-size: 12px }
.navbar-default .navbar-nav>li>a { padding: 39px 16px 0 16px; min-height: 100px }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background-color: #6699CC }
.navbar-default .navbar-nav>li>a { color: #000 }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.active>a { color: #fff }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li.active>a { padding-top: 25px }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #FFF; background-color: #ff2a2a }
.navbar-default .navbar-nav>li>a small { display: none; color: #E9E9E9; font-size: 12px; text-align: center; margin: 8px auto 0 auto; padding: 2px 0 0 0; border-top: 1px dotted rgba(255,255,255,0.5) }

@media(min-width:999px) {
.navbar-default .navbar-nav>li>a:hover small, .navbar-default .navbar-nav>li>a:focus small, .navbar-default .navbar-nav>li.active>a small { display: table }
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #FFF; background-color: #ff2a2a }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 150px; padding: 10px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: rgba(102,153,204,0.9); border-radius: 0 0 8px 8px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.1); box-shadow: 0 6px 12px rgba(0,0,0,0.1); background-clip: padding-box; border-width: 0 }
.dropdown-menu>li>a { padding: 8px 30px; color: #fff }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #fff; text-decoration: none; background-color: #7BA9D8 }
.dropdown-menu>li>a.hover, .dropdown-menu>li.hover { color: #FFF; background-color: #7BA9D8 }

@media(min-width:768px) and (max-width:999px) {
.navbar-default .navbar-nav>li>a { padding: 10px 6px 0 6px; min-height: 40px; margin-top: 16px }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li.active>a { padding-top: 10px }
}

@media(max-width:767px) {
.navbar-default .navbar-nav>li>a { padding: 10px 15px; line-height: 20px; min-height: 20px }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li.active>a { padding: 10px 15px }
.navbar-toggle { margin-top: 18px }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #eee }
.navbar-nav .open .dropdown-menu { margin: 0; padding: 0; border-radius: 0 }
.navbar-nav .open .dropdown-menu>li>a { line-height: 24px }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li.hover a { color: #FFF; background-color: #3c3 }
}
.box { width: 100%; height: 100%; padding: 0 15px; background-repeat: no-repeat; background-position: center top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }
.hba { position: relative; width: 100%; height: auto; overflow: hidden; }
.slider { position: relative; width: 100%; height: auto; overflow: hidden }
.slides { height: 100%; overflow: hidden; *zoom: 1;
-webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; margin: 0; padding: 0; border: 0 }
.slide { height: 100%; float: left; clear: none; margin: 0; padding: 0; border: 0; list-style-image: none; list-style-type: none }
.slider-arrow { position: absolute; display: block; margin-bottom: -30px; background-color: rgba(0,0,0,0.3); text-indent: -9999px; overflow: hidden; height: 60px; width: 40px; background-repeat: no-repeat }
.slider-arrow--right { transform: translate(40px, 0); -ms-transform: translate(40px, 0); -webkit-transform: translate(40px, 0); -moz-transform: translate(40px, 0); -o-transform: translate(40px, 0) }
.slider-arrow--left { transform: translate(-40px, 0); -ms-transform: translate(-40px, 0); -webkit-transform: translate(-40px, 0); -moz-transform: translate(-40px, 0); -o-transform: translate(-40px, 0) }
.slider:hover .slider-arrow--right, .slider:hover .slider-arrow--left { transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0) }
.slider-arrow--right { bottom: 50%; right: 0; background-image: url(../images/banner-fy.png); background-position: center bottom }
.slider-arrow--left { bottom: 50%; left: 0; background-image: url(../images/banner-fy.png); background-position: center top }
.slider-nav { position: absolute; bottom: 30px }
.slider-nav__item { width: 12px; height: 12px; float: left; clear: none; display: block; margin: 0 5px; background: #fff; border-radius: 50% }
.slider-nav__item:hover { background: #ccc }
.slider-nav__item--current { background: #ccc }
.about, .kehu, .case, .team, .youshi, .news { padding: 45px 0 25px 0 }
.team-w-h { width: 100%; height: 810px; margin: 0 auto; }

@media (min-width:768px) and (max-width:1024px) {
.case { padding: 0 0 25px 0 }
}

@media (max-width:640px) {
.case { padding: 25px 0 }
.team-w-h { height: 750px; }
}

@media (max-width:320px) {
.team-w-h { height: 650px; }
}
.about .m-shu, .fuwu .m-shu, .huanjing .m-shu, .kehu .m-shu, .team .m-shu { color: #999; margin-bottom: 45px }
.about .m-shu, .pt-gongcheng .m-shu { margin-bottom: 30px }
.youshi .m-shu, .pt-gongcheng .m-shu, .neirong .m-shu { color: #999 }
.fuwu .m-shu, .fuwu .h-h2 { color: #333 }
.fuwu span { color: #ff2a2a; }
.fuwu-bg, .kehu-bg, .team-bg { background-repeat: no-repeat; background-position: center top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }
.kehu h2 { font-size: 24px; font-weight: bold; }
.kehu-bg { background-image: url(../images/kehu-bg.jpg) }
.team-bg { background-image: url(../images/team-bg.jpg) }
.btn-success { font-size: 16px; color: #fff; background-color: #348b67; border-width: 0; border-radius: 0; padding: 8px 50px; margin: 20px 15px 20px 0; }
.btn-success:hover { color: #fff; background-color: #303030; }
.about .about-us { line-height: 26px; margin-bottom: 35px }
.fuwu { padding: 60px 0 30px 0; }
.fuwu, .fuwu a, .fuwu a small { color: #000 }
.fuwu h2 { font-size: 24px; font-weight: bold }
.fuwu h3 a { font-size: 18px; font-weight: bold }
.fuwu h3 a:hover { color: #ff2a2a; }

@media(max-width:420px) {
.fuwu h2 { font-size: 18px; font-weight: bold; }
.fuwu figure h3 a { font-size: 16px; font-weight: 400; }
.fuwu figure small { display: none; }
.fuwu small { line-height: 24px; }
}
.fuwu figure p { line-height: 28px; margin: 0 }
.fuwu figure { margin-bottom: 30px }
.fuwu a.pic1, .fuwu a.pic2, .fuwu a.pic3, .fuwu a.pic4 { height: 108px; width: 108px; display: block; background-repeat: no-repeat; background-position: center top; margin: 0 auto }
.fuwu a.pic1, .fuwu a.pic2, .fuwu a.pic3, .fuwu a.pic4 { transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9) }
.fuwu a.pic1:hover, .fuwu a.pic2:hover, .fuwu a.pic3:hover, .fuwu a.pic4:hover { transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1) }
.fuwu a.pic1 { background-image: url(../images/GIF1.png) }
.fuwu a.pic1:hover { background-image: url(../images/GIF11.png) }
.fuwu a.pic2 { background-image: url(../images/GIF2.png) }
.fuwu a.pic2:hover { background-image: url(../images/GIF22.png) }
.fuwu a.pic3 { background-image: url(../images/GIF3.png) }
.fuwu a.pic3:hover { background-image: url(../images/GIF33.png) }
.fuwu a.pic4 { background-image: url(../images/GIF4.png) }
.fuwu a.pic4:hover { background-image: url(../images/GIF44.png) }

@media(max-width:640px) {
.fuwu a.pic1 { background-image: url(../images/GIF1.png) }
.fuwu a.pic2 { background-image: url(../images/GIF2.png) }
.fuwu a.pic3 { background-image: url(../images/GIF3.png) }
.fuwu a.pic4 { background-image: url(../images/GIF4.png) }
}
.huanjing { padding: 45px 0 60px 0 }
.huanjing .h-h2 { font-size: 24px; font-weight: bold; line-height: 150%; color: #000; padding-bottom: 22px; padding-top: 0; margin-top: 0; margin-bottom: 26px; border-bottom: 1px solid #ccc; }
.fudong-bg { position: relative }
.fudong { position: absolute; left: 0; top: 0; text-align: center; width: 100%; height: auto; color: #FFF; vertical-align: middle; padding-top: 13% }
.fudong h3 { font-size: 24px; margin-bottom: 20px }
.fudong p { line-height: 26px; margin-bottom: 25px }
.huanjing-cd { width: 98px; height: 16px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto }

@media(max-width:700px) {
.huanjing { padding: 45px 0 5px 0 }
.fudong-bg { position: static }
.fudong { position: static; padding-top: 15px }
.fudong h3 { color: #000 }
.fudong p { color: #666 }
.huanjing-cd { margin-bottom: 40px }
}

@media(min-width:701px) and (max-width:1023px) {
.fudong { padding-top: 8% }
}
.kehu figure a { margin-bottom: 30px; color: #FFF; display: block }
.kehu div.row, .case div.row { margin-bottom: 10px }
.kehu figure a p { display: none }

@media(min-width:1200px) {
.kehu div.xg { height: 296px; overflow: hidden }
}

@media(min-width:999px) {
.kehu figure a { position: relative }
.kehu figure a p { cursor: pointer; display: block; position: absolute; width: 204px; height: auto; background-color: #ff2a2a; top: 0; line-height: 118px; text-align: center; vertical-align: middle; font-size: 18px; opacity: 0; filter: Alpha(Opacity=0) }
.kehu figure a:hover p { display: block; opacity: 1; filter: Alpha(Opacity=1) }
}

@media(min-width:999px) and (max-width:1199px) {
.kehu figure a p { left: 4px }
}
.khml a { margin-bottom: 10px!important }
.khml a h4 { color: #ff2a2a; margin-top: 30px; margin-bottom: 0 }
.kehu figure img { border: 1px solid #eee!important; }
.case .h-h2 { font-size: 24px; font-weight: bold; line-height: 150%; color: #000; padding-bottom: 22px; padding-top: 0; margin-top: 0; margin-bottom: 26px; border-bottom: 1px solid #ccc; }
.case_fg { font-size: 16px; color: #151515; font-weight: 400; }
.case_fg p span { color: #ff2a2a; padding-right: 20px; }

@media(max-width:480px) {
.case_fg { font-size: 14px; }
.case_fg p span { font-size: 14px; }
}
.m-shu { color: #999; margin-bottom: 35px; line-height: 28px }
.m-shu p { margin-top: 15px; color: #ccc }
.m-shu p a { color: #333; margin: 0 3px }
.m-shu p a:hover { color: #ff2a2a }
.m-shu span { color: #ff2a2a; font-size: 16px; }
.case h3 { padding: 20px 0 26px 0; margin: 0 auto }
.case h3 a { font-size: 16px; font-weight: 400; color: #151515; }
.case h3 a:hover { color: #ff2a2a; }
.case h3 small, .case h3 small a { color: #646464; font-size: 12px; font-weight: normal }
.case a.pic-link { max-width: 360px; max-height: 250px; text-align: center; margin-right: auto; margin-left: auto; overflow: hidden; }
.case-img { overflow: hidden; width: 100%; height: 100%; }

@media(min-width:999px) {
.case a.pic-link, .tj-case a.pic-link { position: relative; display: block }
.case-hover { cursor: pointer; display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0); background-image: url(../images/on-hover.png); background-repeat: repeat; opacity: 0; filter: Alpha(Opacity=0); z-index: 96; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.case-hover:hover { opacity: 1; filter: Alpha(Opacity=1) }
.case-hover * { filter: inherit }
.case-hover { cursor: pointer }
.case-hover:hover .hover-link, .tj-case figure div:hover .hover-link, .pic-link:hover .hover-link { background-image: url(../images/hover-link.png); background-repeat: no-repeat; background-position: center center }
.hover-link { width: 44px; height: 44px; top: 50%; left: 50%; margin-left: -22px; margin-top: -22px; position: absolute; display: block }
}
.team h2 { font-size: 24px; font-weight: bold; }
.team h3 { padding: 25px 0 40px 0; margin: 0; white-space: nowrap; text-overflow: ellipsis; }
.team h3 a { font-size: 16px; font-weight: bold; margin-bottom: 10px }
.team h3 small { font-size: 14px }
.team div.row { margin-bottom: 5px }
.team a.pic-link { max-width: 360px; margin-right: auto; margin-left: auto }
/********list_team***********/

.index_team { height: 730px; overflow: hidden; background: url(../images/bg2.jpg) center top repeat-y; margin-top: 35px; }
.index_team #list_team a.img2, .index_team #list_team a.img4 { margin-top: 20px; }
.index_team #list_team a.img3 { margin-top: 40px; }
#among ul { width: 1280px; margin:0 auto;}
#list_team { margin-bottom: 10px;margin-left:-60px;}
#list_team a { display: block; float: left; width: 230px; margin: 30px 0 0 25px; }
#list_team a:first-child, #list_team a:first-child+a, #list_team a:first-child+a+a, #list_team a:first-child+a+a+a, #list_team a:first-child+a+a+a+a { margin-top: 0; }
#list_team a img { width: 100%; height: 326px; }
#list_team a p { margin: 0; height: 118px; border: 1px solid #646464; }
#list_team a p span { font-size: 16px; line-height: 28px; text-align: center; margin-top: 14px; color: #000; }
#list_team a p font { font-size: 12px; line-height: 24px; color: #737373; margin: 0 6px; text-align: center; }
#list_team a p:after { content: '+'; display: block; width: 24px; font-size: 20px; font-family: '宋体'; font-weight: bold; line-height: 24px; text-align: center; margin: 8px auto 0; color: #737373; border: 1px solid #737373; border-radius: 100%; }
#list_team a:hover p { border-color: #348b67; background: #348b67; }
#list_team a:hover p span { color: #FFF; }
#list_team a:hover p font { color: #fff; }
#list_team a:hover p:after { border-color: #FFF; color: #FFF; }
.type-name {margin:30px auto;}
.type-name h2{font-size:24px; font-weight: bold; line-height: 150%; color: #000;text-align: center;}
.type-name dd { display: block; text-align: center; font-size: 16px; margin-top: 4px; }
.element { overflow: hidden; }
.element img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.element:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list-more { margin: 0 auto; text-align: center; width: 300px;height: 80px;}
/********list_team***********/
@media(min-width:999px) {
.team a.pic-link img { border: 6px solid transparent }
.team a.pic-link:hover img { border: 6px solid #FFF }
.team a.pic-link { position: relative; display: block }
.team a.pic-link img { transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1) }
.team a.pic-link:hover img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1) }
.hover-jia { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; opacity: 0; filter: Alpha(Opacity=0); -webkit-transition: all .2s linear .3s; -moz-transition: all .2s linear .3s; -o-transition: all .2s linear .3s; transition: all .2s linear .3s; -ms-transition: all .2s linear .3s }
.pic-link:hover .hover-jia { background-image: url(../images/team-hover.png); background-repeat: no-repeat; background-position: center center; opacity: 1; filter: Alpha(Opacity=1) }
.hover-jia { width: 50px; height: 50px; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; position: absolute; display: block; z-index: 99 }
}

@media(max-width:700px) {
.team a.pic-link img { border: 0 solid transparent }
.team a.pic-link img:hover { border: 0 solid #FFF }
}
.team .m-shu { margin-bottom: 35px }

@media(min-width:1200px) {
.team-nav { position: relative; height: 650px; overflow: hidden; padding: 10px 0 0 0 }
.team-w { position: absolute; left: 0 }
.team-array { float: left; max-width: 360px }
.img-r, .img-l { cursor: pointer; margin: 5px 8px; font-size: 24px }
}
.ny-team>div { padding-left: 0!important }

@media(max-width:768px) {
.ny-team>div { padding-right: 0!important }
}
.youshi figure { padding: 38px 0; border-width: 0 1px 1px 0; border-style: solid; border-color: #e6e6e6; }
.youshi div.row { margin: 45px 0 45px 0; border-width: 1px 0 0 1px; border-style: solid; border-color: #e6e6e6 }
.youshi figure h3 { font-size: 18px; font-weight:bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.youshi figure h3 a { color: #666; }
.youshi figure p { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #EBEBEB; color: #151515; padding: 20px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; opacity: 0; filter: Alpha(Opacity=0) }
.youshi figure p a { color: #FFF; text-decoration: underline }
.youshi figure:hover p { opacity: 1; filter: Alpha(Opacity=1) }
.youshi figure p small { border-top: 2px solid #ff2a2a; }

@media(max-width:1199px) {
.youshi figure:hover p { display: block }
.youshi figure p { display: none }
}
.youshi figure p small { text-align: left; margin-top: 10px; line-height: 180%; font-weight: normal; display: block; overflow: hidden; height: 80%; width: 100%; white-space: normal; text-overflow: ellipsis }
.news { padding-bottom: 0 }
.news h3 { font-size: 16px; font-weight: bold; color: #000; margin: 0 }
.news h3 small { float: right; line-height: 20px; }
.news h3 a { color: #2E2E2E; }
.news h3 a:hover { color: #F7474A; }
.news ul li { line-height: 28px }
.news ul li a { color: #666; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; float: left }
.news ul li small { color: #999； }
.news ul li a:hover { color: #ff2a2a }
.news h3 span { color: #ff2a2a; }
.news p { margin: 25px 0 45px 0 }
.news p a { color: #666; }
.news p a:hover { color: #ff2a2a; }
/******视频*******/
.sp_bt { padding-bottom: 0 }
.sp_bt h3 { font-size: 16px; font-weight: bold; color: #000; margin: 0 }
.sp_bt h3 small { float: right; line-height: 20px; }
.sp_bt h3 a { color: #2E2E2E; }
.sp_bt h3 a:hover { color: #F7474A; }
.sp_bt ul li { line-height: 28px;list-style-type:disc;}
.sp_bt ul li a { color: #666; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; float: left }
.sp_bt ul li small { color: #999； }
.sp_bt ul li a:hover { color: #ff2a2a }
.sp_bt h3 span { color: #ff2a2a; }
.sp_bt p { margin: 25px 0 45px 0 }
.sp_bt p a { color: #666; }
.sp_bt p a:hover { color: #ff2a2a; }
.sp_h1 h1{font-size: 36px;font-weight:bold;padding-bottom: 30px;}
@media(max-width:640px) {
.sp_h1 h1{font-size: 24px;font-weight:bold;}
}
/******视频*******/
.active-qh { height: 16px; width: 10px; background-image: url(../images/huanjing-bg.png); background-repeat: no-repeat; background-position: center bottom; text-indent: -9999px; overflow: hidden; display: block; margin-left: 8px }
.active-qh:hover { background-position: center top }
.key, .mail { height: 40px; width: 100%; background-color: #FFF; color: #666; vertical-align: middle; padding-right: 10px; padding-left: 10px; border: 1px solid #e0e0e0; border-radius: 0 }
.mail-tx { color: #ff2a2a; font-size: 14px; margin: 15px 0 }
.s-button, .m-button { height: 40px; width: 40px; text-align: center; vertical-align: middle; color: #FFF; background-color: #FFF; position: absolute; right: 15px; border: 1px solid #e0e0e0; border-radius: 0; top: 0 }
.s-button { background-image: url(../images/input-bg.png); background-repeat: no-repeat; background-position: right -80px; background-color: #FFF; text-indent: -999px; overflow: hidden }
.m-button { background-image: url(../images/input-bg.png); background-repeat: no-repeat; background-position: right -120px; background-color: #FFF; text-indent: -999px; overflow: hidden }
.mail { margin: 0 0 40px 0 }

@media(max-width:640px) {
.breadcrumb { visibility: hidden; }
}
.breadcrumb { padding: 20px 0 0 0; margin-bottom: 0; list-style: none; background: #fff; font-size: 14px; color: #151515; }
.breadcrumb a { color: #151515; }
.breadcrumb a:hover { color: #ff2a2a; }
.btn-menu { padding: 19px 19px; border: 0 solid transparent; border-radius: 0 }
.btn-default { color: #fff; background-color: #ff2a2a; border-color: #ff2a2a }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #fff; background-color: #0A69C8; border-color: #0A69C8 }
.btn-group .dropdown-menu { margin-top: 0 }
.neirong { padding: 50px 0; }
.neirong ul li { list-style: none; }
.neirong .info h3 { color: #333; margin: 25px 0; font-weight: 600; line-height: 150% }
.neirong .info h3.h3 { margin: 0 0 25px 0 }
.neirong .h1, .neirong .h2, .neirong .h3 { margin-top: 0 }
.neirong .db-top30 { margin-top: 30px; }
.neirong .db-h1 { font-size: 36px; font-weight: bold; }
.neirong .db-h1-h1 { font-size: 36px; font-weight: bold; }
.neirong .db-h1-p { font-size: 18px; margin-bottom: 30px; }
.neirong .db-h2-img { background: url(../images/db-h2.png)no-repeat; text-align: center; width: 280px; height: 280px; background-size: auto; margin: 0 auto; }
.neirong .db-h2-nr { text-align: center; padding-top: 33%; }
.neirong .db-h2-img h2 { font-size: 24px; font-weight: bold; }
.neirong .db-h2-img p { font-size: 18px; }
.db-sl { width: 100%; height: auto; margin: 0 auto; background: #3d5243; background-size: auto; color: #fff; }
.db-gy { width: 100%; height: auto; margin: 0 auto; background: #eee; background-size: auto; }
.db-sl .db-sl-img { border-radius: 5px }

/***************/
@media all and (max-width:640px) {
.neirong .db-h1 { font-size: 30px; font-weight: bold; }
.neirong .db-h1-p { font-size: 12px; }
.neirong .db-h1-h1 { font-size: 24px; font-weight: 300; }
.neirong .m-db-p10 { padding: 0 20px; }
.neirong .db-h2-img { width: 200px; height: 200px; text-align: center; background-size: 100% 100%; }
.neirong .db-h2-nr { padding-top: 28%; }
}
.neirong .info, .neirong .info p, .neirong .info li, .case-fl p, .ny-news p { font-size: 14px; line-height: 24px; color: #666 }
.neirong .info h4, .neirong .info h5, .neirong .info h6 { line-height: 30px }
.neirong p.anniu .btn-success { margin: 20px 30px 0 0 }
.neirong .kehu img { border: 1px solid #eee }
.neirong .info .bd p{ font-size: 16px;}
.neirong .info .bd a { color: #ff2a2a; }
.neirong .info .bd a:hover { color: #000; }
.neirong .info img { margin: 8px 0; max-width: 100%; height: auto !important }
.neirong .newslist { list-style: none }
.neirong .newslist { border-bottom: 1px solid #DFDFDF; margin-bottom: 20px; padding-bottom: 15px; }
.neirong .newsimg { overflow: hidden; width: 240px; height: 160px; }
.neirong .newslist h1 { font-size: 18px; font-weight: bold; padding-top: 20px; margin-top: 0; }
.neirong .newslist h1 a { color: #2A2929; }
.neirong .newslist h1 a:hover { color: #f00; }
.neirong .info a { color: #f00; }

.neirong .info .video{ position: relative; padding-bottom: 75%; height: 0; overflow: hidden;}
.neirong .info .video embed{ position:absolute; top:0; left:0; width:100%; height:100%; margin-bottom:10px;}

@media (max-width:640px) {
.neirong .newsimg { overflow: hidden; width: 100%; height: auto!important; }
.neirong .info .new_more { float: right; }
.neirong .newslist h1 { font-size: 16px; }
}
.mb-none { margin-bottom: 0 }
.pb-none { padding-bottom: 0 }
.red { color: #F00 }
.diwei .h3 { margin-bottom: 40px }
.diwei p { margin-top: 20px; margin-bottom: 0 }
.biaoti-sousuo { margin-bottom: 20px }
.ny-bt { font-size: 24px; padding: 0 0 20px 0; margin: 0; border-bottom: 1px solid #ededed; font-weight: 600 }
.ny-bt small { font-size: 16px; padding-left: 20px; }

@media(max-width:768px) {
.neirong { padding: 30px 0 }
.neirong .info img { margin-bottom: 15; }
.neirong .info .like img { margin-bottom: 0; margin-top: 0 }
.neirong .mt { margin-top: 40px }
.diwei p { margin-bottom: 20px }
.ny-bt { border-bottom: 0 }
.neirong .pull-left, .neirong .pull-right { float: none!important }
.neirong .info p { margin: 15px 0 }
}

@media(min-width:768px) {
.neirong .pull-left { margin-right: 30px; margin-top: 0 }
.neirong .ny-right .pull-right { margin-left: 0 }
.neirong .pull-right { margin-left: 30px; margin-top: 0 }
}
.case-fl { margin: 0 0 15px 0; color: #eee }
.case-fl strong { color: #666 }
.case-fl a { padding: 0 2px }
.case-fl a.hover { background-color: #ff2a2a; color: #FFF; padding: 0 5px }
.case-fl p { line-height: 30px; color: #EEE }
.tj-case { margin-bottom: 30px }
.tj-case figure div h3 { padding: 15px 20px 23px 20px; margin: 0; width: 100%; max-width: 555px; background-color: #ff2a2a }
.tj-case figure div:hover h3 { bottom: 0 }
.tj-case h3 a { font-size: 16px; font-weight: bold; color: #fff }
.tj-case h3 small { margin: 9px 0 0 0!important }
.tj-case h3 small, .tj-case h3 small a { color: #fff; font-size: 14px; font-weight: normal }
.tj-case a.pic-link { max-width: 555px; text-align: center; margin-right: auto; margin-left: auto }
.neirong .about, .neirong .kehu, .neirong .case, .neirong .team, .neirong .youshi, .neirong .news { padding: 0 }
.fanye { margin-bottom: 30px; }
.fanye .pagination { margin: 0 }
.fanye .pagination>.active>a, .fanye .pagination>.active>span, .fanye .pagination>.active>a:hover, .fanye .pagination>.active>span:hover, .fanye .pagination>.active>a:focus, .fanye .pagination>.active>span:focus { background-color: #ff2a2a; border-color: #ff2a2a; color: #FFF }
.fanye .pagination>li.thisclass a, .fanye .pagination>li>a:hover, .fanye .pagination>li>span:hover, .fanye .pagination>li>a:focus, .fanye .pagination>li>span:focus { color: #ff2a2a; background-color: #ededed; border-color: #ededed }
.fanye .pagination>li>a, .fanye .pagination>li>span { color: #ff2a2a; border-color: #ededed; font-size: 14px }
.pic-link { display: block; position: relative }
.pic-link .new, .pic-link .hot { background-image: url(../images/new.png); background-repeat: no-repeat; background-position: 0 0; height: 69px; width: 69px; display: block; position: absolute; top: 0; right: 0; z-index: 999 }
.pic-link .hot { background-image: url(../images/hot.png) }
.pic-link .rd { background-image: url(../images/rd.png); background-repeat: no-repeat; background-position: 0 0; height: 50px; width: 43px; display: block; position: absolute; top: 0; right: 0; z-index: 999 }

@media(max-width:1000px) {
.new, .hot, .tj-case { display: none }
}
.text-danger, .text-danger:hover { color: #C00 }
.ny-news { margin: 15px 0 20px 0; padding-bottom: 30px; border-bottom: 1px solid #ededed }
.team-r-txt { float: left; font-size: 16px; }
.team-r-txt h4 { font-size: 24px; color: #ff2a2a; font-weight: bold; letter-spacing: 4px; }
.team-r-txt h4 img { width: 7px; height: 20px; margin-right: 5px; }
.team-r-txt small { padding: 0 20px; float: right; }
.team-r-txt small.gz { background-image: url(../images/hot-bg.png); background-repeat: no-repeat; background-position: left center; }
.ylw-img-responsive2 img { width: 100%; height: auto!important; }
.ny-news a.pic-link { margin-right: 20px }

@media(min-width:999px) {
.ny-news a.pic-link { position: relative; display: block; }
.ny-h4.none { margin-top: 0 }
}
.ny-news a.img-c { }
.ny-news h1 { font-size: 18px; margin: 10px 0; font-weight: 600; }
.ny-news h1 a { color: #414141; }
.ny-news h1 a:hover { color: #ff2a2a; }
.ny-news h4 { font-size: 24px; margin: 10px 0; }
.ny-news h4 a { color: #414141; }
.ny-news h4 a:hover { color: #ff2a2a; }
.team-r-h-info h4 { font-size: 24px; margin: 10px 0; }
.team-r-h h4 img { width: 5px; height: 18px; margin-right: 5px; }
.team-r-h p a { float: right; padding-right: 20px; color: #151515; }

@media (max-width:1024px) {
.ny-news .team-r-h-key p { font-size: 14px; line-height: 16px; }
}

@media (min-width:1025px) {
.team-r-h { height: 306px; }
}
.team-r-h-key { padding-top: 30px; border-top: 1px dashed #ccc; }
.team-r-h-key p { font-size: 16px; color: #414141; line-height: 24px; padding-bottom: 10px; }
.team-r-h-key p span { font-size: 16px; }
.ny-news p small { color: #ff2a2a; margin: 0 10px 5px 0; font-size: 16px; }
.ny-news p span { background-repeat: no-repeat; height: 18px; width: 15px; padding-left: 22px; margin-right: 10px; font-style: italic; color: #999; font-size: 12px }
.ny-news p span.fl { background-image: url(../images/ny-news-bg.png); background-position: 0 0 }
.ny-news p span.gz { background-image: url(../images/hot-bg.png); background-repeat: no-repeat; background-position: left center; }
.ny-news p span.sj { background-image: url(../images/ny-news-bg.png); background-position: 0 -44px }
.ny-right { margin-left: 15px }
.ny-h4 { margin: 25px 0 25px 0; font-size: 16px; }
.ny-h4 small { font-size: 14px; color: #999 }
.m-x-20 { margin-bottom: 20px }
.m-x-30 { margin-bottom: 30px }
.m-x-40 { margin-bottom: 40px }
.m-s-10 { margin-top: 10px }
.m-s-20 { margin-top: 20px }
.m-s-30 { margin-top: 30px }
.m-s-40 { margin-top: 40px }
.z-m-none { margin-left: 0!important }
.s-m-none { margin-top: 0!important }
.y-m-none { margin-right: 0!important }
.x-m-none { margin-bottom: 0!important }
.m-top-20 { margin-top: 20px; margin-bottom: 0 }
.m-sx-10 { margin: 10px 0; display: block }
.m-sx-20 { margin: 20px 0; display: block }
.m-sx-30 { margin: 30px 0; display: block }
.m-sx-40 { margin: 40px 0; display: block }
.m-sx-50 { margin: 50px 0; display: block }
.ny-shuoming { margin-bottom: 30px }
.ny-shuoming h2 { font-size: 24px; margin-top: 0; margin-bottom: 15px; font-weight: 600 }

@media(max-width:786px) {
.ny-shuoming h2 { font-size: 18px; }
}
.ny-shuoming p { color: #999; margin-bottom: 40px; padding-bottom: 25px; border-bottom: 1px solid #ededed; font-size: 12px }
.team-h2 { margin: 30px 0; }
.team-h2 h2 { font-size: 22px; margin-top: 0; margin-bottom: 15px; font-weight: 600 }
.team-h2 h2 small { padding-left: 10px; font-size: 14px; color: #ff2a2a; }

@media(max-width:999px) {
.m-x-20 { margin-bottom: 20px }
.ny-right { margin-left: 0 }
}
.kj-case figure h3 { padding: 20px; margin: 0; display: block; font-size: 16px; line-height: 14px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.kj-case a.pic-link { max-width: 285px; text-align: center; margin-right: auto; margin-left: auto }

@media(min-width:1200px) {
.kj-case .row { padding: 0 15px }
.kj-case .row .col-xs-6, .kj-case .row .col-sm-4, .kj-case .row .col-md-3, .kj-case .row .col-lg-3 { padding: 0 }
.kj-case .row figure { transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); position: relative; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; z-index: 95; display: block }
.kj-case .row figure:hover { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); z-index: 97 }
.kj-case figure { position: relative; overflow: hidden }
.kj-case figure h3 { padding: 15px; margin: 0; background-color: rgba(102,153,204,0.7); position: absolute; left: 0; bottom: -44px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; z-index: 99; display: block; font-size: 14px; line-height: 14px; width: 100% }
.kj-case figure:hover h3 { bottom: 0 }
.kj-case figure h3 a { color: #fff }
}
.gd-case a.pic-link { max-width: 263px; text-align: center; margin-right: auto; margin-left: auto }
.pt-gongcheng .m-x-10 { margin-bottom: 10px }
.ny-right ul li { line-height: 28px }
.ny-right ul li a { width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; float: left }
.ny-right ul li small { color: #999 }
.map { color: #999 }
.map h3 a { font-size: 16px; color: #000; font-weight: bold }
.liucheng h4 { font-size: 16px; font-weight: bold; color: #ff2a2a }
.kj-link { background-color: #f7f7f7; background-image: url(../images/kj-link-xian.jpg); background-repeat: repeat-y; background-position: center 0 }

@media(max-width:768px) {
.kj-link { background-image: none }
}
.kj-link h3 { font-size: 18px; font-weight: 600; background-image: url(../images/a-xian.gif); background-repeat: no-repeat; background-position: center 38px; margin: 0 0 15px 0; padding: 0 0 20px 0; color: #000 }
.kj-link p { line-height: 28px; color: #999 }
.kj-link div.row div { padding: 50px 30px 30px 30px }
.kj-link div.row div:hover { background: #ff2a2a }
.kj-link div.row div:hover h3, .kj-link div.row div:hover p, .kj-link div.row div:hover p a { color: #FFF }
.kj-contact a { color: #FFF; background-color: #ff2a2a; display: block; padding: 32px 15px; font-size: 16px }


@media(max-width:320px) {
.kj-contact a { font-size: 14px }
}
.kj-contact a:hover { background-color: #ff2a2a; text-decoration: none }
.footer { background-color: #182029; color: #919399; font-size: 14px; padding: 50px 0 50px 0 }
.footer a { color: #919399 }
.footer a:hover { color: #fff }
.footer .cidaohang, .address { line-height: 28px }
.footer p, .footer ul { padding: 0; margin: 0 }
.address { background-image: url(../images/address-bg.png); background-repeat: no-repeat; background-position: -7px top; padding-left: 34px; margin-bottom: 30px }
.sns a { margin-right: 5px }
@media(min-width:1024px){
.footer{font-size: 14px;}	
}
#title, #mycall { height: 40px; width: 100%; background-color: #FFF; color: #666; border-width: 0; margin-bottom: 25px; vertical-align: middle; padding-right: 10px; padding-left: 10px; border-radius: 0 }
#mycall { background-image: url(../images/input-bg.png); background-repeat: no-repeat; background-position: right 0 }

.title, .mycall { height: 40px; width: 100%; background-color: #FFF; color: #666; border-width: 0; margin-bottom: 25px; vertical-align: middle; padding-right: 10px; padding-left: 10px; border-radius: 0 }
.mycall { background-image: url(../images/input-bg.png); background-repeat: no-repeat; background-position: right 0 }

.title { background-image: url(../images/input-bg.png); background-repeat: no-repeat; background-position: right -40px }

#title { background-image: url(../images/input-bg.png); background-repeat: no-repeat; background-position: right -40px }
#button { height: 44px; width: 100%; text-align: center; vertical-align: middle; border-width: 0; background-color: #ff2a2a; color: #FFF; font-size: 14px; border-radius: 0 }
#button:hover { background-color: #E4E4E4; color: #000; }
#savediv { padding-top: 20px }
.footer h3 { font-size: 16px; font-weight: bold; color: #FFF; padding: 0 0 30px 0; margin: 0 }
.footer .weixin img { margin-bottom: 5px }
.copy { text-transform: uppercase }
.copy hr { border-color: #384251; width: 100%; margin-top: 30px; margin-right: 0; margin-bottom: 35px; margin-left: 0 }
.copy .renzheng { padding: 10px 0 10px 0; }
.copy .renzheng img { margin-right: 12px }
.qixia { background-image: url(../images/en-logo.png); background-repeat: no-repeat; background-position: left top; padding-left: 120px }
.qixia p { margin-bottom: 2px }
.qixia p.qx { line-height: 20px }

@media (max-width:640px) {
.gs-h5 h5 { margin-top: 35px; padding-left: 0; float: left }
}
.gs-h5 h5 { padding-left: 10px; }
.gs-seo ul { list-style: none; }
.gs-seo li { float: left; line-height: 18px; display: inline; padding-left: 10px; }
.yq-link { color: #737680; line-height: 28px; padding: 40px 0 0 10px; }
.yq-link a { color: #737680 }
.yq-link a:hover { color: #fff }
.go-top a { background-color: #0f141a; color: #919399; display: block; padding: 25px 0 }
.go-top a:hover { background-color: #0b0e12; color: #fff; text-decoration: none }
.kefu { background-color: #d0361e; border: 2px solid #fff; position: fixed; width: 80px; top: 150px; right: 15px; text-align: center; display: block; -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1); box-shadow: 0 6px 12px rgba(0,0,0,0.1); border-radius: 0 0 8px 8px; font-size: 12px; z-index: 99999 }

@media(max-width:768px) {
.kefu { top: 108px }
}
.kefu ul { margin: 0; padding-top: 45px }
.kefu ul li a { display: block; color: #FFF; text-decoration: none; border-top: 1px solid #a42917; overflow: hidden; height: auto; width: 100%; padding-top: 43px; padding-right: 0; padding-bottom: 12px; padding-left: 0 }
.kefu ul li a:hover { background-color: #a42917 }
.kefu a.kefu-lx { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center top; position: absolute; top: -40px; text-indent: -9999px; height: 80px; width: 80px; z-index: 999999; left: -2px; border-width: 0; overflow: hidden }
.kefu a.kefu-lx:hover { background-color: rgba(255,255,255,0) }
.kefu ul li a.kf { display: block; padding: 10px 0 }
.kefu:hover ul li a.kf { display: none }
.kefu ul li a.kefu-yy { background-image: url(../images/kefu-tb.png); background-repeat: no-repeat; background-position: center -9px }
.kefu ul li a.kefu-zx { background-image: url(../images/kefu-tb.png); background-repeat: no-repeat; background-position: center -79px }
.kefu ul li a.kefu-di { background-image: url(../images/kefu-tb.png); background-repeat: no-repeat; background-position: center -227px; padding: 30px 0 10px 0; border-radius: 0 0 8px 8px }
.kefu ul li a.kefu-top { background-image: url(../images/kefu-tb.png); background-repeat: no-repeat; background-position: center -154px; padding: 30px 0 10px 0 }
.kefu ul li a.kefu-yy, .kefu ul li a.kefu-zx, .kefu ul li a.kefu-di, .kefu ul li a.kefu-top { display: none }
.kefu:hover ul li a.kefu-yy, .kefu:hover ul li a.kefu-zx, .kefu:hover ul li a.kefu-di, .kefu:hover ul li a.kefu-top { display: block }
.bdshare-button-style2-16 .bds_more { float: none!important }
.bdshare-button-style2-16 a, .bdshare-button-style2-16 .bds_more { float: none!important; padding-left: 0!important; line-height: 0!important; height: 18px!important; width: 18px!important; background-image: none!important; _background-image: none!important; margin: 0!important; text-indent: -9999; overflow: hidden }
/*********20191214*************/
.link-top { width: 20%; height: 1px; border-top: solid #ccc 1px; margin: 0 auto; text-align: center; }
.link-b100 { width: 100%; height: 1px; border-bottom: solid #ccc 1px; margin: 0 auto; text-align: center; }
.triangle { margin: 0 auto; text-align: center; width: 0; height: 0; position: relative; }
.container3 { margin-right: auto; margin-left: auto; *zoom: 1;
}
.container3:before, .container3:after { display: table; line-height: 0; content: ""; }
.container3:after { clear: both; }
.container3-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1;
}
.container3-fluid:before, .container3-fluid:after { display: table; line-height: 0; content: ""; }
.container3-fluid:after { clear: both; }
.team-h2 { font-size: 24px; font-weight: bold; }
/*******side 客服********/

.side1 { position: fixed; width: 54px; height: 275px; right: 50px; top: 220px; z-index: 100; }
.side1 ul li { width: 54px; height: 54px; float: left; position: relative; border-bottom: 1px solid #444; }
.side1 ul li .sidebox { width: 54px; height: 54px; line-height: 54px; display: inline-block; background: #00523a; opacity: 0.9; filter: Alpha(opacity=80); transition: all 0.3s; border-bottom: 1px solid #ccc; }
.side1 ul li .sidebox:hover { background: #383939; opacity: 0.9; filter: Alpha(opacity=100); }
.side1 ul li .sidetop { width: 54px; height: 54px; line-height: 54px; display: inline-block; background: #00523a; opacity: 0.9; filter: Alpha(opacity=80); transition: all 0.3s; }
.side1 ul li .sidetop:hover { background: #383939; opacity: 0.9; filter: Alpha(opacity=100); }
.side1 ul li img { float: left; }

@media (max-width: 768px) {
.side1 { display: none }
}

@media (max-width: 480px) {
.yc480 { display: none }
}
.pages5 { padding: 30px 0 30px; text-align: center }
.pages5 li { display: inline; margin: 0 2px; font-size: 12px }
.pages5 li.thisclass, .pages5 a:hover { padding: 3px 8px; border: 1px solid #ff2a2a; background: #ff2a2a; color: #fff; text-decoration: none }
.pages5 a { padding: 3px 8px; border: 1px solid #CCC; background: #fff; color: #A4A4A4; line-height: 18px; font-size: 12px }
.bd_from { border: 1px #e9e9e9 solid; width: 100%; padding: 0 0 16px 0; margin: 0 auto 12px auto }
.bd_from .jsq2 img { width: 100%; height: auto; margin: 0 auto; padding: 0 }
.bd_from .s { width: 180px; height: 28px; border: 1px solid #cbcbcb; line-height: 28px; padding-left: 10px; }
.bd_from .s:focus { border-color: #ff2a2a; }
.bd_from .quikBtn { border: none; background: #ff2a2a; vertical-align: middle; padding: 0 20px; color: #fff; font-size: 16px; border-radius: 4px; margin: 5px 0; height: 28px; width: 180px; line-height: 28px; }
.bd_from .quikBtn:hover { background: #1cab43 }
.bd_from .list-unstyled { margin-top: 20px; }
.bd_from li { margin: 8px 0 }
.bd_from .ny-h4 { margin: 0 0 15px 0; font-size: 24px; font-weight: bold }
.bd_from .ny-h4 small { font-size: 12px; color: #ff2a2a; display: block; padding-top: 8px }
.bd_from a { color: #ff2a2a; }
.ny-h4 { margin: 25px 0 25px 0; font-size: 16px; font-weight: bold; padding-bottom: 10px; }
.ny-h4 small img { width: 7px; height: 15px; margin-right: 5px; }
.case-inner-left-2 { position: relative; width: 238px; margin: 0 auto; margin-top: 15px; border: 1px solid #dddddd; text-align: center; }
.case-inner-left-2 img { width: 100%; height: 238px; margin-bottom: 15px; }
.case-inner-left-2 p { margin-top: 5px; font-size: 13px; }
.case-inner-left-2 .case-inner-2-btn-box { margin-top: 10px; margin-bottom: 10px; }
.case-inner-left-2 .case-inner-2-btn-box .anli { display: inline-block; border: 1px solid #dcdcdc; text-align: center; width: 95px; height: 24px; font-size: 12px; color: #7d7d7d; line-height: 24px; margin-right: 10px; }
.case-inner-left-2 .case-inner-2-btn-box .anli:hover { display: inline-block; border: 1px solid #008d49; text-align: center; width: 95px; height: 24px; font-size: 12px; color: #fff; background-color: #008d49; line-height: 24px; }
.case-inner-left-2 .case-inner-2-btn-box .sheji { display: inline-block; border: 1px solid #dcdcdc; text-align: center; width: 95px; height: 24px; font-size: 12px; color: #7d7d7d; line-height: 24px; }
.case-inner-left-2 .case-inner-2-btn-box .sheji:hover { display: inline-block; border: 1px solid #008d49; text-align: center; width: 95px; height: 24px; font-size: 12px; color: #fff; background-color: #008d49; line-height: 24px; }
.case-xq { width: 100%; margin-bottom: 20px; }
.case-xq p { font-size: 14px; line-height: 14px; }
.case-tj img { margin: 0 auto; width: 245px; height: 200px; overflow: hidden; }
.case-tj p a { text-align: center; font-size: 14px; color: #414141; }
.case-tj p a:hover { color: #ff2a2a; }
.vid-wrap { width: 100%; background: #000; position: relative; padding-bottom: 56.25%;    /*需要用padding来维持16:9比例,也就是9除以16*/ height: 0; }
.vid-wrap video { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

@media (min-width:720px) {
.vid-wrap { margin-top: 20px; }
}

@media(max-width:640px) {
.neirong .h-h3 { font-size: 20px; padding: 20px 10px 0 10px; margin-bottom: 30px; }
.vid-wrap { margin-top: 0; margin-bottom: 30px; padding-top: 0; }
}

@media (max-width:360px) {
.neirong .h-h3 { font-size: 16px; }
.neirong .h-h3 span { font-size: 18px; }
}
.h-h3 { font-size: 20px; line-height: 150%; color: #000; padding: 0 0 20px 0; margin: 0 0 80px 0; border-bottom: #e5e5e5 solid 1px; background: none; }
.h-h3 span { font-size: 24px; font-weight: bold; color: #ff2a2a; }
.h-h3-white { color: #FFF; border-bottom: rgba(255,255,255,0.2) solid 1px; }
.pp-fzlc ul li { line-height: 18px; list-style-type: disc; }
.pphx p { font-size: 18px; font-weight: 400; padding: 20px 0 0 20px; }
.info h3.pp-h3 { font-size: 20px; color: #ff2a2a; line-height: 30px; margin-top: 0; padding-top: 0; }
.info b { color: #ff2a2a; }
/******头部表单**********/

.index-banner .banner-info { position: absolute; bottom: 50px; left: calc(50% - 390px); background: rgba(0,0,0,.4); z-index: 3; padding: 10px 20px 15px; }
.index-banner .banner-info h5 { color: #fff; margin-bottom: 5px; }
.index-banner .banner-info input { height: 40px; border: none; margin-right: 20px; width: 180px; }
.index-banner .banner-info input:last-child { margin-right: 0; }
.index-banner .banner-info .info { text-indent: 10px; }
.index-banner .banner-info .info:nth-child(2) { width: 340px; }
.index-banner .banner-info input[type='button'] { background: #00ae66; color: #fff; vertical-align: bottom; cursor: pointer; }
/* newsletter */
.title span { color: #37795e; }
.title.news-titl h3 { color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 32px; }
.title.news-titl p { color: #e0e0e0; }

@media screen and (max-width: 640px) {
.title.news-titl h3 { font-size: 24px; }
.title.news-titl h4 { font-size: 14px; }
}

@media screen and (max-width: 360px) {
.title.news-titl h3 { font-size: 22px; }
.title.news-titl h4 { font-size: 14px; }
}
.newsletter_right_w3agile { background: url(../images/bg3.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; }
.zhuanti_baoming_Red { background: #aa1c20; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; }
.zhuanti_baoming_202004 { background: #f7f7f7; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding-top: 15px; }
.zhuanti_16znq { background: #f7f7f7; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; padding-top: 15px; max-width: 1200px; margin: 0 auto; }
.n-right-w3ls input[type="text"], .n-right-w3ls input[type="email"] { padding: 15px; border: none; letter-spacing: 1px; font-size: 15px; }
.n-right-w3ls input[type="submit"] { background: #ff3838; border: none; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 3px; cursor: pointer; padding: 15px; }
.hd_bd_color input[type="text"], .hd_bd_color input[type="email"] { padding: 15px; border: none; letter-spacing: 1px; font-size: 15px; }
.hd_bd_color input[type="submit"] { background: #46b590; border: none; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 3px; cursor: pointer; padding: 15px; }
.zhuanti_baoming_bai { margin-bottom: 20px; background: #fff; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; }
.bd-w3ls input[type="text"], .bd-w3ls input[type="email"] { padding: 15px; letter-spacing: 1px; font-size: 15px; Border: 1px solid #ccc; }
.bd-w3ls input[type="submit"] { background: #ff3838; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 3px; cursor: pointer; padding: 15px; }
.bd2-w3ls input[type="text"], .bd2-w3ls input[type="email"] { padding: 15px; letter-spacing: 1px; font-size: 15px; Border: 1px solid #ccc; }
.bd2-w3ls input[type="submit"] { background: #46b590; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 3px; cursor: pointer; padding: 15px; }
.py-5 { padding-top: 3rem !important; padding-bottom: 6rem !important; }
.py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }

/* //newsletter */

@media(min-width:751px) {
.top_bar { display: none }
.top56 { display: none; }
}

@media(max-width:750px) {
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
.top_menu { display: -webkit-box; display: block; width: 100%; background: rgba(255, 255, 255, 0.7); height: 45px; display: -webkit-box; display: box; margin: 0; padding: 0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#e4e4e4), color-stop(60%, #eee)); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset; }
.top_bar .top_menu>li { -webkit-box-flex: 1; position: relative; text-align: center; }
.top_menu li:first-child { background: none; }
.top_bar .top_menu>li>a { height: 48px; margin-right: 1px; display: block; text-align: center; text-decoration: none; -webkit-box-flex: 1; }
.top_bar .top_menu>li.home { max-width: 70px }
.top_bar .top_menu>li.home a { height: 66px; width: 66px; margin: auto; border-radius: 60px; position: relative; top: -22px; left: 2px; background: url('../images/home.gif') no-repeat center center; background-size: 100% 100%; }
.top_bar .top_menu>li>a label { overflow: hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 18px; color: #5A5858; text-align: center; }
.top_bar .top_menu>li>a img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align: middle; }
.top_bar li:first-child a { display: block; }
.menu_font { text-align: left; position: absolute; right: 10px; z-index: 500; background: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#e4e4e4), color-stop(60%, #eee)); border-radius: 5px; width: 120px; margin-top: 10px; padding: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
.menu_font.hidden { display: none; }
.menu_font { top: inherit !important; bottom: 60px; }
.menu_font li a { height: 40px; margin-right: 1px; display: block; text-align: center; color: #333; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex: 1; }
.menu_font li a { text-align: left !important; }
.top_menu li:last-of-type a { background: none; overflow: hidden; }
.menu_font:after { top: inherit!important; bottom: -6px; border-color: #eee rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px 6px 0; position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; left: 80%; }
.menu_font li { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }
.menu_font li a { height: 40px; line-height: 40px !important; position: relative; color: #333; display: block; width: 100%; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.menu_font li a img { width: 20px; height: 20px; display: inline-block; margin-top: -2px; color: #fff; line-height: 40px; vertical-align: middle; }
.menu_font>li>a label { padding: 3px 0 0 3px; font-size: 14px; overflow: hidden; margin: 0; }
.menu_font>li>a label span { color: #ff2a2a; }
#menu_list0 { right: 0; left: 10px; }
#menu_list0:after { left: 20%; }
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border: 0; }
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active { background-color: #e3e3e3; }
.menu_font li a:hover, .menu_font li a:active { background-color: #e3e3e3; }
.menu_font li:first-of-type a { border-radius: 5px 5px 0 0; }
.menu_font li:last-of-type a { border-radius: 0 0 5px 5px; }
#plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index: 800; }
#cate18 .device { bottom: 49px; }
#cate18 #indicator { bottom: 240px; }
#cate19 .device { bottom: 49px; }
#cate19 #indicator { bottom: 330px; }
#cate19 .pagination { bottom: 60px; }
/*******top m*********/	

.head-hd { left: 0; top: 38px; position: absolute; opacity: 0.99; height: 24px; line-height: 24px; }
.head-hd::-webkit-scrollbar {
display:none
}
.tab-head { list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: #000; padding: 0; overflow: auto; z-index: 999; }
.tab-head-item { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; color: #fff; padding: 0 5px; font-size: 14px; }
#header-m { margin: 0; padding: 0; display: block; }
.top56 { width: 100%; height: 61px; }
.h-head { display: -webkit-box; -webkit-box-align: center; width: 100%; height: 62px; position: fixed; z-index: 1; top: 0; left: 0; background-color: #eee; opacity: 0.9; }
.h-head ul li { float: left; }
.h-city { line-height: 38px; color: #cb0000; padding-left: 20px; font-size: 16px; }
.h-logo { text-align: center; width: 180px; height: auto; line-height: 38px; }
.h-ico { display: block; width: 30px; height: 30px; line-height: 30px; background: url(../images/shoucang.png); float: right; margin-right: 150px; }
.h-h1 { font-size: 24px; font-weight: bold; color: #ff2a2a; padding: 0 0 20px 0; margin: 0 0 50px 0; border-bottom: #e5e5e5 solid 1px; background: none; }
.h-h3-p { font-size: 16px; font-weight: 300; color: #151515; line-height: 20px; padding-top: 15px; }
.dbgc-img img { width: 100%; height: auto!important; }
.dbgc-h2 { font-family: "微软雅黑"; font-size: 24px; line-height: 30px; margin-top: 50px; font-weight: 600; }
.db-row { margin-bottom: 20px; }
}

@media (max-width:480px) {
.db-row h4 { font-size: 14px; font-weight: 600; }
.db-row p { font-size: 12px; }
}

@media(max-width:375px) {
.db-row figure { height: 260px; overflow: hidden; margin-bottom: 10px; }
}
.diwei .biankuang { border: 1px solid #ccc; width: 99%; height: auto; padding: 0 5px; margin-top: 10px; }
.lxwm-nr { width: 99%; height: auto; padding: 0 5px; }
.lxwm-nr h3 { padding-bottom: 30px; }
.img-bk { border-width: 0px; border-style: solid; }
.baidumap { width: 100%; height: 360px; }
.db-hover { cursor: pointer; display: block; position: absolute; width: 89.5%; height: 72%; background-color: rgba(0,0,0,0); background-image: url(../images/on-hover.png); background-repeat: repeat; opacity: 0; filter: Alpha(Opacity=0); z-index: 96; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear }
.db-hover:hover { opacity: 1; filter: Alpha(Opacity=1) }
.db-hover * { filter: inherit }
.db-hover { cursor: pointer }
.db-top50 { margin-top: 50px; }
.db-top30 { margin-top: 30px; }
.db-bot30 { margin-bottom: 30px; }
.db-top20 { padding-top: 20px; }
/*********列表页***********/
.menu_sild { margin-top: 30px; border-bottom: 2px solid #ebebeb; }
.menu_sild ul { margin: 0; padding: 0; }
.menu_sild li { font-size: 16px; font-weight: 600; float: left; list-style: none; }
.menu_sild li a { display: block; padding: 0 30px; height: 50px; line-height: 50px; color: #555; }
.menu_sild li a:hover, .menu_sild li a.current { color: #ff2a2a; border-bottom: 2px solid #ff2a2a; text-decoration: none; }
.l_img, .r_img { width: 100%; height: auto; overflow: hidden; }
.l_img img, .r_img { transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; }
.l_img:hover img, .r_img:hover img { transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }
.intr_con .col-md-7 .l_img { margin-bottom: 0; }

@media (max-width:993px) {
.r_img, .l_img { text-align: center; margin-bottom: 10px; }
.r_img img, .l_img img { width: 100%; }
}

/*手机报价弹窗*/

@media (max-width:640px) {
.mdFullInd { display: none; z-index: 9999; position: fixed; top: 100%; left: 0; width: 100%; height: 100%; background: rgba(33,33,33,.8); }
.mdFullInd .box { overflow: visible; position: absolute; top: 46%; left: 50%; width: 100%; max-width: 640px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.mdFullInd .container { position: relative; margin: 30% 6.666666666666667%; background: url(../images/mdfullind_bg.jpg) no-repeat; background-size: 100% 100%; border-radius: 8px; }
.mdFullInd .closeBtn { z-index: 2; position: absolute; top: 100%; left: 50%; margin: 5% 0 0 -17px; padding: 2px; border-radius: 100%; background: rgba(0,0,0,.25); }
.mdFullInd .closeBtn a:before { background-position: -90px -420px; }
.mdFullInd .ht { padding-top: 5%; }
.mdFullInd .bm { margin-bottom: 20px; }
}
