@charset "utf-8";
body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    background: #f0f0f0;
}
.clearBoth:after,.product_zonnglei_ul li p
.clearBoth:before { /* 清除浮动  */
    content: "";
    display: block;
    clear: both;
}
a {
    color: #1cab43;
    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;
    margin: 15px 0 5px 0;
    padding: 0;
    font-family:"宋体","微软雅黑",arial,Helvetica,Tahoma,sans-serif; 
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    padding: 0
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0
}
.yts_img{
    width: 100%;
    height: 350px;
}
img {
    padding: 0;
    margin: 0;
    border: 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: #1cab43 !important
}

.green {
    color: #089500 !important
}

@media (max-width: 768px) {
    h2 span {
        display: none;
    }
    .nav-pills>li{
        float: left;
    }
    .nav>li{
        padding: 10px 0!important;
        width: 24%;
        text-align: center;

    }
    .nav-pills>li+li{
        margin: 0!important;
    }
    .shangsanjiao {
        width: 0;
        height: 0;
        border-right: 10px solid black;
        border-left: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
        margin-left: 45px;
        margin-top: -17px;
        display: none;
        position: relative;
        left: 50px;
    }
    .about_erjimenu{
        background: rgba(0, 0, 0, 0.6705882352941176);
        border-radius: 5px;
        display: none;
        left: 25px;
        position: absolute;
        margin-left: 97px;
        width: 100px;
        margin-top: -35px;
        display: block;
    }

}

/*首页*/
.ship{
    background: white;
    margin-bottom: 30px;
}

.jieshao{
    width: 30%;
    float: left;
    padding: 20px 0px 0px 20px;
}
.jieshao_video{
    width: 70%;
    float: left;
    padding:20px;
}
.jieshao p{
    text-indent: 41px;
    font-size: 14px;
    letter-spacing: 7px;
    padding: 12.5px 0px;
    height: 190px;
}
.jieshao a{
    position: relative;
    top: 70px;
    left: 30px;
    width: 156px;
    height: 42px;
}
.jieshao img{
    width: 156px;
    height: 42px;
}

.company_title {
	
	font-size: 30px;
	text-align: center;
	color: #ff8000;
	font-weight: 600;
	font-family:"微软雅黑",arial,Helvetica,Tahoma,sans-serif; 
	line-height: 60px;
	height: 60px;
}

.embed-responsive{
    width: 100%;
    margin-top: 7px;
}
/*.embed-responsive video{*/
    /*width: 262px;*/
    /*height: 150px;*/
    /*float: left;*/
/*}*/
.jieshao_video img{
    width: 245px;
    height: 164px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}

@media (max-width: 768px) {
    .ship {
        background: white;
        margin-bottom: 30px;
        padding-bottom: 20px;
        margin-right: -15px;
        margin-left: -15px;
    }
    .jieshao p {
        text-indent: 36px;
        font-size: 16px;
        padding: 15px 0px;
        letter-spacing: 3px;
    }
    .jieshao, .jieshao_video {
        width: 100%;
        float: left;
        padding: 0 20px;
    }
    .jieshao a {
        position: relative;
        top: 30px;
        left: 80px;
        width: 156px;
        height: 42px;
    }
    .embed-responsive{
        width: 100%;
        height: 150px;
        float: left;
        position: relative;
        bottom: -20px;
        z-index: 100;
    }
    .jieshao_video img{
        width: 100%;
        height: 200px;
        margin-left: 0px;
    }
}
.btn-success {
    color: #1cab43;
    background-color: #FFF;
    border: 2px solid #1cab43;
    border-radius: 0px;
    padding: 12px 30px;
    margin: 0 15px 20px 15px;
}

.btn-success:hover {
    color: #fff;
    border: 2px solid #1cab43;
    background-color: #1cab43
}

.clear {
    clear: both
}

.d_link {
    border-bottom: 1px #f0f0f0 solid;
}
.linian h2{
    text-align: center;
    font-size: 51px;
    font-family: cursive;
}
.sihua h2{
    text-align: center;
    font-size: 51px;
    font-family: cursive;
}
.sihua div{
    font-size: 25px;
    width: 45%;
    float: left;
    margin: 10px 2%;
    padding: 10px 20px;
    text-align: center;
    font-family: cursive;
}
.linian div{
    font-size: 25px;
    width: 50%;
    float: left;
    padding: 10px 20px;
    font-family: cursive;
}

.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: 10px 0px
}

.navbar-brand {
    width: 165px;
    height: 50px;
    background-image: url("../img/logn4.png");
    background-repeat: no-repeat;
    background-size:165px 50px;
    overflow: hidden;
    display: block;
    margin-top: 9px;
}

@media (max-width: 768px) {
    .navbar-brand {
        background-image: url("../img/logn4.png");
        width: 280px;
        height: 50px;
        margin-top: 0px;
        margin-left: 10px;

    }
    .linian h2{
        text-align: center;
        font-size: 30px;
        font-family: cursive;
    }
    .sihua h2{
        text-align: center;
        font-size: 30px;
        font-family: cursive;
    }
    .sihua div{
        font-size: 20px;
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
        text-align: center;
        font-family: cursive;
    }
    .linian div{
        font-size: 16px;
        width: 100%;
        float: left;
        padding: 3px 20px;
        font-family: cursive;
    }
}

.nav {
    line-height: 40px;
    display:inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    
}

.nav li{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 15px!important;
}

.nav > li > a {
    color: #000000;
    display: block;
    /*padding: 0;*/
    padding: 0;
}

.nav > li > a:hover, .nav > li > a:focus {
    color: #1cab43;
    background-color: transparent;
    font-size: 19px;
}

