﻿@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% }
.navbar-brand img{ width:260px; padding-top:10px;}
.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: 5px 0; display: table }
.member{ margin-left:30px; margin-bottom:10px; font-size:14px; font-style:normal;}
.navbar-brand { padding: 0 1px }
 @media(min-width:1000px) {
 .navbar-brand {
 height: 48px
}
}
 @media(max-width:999px) {
 .navbar-brand {
 height: 41px
}
}
.logo small { font-size: 18px; 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 6px; 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: #FFF }
.fuwu h3 a { font-size: 16px; 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 }
.case h3 a { font-size: 16px; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  }
.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 }
.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
}
 .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: 320px;
 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 }

/*分页样式*/

.pages { text-align:center; margin:20px 0; display:block; }
.pages:after { content:" "; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
.pages a, .pages span { color:#333; padding:8px 12px; line-height:18px; color: #fff; -webkit-transition: all 0.5s ease-in-out 0s; background:#0093DD; margin:0 5px; display: inline-block; *display: inline;
text-decoration:none;}
.pages span, .pages a:hover { background:#f08519; color: #fff; }
.pages span font { color:#fff; }
/*列表页分页样式*/
.pagenavi { text-align:center; margin:20px 0; display:block; }
.pagelink { text-align:center; margin:20px 0; display:block; }
.pagelink:after { content:" "; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
.pagenavi:after { content:" "; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
.pagelink a, .pagelink span { color:#333;padding:8px 12px; line-height:18px; color: #fff; -webkit-transition: all 0.5s ease-in-out 0s; background:#0093DD; margin:0 5px; display: inline-block; *display: inline; text-decoration:none;}
.pagelink a.on, .pagelink a:hover { background:#f08519; color: #fff; }
.pagenavi a {padding:8px 12px; line-height:18px; color: #fff; -webkit-transition: all 0.5s ease-in-out 0s; background:#0093DD; margin:0 5px; display: inline-block; *display: inline;text-decoration:none;}
.pagenavi span.nolink { padding:8px 12px; line-height:18px; color: #fff; -webkit-transition: all 0.5s ease-in-out 0s; background:#0093DD; margin:0 5px; display: inline-block; *display: inline;}
.pagenavi span { padding:8px 12px; line-height:18px; background:#f08519; color: #fff; display: inline-block; *display: inline;margin:0 5px; }
.pagenavi a:hover { background:#f08519; color: #fff; }



.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-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, .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 }

.bd_form table td { padding-bottom: 20px; line-height: 22px; }
.bd_form .input_1 { border: 1px solid #D3D3D3; height: 21px; background-color: #fafafc; width: 140px; }
.bd_form .select { width: 376px; }
.bd_form .input_2 { border: 1px solid #D3D3D3; height: 21px; background-color: #fafafc; width: 55px; }
.bd_form textarea { border: 1px solid #D3D3D3; height: 21px; background-color: #fafafc; width: 80%; height: 80px; }
.bd_form .ms_input_1 { border: 1px solid #D3D3D3; }
.ms_input_1 { border: 1px solid #D3D3D3; height: 21px; background-color: #fafafc; width: 57px; }
.submit { border: 1px solid #69c; background: #69c; padding: 5px 8px; width: 120px; color: #fff; letter-spacing: 2px; vertical-align: middle; cursor: pointer; }
.Validform_checktip { margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; }
.Validform_right { color:#71b83d; padding-left:20px; background:url(../images/right.png) no-repeat left center; }
.Validform_wrong { color:red; padding-left:20px; white-space:nowrap; background:url(../images/error.png) no-repeat left center; }
.Validform_loading { padding-left:20px; background:url(../images/onLoad.gif) no-repeat left center; }
.Validform_error { background-color:#ffe7e7; }
#Validform_msg { color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); }
#Validform_msg .iframe { position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title { line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999; background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
}
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover { color:#ccc; }
#Validform_msg .Validform_info { padding:8px; border:1px solid #bbb; border-top:none; text-align:left; }


.ipt{ border:1px #999 solid;}
.userinfo{ width:700px; margin:20px auto 10px auto; background:#CDC;}
.userinfo li{ border-left:1px #999 solid; border-right:1px #999 solid; border-bottom:1px #999 solid; line-height:30px;}
.userinfo .line-one{ border-top:1px #999 solid; }
.btn{ height:40px; width:400px; margin:5px auto;}
.btn input{ background:url(../images/button_4.png); background-repeat:no-repeat; width:100px; height:33px; }
.usercode1{ display:block; width:200px; float:left; border-right:1px #999 solid;}
.usercode2 input{ text-align:center; height:24px;}