
body {
    margin:0;
    padding:0;
    font-family:"Hiragino Sans GB", "microsoft yahei", "lvetica Neue", Helvetica, Arial, sans-serif;
    font-size:16px;
    line-height:30px;
    color:#999
}
a {
    color:#4A86E8;
    text-decoration:none
}
a:hover, a:focus {
    color:#69c;
    text-decoration:none;
    outline:none;
    -moz-outline:none
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight:500;
    line-height:1.5;
    color:#000000;
    font-family:"Hiragino Sans GB", "microsoft yahei", "lvetica Neue", Helvetica, Arial, sans-serif
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin:0;
    padding:0
}
ul, li {
    list-style:none;
    margin:0;
    padding:0
}
img {
    padding:0;
    margin:0;
    border:0
}
img {
    height:auto;
    max-width:100%
}
input{
    line-height: 14px;
}
.navbar{
    margin-bottom: 0;
}
.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
}
.parallax {
    background-attachment:fixed;
    -webkit-transition:all 0s linear;
    -moz-transition:all 0s linear;
    -o-transition:all 0s linear;
    transition:all 0s linear
}
::-moz-selection {
    background:#3498db;
    color:#fff
}
::selection {
    background:#3498db;
    color:#fff
}
.pingpu-bg {
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    position:relative;
    background-attachment:fixed
}
.pingpu-bg {
    min-width:1140px
}
.red {
    color:#4A86E8!important
}
.green {
    color:#089500!important
}
@media (max-width:768px) {
    h2 span {
        display:none
    }
    .major-adv{
        display: none;
    }

}
.btn-success {
    color:#4A86E8;
    background-color:#FFF;
    border:2px solid #4A86E8;
    border-radius:0px;
    padding:12px 30px;
    margin:0 15px 20px 15px;
}
.btn-success:hover {
    color:#fff;
    border:2px solid #4A86E8;
    background-color:#4A86E8
}
.clear {
    clear:both
}
.d_link {
    border-bottom:1px #f0f0f0 solid;
}
.more {
    float:right
}
.wfcolor {
    color:rgba(255, 255, 255, 0.70);
    font-weight:bold
}
.wfcolor:hover, .wfcolor:focus {
    color:#fff
}
.navbar-header {
    position:relative
}
.headroom--unpinned {
    top:-100px;
}
.logo {
    margin:0;
    padding:0;
    display:table
}
.logo {
    padding:0px 15px
}
.navbar-brand {
    width:250px;
    height:40px;
    background-image:url(http://www.szykd.cn/template/erwu/tn/static/images/logo.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    display:block
}
@media (max-width:768px) {
    .navbar-brand {
        background-image:url(../image/logo-blue.png);
        width:191px;
        margin-top:6px
    }
    .sx-ehzuo{
        display: none;
    }
}
.nav {
    line-height:46px
}
.nav>li>a {
    color:#333;
    display:block;
    padding:0;
    margin-left:28px
}
.nav>li:hover{
	background-color:#4A86E8;
}
.nav>li:hover a{
	color:#fff
}
@media (min-width:768px) {
    .nav>li>a {
        margin:0 39px;
    }
}
.navbar-default {
    /* padding:30px 0 0; */
    background-color:rgba(52, 152, 219, 0.00)
}
.navbar-default {
    background-color:transparent;
    border-color:transparent;
    position: static;
}
.navbar-default .navbar-toggle:hover {
    background-color:rgba(255, 255, 255, 0)
}
.navbar-default .navbar-toggle .icon-bar {
    background-color:#ddd
}
@media (max-width:768px) {
    .stickyd .nav {
        background-color:#3498db
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-collapse {
        border-width:0px;
        margin-top:10px;
        padding-top:10px;
        position: absolute;
        top: 76px;
        left: 0;
        z-index: 99999;
        padding: 0;
    }
    .navbar-default .navbar-collapse a, .navbar-default .navbar-collapse a {
        line-height:30px
    }
    .sticky .navbar-collapse, .sticky .navbar-collapse {
        border-width:0px;
        margin-top:10px;
        padding-top:0px
    }
}
.sticky {
    background-color:rgba(255, 255, 255, 0.95);
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.15)
}
.sticky.navbar {
    padding:10px 0
}
.sticky .nav {
    line-height:40px
}
.sticky .navbar-brand {
    width:404px;
    height:40px
}
.sticky .navbar-brand {
    background-image:url(../image/logo-blue.png);
    background-size:404px auto
}
@media (max-width:768px) {
    .sticky .navbar-brand {
        width:191px;
        margin-top:6px;
        background-image:url(../image/logo-blue.png);
        background-size:191px auto
    }
}
.sticky .navbar-toggle {
    margin-top:3px;
    margin-bottom:0
}
.sticky .nav>li>a {
    color:#333
}
.sticky .nav>li>a:hover {
    color:#4A86E8
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color:#4A86E8;
    background-color:rgba(255, 255, 255, 0)
}
.banner {
    position:relative;
    background-color:#f0f0f0
}
.banner .rslides li div {
    background-repeat:no-repeat;
    background-position:center top
}
.banner .rslides li div {
    height:720px;
    margin:0 auto;
    display:block;
}

.banner1, .banner2, .banner3, .banner4 {
    background-size:1920px auto
}
.banner_b {
    background-size:1920px auto
}
.banner_s {
    display:none
}
.banner-two{
    display: none;
}
@media (min-width:992px) and (max-width:1199px) {
    .banner1, .banner2, .banner3, .banner4 {
        background-size:1650px auto
    }
}
@media (min-width:768px) and (max-width:991px) {
    .banner1, .banner2, .banner3, .banner4 {
        background-size:1262px auto
    }
}
@media (max-width:767px) {
    .banner1, .banner2, .banner3, .banner4 {
        background-size:1262px auto
    }
    .banner_b {
        display:none
    }
    .banner_s {
        display:block;
        background-size:1920px auto
    }
    .banner-one{
        display: none;
    }
    .banner-two{
        display: block;
    }
}
.rslides {
    height:600px;
    overflow:hidden;
    margin:0 auto;
    width:100%;
    position:relative;
    list-style:none
}
.rslides li {
    width:100%
}
.rslides_div {
    position:relative
}
.rslides_nav {
    width:46px;
    height:40px;
    position:absolute;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    filter:alpha(opacity=40);
    opacity:0.4;
    text-indent:-9999px;
    overflow:hidden;
    background-position:left top;
    background-repeat:no-repeat;
    bottom:10px
}
.rslides_nav:hover {
    filter:alpha(opacity=100);
    opacity:1
}
.rslides_nav.next {
    background-image:url(../image/btn-left-white.png);
    right:81px
}
.rslides_nav.prev {
    background-image:url(../image/btn-right-white.png);
    right:15px
}
.rslides_nav.next, .rslides_nav.prev {
    background-size:46px auto
}
.rslides_tabs {
    padding:0;
    margin:0;
    list-style:none;
    height:20px;
    margin:0 auto;
    position:absolute;
    left:70px;
    bottom:70px
}
.rslides_tabs li {
    display:inline-block
}
.rslides_tabs li a {
    text-indent:-9999px;
    overflow:hidden;
    background-color:#FFFFFF;
    height:12px;
    width:12px;
    cursor:pointer;
    margin-right:12px;
    display:block;
    border-radius:50%;
    filter:alpha(opacity=30);
    opacity:0.3
}
.rslides_tabs li.rslides_here a {
    background-color:#ffffff;
    filter:alpha(opacity=100);
    opacity:1
}
@media (min-width:1200px) and (max-width:1440px) {
	 .banner .rslides li div {
        height:447px;
    }
    .rslides {
        height:447px
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .banner .rslides li div {
        height:594px;
    }
    .rslides {
        height:594px
    }
}
@media (min-width:768px) and (max-width:991px) {
    .banner .rslides li div {
        height:454px;
    }
    .rslides {
        height:454px
    }
}
@media (max-width:767px) {
    .banner .rslides li div {
        height:auto;
    }
    .rslides {
        height:auto
    }
}
.banner .rslides li div {
    text-align:left
}
.banner .rslides .banner-text {
    margin-top:28em;
    padding:30px 35px;
    text-align:left;
    border-radius:6px;
    display:inline-block
}
.banner .rslides .banner-text h2 {
    color:#fff;
    font-size:22px;
    margin:0 0 10px 0;
    padding:0
}
.banner .rslides .banner-text p {
    color:rgba(255, 255, 255, 0.80);
    font-size:16px;
    margin:0;
    padding:0;
    text-indent:44px
}
.banner .rslides .banner4 .banner-text {
    background-color:rgba(52, 152, 219, 0.40)
}
.banner .rslides .banner3 .banner-text {
    background-color:rgba(52, 152, 219, 0.40)
}
.banner .rslides .banner2 .banner-text {
    background-color:rgba(0, 0, 0, 0.50)
}
.banner .rslides .banner1 .banner-text {
    background-color:rgba(0, 0, 0, 0.50)
}
@media (min-width:1200px) and (max-width:1280px){
	.rslides{
		height:406px
	}
}
@media (min-width:992px) and (max-width:1199px) {
    .banner .rslides .banner-text {
        margin-top:16em
    }
}
@media (min-width:768px) and (max-width:991px) {
    .banner .rslides .banner-text {
        margin-top:12em
    }
}
@media (max-width:767px) {
    .banner .rslides .banner-text {
        margin-top:11em
    }
    .banner .rslides .banner-text p {
        font-size:14px;
        text-indent:0px;
        line-height:24px
    }
    .banner .rslides .banner-text h2 {
        font-size:18px
    }
}
.h-h2 {
    font-size:26px;
    line-height:150%;
    color:#000;
    padding:0 0 20px 0;
    margin:0 0 40px 0;
    border-bottom:#e5e5e5 solid 1px;
    background:none;
}
.h-h2-white {
    color:#FFF;
    border-bottom:rgba(255, 255, 255, 0.2) solid 1px;
}
h2 span {
    font-style:italic;
    margin-right:12px;
}
.h-h3 {
    font-size:20px;
    line-height:150%;
    color:#000;
    padding:0 0 20px 0;
    margin:0 0 40px 0;
    border-bottom:#e5e5e5 solid 1px;
    background:none
}
.h-h3-white {
    color:#FFF;
    border-bottom:rgba(255, 255, 255, 0.2) solid 1px;
}
h3 span {
    font-style:italic;
    margin-left:12px;
    color:#999999;
    font-weight:normal;
    font-size:18px
}
.sx-jianju {
    padding:1px 0 30px 0;
    padding-top: 30px ;
}
.t-jianju {
    margin-top:30px
}
.superiority, .process, .about, .footer {
    color:#fff
}
.btn-left, .btn-right, .btn-left-white, .btn-right-white {
    text-indent:-9999px;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:left top;
    width:46px;
    height:40px;
    display:inline-block;
    margin:0 5px
}
.btn-left {
    background-image:url(../image/logo-blue.png)
}
.btn-right {
    background-image:url(../image/logo-blue.png)
}
.btn-left:hover, .btn-right:hover {
    background-color:#4A86E8
}
.btn-left:hover {
    background-image:url(../image/logo-blue.png)
}
.btn-right:hover {
    background-image:url(../image/logo-blue.png)
}
.btn-left-white {
    background-image:url(../image/btn-left-white.png)
}
.btn-right-white {
    background-image:url(../image/btn-right-white.png)
}
.btn-left, .btn-right {
    filter:alpha(opacity=70);
    opacity:0.7
}
.btn-left-white, .btn-right-white {
    filter:alpha(opacity=40);
    opacity:0.4
}
.btn-left:hover, .btn-right:hover, .btn-left-white:hover, .btn-right-white:hover {
    filter:alpha(opacity=100);
    opacity:1
}
.btn-left, .btn-right, .btn-left-white, .btn-right-white {
    background-size:46px auto
}
.services {
    padding:50px 0 75px 0
}
.services article h1 {
    padding-left:75px;
    font-size:18px;
    color:#000000;
    background-repeat:no-repeat;
    background-position:left 2px;
    padding-bottom:6px
}
.services article h1 small {
    display:block;
    margin-top:10px;
    margin-bottom:15px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.services article h1.wj {
    background-image:url(../image/logo-blue.png)
}
.services article h1.yy {
    background-image:url(../image/logo-blue.png)
}
.services article h1.yx {
    background-image:url(../image/logo-blue.png)
}
.services article h1.pp {
    background-image:url(../image/logo-blue.png)
}
.services article h1 {
    background-size:50px auto;
}
.services article p {
    margin-bottom:0
}
@media (max-width:768px) {
    .services article p {
        padding-left:75px
    }
    .services article h1 {
        margin-bottom:2px
    }
}
.superiority {
    background:url(../image/logo-blue.jpg) top center
}
.superiority figure h3 {
    margin-top:40px;
    color:#FFFFFF
}
.superiority figure p {
    color:rgba(255, 255, 255, 0.80)
}
.work_list {
    border-bottom:1px #f0f0f0 solid
}
.work_list figure {
    margin-bottom:30px
}
.row_list {
    width:30.13%;
    margin:1.6%;
    float:left
}
.row_list img {
    cursor:pointer;
    width:100%
}
@media (max-width:992px) {
    .row_list {
        width:44%;
        margin:3%;
        float:left
    }
}
.process {
    background:url(../image/bg-2.gif);
}
.process figure {
    margin-bottom:40px
}
.process {
    padding:30px 0;
}
.process figure figcaption {
    padding-top:36px;
    width:136px;
    height:136px; 
    color:#777;
    margin: 0 auto;
}
.process figure figcaption p{
    line-height: 80px;
}

.process figure figcaption:hover {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    padding-top:20px
}
.process figure figcaption small {
    display:block
}
.process .f1:hover {
    background:url(../image/logo-blue.png)
}
.process .f2:hover {
    background:url(../image/logo-blue.png)
}
.process .f3:hover {
    background:url(../image/logo-blue.png)
}
.process .f4:hover {
    background:url(../image/logo-blue.png)
}
.process .f5:hover {
    background:url(../image/logo-blue.png)
}
.process .f6:hover {
    background:url(../image/logo-blue.png)
}
.about {
    background-color:#4A86E8;
    background-image:url(../image/logo-blue.png);
    background-repeat:no-repeat;
    background-position:center 12px
}
.about {
    background-size:1920px auto
}
.about p {
    color:rgba(255, 255, 255, 0.70);
    text-align:left;
    text-indent:30px;
}
.energy h3 {
    font-size:14px;
    color:#FFF;
    margin-bottom:15px
}
.energy h3 small {
    font-size:14px;
    color:#ccc
}
.energy .progress-bar-info {
    background-color:#4A86E8
}
.energy {
    background:url(../image/logo-blue.jpg);
}
.youshi .container{
    width: 1068px;
    /* padding: 0; */
}

.youshi .youshi-text h3{
    color:#333;
    font-size: 20px;
    font-weight: 600;
}
.youshi .youshi-text p{
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    color: rgb(110, 110, 110);
}
.youshi .youshi-text{
    text-align: center;
    padding: 0 20px;
    /* margin-left: 50px; */
}
.youshi h3{
    margin-bottom: 10px;
}
.youshi figure {
    margin-bottom: 30px;
    border-width: 0;
    border-style:solid;
    border-color:#e6e6e6;
}
.youshi div.row {
    margin-top: 0;
}
.youshi div.row:nth-child(2){
    margin-top: 80px;
}
.youshi div.row:nth-child(3)>div:nth-child(2n){
    margin-top: 164px;
}
.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:0px;
    top:0px;
    height:100%;
    width:100%;
    background-color:#4A86E8;
    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 div{
    background:#eee;
    padding: 30px 0;
}
.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;
}
.sx-xinwen {
    padding:60px 0 0 0
}
.gg {
    margin-bottom:35px;
    margin-top:45px
}
.gg_1 {
}
.gg_2 {
    display:none
}
@media (max-width:768px) {
    .youshi{
        display: none;
    }
    .gg_1 {
        display:none
    }
    .gg_2 {
        display:block
    }
}
.ngt {
    line-height:400%;
    background-color:#f7f7f7;
    border-bottom:1px solid #ededed
}
.ngt .nt {
    float:left;
    width:70%;
    padding-left:34px;
    background:url(../image/logo-blue.jpg) no-repeat left center
}
.ngt .cl {
    float:right;
    width:30%;
    text-align:right
}
.jdzl {
    width:100%;
    float:left;
    margin-bottom:40px;
    color:#EEE
}
.jdzl span {
    color:#000000;
    font-weight:bold
}
.jdzl a {
    padding:0 2px;
    margin-right:10px;
}
.now {
    color:#428bca;
}
@media (max-width: 768px) {
    .ngt .nt {
        margin:0 2%;
        width:96%
    }
    .ngt .cl {
        display:none
    }
}
.pad {
    width:96.8%;
    margin:0 1.6%;
    padding-top:40px;
    padding-bottom:40px
}
.pad_l {
    width:42%;
    float:left
}
.pad_r {
    width:42%;
    float:right
}
.pad_l img {
    float:left;
    height:300px
}
.pad_r img {
    float:right;
    height:300px
}
.pad h4 {
    margin-top:60px
}
@media(max-width:767px) {
    .pad {
        width: 96.8%;
        margin: 0 1.6%;
        padding-top: 0px;
        padding-bottom: 40px
    }
    .pad_l, .pad_r {
        width: 94%;
        margin: 20px 3%;
        text-align: center
    }
    .pad_l img, .pad_r img {
        float: none;
    }
}
/*6大风格单��*/
 .pan {
    width: 96.8%;
    margin: 0 1.6%;
    padding-top: 40px;
    padding-bottom: 40px
}
.pan ul {
    width: 90%;
    margin: 0px auto;
    padding: 40px 0
}
.pan li {
    width: 46%;
    margin: 0 2%;
    float: left
}
@media(max-width:767px) {
    .pan {
        width: 94%;
        margin: 0px 3%;
        text-align: center
    }
}
/*关于我们单页*/
 .pas, .pab {
    width: 96.8%;
    margin: auto;
  margin-bottom:20px;
	border:1px solid #bbb;
background-color:#999;
}
.pab  h2{
	color:#f9d82e;
}
.pab p{
	color:#fff
}
.pas_l1 {
    width: 43%;
    float: left
}
.pas_r1 {
    width: 54%;
    float: right
}
.pab_l1 {
    width: 43%;
    float: left
}
.pab_r1 {
    width: 54%;
    float: right;
padding:0 20px
}
.pab_l2 {
    width: 54%;
    float: left;
padding:0 20px
}
.pab_r2 {
    width: 43%;
    float: right
}
.pab_l3 {
    width: 49%;
    float: left
}
.pab_r3 {
    width: 48%;
    float: right
}
.pab_l1 img, .pab_l3 img {
    float: left;
	height:100%;
}
.pab_r2 img {
    float: right
}
@media(max-width:767px) {
    .pab_l1, .pab_r1, .pab_l2, .pab_r2, .pab_l3, .pab_r3, .pas_l1, .pas_r1 {
        width: 94%;
        margin: 20px 3%;
        text-align: center
    }
    .pas_l1 img, .pab_l1 img, .pab_r2 img, .pab_l3 img {
        float: none
    }
    .pab hr {
        width: 78%
    }
}
/*设计流程单页*/
 .pys {
    width: 96.8%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 28px;
    padding-left: 250px
}
.s1 {
    background: url(../image/logo-blue.jpg) no-repeat left 30px
}
.s2 {
    background: url(../image/logo-blue.jpg) no-repeat left 30px
}
.s3 {
    background: url(../image/logo-blue.jpg) no-repeat left 30px
}
.s4 {
    background: url(../image/logo-blue.jpg) no-repeat left 30px
}
.s5 {
    background: url(../image/logo-blue.jpg) no-repeat left 30px
}
.s6 {
    background: url(../image/logo-blue.jpg) no-repeat left 30px
}
@media(max-width:767px) {
    .pys {
        width: 94%;
        margin: 20px 3%;
        padding-left: 180px
    }
}
/*特殊服务单页*/
 .teshu {
    width: 1000px;
    margin: auto;
    padding-top: 30px;
}
.p_1 {
    width: 800px;
    margin: auto;
    padding: 60px 0 30px 0;
}
/*文章列表*/
 .ny-news {
    margin: 15px 0 20px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #ededed;
}
@media (min-width: 1200px) {
    .ny-news {
        height: 189px;
        min-height: 189px
    }
    .ny-news a img {
        max-height: 146px !important;
        max-width: 200px !important
    }
}
@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: 20px;
    margin-right: 10px;
    color: #999;
    font-size: 12px;
}
.ny-news p span.fl {
    background-image: url(../image/ny-news-bg.png);
    background-position: 0px 0px;
    background-size: 20%;
}
.ny-news p span.gz {
    background-image: url(../image/ny-news-bg.png);
    background-position: 0px -15px;
    background-size: 10%;
}
.ny-news p span.sj {
    background-image: url(../image/ny-news-bg.png);
    background-position: 0px -28px;
    background-size: 15%;
}
.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: #4A86E8;
}
.case h4 {
    padding: 20px 0 26px 0;
    margin: 0 auto;
}
.case h4 a {
    font-size: 16px;
    font-weight: bold;
}
.case h4 small, .case h4 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(../image/logo-blue.png);
        background-repeat: repeat;
        opacity: 0;
        filter: Alpha(Opacity=0);
        z-index: 96;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.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(../image/logo-blue.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;
    }
}
.neirong figure {
    margin-bottom: 30px
}
.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: 0px;
}
.neirong .info, .neirong .info p, .neirong .info li, .case-fl p, .ny-news p {
    line-height: 28px;
    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;
}
#MyContent img {
    box-shadow: 0 2px 10px #9797A6;
    -moz-box-shadow: 0 2px 10px #9797A6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
