/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "GB2312";
body { font-family: "微软雅黑", "Hiragino Sans GB", "Microsoft YaHei", tahoma, arial, simsun, "" }
body { margin-top: 100px }

@media(min-width:768px) and (max-width:999px) {
body { margin-top: 73px }
}

@media(max-width:767px) {
body { margin-top: 69px }
}
a { color: #69c; text-decoration: none }
a:hover,
a:focus { color: #69c; text-decoration: underline }
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,
.ylw-img-responsive { height: auto; max-width: 100% }
.ylw-img-responsive2 { height: 160px; width: 220px }
.ylw-img-responsive3 { height: 250px; 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; background-image: url(../images/t-xian.gif); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 22px; padding-top: 0; margin-top: 0; margin-bottom: 26px }

::-moz-selection {
 background: #69c;
 color: #fff
}
::selection { background: #69c; 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(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 }
}
.headroom { position: fixed; top: 0; left: 0; right: 0; transition: all .2s ease-in-out }
.headroom--unpinned { top: -100px }
.headroom--pinned { top: 0 }
.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) }
.navbar-header { position: relative }
.logo { margin: 0; padding:11px 0; display: table }
.navbar-brand { padding: 0 15px }

@media(min-width:1000px) {
.navbar-brand { height: 48px }
}

@media(max-width:999px) {
.navbar-brand { height: 41px }
}
.logo small { font-size: 14px; color: #999; padding-top: 16px; display: table; font-style: italic }
.logo small a { color: #999 }

@media(min-width:1000px) {
.logo-visible { display: none }
}

@media(max-width:999px) {
.logo-hidden { display: none }
}
.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 }

@media(min-width:999px) {
.navbar-header:hover .head-lx { display: block }
}
.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: #69c }
.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: #69c }
.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 }
.logo { padding: 16px 0 }
}