@media (min-width: 768px) {
    .nav > li > a {
        margin: 0 5px;
    }
}

.navbar{
    border: 0px solid transparent;
}

.navbar-default {
    /*padding: 15px 0;
    background-color: rgba(255, 255, 255, 0.7)!important;
    */
}

.navbar-default {
    background-color: transparent;
    border-color: transparent
}
.navbar-default .navbar-toggle{
    border-color: #000000;
}
.navbar-default .navbar-toggle:hover {
    background-color: rgba(255, 255, 255, 0)
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000
}

@media (max-width: 768px) {
    .stickyd .nav {
        background-color: #D1E9E9;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-collapse {
        border-width: 0px;
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-default .navbar-collapse a, .navbar-default .navbar-collapse a {
        line-height: 30px;
        padding-left: 0;
        padding-right: 0;

    }

    .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("../img/logn4.png");
    /*background-size: 404px auto*/
}

@media (max-width: 768px) {
    .sticky .navbar-brand {
        width: 280px;
        margin-top: 12px;
        height: 38px;
        margin-left: 10px;
        background-size: 100%;
        background-image: url("../img/logn4.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: #1cab43
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0)
}
.active{background: #2FB0E9;color: #ffffff!important;font-size: 18px;padding-left: 8px;padding-right: 8px;}
.banner {
    position: relative;
    margin-bottom: 10px;
}

.banner .rslides li div {
    background-repeat: no-repeat;
    background-position: center top
}

.banner .rslides li div {
    height: 224px;
    margin: 0 auto;
    display: block;
}

.banner1 {
    
}

.banner2 {
    background-image: url("../img/banner2.png")
}

.banner3 {
    background-image: url("../img/banner3.png")
}

.banner4 {
    background-image: url("../img/banner4.png")
}

.banner5 {
    background-image: url("../img/banner5.png")
}

.banner1, .banner2, .banner3, .banner4, .banner5, .banner6 {
    background-size: 100%100%;
}

.banner_b {
    background-size: 1920px auto;
}

.banner_b img {
	width: 100%;
}

.banner_s {
    display: none
}

@media ( min-width: 992px ) and ( max-width: 1199px ) {
    .banner1, .banner2, .banner3, .banner4, .banner5, .banner6 {
        background-size: 1650px auto
    }
}

@media ( min-width: 768px ) and ( max-width: 991px ) {
    .banner1, .banner2, .banner3, .banner4, .banner5, .banner6 {
        background-size: 100% 100%;
    }
}

@media ( max-width: 767px ) {
    .banner1, .banner2, .banner3, .banner4, .banner5, .banner6 {
        background-size: 100% 100%;
    }
    .banner {
        margin-bottom: 0px;
    }
    .banner_b {
        display: none
    }

    .banner_s {
        display: block;
        background-size: 100% auto;
    }
}

.rslides {
    height: 220px;
    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: 70px
}

.rslides_nav:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.rslides_nav.next {
    background-image: url("../img/btn-left-white.png");
    right: 81px
}

.rslides_nav.prev {
    background-image: url("../img/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: 992px ) and ( max-width: 1199px ) {
    .banner .rslides li div {
        height: 400px;
    }

    .rslides {
        height: 569px
    }
}

@media ( min-width: 768px ) and ( max-width: 991px ) {
    .banner .rslides li div {
        height: 255px;
    }

    .rslides {
        height: 255px
    }
}

@media ( max-width: 767px ) {
    .banner_b, .banner_s{
        width: 100%;
    }
    .banner .rslides li div {
        height: 255px;
    }

    .rslides {
        height: 255px
    }
    .footer{
        padding: 10px 0px!important;
    }
}

.banner .rslides li div {
    text-align: left
}

.banner .rslides .banner-text {
    margin-top: 100px;
    padding: 30px 35px;
    text-align: left;
    border-radius: 6px;
    display: inline-block
}

.banner .rslides .banner-text h2 {
    color: red;
    font-size: 22px;
    margin: 0 0 10px 0;
    padding: 0;
    font-family:"宋体","微软雅黑",arial,Helvetica,Tahoma,sans-serif; 
}

.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);
    margin-left: 103px;
}

.banner .rslides .banner3 .banner-text {
    background-color: rgba(52, 152, 219, 0.40);
    margin-left: 103px;
}

.banner .rslides .banner2 .banner-text {
    background-color: rgba(0, 0, 0, 0.50);
    margin-left: 103px;
}

.banner .rslides .banner1 .banner-text {
    background-color: rgba(0, 0, 0, 0.50);
    margin-left: 103px;
}

@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;
        display: none!important;
    }

    .rslides_nav{
        bottom: 30px;
    }
    .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;
}
.fenlei_left{
    width: 25%;
    height: 586px;
    float: left;
    background: white;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
}
.fenlei{
    width: 180px;
    background: #00A1E9;
    padding: 10px;
    border-radius: 8px;
    margin: 20px auto;
}
.fenlei span{
    color: white!important;
    font-family:"宋体","微软雅黑",arial,Helvetica,Tahoma,sans-serif; 
    font-weight: 900;
    padding-left: 15px;
}
.fenlei_hunhe{
    width: 180px;
    margin: 10px auto;
}
.fenlei_hunhe_G,.fenlei_hunhe_S{
    width: 47.5%;
    padding: 7px 0;
    text-align: center;
    float: left;
    color: white;
    cursor: pointer;
}
.fenlei_hunhe_G{
    background: #00A1E9;
    margin-right: 2.5%;
}
.fenlei_hunhe_S{
    background: #81807E;
    margin-left: 2.5%;
}
.fenlei_cailiao{
    margin-top: 25px;
}