@media (max-width:768px) {
    .neirong {
        padding: 30px 0;
    }
    .neirong .info img {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .neirong .info .like img {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .neirong .mt {
        margin-top: 40px;
    }
    .diwei p {
        margin-bottom: 20px;
    }
    .ny-bt {
        border-bottom: 0px
    }
    .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;
    }
}
@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(../image/logo-blue.png);
        background-repeat: repeat;
        opacity: 0;
        filter: Alpha(Opacity=0);
        z-index: 96;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.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(../image/logo-blue.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
    }
}
.ny-shuoming {
    margin-bottom: 30px
}
.ny-shuoming h2 {
    font-size: 24px;
    margin-top: 0px;
    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
}
.bd_from {
    border: 5px #e9e9e9 solid;
    width: 100%;
    padding: 25px 0 16px 0;
    margin: 106px auto 12px auto
}
.bd_from .s {
    width: 136px;
    height: 28px;
    border: 1px solid #cbcbcb;
    padding-left: 10px;
    line-height: 28px
}
.bd_from .s:focus {
    border-color: #5da910;
}
.bd_from .quikBtn {
    border: none;
    background: #5da910;
    vertical-align: middle;
    padding: 6px 20px;
    *padding:6px 20px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    margin: 10px 0 0 0
}
.bd_from .quikBtn:hover {
    background: #4A86E8
}
.bd_from li {
    margin: 8px 0
}
.bd_from .ny-h4 {
    margin: 0 0 25px 0;
    font-size: 24px;
    font-weight: bold
}
.bd_from .ny-h4 small {
    font-size: 12px;
    color: #71b619;
    display: block;
    padding-top: 8px
}
.ny-h4 {
    margin: 25px 0 25px 0;
    font-size: 16px;
    font-weight: bold;
}
.ny-h4 small {
    font-size: 14px;
    color: #999;
}
.n_list li {
    border-bottom: 1px dashed #eee;
    height: 36px;
    line-height: 36px
}
.n_list a {
    color: #4A86E8;
}
.n_list a:hover {
    color: #69c
}
.c_list {
    width: 100%
}
.oo {
    display: none
}
.c_list span {
    display: block;
    overflow: hidden;
    height: 38px;
    margin-bottom: 4px;
    text-align: center
}
@media (max-width:991px) {
    .bd_from {
        margin-top: 16px
    }
    .c_list {
        width: 50%;
        float: left;
        padding: 0 8px
    }
    .oo {
        display: block
    }
}
/*底部*/
 .footer {
    background: #696969;
    font-size: 12px;
    color: #efefef;
}
.footer h3 {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    line-height: 48px
}
.footer a {
    color: #efefef;
    margin: 0 4px
}
.footer a:hover {
    color: #fff;
}
.dibu {
    width: 100%;
    padding-top: 20px;
}
.d_1 {
    width: 28%;
    height: 300px;
    float: left;
    padding: 10px 2% 10px 0;
}
.d_1 .lvputi {
    display: block;
    margin-left: 20px;
}
.xm, .dh {
    height: 40px;
    width: 263px;
    background-color: #FFF;
    color: #666;
    border-width: 0px;
    margin-bottom: 12px;
    vertical-align: middle;
    border-radius: 0px;
    padding-right: 10px;
    padding-left: 10px;
}
.xm {
    background-image: url(../image/input-bg.png);
    background-repeat: no-repeat;
    background-position: right 0px;
}
.dh {
    background-image: url(../image/input-bg.png);
    background-repeat: no-repeat;
    background-position: right -40px;
}
#button1 {
    height: 44px;
    width: 263px;
    text-align: center;
    vertical-align: middle;
    border-width: 0px;
    background-color: #4A86E8;
    color: #FFF;
    font-size: 14px;
    border-radius: 0px;
    ;
    padding-right: 10px;
    padding-left: 10px;
}
#button1:hover {
    background-color: #69c;
}
.d_2 {
    float: left;
    width: 20%;
    height: 245px;
    padding: 10px 0;
}
.d_2 .address {
    background-image: url(../image/address-bg.png);
    background-repeat: no-repeat;
    background-position: 0px top;
    padding-left: 30px;
}
.d_2 .address ul li {
    margin: 0 auto;
    line-height: 28px;
    font-size: 16px;
    color: #efefef;
}
.d_3 {
    float: left;
    margin-top: 46px;
    width: 26%;
    text-align: center;
    padding: 0
}
.d_3 ul li {
    width: 118px;
    margin-left: 16px;
    float: left
}
.d_3 ul li img {
    width: 118px;
    margin: 0 auto
}
.d_3 ul li p {
    line-height: 40px;
    width: 100%
}
.d_4 {
    float: left;
    margin-top: 46px;
    width: 26%;
    text-align: center;
    padding: 0
}
.copy {
    border-top: 1px solid #333;
    width: 100%;
    padding-top: 10px
}
.renzheng {
    margin-top: 10px;
}
.renzheng img {
    margin-right: 6px;
}
@media (min-width:992px) and (max-width:1199px) {
    .d_1 {
        width: 31%;
        padding: 10px 2%
    }
    .d_2 {
        width: 55%;
        padding: 10px 5%
    }
    .d_3 {
        display: none
    }
}
@media (min-width:768px) and (max-width:991px) {
    .d_1 {
        width: 41%;
        padding: 10px 2%
    }
    .d_2 {
        width: 50%;
        padding: 10px 2%
    }
    .d_3 {
        display: none
    }
}
@media (max-width:767px) {
    .d_1 {
        width: 100%;
        margin: 0 auto;
        padding: 0 4%;
        height: 260px
    }
    .d_2 {
        width: 100%;
        margin: 0 auto;
        height: 300px;
        padding: 0 4%;
        height: 160px
    }
    .d_3 {
        display: none
    }
    .sns {
        display: none
    }
    .d_4{
        width: 100%;
    }
    .xm, .dh, #button1{
        width: 100%;
    }
    
}
.pages {
    padding: 30px 0 30px;
    text-align: center
}
.pages li {
    display: inline;
    margin:0 2px;
    font-size:12px
}
.pages li.thisclass, .pages a:hover {
    padding: 3px 8px;
    border: 1px solid #428BCA;
    background: #428BCA;
    color: #fff;
    text-decoration: none
}
.pages a {
    padding: 3px 8px;
    border: 1px solid #CCC;
    background: #fff;
    color: #A4A4A4;
    line-height: 18px;
    font-size:12px
}
/*办公��*/
 @media (min-width:100px) and (max-width:1199px) {
    .bgstbu li span {
        display: none;
    }
    .bgsys, .bgsal {
        width: 100%!important
    }
}
.jiange {
    width: 100%;
    height: 50px;
    overflow: hidden;
}
.bgstb {
    width: 100%;
    overflow: hidden;
}
.bgstbudg {
    width: 1140px;
    height: 62px;
    overflow: hidden;
}
.bgstbu {
    width: 1140px;
    height: 62px;
    overflow: hidden;
    position: absolute;
    z-index: 9999;
    margin-top: -62px;
}
.bgstbu li {
    float: left;
    width: 12.5%;
    height: 66px;
}
.bgstble {
    border: 1px solid #428BCA;
    overflow: hidden;
}
.bgstble td {
    font-size: 14px;
    color: #666666;
    padding: 20px 0 15px 30px;
}
.bgstble thead td {
    font-weight: 600;
    background: #EDECEC;
}
.bgstble tbody td {
    border-right: 1px solid #e5e5e5;
    background: #FFFFFF;
}
.bgstble tbody tr {
    border-top: 1px solid #e5e5e5;
    background: #FFFFFF;
}
.bgstble tbody tr:nth-child(2n){
	background-color:#f5f5f5
}
.bgstble tbody td:nth-child(5) {
    border-right: none;
    padding-right: 30px;
}
.bgsyss {
    width: 100%;
    padding-bottom: 40px;
    background: url('../image/pro-adv-bg.jpg') no-repeat center center;
    overflow: hidden;
}
.bgsys {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.bgsysh2 {
    font-size: 38px;
    font-weight: 400;
    margin-top: 30px;
    text-align: center;
    background: url("../image/logo-blue.png") no-repeat left top;
}
.bgsysp {
    font-size: 20px;
    color: #444444;
    text-align: center;
}
.bgsysu {
    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
    padding: 29px 0 66px 0;
}
.bgsysu li {
    width: 857px;
    height: 58px;
    margin: 0 auto;
    margin-top: 37px;
    line-height: 58px;
    color: #333333;
    font-size: 16px;
}
.bgsysu li span {
    font-size: 20px;
    padding-left: 96px;
    padding-right: 38px;
    float: left;
}
.bgsysul1 {
    background: url('../image/one.jpg') no-repeat center center;
}
.bgsysul2 {
    background: url('../image/two.jpg') no-repeat center center;
}
.bgsysul3 {
    background: url('../image/three.jpg') no-repeat center center;
}
.bgsysul4 {
    background: url('../image/four.jpg') no-repeat center center;
}
.bgsysul5 {
    background: url('../image/five.jpg') no-repeat center center;
}
.bgsysul6 {
    background: url('../image/six.jpg') no-repeat center center;
}
.bgsals {
    width: 100%;
    overflow: hidden;
}
.bgsal {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.bgsalh2 {
    text-align: center;
    font-size: 32px;
    padding-top: 39px;
    font-weight: 400;
}
.bgsalp {
    text-align: center;
    font-size: 15px;
    color: #555555;
    padding: 0 0 30px;
}
.bgsalu {
    width: 100%;
    padding-top: 15px;
    overflow: hidden;
}
.bgsalu li {
    float: left;
    width: 360px;
    overflow: hidden;
    margin-right: 30px;
}
.bgsalu li:nth-child(3n) {
    margin-right: 0;
}
.bgsalua1 {
    width: 100%;
    overflow: hidden;
    display: inline-block;
}
.bgsalua1:hover {
    background: rgba(0, 0, 0, 0.1);
}
.bgsalua1 img {
    width: 100%;
}
.bgsalua2 {
    overflow: hidden;
    float: left;
    width: 280px;
}
.bgsalua2 h3 {
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    text-align: left;
    margin: 0;
}
.bgsalua2 p {
    font-size: 14px;
    color: #666666;
    padding-bottom: 15px;
    text-align: left;
    margin: 0;
}
.bgsalua3 {
    float: right;
    width: 100px;
    height: 31px;
    font-size: 16px;
    line-height: 31px;
    text-align: center;
    padding: 0 14px;
    margin: 10px 0;
    border-radius: 15px;
    border: 1px solid #428BCA;
    color: #428BCA;
}
.bgsalua3:hover {
    color: #FFFFFF;
    background: #428BCA;
}
.bgsfuu {
    width: 100%;
    overflow: hidden;
}
.bgsfuu li {
    float: left;
    width: 23%;
    margin:0 1%;
    padding: 1%;
    overflow: hidden;
}
.bgsfuu li h3 {
    padding: 0 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    border-bottom: 2px solid #428BCA;
}
.bgsfuu li p {
    font-size: 16px;
    line-height: 28px;
    color: #555555;
    padding: 0 15px;
}
.xfyz {
    width: 100%;
    overflow: hidden;
}
.bgssqs {
    width: 100%;
    background: #473217;
    overflow: hidden;
}
.bgssq {
    width: 1200px;
    margin: 0 auto 70px auto;
}
.bgssq img {
    margin-top: 53px;
}
.bgssq h3 {
    font-size: 28px;
    color: #fff;
    margin-top: 42px;
}
.bgssq p {
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    display: inline-block;
}
.bgssq .btn {
    width: 180px;
    height: 47px;
    background: #e62727;
    line-height: 30px;
    text-align: center;
    border-radius: 28px;
    float: right;
}
.bgssq .btn a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
/*工厂*/
 .gct {
    width: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 9999;
    margin-top: 150px;
}
.gcth2 {
    color: rgb(255, 255, 255);
    line-height: 130%;
    letter-spacing: 5px;
    font-family: 微软雅黑;
    font-size: 68px;
    text-align: center;
}
.gcth1 {
    color: rgb(255, 255, 255);
    line-height: 130%;
    letter-spacing: 5px;
    text-align: center;
}
.gctp1 {
    font-size: 24px;
    line-height: 130%;
    color: #FFFFFF;
    text-align: center;
}
.gctp2 {
    text-align: center;
}
.gctp2s1 {
    color: rgb(255, 255, 255);
    line-height: 140%;
    letter-spacing: 3px;
    font-size: 35px;
    margin: 0 20px;
    background-color: rgb(2, 135, 1);
}
.gctp2s2 {
    color: rgb(255, 255, 255);
    line-height: 140%;
    letter-spacing: 3px;
    font-size: 35px;
    margin: 0 20px;
    background-color: rgb(255, 153, 0);
}
.gctp2s3 {
    color: rgb(255, 255, 255);
    line-height: 140%;
    letter-spacing: 3px;
    font-size: 35px;
    margin: 0 20px;
    background-color: rgb(255, 0, 0);
}
.gctd {
    width: 350px;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    margin: 30px auto 0;
    text-align: center;
}
.gctda1 {
    width: 150px;
    height: 46px;
    color: #FFFFFF;
    margin-right: 40px;
    display: inline-block;
    background: rgba(255, 197, 39, 1);
}
.gctda2 {
    width: 150px;
    height: 46px;
    color: #333333;
    display: inline-block;
    background: #FFFFFF;
}
.gczxp {
    font-size: 16px;
    color: #333333;
    text-indent: 2em;
    line-height: 26px;
}
.gczzs {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    background: url("../image/main_banner.jpg") no-repeat center center;
}
.gczz {
    width: 1200px;
    margin: 0 auto;
}
.gczz h2 {
    font-size: 30px;
    color: #333333;
    text-align: left;
    line-height: 90px;
}
.gczz h2 span {
    font-size: 40px;
    color: #db2537;
}
.gczz p {
    width: 340px;
    height: 31px;
    border-top: 1px solid #e60012;
    border-bottom: 1px solid #e60012;
    line-height: 31px;
    display: inline-block;
    margin-bottom: 50px;
    color: #333333;
}
.gczz .btn {
    width: 180px;
    height: 47px;
    background: #e62727;
    line-height: 30px;
    text-align: center;
    border-radius: 28px;
    float: right;
}
.gczz .btn a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.jhgcu {
    width: 1140px;
    overflow: hidden;
}
.jhgcu li {
    width: 265px;
    float: left;
    overflow: hidden;
    margin: 15px 10px;
}
.jhgcula1 {
    float: left;
    width: 265px;
    height: 180px;
    overflow: hidden;
    transition: 1s;
}
.jhgcula1:hover img {
    transform: scale(1.1);
}
.jhgcula1 img {
    width: 265px;
    height: 180px;
}
.jhgcula2 {
    width: 265px;
    float: left;
    font-size: 16px;
    text-align: center;
    color: #333333;
    line-height: 50px;
    overflow: hidden;
}
.sjanli {
    height: 233px;
}
.inbgszxd {
    position: absolute;
    width: 92%;
    height: 296px;
    overflow: hidden;
    padding: 20px;
    color: #FFFFFF;
    transition: 1s;
    background: rgba(0, 0, 0, 0.2);
}
.inbgszxd h2 {
    padding-top: 50px;
    color: #FFFFFF;
}
.inbgszxd b {
    padding: 3px 15px;
    border-top: 3px solid #FFFFFF;
}
.inbgszxd p {
    display: none;
}
.inbgszxu a:hover .inbgszxd {
    background: rgba(0, 0, 0, 0.5);
}
.inbgszxu a:hover .inbgszxd p {
    display: block;
}
.inbgszxu a:hover .inbgszxd h2 {
    padding-top: 0;
}
.inabup {
    color: #fff;
    line-height: 28px;
    text-align: center;
}
.inabup span {
    font-size: 20px;
    line-height: 38px;
}
.inabu {
    width: 100%;
    padding-top: 30px;
    overflow: hidden;
}
.inabu li {
    text-align: center;
    overflow: hidden;
}
.inabu li h2 {
    line-height: 55px;
    font-size: 36px;
    color: rgb(74,134,232);
}
.inabu li p {
    line-height: 30px;
    color: #666;
}
.inbgsalu {
    width: 100%;
    overflow: hidden;
}
.inbgsalu li {
    width: 20%;
    float: left;
    color: #222222;
    font-size: 19px;
    text-align: center;
    line-height: 50px;
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;
}
.inbgsalul {
    font-weight: 700;
    border-bottom: 1px solid #333333!important;
}
.inbgsaldu {
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
}

.inbgsaldu li {
    width: 31%;
    float: left;
    text-align: center;
    margin: 0 3.5% 3% 0;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.3s;
    background-color: #fff;
    border: 1px solid #bbb;
}
.inbgsaldu li:hover{
    box-shadow: 0 0 10px #bbb;
}
.inbgsaldu li .img{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.inbgsaldu li .flo{
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.1); */
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 300px;
    color: transparent;

}

.inbgsaldu li:hover .flo{
    /*background-color: rgba(0, 0, 0, 0.5);
    color: #fff;*/
}

.inbgsaldu li:nth-child(3n) {
    margin-right: 0;
}
.inbgsaldu li:hover h2{
    background: #4A86E8;
    color: #fff;
}
.inbgsaldu li img {
    width: 100%;
    /* height: 225px; */
    transition: all 0.3s;
}
.inbgsaldu li:hover img{
    transform: scale(1.1);
}
.inbgsaldu li h2 {
    font-size: 17px;
    color: #222222;
    font-weight: normal;
    margin: 0;
    padding: 15px 0;
}
.inbgsaldu li p {
    width: 100%;
    padding: 0 5%;
    font-size: 14px;
    color: #666;
    font-weight: normal;
    line-height: 25px;
    height: 80px;
    margin-bottom: 0;
}
.inbgsaldu li:hover{
    background: #4A86E8;
}
.inbgsaldu li:hover p{
    background: #4A86E8;
    color: #fff;
}
.major-adv {
    width: 100%;
    height: 756px;
    padding-top:50px;
    background: url(../image/major-adv-bj.jpg) no-repeat center center;
}
.major-adv-c {
    width:1200px;
    margin:0 auto;
}
.major-adv-c h2 {
    text-align:center;
    padding-top:57px;
}
.major-adv-con {
    margin:30px 0;
    padding:0 24px;
    overflow: hidden;
}
.major-adv-con li {
    float:left;
    margin:25px 32px;
    position:relative;
    width:320px;
    height:238px;
    background-color: #fff;
    border-radius: 10px;
    transition: all 0.5s;
}
.major-adv-con li:hover{
    background-color: #fff;
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.major-adv-con li a {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:320px;
}
.major-adv-con li a .list_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 4;
    background:#d60011;
    opacity:0;
    transition: all 1s linear;
}
.major-adv-con li a .list_mask1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 55px;
    left: 0;
    display: block;
    z-index: 4;
    opacity: 100;
    transition: all 1s linear;
}
.major-adv-con li a img {
    transition: all 1s linear;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 25px;
}
/* .major-adv-con li a:hover > img {
    transform: scale(1.01);
} */
.major-adv-con li a:hover > .list_mask {
    opacity:2;
    transform: scale(1.01);
}
.major-adv-con li:nth-child(4) {
    margin-top:10px;
}
.major-adv-con li:nth-child(5) {
    margin-top:10px;
}
.major-adv-con li:nth-child(6) {
    margin-top:10px;
}
.major-adv-con li span{
    display: block;
    width: 120px;
    height: 120px;
    background: rgb(74,134,232);
    border-radius: 50%;
    margin:20px auto;
}
.list_mask h6 {
    text-align:center;
    line-height:74px;
    font-size:24px;
    margin-top:33px;
    color:#fff;
}
.list_mask span {
    width:45px;
    border-bottom:1px solid #fff;
    display:block;
    margin:0 auto;
}
.list_mask p {
    font-size:14px;
    color:#fff;
    line-height:20px;
    margin:0 auto;
    margin-top:37px;
    width:271px;
    text-align:center;
}
.list_mask1 h6 {
    text-align:center;
    font-size:24px;
    margin-top:120px;
    color:rgb(74,134,232);
    margin-bottom: 0;
    position: relative;
}
.list_mask1 h6::before,.list_mask1 h6::after{
    content: '';
    width: 50px;
    height: 1px;
    background-color:rgb(74,134,232) ;
    position: absolute;
    left: 0;
    top: 20px;
}
.list_mask1 h6::before{
    left: 30px;
}
.list_mask1 h6::after{
    left: 242px;
}
.list_mask1 span {
    width:100px;
    color: #999;
    display:block;
    margin:0 auto;
    text-align: center;
}
.list_mask1 p {
    font-size:14px;
    color:#000;
    line-height:20px;
    margin:0 auto;
    margin-top:10px;
    width:271px;
    text-align:center;
}
.guanjian{
    background-color: #f0f0f0;
    padding: 10px;
}
.inpt{
    border: 1px solid #999;
    border-radius: 2px;
    position: relative;
}
.inpt input{
    border: none;
    background-color: transparent;
    outline: transparent;
}
.inpt::after{
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 2px;
    background: url(../image/search.png);
    background-size: cover;
    
}
.item{
    margin:0 10px;
    background-color: #fff;
}
.about-inner{
  padding: 20px;
  text-align: justify;
  box-shadow: 0 0 10px #bbb;
}
.about-inn ul{
    margin-bottom: 30px;
    border: 0;
}
.about-inn ul li{
    width: 16.6%;
    height: 160px;
    float: left;
    padding-bottom: 30px;
    padding-top:30px ;
}
.about-inn ul li{
    border: 0;
}
.about-inn ul li img{
    display: inline-block;
    width: 40px;
    padding-bottom: 10px;
}
.about-inn ul li p{
    margin: 0;
    color: #666;
}
.about-inn ul li p:nth-of-type(2){
    font-size: 14px;
}
.img-ew{
    text-align: center;
    border-left: 1px solid #999;
}
 .img-ew img{
    width: 50%;
}
.img-ew p{
    line-height: 70px;
    color: #666;
}
.user-list{
    width: 100%;
}
.user-list table{
    border: 1px solid #e5e5e5;
}
.user-list thead{
    background-color: #29166f;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 46px;
}
.user-list td{
    width: 148px;
    border: 1px solid #e5e5e5;
    padding: 10px 5px;
}
.user-list td:nth-child(1){
    width: 432px;
}
.user-list td:nth-child(2){
    width: 300px;
}
.user-list tbody{
    color: #666;
    text-align: center;
    font-size: 16px;
}
.user-list tbody tr:nth-child(2n){
	background-color:#f5f5f5
}
.sjs{
    position: relative;
}
.sjs .sjs-nav{
    float: left;
    margin-top: 120px;
    width: 394px;
    margin-left: -225px;
}
.sjs .sjs-nav ul li{
    width: 197px;
    height: 148px;
    float: left;
    position: relative;
}
.sjs .sjs-nav ul li>div{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.sjs .sjs-nav ul li.on>div{
    display: block;
}
.sjs .sjs-nav ul li img{
    width: 100%;
    height: 100%;
}
.sjs .sjs-cont{
    float: left;
    width: 970px;
    margin-top: 40px;
}
.sjs .sjs-cont ul li{
    display: none;
}
.sjs .sjs-cont ul li.on{
    display: block;
}
.sjs .sjs-cont ul li>div{
    float: left;
    height: 455px;
}
.sjs .sjs-cont ul li>div:nth-child(1){
    width: 60%;
    position: relative;
    overflow: hidden;
    transition: all 0.7s;
}
.sjs .sjs-cont ul li>div:nth-child(1)::after{
    content: '';
    position: absolute;
    left: -80%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
    transform: skewx(-25deg);
    transition: all 0.7s;
}
.sjs .sjs-cont ul li>div:nth-child(1):hover::after{
    transform: translateX(150%);
}
.sjs .sjs-cont ul li>div:nth-child(2){
    width: 40%;
    padding: 100px 30px;
}
.sjs .sjs-cont ul li img{
    width: 100%;
    height: 100%;
}
.sjs .sjs-cont ul li p{
    color: #fff;
    text-indent: 30px;
}
@media screen and (max-width:768px){
    .sjs .sjs-nav{
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .sjs .sjs-nav ul li{
        width: 50%;
    }
    .sjs .sjs-cont ul li>div{
        float: left;
        height: auto;
    }
    .sjs .sjs-cont{
        width: 100%;
        margin-top: 0;
    }
    .sjs .sjs-cont ul li>div:nth-child(1){
        width: 100%;
        position: relative;
    }
    .sjs .sjs-cont ul li>div:nth-child(2){
        width: 100%;
        padding: 0;
    }
    .sjs .sjs-cont ul li h1{
        text-align: center;
    }
    .sjs .sjs-cont ul li p{
        color: #333;
    }
    .head-top{
        
    }

}
.head-tel{
    position: relative;
}
.head-tel::before{
    content: '';
    width: 50px;
    height: 50px;
    background: url(../image/lvzc.png) no-repeat ;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 32px;
}
.about-san{
    padding: 30px 0;
    background: url(../image/kehu-bg.jpg) no-repeat;
    background-position: 0 120px;
}
.about-san .one>div:nth-child(2){
    height: 200px;
}
.about-san .one>div:nth-child(3){
    height: 160px;
    padding: 0 20px;
    color: #666;
}

.about-san .one>div{
    background-color: #fff;
}
.sx-jianju .ban-title{
    height: 50px;
    line-height: 30px;
}
.sx-jianju .ban-title h3{
    font-size: 20px;
    margin-top: 0;
}
.sx-jianju .ban-title h3 span{
    font-size: 14px;
    color: #999;
}
.sx-jianju .ban-imgs{
    margin-bottom: 30px;
    overflow: hidden;
}
.sx-jianju .ban-imgs img:hover{
    transform: scale(1.05);
}
@media screen and (max-width:768px){
	.bgsal,.jhgcu{
		width:100%
	}
	.jhgcu li{
		width:44%
	}
	.jhgcula1 img{
		width:100%;
		height:auto;
	}
	.jhgcula2{
		width:100%;
		font-size:12px;
	}
	.about-inn ul li{
		width:50%;
		height:180px
	}
}
.m-bottom{
    display: none;
}
.pc_youshi{
    display: block;
}
.mob_youshi{
    display: none;
}
@media screen and (max-width:768px){
    .nav-pills>li{
        width: 100%;
        text-align: center;
        line-height: 40px;
    }
    .nav-pills>li a{
        color: #fff;
        margin-left: 0;
    }
    .m-bottom{
        display: block;
        width: 100%;
        height: 50px;
        position: fixed;
        bottom: 0;
        background-color: rgb(74,134,232);
        text-align: center;
        font-size: 16px;
        line-height: 50px;
    }
    
    
    .inbgszxu .col-md-4{
        padding: 0;
        margin-bottom: 2%;
    }
    .inbgszxd {
        width: 100%;
    }
    .about_list{
        display: none;
    }
    .sx-jianju-img{
        padding: 0;
    }
    .inbgsaldu li{
        width: 48%;
        margin: 1%;
    }
    .inbgsaldu li h2{
        padding: 5px;
        font-size: 14px;
        height: 40px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
    .bshare-custom{
        margin-left: 0!important
    }
    .ngt .nt{
        line-height: 30px;
        padding: 10px 0;
    }
    .gczxp{
        width: 96%;
        margin: 0 2%;
    }
    .gczzs{
        background-size: 100% 100%;
    }
    .gczz{
        width: 100%;
    }
    .gczz h2{
        line-height: 40px;
        font-size: 24px;
        text-align: center;
    }
    .gczz p{
        display: block;
        margin: 20px auto 40px;
    }
    .gczz .btn{
        
        float: none;
    }
    .bgsalu li,
    .bgsfuu li{
        width: 48%;
        float: left;
        margin: 1%;
    }
    .bgsfuu li{
        height: 528px;
    }
    .sx-jianju .ban-imgs img{
        width: 100%;
    }
    .neirong{
        padding: 2%;
    }
    .bgsfuu{
        width: 100%!important
    }
    .pc_youshi{
        display: none;
    }
    .mob_youshi{
        display: block;
    }
    .mob_display{
        display: none;
    }
    .head-top span,
    .head-tel{
        display: none!important;
    }
    .head-top .container{
        padding: 0!important
    }
    .head-top .row,
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
        margin: 0!important
    }
    .navbar-header{
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .head-top .col-md-9{
        padding: 0;
    }
    .head-top img{
        margin: 5px 0 5px 20px
    }
    .bgsalua2 h3{
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: table-caption;
    }
}