@media(max-width:767px) {
.logo { padding: 14px 0 }
.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 { height: 300px }
.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 }
.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: #FFF }
.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 }
.fuwu-bg { background-image: url(../images/fuwu-bg.jpg) }
.kehu-bg { background-image: url(../images/kehu-bg.jpg) }
.team-bg { background-image: url(../images/team-bg.jpg) }
.btn-success { color: #fff; background-color: #69c; border-width: 0; border-radius: 0; padding: 12px 30px; margin: 0 15px 20px 15px }
.btn-success:hover { color: #fff; background-color: #0A69C8 }
.about .about-us { line-height: 26px; margin-bottom: 35px }
.fuwu { padding: 45px 0 30px 0 }
.fuwu,
.fuwu a,
.fuwu a small { color: #000 }
.fuwu h3 a { font-size: 23px; font-weight: bold }
.fuwu h3 a small { font-size: 14px }
.fuwu h3 { background-image: url(../images/a-xian.gif); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 18px; margin-bottom: 10px }
.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: 160px; width: 160px; 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/services-1-1.png) }
.fuwu a.pic1:hover { background-image: url(../images/services-1.png) }
.fuwu a.pic2 { background-image: url(../images/services-2-2.png) }
.fuwu a.pic2:hover { background-image: url(../images/services-2.png) }
.fuwu a.pic3 { background-image: url(../images/services-3-3.png) }
.fuwu a.pic3:hover { background-image: url(../images/services-3.png) }
.fuwu a.pic4 { background-image: url(../images/services-4-4.png) }
.fuwu a.pic4:hover { background-image: url(../images/services-4.png) }
.huanjing { padding: 45px 0 60px 0 }
.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: #69c; top: 0; line-height: 118px; text-align: center; vertical-align: middle; font-size: 16px; 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: #69c; margin-top: 30px; margin-bottom: 0 }
.kehu figure img { border: 1px solid #eee!important }
.case .m-shu { color: #999; margin-bottom: 35px; line-height: 28px }
.case .m-shu p { margin-top: 15px; color: #ccc }
.case .m-shu p a { color: #333; margin: 0 3px }
.case .m-shu p a:hover { color: #69c }
.case h3 { padding: 20px 0 26px 0; margin: 0 auto ;font-size: 14px;}
.case h3 a { font-size: 14px; font-weight: bold }
.case h3 small,
.case h3 small a { color: #999; font-size: 14px; font-weight: normal }
.case a.pic-link { max-width: 360px; text-align: center; margin-right: auto; margin-left: auto }

@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 h3 { padding: 25px 0 40px 0; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.team h3 a { font-size: 16px; font-weight: bold; margin-bottom: 10px }
.team h3 small { font-size: 14px }
.team div.row { margin-bottom: 5px; width:1160px !important; }
.team a.pic-link { max-width: 285px; margin-right: auto; margin-left: auto }

@media(min-width:999px) {
.team a.pic-link img { border: 6px solid transparent; width:250px; height:250px; }
.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 ; /*border-radius:250px; -moz-border-radius:250px; -ms-border-radius:250px; -o-border-radius:250px; -webkit-border-radius:250px;*/}
.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: 390px; overflow: hidden; padding: 10px 0 0 0 }
.team-w { position: absolute; left: 0 }
.team-array { float: left; max-width: 292px }
.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: 14px; font-weight: normal; 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: #69c; color: #FFF; 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) }

@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 { background-color: #f2f2f2; padding-bottom: 0 }
.news h3 { font-size: 16px; font-weight: bold; color: #000; padding: 0 0 30px 0; margin: 0 }
.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: #69c }
.news p { margin: 25px 0 45px 0 }
.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: #69c; 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 }
.crumbs { background-color: #f7f7f7; border-bottom: 1px solid #ededed }
.breadcrumb { padding: 18px 15px 20px 0; margin-bottom: 0; list-style: none; background-color: #f7f7f7; border-radius: 0 }
.breadcrumb>li { display: inline-block }
.breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0" }
.breadcrumb>.active { color: #999 }
.btn-menu { padding: 19px 19px; border: 0 solid transparent; border-radius: 0 }
.btn-default { color: #fff; background-color: #69c; border-color: #69c }
.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 }
.breadcrumb>.active,
.breadcrumb li { color: #999 }
.neirong { padding: 50px 0 }
.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 .info,
.neirong .info p,
.neirong .info li,
.case-fl p,
.ny-news p { line-height: 30px; 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 img { margin: 8px 0 }
.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: 18px; padding: 0 0 20px 0; margin: 0; border-bottom: 1px solid #ededed; font-weight: 600 }

@media(max-width:768px) {
.neirong { padding: 30px 0 }
.neirong .info img { margin-bottom: 20px; margin-top: 20px }
.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: #69c; 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: #69c }
.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 .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: #69c; border-color: #69c; 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: #69c; background-color: #ededed; border-color: #ededed }
.fanye .pagination>li>a,
.fanye .pagination>li>span { color: #69c; 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 }

@media(min-width:1200px) {
.ny-news { min-height: 189px }
}

@media(min-width:768px) and (max-width:1199px) {
.ny-news { min-height: 159px }
}
.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 h4 { font-size: 16px; margin: 0 0 10px 0 }
.ny-news p { margin: 0 0 5px 0 }
.ny-news p span { background-repeat: no-repeat; height: 18px; width: 22px; padding-left: 28px; 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/ny-news-bg.png); background-position: 0 -20px }
.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; font-weight: bold }
.ny-h4 small { font-size: 14px; color: #999 }
.m-x-20 { margin-bottom: 20px }
.m-x-20 a{ color:#fff;}
.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 }
.ny-shuoming p { color: #999; margin-bottom: 40px; padding-bottom: 25px; border-bottom: 1px solid #ededed; font-size: 12px }

@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: #69c }
.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: #69c }
.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: #69c; display: block; padding: 32px 15px; font-size: 16px }

@media(max-width:320px) {
.kj-contact a { font-size: 14px }
}
.kj-contact a:hover { background-color: #69c; text-decoration: none }
.footer { background-color: #182029; color: #919399; font-size: 12px; padding: 50px 0 50px 0 }
.footer a { color: #919399 }
.footer a:hover { color: #fff }
.footer .cidaohang,
.address { line-height: 28px }
.footer p{display:block; width:100%; text-align:center;}
.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 }
#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 }
#button { height: 44px; width: 100%; text-align: center; vertical-align: middle; border-width: 0; background-color: #69c; color: #FFF; font-size: 14px; border-radius: 0 }
#button:hover { background-color: #69c }
#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-top: 20px; }
.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 }
.yq-link { color: #737680; line-height: 28px; padding-top: 40px }
.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: 138px; 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 }


/*首页证书*/
.picScroll-left{ width:1170px;  overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:30px;padding:0 10px;  }
.picScroll-left .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; text-align:center; letter-spacing:normal;}
.picScroll-left .hd ul li{ position:relative; vertical-align:top; display:inline-block; *display:inline;width:12px; height:12px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#eee; border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; -webkit-border-radius:12px;}
.picScroll-left .hd ul li.on{ background:#555;border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; -webkit-border-radius:12px;}
.picScroll-left .bd{ padding:10px 0;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px 10px 0; width:360px; height:530px;float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li img{display:block; border:0px; margin-bottom:10px; height:250px;}