.fenlei_right{
    width: 73%;
    height: 586px;
    float: left;
    margin-left: 2%;
    background: white;
    margin-bottom: 30px;
}
.fenlei_right_hr{
    padding-left: 15px;

    line-height: 60px;
    font-size: 20px;
    border-bottom: 2px solid #00a1e9;
}
.fenlei_right_hr span{
    font-size: 20px;
    margin-left: 30px;
}
.fenlei_right_ul{
    margin-top: 5px;
    padding: 0 15px;
}
.fenlei_right_ul li{
    margin-top: 20px;
    width: 22.5%;
    height: 210px;
    margin-left: 2%;
    text-align: center;
    float: left;
    cursor: pointer;
    padding: 4px;
}
.fenlei_right_ul li:hover{
    box-shadow: rgba(83, 83, 83, 0.65) 0px 0px 50px 10px inset;
}
.fenlei_right_ul li img{
    width: 173px;
    height: 136px;
}

.fenlei_right_ul li p{
    margin: 0px;
    padding-top: 5px;
}
.fenye{
    margin-top: 30px;
    display: block;
}

@media (min-width: 991px) and (max-width: 1199px) {
    .fenlei_left{
        width: 30%;
        height: 700px;
        background: white;
        text-align: center;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .fenlei_right{
        width: 69%!important;
        height: 700px!important;
        margin-left: 1%!important;
    }
}
@media ( min-width: 768px ) and ( max-width: 991px ){
    .fenlei_left{
        width: 24%;
        height: 856px;
        background: white;
        text-align: center;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .fenlei{
        display: none;
    }
    .fenlei_hunhe {
        width: 100% !important;
        margin: 10px auto;
    }
    .fenlei_hunhe_G {
        background: #00A1E9;
        margin-right: 0%!important;
    }
    .fenlei_hunhe_S{
        margin-left: 0% !important;
    }
    .fenlei_hunhe_G, .fenlei_hunhe_S{
        width: 50% !important;
        /* padding: 2px 0; */
        text-align: center;
        float: left;
        color: white;
        font-size: 10px;
    }
    .leftsidebar_box dt{
        font-size: 12px!important;
        padding-left: 0px!important;
    }
    .wrapper-dropdown-1 {
        border-bottom: 2px solid #00a1e9;
        width: 100% !important;
        position: relative;
        padding: 5px 10px;
        cursor: pointer;
        outline: none;
        margin: 0px auto;
        color: #000;
        font-weight: 600;
    }
    .menu_chioce{
        width: 100% !important;
    }
    .fenlei_right{
        width: 75%!important;
        margin-left: 1%!important;
        height: 856px!important;
    }
    .fenlei_right_ul{
        overflow: hidden!important;
        height: 80% !important;
    }
    .fenlei_right_ul li{
        margin-top: 20px;
        width: 45%!important;
        height: 209px!important;
        margin-left: 4%;
        text-align: center;
        float: left;
        cursor: pointer;
        background: #000;
        padding: 4px;
    }
    .buttom_img {
        /*background-image: url(../img/buttom_img2.png);*/
        /*background-size: 100% 100% !important;*/
        z-index: 150;
        /*height: 252px;*/
    }
    .container_buttom{
        padding: 0px!important;
    }
    .buttom{
        width: 90%!important;
    }
    .btm_bg {
        height: 252px!important;
    }
    .btm_bg p {
        color: white;
        font-size: 10px;
        font-weight: 100;
        padding: 0px!important;
        margin: 0px!important;
    }
    .buttom ul li{
        width: 25%!important;
        margin-left: 0%!important;
    }
    .buttom ul li img{
        width: 50% !important;
        height: 50% !important;
    }
    .center {
        width: 100%;
        margin: 0 auto;
        padding-top: 20px;
    }
}
@media (max-width: 767px){
    #haiiskefu{
        display: none;
    }
    .fenlei_left{
        width: 24%;
        height: 738px;
        background: white;
        text-align: center;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .fenlei{
        display: none;
    }
    .fenlei_hunhe {
        width: 100% !important;
        margin: 10px auto;
    }
    .fenlei_hunhe_G {
        background: #00A1E9;
        margin-right: 0%!important;
    }
    .fenlei_hunhe_S{
        margin-left: 0% !important;
    }
    .fenlei_hunhe_G, .fenlei_hunhe_S{
        width: 50% !important;
        /* padding: 2px 0; */
        text-align: center;
        float: left;
        color: white;
        font-size: 10px;
    }
    .leftsidebar_box dt{
        font-size: 12px!important;
        padding-left: 0px!important;
    }
    .wrapper-dropdown-1 {
        border-bottom: 2px solid #00a1e9;
        width: 100% !important;
        position: relative;
        padding: 5px 10px;
        cursor: pointer;
        outline: none;
        margin: 0px auto;
        color: #000;
        font-weight: 600;
    }
    .menu_chioce{
        width: 100% !important;
    }
    .fenlei_right{
        width: 75%!important;
        margin-left: 1%!important;
        height: 738px!important;
    }
    .fenlei_right_ul{
        overflow: hidden!important;
        height: 80% !important;
    }
    .fenlei_right_ul li{
        margin-top: 20px;
        width: 45%!important;
        height: 153px!important;
        margin-left: 4%;
        text-align: center;
        float: left;
        cursor: pointer;
        background: #000;
        padding: 4px;
    }
    .fenlei_right_ul li img{
        width: 100% !important;
        height: 92px!important;
    }
    .fenlei_right_ul li p{
        font-size: 10px;
        color: white;
    }
    .buttom_img {
        /*background-image: url(../img/buttom_img2.png);*/
        /*background-size: 100% 100% !important;*/
        z-index: 150;
        /*height: 252px;*/
    }
    .yts_img{
        width: 100%;
        height: 422px;
    }
    .center {
        width: 100% !important;
    }
    .container_buttom{
        padding: 0px!important;
    }
    .buttom{
        width: 90%!important;
    }
    .btm_bg{
        height: 252px!important;
    }
    .btm_bg p {
        color: white;
        font-size: 10px;
        font-weight: 100;
        padding: 0px!important;
        margin: 0px!important;
    }
    .buttom ul li{
        width: 25%!important;
        margin-left: 0%!important;
    }
    .buttom ul li img{
        width: 50% !important;
        height: 50% !important;
    }
    .fenye{
        margin-top: 0px;
    }
}
.buttom_img{
    /*background-image: url("../img/buttom_img2.png");*/
    /*background-size: 100% 100%;*/
    z-index: 150;
    /*height: 350px;*/
    font-family: cursive;
    color: red;
    background: #ffffff;
    text-align: center;
    font-size: 41px;
}

.btm_bg{
    height: 350px;
    width: 100%;
    background: #8888800d;
    z-index: 250;
}
.top{
    padding-top: 30px;
    color: white;
    font-size: 20px;
    font-weight: 600;
}
.center{
    width: 60%;
    margin: 0 auto;
    padding-top:20px ;
}

.btm_bg p{
    color: white;
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
    margin-bottom: 0px;
}
.center div{
    float: left;
    margin: 0 auto;
    width: 33.3%;
    border-right: 2px solid #e9dddd;
}

.buttom{
    width: 60%;
    margin: 0 auto;
    padding-top:30px ;
}

.buttom ul li{
    width: 20%;
    margin-left: 5%;
    float: left;
    text-align: center;

}
.buttom ul li img{
    width: 80px;
    height: 80px;
    margin: 0 auto;

}
.buttom ul li p{
    text-align: center;
    font-size: 12px;
    padding: 0;
    margin: 0;
}
.buttom_p2{
    font-size: 10px!important;
    color: #FFFFFF!important;
}

.sx-jianju {
    padding: 0px 0 50px 0;
}
.sx-jianju .container {
    padding-top: 30px;
    padding-bottom: 25px;
    background: white;
}
.t-jianju {
    margin-top: 30px;
    text-indent: 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("../img/btn-left.png")
}

.btn-right {
    background-image: url("../img/btn-right.png")
}

.btn-left:hover, .btn-right:hover {
    background-color: #1cab43
}

.btn-left:hover {
    background-image: url("../img/btn-left-white-hover.png")
}

.btn-right:hover {
    background-image: url("../img/btn-right-white-hover.png")
}

.btn-left-white {
    background-image: url("../img/btn-left-white.png")
}

.btn-right-white {
    background-image: url("../img/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 {
    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("../img/bg-6.jpg" !*tpa=http://w309.dedecms51.com/style/img/bg-6.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("../img/bg-2.gif" !*tpa=http://w309.dedecms51.com/style/img/bg-2.gif*!);*/
}

.process figure {
    margin-bottom: 40px
}

.process {
    padding-bottom: 30px
}

.process figure figcaption {
    padding-top: 36px;
    width: 136px;
    height: 136px;
    border: 2px solid #69afde;
    border-right-color: #1ad280;
    border-bottom-color: #1ad280;
    border-radius: 50%;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    display: inline-block;
    color: #777
}

.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
}


.about {
    background-color: #393;
    /*background-image: url("../img/about-bg.png" !*tpa=http://w309.dedecms51.com/style/img/about-bg.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: #1cab43
}

.energy {
    /*background: url("../img/bg-1.jpg" !*tpa=http://w309.dedecms51.com/style/img/bg-1.jpg*!);*/
}

.youshi h3 {
    color: #666
}

.youshi figure {
    padding: 38px 0;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #e6e6e6;
}

.youshi div.row {
    margin: 10px 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: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: #393;
    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;
}

.sx-xinwen {
    padding: 60px 0 0 0
}

.gg {
    margin-bottom: 35px;
    margin-top: 45px
}

.gg_1 {
}

.gg_2 {
    display: none
}

@media ( max-width: 768px ) {
    .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("../img/nt.jpg" !*tpa=http://w309.dedecms51.com/style/img/nt.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;
}



.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
    }
    .pab_r1 img{
        width: 200px!important;
        height: 200px!important;
    }
    .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
    }
}

/*关于我们单页*/
.about_erjimenu{
    background: rgba(0, 0, 0, 0.6705882352941176);
    border-radius: 5px;
    display: none;
    left: -5px;
    position: absolute;
    z-index: 9999999;
}
.about_erjimenu div{
    width: 81px;
    text-align: center;
    font-size: 12px;
    margin-left: 0px;
    padding: 0;
    cursor: pointer;
    color: white;
}
.about_erjimenu div:hover{
    color: #1cab43;
}

.about_erjimenu2{
    background: rgba(0, 0, 0, 0.6705882352941176);
    border-radius: 5px;
    display: none;
    left: -5px;
    position: absolute;
    z-index: 9999999;
}

.about_erjimenu2 div{
    width: 81px;
    text-align: center;
    font-size: 12px;
    margin-left: 0px;
    padding: 0;
    cursor: pointer;
    color: white;
}

.about_erjimenu2 div:hover{
    color: #1cab43;
}

.about_erjimenu3{
    background: rgba(0, 0, 0, 0.6705882352941176);
    border-radius: 5px;
    display: none;
    left: -5px;
    position: absolute;
    z-index: 9999999;
}

.about_erjimenu3 div{
    width: 81px;
    text-align: center;
    font-size: 12px;
    margin-left: 0px;
    padding: 0;
    cursor: pointer;
    color: white;
}

.about_erjimenu3 div:hover{
    color: #1cab43;
}

.about_erjimenu{
    background: rgba(0, 0, 0, 0.6705882352941176);
    border-radius: 5px;
    display: none;
    left: -5px;
    position: absolute;
    z-index: 9999999;
}

.about_erjimenu div{
    width: 81px;
    text-align: center;
    font-size: 12px;
    margin-left: 0px;
    padding: 0;
    cursor: pointer;
    color: white;
}

.about_erjimenu div:hover{
    color: #1cab43;
}

.shangsanjiao{
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(0, 0, 0, 0.6705882352941176);
    margin-left: 15px;
    margin-top: -10px;
    display: none;
}


.pas, .pab {
    width: 100%;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 16px;
}

.pas_l1 {
    width: 43%;
    float: left
}

.pas_r1 {
    width: 54%;
    float: right
}

.pab_l1 {
    width: 54%;
    float: left
}

.pab_r1 {
    width: 43%;
    float: right;
    text-align: center;
}
.pab_r1 img{
    height: 400px;
    width: 400px;
}

.pab_l2 {
    width: 54%;
    float: left
}

.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
}

.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
    }
    .pab{
        padding-top: 0px;
        width: 90%;
        text-align: center;
    }
    .about_erjinr img,about_erjinr span{
         width: 100%!important;
     }
    .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
}


@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: 28px;
    margin-right: 10px;
    font-style: italic;
    color: #999;
    font-size: 12px;
}



.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: #1cab43;
}

.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 h4 small{
    line-height: 37px;
}

.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("../img/on-hover.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("../img/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;
    }
}

.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: 30px;
    color: #000;
}

.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: 5px 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: 0px 0px 30px 0px;
    }

    .neirong .info img {
        margin-bottom: 5px;
        margin-top: 5px;
        width: 100%!important;
        height: 100%!important;
    }

    .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("../img/on-hover.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("../img/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
    }
}

.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: 20px;
    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: #1cab43
}

.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: #1cab43;
}

.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: url("../img/bg-8.png");
    font-size: 12px;
    color: #ffffff;
    padding: 20px 0px 10px 0px;
}

.footer h3 {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    /*line-height: 48px*/
}

.footer a {
    color: #ffffff;
    margin: 0 4px;
    cursor: pointer;
}

.footer a:hover {
    color: #fff;
}

.dibu {
    width: 100%;
}

.d_1 {
    width: 35%;
    float: left;
}
.d_1  ul li{
    padding: 5px 0px;
    font-size: 14px;
}
.d_1  ul li i,.d_3  p i{
    padding: 0 5px;
}

.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("../img/input-bg.png" !*tpa=http://w309.dedecms51.com/style/img/input-bg.png*!);*/
    background-repeat: no-repeat;
    background-position: right 0px;
}

.dh {
    /*background-image: url("../img/input-bg.png" !*tpa=http://w309.dedecms51.com/style/img/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: #393;
    color: #FFF;
    font-size: 14px;
    border-radius: 0px;;
    padding-right: 10px;
    padding-left: 10px;
}

#button1:hover {
    background-color: #69c;
}

.d_2 {
    float: left;
    width: 38%;
}

.d_2 .address {
    background-repeat: no-repeat;
    background-position: 0px top;
    padding-left: 12px;
}

.d_2 ul li {
    padding: 5px 0px;
}

.d_3 {
    float: right;
    margin-top: 8px;
    padding: 0;
}
.d_3 p{
    font-size: 16px;
    padding-bottom: 5px;
}
.d_3 ul li {
    /*width: 118px;*/
    margin-left: 16px;
    float: left;
}

.d_3 ul li img {
    width: 86px;
    margin: 0 auto;
}

.d_3 ul li p {
    width: 100%;
    font-size: 12px;
    text-align: center;
}
.d_3 h3{
    padding-left: 18px;
}
.copy {
    border-top: 1px solid #333;
    width: 100%;
    /*padding-top: 10px*/
}
.copy p{
    margin: 0 0 5px;
    text-align: center;
}
.renzheng {
    margin-top: 10px;
}

.renzheng img {
    margin-right: 6px;
}

@media ( min-width: 992px ) and ( max-width: 1199px ) {
    .d_1 {
        width: 100%;
        padding: 10px 2%
    }

    .d_2 {
        width: 100%;
        padding: 10px 5%
    }

    .d_3 {
        display: block;
        margin-top: 11px;
    }
    .d_3 h3 {
        padding-left: 18px;
    }
}

@media ( min-width: 768px ) and ( max-width: 991px ) {
    .d_1 {
        width: 100%;
        padding: 10px 2%
    }

    .d_2 {
        width: 100%;
        padding: 10px 2%
    }

    .d_3 {
        display: block;
        float: right;
        margin-top: 10px;
        padding: 0 4%;
        margin-bottom: 20px;
    }

}

@media ( max-width: 767px ) {

    .footer .container{
        padding: 0 8px!important;
    }
    .d_1 {
        width: 100%;
        margin: 0 auto;
    }
    .d_1 ul li {
        padding: 5px 0px;
    }
    
    .d_2 {
        width: 100%;
        margin: 0 auto;
    }
    
     .d_2 ul li {
        padding: 10px 0px;
    }

    .d_3 {
        display: block;
        float: left;
        margin-top: 0px;
        width: 100%;
    }
    
    .d_3 h3 {
        padding-left: 2px;
    }

    .d_3 ul li{
        margin-left: 0px!important;
        text-align: center;
        margin-left: 0px;
        width: 33.33%;
        float: left;
    }
    
    .sns {
        display: none
    }
}

.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
}

/*.dropdown{
    display: none;

}*/
.dd_dian_x{
    display: block;
}
.dd_dian_y{
    display: none;
}
.dd_img{
    width: 20px;
    height: 10px;
    float: right;
    margin-top: 15px;
}

.wrapper-dropdown-1{
    border-bottom: 2px solid #00a1e9;
    width: 180px;
    position: relative;
    padding: 5px 10px;
    cursor: pointer;
    outline: none;
    margin: 0px auto;
    color: #000;
    font-weight: 600;
}


.wrapper-dropdown-2 {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    width: 180px;
    margin: 0px auto;
    padding: 5px 15px;
    color: white;
    /* Styles */
    background: #00a1e9;
    /*border-left: 5px solid grey;*/
    cursor: pointer;
    outline: none;
}

/*left*/
.leftsidebar_box{height:auto !important;overflow:visible !important;height:100% !important;}
.leftsidebar_box dt{
    padding-left:40px;
    padding-right:10px;
    background-repeat:no-repeat;
    background-position:10px center;
    color:#000;
    font-size:14px;
    position:relative;
    line-height:40px;
    cursor:pointer;
}
.leftsidebar_box dd{padding-left:10px;cursor: pointer;line-height: 30px;}
.leftsidebar_box dd:hover{padding-left:10px;background: #00a6e2;}
.leftsidebar_box dd a{color:#f5f5f5;line-height:20px;}
.leftsidebar_box dt dd_img1{position:absolute;right:10px;top:20px;width: 5px;}
.leftsidebar_box dl dd:last-child{padding-bottom:10px;}
.menu_chioce{color: white;background: #2fbaf8;width: 180px;margin: 0 auto;font-size: 16px;}
.first_dd{background:#00a6e2; }

.contact_left{
    width: 40%;
    height: 350px;
    float: left;
}
.contact_right{
    width: 55%;
    margin-left: 5%;
    height: 350px;
    float: left;
}
.contact_right i{
    margin-right: 10px;
    font-size: 16px;
}
.liuyan{
    width: 100%;
    margin-top: 50px;
}
.input_tilte,.input_textarea,.input_emal{
    width: 100%;
    height: 50px;
    margin: 15px 0px;
    padding-left: 15px;
}
.input_textarea{
    height: 150px;
}
.input_yzm{
    width: 85% !important;
    height: 50px!important;
    padding-left: 15px;
    float: left;
}
#mpanel2{
    width: 100%;
    /*float: left;*/
}

@media ( max-width:767px ) {
    .contact_left{
        width: 100%;
        height: 250px;
    }
    .contact_right{
        width: 95%;
        margin-left: 5%;
        height: 200px;
        margin-top: 20px;
    }
    .contact_right img{
        display: none;
    }
    .liuyan div{
        width: 80%!important;
    }
    .input_tilte, .input_textarea, .input_emal {
        width: 100%;
        height: 35px;
        margin: 15px 0px;
        padding-left: 15px;
    }
    .input_textarea {
        height: 150px;
    }
    .varify-input-code {
        display: inline-block;
        width: 100% !important;
        height: 35px!important;
        padding-left: 15px!important;
    }

}
/*产品中心*/
#productName{
    font-size: 14px;
    height: 35px;
    width: 480px;
    padding-left: 10px;
    border: 1px solid #D9D9D9;
}
#su{
    height: 35px;
    width: 100px;
    background-color: #2FB0E9;
    border: none;
    margin-left: -4px;
    font-size: 14px;
    color: white;
}
.about_erjimenu1{
    background: rgba(0, 0, 0, 0.6705882352941176);
    border-radius: 5px;
    display: none;
    left: -5px;
    position: absolute;
}
.about_erjimenu1 li{
    width: 81px;
    text-align: center;
    font-size: 12px;
    margin-left: 8%;
    padding: 0;
    cursor: pointer;
    color: white;
}
.about_erjimenu1 li:hover{
    color: #1cab43;
}
.sanjimenu{
    width: 800px;
    position: absolute;
    top: 45px;
    left: -460px;
    background: rgba(0, 0, 0, 0.67);
    border-radius: 5px;
    display: none;
    z-index: 99999999;
}
.shangsanjiao1{
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(0, 0, 0, 0.6705882352941176);
    margin-left: 485px;
    margin-top: -10px;
    /*display: none;*/
}
.sanjimenu_ul{
    padding-bottom: 20px;
}
.sanjimenu_ul li {
	padding-top: 0px;
	padding-bottom: 0px;
}
.sanjimenu_ul_li{
    color: white;
    font-size: 12px;
    width: calc(50% - 37px);
    float: left;
    line-height: 30px;
    min-height: 40px;
}
.sanjimenu_ul_li:hover{
    font-size: 14px;
}
.sanjimenu_ul_li p{
    border-bottom: 1px solid #FCFCFC;
    font-size: 14px;
    font-weight: 600;
}
.sanjimenu_li_dl dd{
    border: none;
    float: left;
    padding: 3px;
    color: white;
    cursor: pointer;
    font-size: 12px;
}
.sanjimenu_li_dl dd:hover{
    color: #1cab43;

}


/*2*/
.about_erjimenu2{
    background: rgba(0, 0, 0, 0.6705882352941176);
    border-radius: 5px;
    display: none;
    left: -5px;
    position: absolute;
}
.about_erjimenu2 li{
    width: 81px;
    text-align: center;
    font-size: 12px;
    margin-left: 8%;
    padding: 0;
    cursor: pointer;
    color: white;
}
.about_erjimenu2 li:hover{
    color: #1cab43;
}
.shangsanjiao1{
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(0, 0, 0, 0.6705882352941176);
    margin-left: 15px;
    margin-top: -10px;
    display: none;
}
.shangsanjiao{
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(0, 0, 0, 0.6705882352941176);
    margin-left: 15px;
    margin-top: -10px;
    display: none;
}
.shangsanjiao2{
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(0, 0, 0, 0.6705882352941176);
    margin-left: 15px;
    margin-top: -10px;
    display: none;
}
.shangsanjiao3{
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(0, 0, 0, 0.6705882352941176);
    margin-left: 15px;
    margin-top: -10px;
    display: none;
}
.shangsanjiao4{
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(0, 0, 0, 0.6705882352941176);
    margin-left: 15px;
    margin-top: -10px;
    display: none;
}
.shangsanjiao5{
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(0, 0, 0, 0.6705882352941176);
    margin-left: 15px;
    margin-top: -10px;
    display: none;
}
.shangsanjiao6{
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(0, 0, 0, 0.6705882352941176);
    margin-left: 15px;
    margin-top: -10px;
    display: none;
}
.shangsanjiao7{
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(0, 0, 0, 0.6705882352941176);
    margin-left: 15px;
    margin-top: -10px;
    display: none;
}
.shangsanjiao8{
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(0, 0, 0, 0.6705882352941176);
    margin-left: 15px;
    margin-top: -10px;
    display: none;
}
.shangsanjiao9{
    width:0;
    height:0;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-bottom:10px solid rgba(0, 0, 0, 0.6705882352941176);
    margin-left: 15px;
    margin-top: -10px;
    display: none;
}
.cl{
    padding-left: 20px;
    margin: 10px 0px;
    border-left: 2px solid #2FB0E9;
}
.wrapper04{position:relative;padding: 5px 0px;}
.wrapper04 li a{display:block;}
.product_category{
    width: calc(100% - 20px);
    margin: 10px;
    height: 50px;
    line-height: 40px;
    background: #ededed;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.sanjifenlei{
    float: left;
    padding: 5px 15px;
    font-weight: 600;
}
.product_category_name{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    float: left;
    width: 10%;
    line-height: 50px;
    text-align: center;
    border-right: 2px solid #2FB0E9;
}
.product_ul{
    float: left;
}
.product_ul li{
    padding: 0px 15px;
    float: left;
    cursor: pointer;
}
.product_ul li:hover{
    color: #2FB0E9;
}

.product_zonnglei_ul li{
    margin-top: 20px;
    width: 17.5%;
    margin-left: 2%;
    text-align: center;
    float: left;
    cursor: pointer;
    height: 240px;
    background-color: #F0F0F0;
}
.product_zonnglei_ul li img{
    width: auto;
    height: auto;
    max-height: 157px;
    max-width: 180px;
    padding-top: 10px;
}
.product_zonnglei_ul_div{
    position: relative;
    background-color: #F0F0F0;
    padding: 10px 0px;
    line-height: 25px;
}

.productTitle {
	font-weight: 600;
}

.productAmount {
	color:red;
	font-weight: 600;
}

.product_zonnglei_ul li p{
    color: #000000;
    padding-top: 0px;
    margin: 0px;
}
.actives{background: #2FB0E9;color: #ffffff!important;font-size: 16px;}
.actives:hover{color: #ffffff!important;}

@media ( max-width:767px ) {
    #productName{
        font-size: 14px;
        height: 35px;
        width: 73%;
        padding-left: 10px;
        border: 1px solid #a79c9c;
    }
    #su{
        height: 35px;
        width: 25%;
        background-color: #2FB0E9;
        border: none;
        margin-left: -7px;
        padding-top: 0px;
        font-size: 14px;
        color: white;
    }
    .product_category_name{
        width: 20%;
    }
    .sanjifenlei {
        float: left;
        padding: 0px 10px;
        font-weight: 900;
    }
    .product_ul{
        width: 80%;
        height: 40px;
        display: inline;
        white-space: nowrap;
        overflow-x: scroll;
        float: none;
        overflow-y: hidden
    }
    .wrapper04{
       padding: 0px;
    }
    .product_category{
        height: auto;
        line-height: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .product_ul li{
        display: inline-block;
        margin: 0;
        font-size: 12px;
        padding: 0 10px
    }
    .product_zonnglei_ul li{
        width: 47%;
        /*height: 195px;*/
    }
    .product_zonnglei_ul li img{
        width: 100% !important;
    }

    p {
        margin: 0px;
        font-size: 11px;
    }
    
    .sx-jianju .container {
	    padding-top: 0px;
	    padding-bottom: 0px;
	    background: white;
	}
}

#MyContent img{
    max-width: 1100px;
}
.product_gongneng{
    padding: 20px;
}
.product_gongnengXQ{
    padding: 0px 20px;
    min-height: 300px;
}
.product_gongneng li{
    width: 100px;
    float: left;
    background: #2FB0E9;
    padding: 3px 8px;
    border:  1px solid white;
    color: white;
    text-align: center;
    cursor: pointer;
}
.product_topborder{
    background: white!important;
    border-top: 2px solid #2FB0E9!important;
    color: #000!important;
}
.about_erjimenu_YD{
    display: none;
}
.about_erjimenu_YD_news {
    display: none;
}
@media (max-width: 768px) {
    h2 span {
        display: none;
    }
    .nav-pills>li{
        float: left;
    }
    .sanjimenu_ul{
        overflow-y: auto;
        margin-top: -16px;
        height: 276px;
    }
    .shangsanjiao {
        width: 0;
        height: 0;
        border-right: 10px solid black;
        border-left: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
        display: none;
        position: relative;
        top: -13px;
        left: 41px;
    }
    .shangsanjiao1 {
        width: 0;
        height: 0;
        border-right: 10px solid black;
        border-left: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
        position: relative;
        top: 140px;
        left: -205px;
    }

    .sanjimenu_ul_li p{
        font-size: 12px;
        height: 26px;
    }
    .about_erjimenu li{
        width: 100%;
        float: left;
        text-align: center;
        font-size: 12px;
        margin-left: 0px!important;
        padding: 0px!important;
        cursor: pointer;
    }
    .sanjimenu {
        width: 234px;
        position: absolute;
        top: -125px;
        left: 84px;
        background: rgba(0, 0, 0, 0.67);
        border-radius: 5px;
    }

    .about_erjimenu{
        background: rgba(0, 0, 0, 0.6705882352941176);
        border-radius: 5px;
        display: none;
        position: absolute;
        left: -14px;
        top: 29px;
        width: 100px;
        display: block;
    }
    .sanjimenu_ul_li{
        width: 90%!important;
        height: 60px;
    }
    .h-h3{
        margin: 0px;
    }
    .cl{
        margin: 19px 0px;
    }
    .about_erjimenu_YD {
        display: block!important;
        margin-bottom: 20px;
    }
    .about_erjimenu_YD li{
        width: 25%;
        float: left;
        text-align: center;
        display: block!important;
    }
    
    .about_erjimenu_YD_news {
        display: block!important;
        margin-bottom: 20px;
    }
    .about_erjimenu_YD_news li{
        width: auto;
        float: left;
        padding:5px 10px;
        text-align: center;
        display: block!important;
    }
    
    #MyContent img{
        height: 50%!important;
        width: 100% !important;
        margin-left: 0px!important;
    }
}

.dd_active{
    background: #03A9F4;
    color: #ffffff;
    font-weight: 600;
}

/** { margin: 0; padding: 0;}*/
/*#jq22 { width: 700px; margin: 0 auto; font-size: 0;}*/
/*#jq22 li { display: inline-block; width: 32%; margin-left: 1%; padding-top: 1%;}*/
/*#jq22 li img { width: 100%;}*/



/*企业动态*/
/*鏂伴椈鍒楄〃*/
.news_list li + li {margin-top: 12px;}
.news_list li a {display: block;position: relative;width: 100%;height: 100%;overflow: hidden;z-index: 5;}
.news_list li a .time {position: absolute;left: 10px;top: 50%;width: 100px;height: 112px;line-height: 112px;background: #4F4F4F;margin-top: -56px;z-index: -1;font-size: 0;text-align: center;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.news_list li a .time > div {display: inline-block;vertical-align: middle;line-height: 1.2;}
.news_list li a .time .day {font-size: 36px;color: #FFF;}
.news_list li a .time .year {font-size: 14px;color: #FFF;}

.news_list li a .nr {background: #FFF;margin-left: 100px;height: 222px;padding: 34px 70px 34px 10px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);-moz-box-sizing: border-box;box-sizing: border-box;}
.news_list li a .nr .img {width: 260px;padding: 4px;background: #F5F5F5;-moz-box-sizing: border-box;box-sizing: border-box;float: left;}
.news_list li a .nr .img > div {width: 100%;position: relative;padding-bottom: 58.56574%;}
.news_list li a .nr .img > div img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.news_list li a .nr .title {margin-left: 298px;}
.news_list li a .nr .title h1 {margin-top: 10px;height: 48px;line-height: 48px;width: 100%;overflow: hidden;font-size: 20px;color: #333;margin-bottom: 12px;position: relative;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.news_list li a .nr .title h1:before {position: absolute;content: "";right: 0;bottom: 0;width: 50%;height: 1px;background: #E5E5E5;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.news_list li a .nr .title h1:after {position: absolute;content: "";left: 0;bottom: 0;width: 50%;height: 1px;background: #E5E5E5;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.news_list li a .nr .title .p {font-size: 13px;color: #666;line-height: 25px;height: 50px;overflow: hidden;width: 100%;text-align: justify;    overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.news_list li a:hover .time {background: #c4a87d;left: 5px;}
.news_list li a:hover .nr {margin-left: 105px;}
.news_list li a:hover .nr .title h1 {color: #c4a87d;}
.news_list li a:hover .nr .title h1:before {width: 668px;background: #A7A7A7;}
.news_list li a:hover .nr .title h1:after {width: 24px;background: #c4a87d;}

/*客服样式*/
#haiiskefu{width:112px;position:fixed;right:-80px;top:50%;margin-top:-283px;z-index:999;}
#haiiskefu .kfleft{width:32px;height:168px;margin-top:120px;background:url(../images/kefu.png) no-repeat;cursor:pointer;float:left;}
#haiiskefu ul{width:80px;height:566px;margin-top:120px;background:url(../images/kefu2.png) no-repeat;float:left;}
#haiiskefu ul li{cursor: pointer;}
#haiiskefu ul li a{width:80px;height:80px;display:block;margin-bottom:1px;-moz-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;}
#haiiskefu ul li a:hover{-moz-opacity:0;filter:alpha(opacity=0);opacity:0;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;}
.QQzaixiankefu{
    position: absolute;
    left: -104px;
    background: red!important;
    display: none;
    width: 136px!important;
    margin-top: 0px!important;
}
.QQzaixiankefu li{
    width: 100%!important;
    height: 40px!important;
    line-height: 40px;
    color: white!important;
    opacity: 1!important;
    cursor: pointer;
    padding: 0px 10px;
}
.QQzaixiankefu li:hover{
    background: #000;
}

/*ie6*/
*#haiiskefu{position:fixed;right:expression(eval(document.documentElement.scrollLeft))-80;top:expression(eval(document.documentElement.scrollTop))-283;}