html, body {
    /*position: relative;*/
    height: 100%;
    min-height:100%;
    position:relative;
    background-color: #ffffff;
}
ul li {
    list-style-type: none;
}
* {
    /*font-family: 'Microsoft Yahei', Arial, sans-serif;*/
    font-family: "Microsoft YaHei",SimSun,Tahoma,Arial,Helvetica,STXihei,Heiti,sans-serif;
}
a {
    outline: 0;
    text-decoration: none;
    color: #000000;
}

a:hover, a:visited, a:link, a:focus {
    text-decoration: none;
    color: #000000;
    outline: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, iframe, button, textarea, p, blockquote, th, td, img {
    margin: 0;
    padding: 0;
}

body {
    background: #000;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}
.top-welcome{
    background-color: rgba(0,0,0,0.8);
    color:#666666;
    line-height: 32px;
    font-size: 14px
}
.tuiguangpic{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}
.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-wrapper {
    transition-timing-function: ease-out;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
    /*background-size: 100% 100%;*/
    background-repeat: no-repeat;
    /*background-position: top center;*/
    transition-timing-function: ease-out;
}

.gallery-top {
    height: 100%;
    width: 100%;
}
.gallery-thumbs {
    height: 95px;
    /*padding: 10px 0;*/
    position: relative;
    /*top: 150px;*/
    bottom: 15px;
    width: 735px;
    background-color: #000000;
}

.gallery-thumbs .swiper-slide {
    height: 100%;
    width: 10%;
    transition: opacity 0.5s;
    opacity: 0.6;
    /*background-color: rgba(255,255,255,0.4);*/
}
.addbg{
    background-color: rgba(255,255,255,0.8);
}

.gallery-thumbs .swiper-slide-active {
    opacity: 1;
    width: 10%;
}

/*页面样式开始*/
.page {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
}
::-webkit-scrollbar {

    display:none
}

.banner {
    width: 100%;
    height: 50%;
}
.block-mainContent{
    min-height: 550px;
}
/*子页面统一样式*/
.block-imgbar{
    width: 100%;
    height: 35%;
}
.nav-tabs > li{
    float: none;
    display: inline-block;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    /*color: #555;*/
    cursor: default;
    background-color: #007cc3;
    color: #ffffff;
    border: none;
    border-bottom-color:transparent;
    /*font-weight: bold;*/
    font-size: 16px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    border-radius: 4px 4px 0 0;
}
.block-mainContent .tab-title{
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    font-size: 14px;
}
/*子页面统一样式END*/

.gallery-thumbs .swiper-wrapper {
    width: 50px;
}

.btn-green {
    color: #fff;
    background-color: #007cc3;
    border-color: #007cc3;
}
.navbar{
    min-height: 100px;
}
.nav-bg{
    background: url("../images/nav-bg.png");
    background-size: 100% auto;
}
.container-fluid{
    position: relative;
}
/*.navbar-brand {*/
    /*float: left;*/
    /*padding: 10px;*/
/*}*/
.navbar-brand {
    color: #e20b1a;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 100px;
    padding: 0;
    width: 80px;
    height: 100px;
}
.navbar-brand .logo-img{
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.navbar-brand .logo{
    font-size: 40px;
}
.navbar-brand .tag-brand{
    font-size: 20px;
    position: relative;
    top:-35%;
}
.navbar-toggle{
    background-color: #007cc3;
}
.navbar-toggle .icon-bar{
    background-color: #ffffff;
}

.navbar-header .conpany-name {
    color:#000000;
    font-size: 30px;
    font-weight: bold;
    line-height: 100px;
    display: inline-block;
    float: left;
}
.color-white{
   color: #ffffff;
}
.top-welcome-content{
    display: flex;
    justify-content: space-between;
}
.top-welcome .nav-phone{
    /*width: 220px; */
    /* position: absolute; */
    /* top: 10%; */
    /* right: 0; */
    font-weight: bold;
    /* text-align: center; */
    font-size: 16px;
}
.top-welcome .nav-phone p:nth-child(1){
    color:#ffffff;
    display: inline-block;
    margin-right: 10px;

}
.top-welcome .nav-phone p:nth-child(2) span ,.top-welcome .nav-phone p:nth-child(3) span{
    margin-right: 10px;
    color:#007cc3 ;
}

.top-welcome .nav-phone .phone-number{
    color: #e20b1a;
    display: inline-block;
}
/*.navbar-header .nav-sale{*/
    /*font-size: 20px;*/
    /*text-align: center;*/
    /*font-weight: bold;*/
    /*!*line-height: 100px;*!*/
    /*width: 180px;*/
    /*color: #007cc3;*/
    /*position: absolute;*/
    /*top:10%;*/
    /*right: 250px;*/
/*}*/
.navbar {
    margin-bottom: 0;
}

/*.page-block:nth-of-type(odd) {*/
/*background-color: #f9f8f3;*/
/*}*/

/*.page-block:nth-of-type(even) {*/
/*background-color: #ffffff;*/
/*}*/

.page-block {
    /*background-color: #f9f8f3;*/
    width: 100%;
    text-align: center;
    padding: 20px 0 10px 0;
}
.block-product{
    padding:90px 0 10px 0;
}
.page-block .page-block-title{
    padding: 25px 0 25px 0;
}
.page-block .page-block-title h2 {
    color: #000000;
    font-size: 24px;
}

.page-block .page-block-title p {
    color: #000000;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}

.page-block .page-block-title p:before, .page-block .page-block-title p:after {
    content: ' ';
    width: 100%;
    /*position: absolute;*/
    display: inline-block;
    height: 1px;
    background-color: #b7b7b7;
    vertical-align: middle;
    /*top:-2px;*/
}

.page-block .page-block-title p:before {
    margin-right: 1em;
    margin-left: -100%;

}

.page-block .page-block-title p:after {
    margin-left: 1em;
    margin-right: -100%;
}

.page-block .page-block-content {
    overflow: hidden;
    padding: 20px 0;
}

.product {
    margin: 8px -8px;
}

.product .product-heading {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.product .product-name {
    /*position: absolute;*/
    color: #ffffff;
    font-size: 20px;
    /*font-weight: bold;*/
    padding:5px;
    background-color: #007cc3;
    /*margin-top: 10px;*/
    /*bottom:0;*/
    /*width: 100%;*/
}

.product .product-heading .product-img {
    /*width: 100%;*/
    /*height: 100%;*/
}


a, .mask, input {
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}

.product .mask {
    display: block;
    color: #ffffff;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -300px;
    background-color: rgba(0,192,255, 0.6);
}

.product .product-heading a:hover .mask {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
}

.product .productHover {
    font-size: 12px;
    font-size: 1.2rem;
}

.product .productHover .product-hoverTop {
    width: 100%;
    padding: 15px 0 0 0;
    overflow: hidden;
}

.product .productHover .product-hoverTop ul li {
    width: 33.333%;
    text-align: center;
    float: left;
}

.product .productHover .product-hoverTop ul li p {
    color: #ffffff;
    margin-top: 3px;
}

.product .productHover .product-hoverTop ul li:nth-child(1) .product-icon {
    width: 100%;
    height: 46px;
    background: url("../images/tag1.png") no-repeat center;
    background-size: 50px 46px;
}
.product .productHover .product-hoverTop ul li:nth-child(2) .product-icon {
    width: 100%;
    height: 46px;
    background: url("../images/tag2.png") no-repeat center;
    background-size: 50px 46px;
}
.product .productHover .product-hoverTop ul li:nth-child(3) .product-icon {
    width: 100%;
    height: 46px;
    background: url("../images/tag3.png") no-repeat center;
    background-size: 50px 46px;
}

.product .productHover .product-detailTable {
    color: #ffffff;
    margin: 6px auto;
    width: 90%;
    position: relative;
    top:5%
}

.product .productHover .product-detailTable table {
    margin-bottom: 0;
}

.product .productHover .product-detailTable td {
    padding: 8px;
}

.product .productHover .button-href {
    padding: 5px;
    position: relative;
    top:10%;
}

.product .productHover .button-href span {
    color: #ffffff;
    padding: 6px 30px;
    border: 1px solid #ffffff;
}
.picutre_many{
    overflow: hidden;
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding:15px 0
}
.picutremany-table{
    width: 100%;
    border: 0px;
    margin-bottom: 20px
}
.picutremany-td{
    border:1px solid #f2f2f2;
    border-right:none
}

.picutremany-buttonblock{
    margin: 0px 0 15px 0;
}
.picutremany-buttonblockname{
    width: 200px;
    display: block;
    margin-bottom: 13px;
    margin-left: 10px;
    color: #888;
    height: 20px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}
.picutremany-button{
    padding: 5px 15px;
    border:1px solid #888;
    border-radius: 20px;
    color: #888;
}
.picutremany-button:hover{
    color: #ffffff;
    background-color: rgba(0,192,255,0.8);
    border:1px solid #f2f2f2;
}

.block-ad {
    width: 100%;
    /*height: 150px;*/
    background: url(http://qiniu.yssmd.com/adbg.jpg) no-repeat center center;
    background-size: cover;
}

.block-ad .container {
    overflow: hidden;
}

.block-ad ul {
    text-align: center;
    overflow: hidden;
    width: 100%;
    padding: 25px 0;
}

.block-ad ul li img {
    width: 5rem;
    height: 5rem;
    border-radius: 50px;
}
.block-ad ul li p:nth-child(2) {
    font-size: 20px;
    font-weight: bold;
    padding:5px 0 0 0;
}
/*.block-ad ul li p:nth-child(3){*/
/*color: #007cc3;*/
/*}*/

.block-news .me-media .media-item {
    margin: 10px 0;
    text-align: left;
    filter: drop-shadow(5px 5px 10px #e7e6eb);
    background-color: #ffffff;
}

.block-news .me-media .media-item:before {
    /*border: 1px solid #e6e6e6;*/
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    z-index: 0;
    border-radius: 3px;
}

/*.block-news .me-media .media-item:hover:before {*/
/*background-color: rgba(232, 223, 217, 0.8);*/
/*}*/

.block-news .me-media .media-item:hover .btn {
    color: #222222;
}

.block-news .me-media .media-item > div {
    padding-left: 0px;
}

/*.block-news .me-media .media-item > div .news1 {*/
/*background: url("./images/banner1.jpg") no-repeat center center;*/
/*}*/

/*.block-news .me-media .media-item > div .news2 {*/
/*background: url("./images/banner1.jpg") no-repeat center center;*/
/*}*/

/*.block-news .me-media .media-item > div .news3 {*/
/*background: url("./images/banner1.jpg") no-repeat center center;*/
/*}*/

/*.block-news .me-media .media-item > div .news4 {*/
/*background: url("./images/banner1.jpg") no-repeat center center;*/
/*}*/

.block-news .me-media .media-item > div .media-img {
    width: 100%;
    height: 150px;
    /*background-size: auto 100%;*/
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 5px;
    overflow: hidden;
}
.block-news .me-media .media-item > div .media-img img{
    width: 100%;
    height: 100%;
    transition: all 0.6s;
}
.block-news .me-media .media-item:hover > div .media-img img{
    transform: scale(1.2);
}

.block-news .me-media .media-item .media-content {
    color: #000000;
    height: 150px;
    position: relative;
}

.block-news .me-media .media-item .media-content:hover > h4:before {
    width: 96%;
}


.block-news .me-media .media-item .media-content > h4 {
    height: 46px;
    line-height: 46px;
    font-size: 18.25px;
    border-bottom: 1px solid #e6e6e6;
    border-bottom-width: thin;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-news .me-media .media-item .media-content > h4:before {
    content: '';
    width: 45px;
    height: 2px;
    background: #007cc3;
    position: absolute;
    top: 45px;
    transition: width 1s;
    -webkit-transition: width 1s;
    /* Safari */
}

.block-news .me-media .media-item .media-content > p {
    font-size: 13.25px;
    height: 55px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}

.block-news .me-media .media-item .media-content > div {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.block-aboutnews .yc-newsblock {
    margin-top: 1%;
}

/*.block-aboutnews .yc-newsblock li{*/
/*overflow: hidden;*/
/*}*/
.block-aboutnews .yc-newsblock li:first-child {
    margin-bottom: 3px;
}

.block-aboutnews .yc-newsblock .medianews, .block-aboutnews .yc-newsblock .brandnews {
    width: 100%;
    height: 9rem;
    padding: 10px 15px;
    position: relative;
}

.block-aboutnews .yc-newsblock .medianews p:first-child, .block-aboutnews .yc-newsblock .brandnews p:first-child {
    font-size: 20px;
}

.block-aboutnews .yc-newsblock .medianews p:nth-child(2), .block-aboutnews .yc-newsblock .brandnews p:nth-child(2) {

    font-size: 12px;
    /*margin-top: -7px;*/
    padding-bottom: 3px;
    border-bottom: 1px dashed #fff;
}
.block-aboutnews .yc-newsblock .medianews p:nth-child(3), .block-aboutnews .yc-newsblock .brandnews p:nth-child(3) {
    margin-top: 1.5%;
}

.block-aboutnews .yc-newsblock .medianews span, .block-aboutnews .yc-newsblock .brandnews span {
    font-size: 26px;
    position: absolute;
    top: 22%;
    right: 5%;
}

.block-aboutnews .yc-newsblock .medianews {
    color: #fff;
    background-color: #007cc3;
    border-radius: 8px;
    text-align: left;
}

.block-aboutnews .yc-newsblock .brandnews {
    color: #7b7c7c;
    background-color: #f2f2f5;
    border-radius: 8px;
    text-align: left;
}

.block-aboutnews .yc-newslist {
    margin-top: -7px;
}

.block-aboutnews .yc-newslist li {
    font-size: 15px;
    line-height: 45px;
    border-bottom: 1px solid #e6e6e7;
    color: #515252;
    text-align: left;
    padding-right: 56px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.block-aboutnews .yc-newslist li:hover a {
    /*font-size: 18.25px;*/
    color: #007cc3 !important;
}

.block-aboutnews .yc-newslist li time {
    /* float: right; */
    margin-left: 5px;
    font-size: 12px;
    position: absolute;
    right: 0;
}

.block-aboutChooseUs .chooseBlock {
    text-align: center;
    /*margin-top: 10px;*/
    background-color: rgba(255,255,255,0.9);
    border-radius: 5px;
    padding: 5px 0 10px 0;
    margin: 10px 0.5%;
    width: 24%;
    float: left;
}
.block-aboutChooseUs .chooseBlock:hover{
    background-color:rgba(228,234,236,0.2);
    /*background-color: rgba(139,220,205,0.3);*/
    /*color: #007cc3;*/
}
.block-aboutChooseUs .chooseBlock .block-aboutChooseUsImg{
    width: 85%;
    margin-top: 15px;
    border-radius: 5px;
}

/*.block-aboutChooseUs .chooseBlock:hover p:nth-child(1){*/
/*font-size: 38px;*/
/*font-weight: bold;*/
/*}*/
.block-aboutChooseUs .chooseBlock:hover p:nth-child(2):after {
    background-color: #007cc3;
}

.block-aboutChooseUs .chooseBlock p:nth-child(1) {
    color: #007cc3;
    font-size: 34px;
}

.block-aboutChooseUs .chooseBlock p:nth-child(2) {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 25px 0;
}

.block-aboutChooseUs .chooseBlock p:nth-child(2):after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 43%;
    width: 35px;
    height: 2px;
    background-color: #7b7c7c;
}
.block-aboutChooseUs .chooseBlock p:nth-child(3){
    padding: 0 8px;
}
.page-block-parner .parner-title{
    position: relative;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
}
.page-block-parner .parner-title:before{
    content: '';
    position: absolute;
    left: 1px;
    width: 3px;
    height: 18px;
    background-color: #007cc3;

}
.parnerlist{
    width: 100%;
}
.parnerlist ul{
    width: 95%;
    margin: 0 auto;
}
.parnerlist ul li{
    text-align: center;
    margin-bottom: 10px;
}
.parnerlist ul li img{
    width: 100%;
    border: 1px solid #eaeaea;
}
.pagebar{
    margin-top: 20px;
    margin-bottom: 20px;
}
.disabled{
    display: none !important;
}
.pagebar ul{
    text-align: center;
    overflow: hidden;
}
.pagebar ul li{
    display: inline-block;
    margin: 0 3px;
}
.pagebar ul .active{
    color: #ffffff;
    background-color: #007cc3;
}
.pagebar ul li:hover{
    color: #ffffff;
    background-color: #b7e7de;
}
.pagebar ul li input{
    width: 50px;
    height: 32px;
    padding: 0 12px;
    line-height: 32px;
    border:1px solid #f2f2f2;
    outline: none;
    text-align: center;
}
.pagebar ul li:hover input{
    color: #000;
}
.pagebar ul li input::-webkit-outer-spin-button, .pagebar ul li input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.pagebar ul li input[type="number"]{
    -moz-appearance: textfield;
}
.pagebar ul li span{
    display: block;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    border:1px solid #f2f2f2;
}
footer {
    /*background-color: #282828;*/
    background: url("http://qiniu.yssmd.com/bottom-bg.jpg");
    /*border-top: 1px solid #282828;*/
}
.footer{
    color: #ffffff;
    overflow: hidden;
}
.footer .footer-left{
    width: 100%;
    /*float: left;*/
}
/*.footer .footer-right{*/
/*    width: 30%;*/
/*    float: left;*/
/*}*/
.footer .footer-barTitle{
    display: inline-block;
}
.footer .footer-barTitle span:nth-child(1){
    width: 8px;
    height: 8px;
    background-color: #e20b1a;
    border-radius: 8px;
    display: inline-block;
}
.footer .footer-barTitle span:nth-child(2){
    font-weight: bold;
    font-size: 20px;
}
.footer .footer-firstBar{
    background-color: rgba(0,0,0,0.8);
    padding: 10px;
}
.footer .footer-secondBar,.footer .footer-thirdBar{
    background-color: rgba(0,0,0,0.75);
    padding: 10px;
    overflow: hidden;
}
.footer .footer-fourthBar{
    background-color: rgba(0,0,0,1);
    padding: 10px;
    color: #666666;
}
.footer .footer-secondBar .footer-product{
    width: 20%;
    float: left;
    padding-left: 20px;
    margin-bottom: 15px;
}
.footer .footer-secondBar .footer-product ul li:nth-child(1) a{
    font-weight: bold;
    font-size: 16px;
    color:#E7F9F4;
    position: relative;
}
.footer .footer-secondBar .footer-product ul li:nth-child(1) a:before{
    content: '>|';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: -20px;
}
.footer .footer-secondBar .footer-product ul li:nth-child(1) a:hover{
    border-bottom: 1px solid #E7F9F4;
}
.footer .footer-secondBar .footer-product ul li a{
    color: #eaeaea;
    font-weight: bold;
    font-size: 14px;
}
.footer a:hover{
    border-bottom: 1px solid #666666;
}
.footer .footer-secondBar .footer-contactInfo{
    color: #eaeaea;
}
/*.footer .footer-secondBar .footer-contactInfo ul li:nth-child(2),.footer .footer-secondBar .footer-contactInfo ul li:nth-child(3){*/
    /*font-weight: bold;*/
/*}*/
.footer .footer-secondBar .footer-contactInfo ul li span{
    margin-right:5px;
}
.footer .footer-secondBar .footer-contactInfo ul li:last-child{
    margin-bottom:15px;
}
.footer .footer-secondBar .mainproduct ul li{
    display: inline-block;
    color: #eaeaea;
    padding: 0 10px;
    font-size: 14px;
}
.footer .footer-thirdBar .addUs ul li{
    width: 50%;
    text-align: left;
    float: left;
    overflow: hidden;
}
.powerBy{
    margin-left: 10px;
}
.powerBy .glyphicon{
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top:5px
}
.companyImg ul li{
    margin: 5px 0;
}
.companyImg ul li img{
    width: 100%;
}
/*.yc-ewmblock {*/
    /*!*padding: 45px 0;*!*/
    /*width: 15%;*/
    /*margin-top: 4%;*/
    /*!*background-color: #ffffff;*!*/
    /*float: left;*/
    /*text-align: center;*/
    /*font-size: 16px;*/
    /*font-weight: bold;*/
/*}*/

/*.yc-ewmblock p {*/
    /*margin-top: 10px;*/
    /*color: #ffffff;*/
/*}*/

/*.yc-ewmblock img {*/
    /*width: 6rem;*/
    /*height: 6rem;*/
    /*border-radius: 50px*/
/*}*/

/*.yc-linkblock {*/
    /*color: #757575;*/
    /*width: 85%;*/
    /*float: left;*/
    /*padding: 20px 0 20px 20px;*/
/*}*/

/*.yc-linkblock a {*/
    /*text-decoration: none;*/
    /*display: inline-block;*/
    /*margin: 0 10px;*/
    /*font-size: 16px;*/
/*}*/

/*.yc-linkblock a:hover, .yc-linkblock a:active, .yc-linkblock a:focus {*/
    /*color: #f5f4f4;*/
/*}*/

/*.yc-linkblock a:first-child {*/
    /*margin-left: 0;*/
    /*margin-right: 10px;*/
/*}*/

/*.yc-linkblock .bottom-telphone {*/
    /*width: 45%;*/
    /*float: left;*/
/*}*/

/*.yc-linkblock .bottom-telphone p:nth-child(1) {*/
    /*font-size: 28px;*/
    /*margin-top: 8%;*/
    /*margin-left: 10%;*/
    /*color: #007cc3;*/
/*}*/

/*.yc-linkblock .bottom-telphone p:nth-child(2) {*/
    /*font-size: 36px;*/
    /*margin-top: 3%;*/
    /*margin-left: 25%;*/
    /*color: #007cc3;*/
/*}*/

/*.yc-linkblock .bottom-info {*/
    /*font-size: 14px;*/
    /*color: #ddd;*/
    /*width: 55%;*/
    /*float: left;*/
/*}*/

/*.yc-linkblock .bottom-info p {*/
    /*font-size: 14px;*/
    /*line-height: 26px;*/
/*}*/

/*.yc-linkblock .bottom-info p span {*/
    /*margin-right: 5px*/
/*}*/
/*.swiper-button-next{*/
/*background-image: none;*/
/*}*/
.swiper-button-next, .swiper-button-prev{
    background-image: none;
    width: 35px;
    height: 100px;
    margin-top: -50px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
}
.swiper-button-next span,.swiper-button-prev span{
    color: #ffffff;
    font-size: 24px;
    position: relative;
    top:38%;
}
.swiper-button-prev{
    left: 0;
    border-radius: 0 5px 5px 0;
}
.swiper-button-next{
    right: 0;
    border-radius: 5px 0 0 5px;
}
.swiper-button-next:hover span,.swiper-button-prev:hover span{
    color: #007cc3;
}
.navbar-nav > .active > a {
    background-color: rgba(0,192,255,0.2);
    border-radius: 5px;
    color: #007cc3;
}
.block-imgbar{
    border: 1px solid #ddd;
}
.block-imgbar .productDetail-titleblock{
    width: 100%;
    margin-top: 30px;
}
.block-imgbar .productDetail-titleblock .productDetail-img{
    text-align: center;
}
.block-imgbar .productDetail-titleblock .productDetail-img img{
    width: 100%;
    max-width: 230px;
}
.block-imgbar .productDetail-titleblock .productDetail-info .info-title{
    font-weight: bolder;

}
.block-imgbar .productDetail-titleblock .productDetail-info .info-text{
    font-weight: bolder;
}
.block-imgbar .productDetail-titleblock .products-detail{
   display: inline-block;
}
@media (min-width: 768px) {
    .top-navbar{
        position: absolute;
        right: 0;
        top:50%;
        transform: translateY(-50%);
        /*bottom:3%;*/
        /*font-weight: bold;*/
        z-index: 999999;
        font-size: 16px;
        text-align: center;
    }
    .navbar-nav > li > a{
        padding: 3px 5px;
        margin: 0 3px;
    }
    .navbar-nav > li > a:hover{
        background-color: rgba(0,192, 255, 0.05);
        border-radius: 5px;
        color: #007cc3;
    }

    /*.navBlock{*/
    /*clear: both;*/
    /*overflow: hidden;*/
    /*height: 100% !important;*/
    /*background-color: rgba(255,255,255,0.5);*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top:0;*/
    /*width: 35px;*/
    /*}*/
    .navbar{
        position: fixed;
        /*position: absolute;*/
        z-index: 9999999999999;
        width: 100%;
    }
    .scrolling{
        top: 0px;
        min-height: 80px;
        background: rgba(255,255,255,0.8);
        border-bottom: 1px solid #dddddd;
    }
    .scrolling .navbar-brand {
        line-height: 80px;
        height: 80px;
        width: 80px;
    }
    .scrolling .navbar-brand .logo{
        font-size: 26px;
    }
    .scrolling .navbar-brand .tag-brand{
        font-size: 14px;
        /*!*top:-20px;*!*/
    }
    .scrolling .navbar-header .conpany-name{
        font-size: 24px;
        line-height: 80px;
    }
    .scrolling .navbar-header .nav-sale{
        font-size: 16px;
    }
    .scrolling .top-welcome .nav-phone{
        font-size: 18px;
        top:3%;
    }
    #pic1 img,#pic2 img{
        width: 220px;
        height: 220px;
        padding: 3px;
    }
    /*.bar-leftNav {*/
        /*position: fixed;*/
        /*top: 40%;*/
        /*left: 0;*/
        /*z-index: 999999;*/
        /*padding: 5px 20px 5px 0;*/
        /*width: 118px;*/
        /*background-color: #007cc3;*/
    /*}*/
    .block-leftProductList{
        background-color: #007cc3;
        position: fixed;
        top: 40%;
        z-index: 9999999;
        width: 133px;
    }
    .bar-leftProductList > li {
        float: none;
        width: 100%;
        height: 35px;
        line-height: 35px;
        margin: 10px 0;
        font-size: 18px;
        cursor: pointer;
        text-align: left;
        padding-left: 8px;
        position: relative;
        transition: padding-left 1s;
        -webkit-transition: padding-left 1s; /* Safari */
    }
    .bar-leftProductList > li img{
        width: 50px;
        position: absolute;
        right: -25px;
        top:-7px;
        transition: right 1s;
        -webkit-transition: right 1s; /* Safari */
    }

    .bar-leftProductList> li > a:hover {
        background-color: #007cc3;
        margin-right: -20px;
        width: 140px;
    }

    .bar-leftProductList > li:hover {
        width: 133px;
        background-color: #007cc3;
        margin-right: -20px;
        padding-left: 20px;
    }
    .bar-leftProductList > li:hover img{
        right: -45px;
    }

    .bar-leftProductList .active {
        background-color: #007cc3;
        margin-right: -20px;
        width: 133px;
    }
    .bar-leftProductList .active img{
        right: -35px;
    }

    .bar-leftProductList > li > a {
        color: #ffffff;
        /* padding: 8px; */
        width: 110px;
        display: block;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    #goTop:hover span{
        color: #007cc3;
    }
    #goTop{
        width: 50px;
        height: 50px;
        background-color: #f2f2f5;
        border-radius: 5px;
        position: fixed;
        bottom:3%;
        right: 3%;
        cursor: pointer;
        display: none;
        z-index: 99999999;
        text-align: center;
        border: 1px solid #dddddd;
    }
    #goTop span{
        font-size:16px;
        font-weight: lighter;
        line-height: 50px;
        color: #7b7c7c;
    }

    .banner{
        margin-top: 82px;
    }

    /*子页面统一样式*/
    .block-imgbar{
        margin-top: 82px;
    }
    /*.block-imgbar{*/
        /*margin-top: 102px;*/
        /*width: 100%;*/
        /*height: 45%;*/
        /*background-size: cover;*/
    /*}*/
    /*.block-mainContent{*/
        /*min-height: 600px;*/
    /*}*/

    /*子页面统一样式END*/
}

@media (min-width: 1024px) {
    .navbar-nav > li > a{
        padding: 5px 8px;
        margin: 0 3px;
    }
    .banner{
        margin-top: 102px;
    }
    .block-imgbar{
        margin-top: 102px;
    }
    .block-link{
        position: fixed;
        top:60%;
        right: 0;
        width: 120px;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 5px;
        text-align: center;
        z-index: 99999999;
        margin-top: -40px;
    }
    .block-link .content-box{
        width: 120px;
    }
    .block-link .qq-center {
        width: 120px;
        padding-left: 5px;
        padding-right: 5px;
        border-left: #68B5FD solid 1px;
        border-right: #68B5FD solid 1px;
        padding-top: 5px;
    }
    .block-link .qq-center h3{
        font-size: 13px;
        font-family: microsoft yahei;
        color: #2460A3;
        line-height: 35px;
        border-bottom: #D3DFED solid 1px;
        font-weight: normal;
        text-align: center;
    }
    .block-link .qq-top {
        width: 120px;
        height: 29px;
        background: url(../images/qq_top.gif) no-repeat;
    }
    .block-link .qq-bottom {
        width: 120px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #4B7FD5;
        background: url(../images/qq_bottom.gif) no-repeat;
    }
    .block-link .wxkf li{
        padding:0
    }
    .block-link .wxkf li .wxsys{
        display: block;
        margin-top: 10px;
    }
    .block-link ul{
        width: 100%;
    }
    .block-link ul li:nth-child(1){
        /*border-bottom: 1px solid #ddd;*/
    }
    .block-link ul li{
        padding: 10px 0;
    }
    .block-link ul li p{
        font-size: 14px;
        font-weight: bold;
    }
    .block-link .link-title{
        font-size: 16px;
        font-weight: bold;
        /*color: #666666;*/
    }
    .block-link .link-qq{
        width: 50px;
        height: 50px;
        background: url("../images/qq1.png");
        background-size: 100% 100%;
        margin: 0 auto;
    }
    .block-link .link-kf{
        width: 50px;
        height: 50px;
        background: url("../images/kefu1.png");
        background-size: 100% 100%;
        margin: 0 auto;
    }
}
@media (max-width: 1024px) {
    .banner{
        height: 350px;
    }
    .block-imgbar{
        height: 350px;
    }
    .navbar-brand .logo{
        font-size:26px;
    }
    .navbar-brand .tag-brand{
        font-size:14px;
    }

    .navbar-brand{
        line-height: 100px;
        width: 60px;
        height: 100px;
    }
    .navbar-header .conpany-name{
        font-size: 18px;
        font-weight: bolder;
    }
    .scrolling .navbar-header .conpany-name{
        font-size: 18px;
        line-height: 80px;
    }
    .scrolling .top-navbar{
        font-size: 12px;
    }
}

@media (max-width: 992px) {

    .navbar{
        min-height: 60px;
    }
    .navbar-brand{
        line-height: 80px;
        width: 40px;
        height: 80px;
    }
    .top-navbar{
        font-size: 12px;
    }
    /*.navbar-brand > img{*/
        /*width: 50px;*/
    /*}*/
    .navbar-header .conpany-name{
        line-height: 80px;
    }

    .scrolling .top-welcome .nav-sale{
        font-size: 14px;
    }
    .scrolling .top-welcome .nav-phone{
        font-size: 14px;
    }
    .top-welcome .nav-phone{
        font-size: 14px;
    }
    /*.navbar-header .nav-sale{*/
        /*font-size: 16px;*/
        /*right: 220px;*/
    /*}*/
    .block-product{
        padding:20px 0 10px 0;
    }
    .page-block .page-block-title{
        padding: 10px 0 5px 0;
    }
    .page-block .page-block-title img{
        width: 200px;
    }
    .page-block .page-block-content {
        padding: 10px 0;
    }
    .page-block .page-block-title h2{
        font-size: 16px;
        font-weight: bold;
        position: relative;
    }
    .page-block .page-block-title h2:after{
        content: "";
        position: absolute;
        width: 34px;
        border: 1px solid #007cc3;
        bottom: -45%;
        left: 50%;
        margin-left: -17px;
    }
    .page-block .page-block-title p:before,.page-block .page-block-title p:after{
        height: 0;
    }
    .product .product-name{
        font-size: 14px;
    }
    .block-news .yc-title > p > span > a {
        font-size: 12px;
        padding-top: 3px;
    }

    .block-news .me-media .media-item > div .media-img {
        width: 100%;
        height: 110px;
    }

    .block-news .me-media .media-item .media-content {
        height: 110px;
    }

    .block-news .me-media .media-item .media-content > h4 {
        height: 29px;
        line-height: 29px;
        font-size: 14px;
    }

    .block-news .me-media .media-item .media-content > h4:before {
        width: 38px;
        height: 2px;
        top: 28px;
    }

    .block-news .me-media .media-item .media-content > p {
        font-size: 12px;
        -webkit-line-clamp: 2;
        height: 36px;
    }

    .block-news .me-media .media-item .media-content > div {
        bottom: 6px;
    }

    .block-aboutnews .yc-newsblock {
        margin-bottom: 10px;
    }

    .block-aboutnews .yc-newsblock .medianews {
        border-radius: 8px;
        margin-bottom: 5px;
    }

    .block-aboutnews .yc-newsblock .brandnews {
        border-radius: 8px;
    }

    .block-aboutnews .yc-newsblock .medianews, .block-aboutnews .yc-newsblock .brandnews {
        width: 100%;
        padding: 8px 8px;
        height: 7rem;
        float: left;
    }

    .block-aboutnews .yc-newsblock .medianews p:first-child, .block-aboutnews .yc-newsblock .brandnews p:first-child {
        font-size: 14px;
    }

    .block-aboutnews .yc-newsblock .medianews p:nth-child(2), .block-aboutnews .yc-newsblock .brandnews p:nth-child(2) {
        font-size: 12px;
        /*margin-top: -7px; */
    }

    .block-aboutnews .yc-newsblock .medianews span, .block-aboutnews .yc-newsblock .brandnews span {
        font-size: 20px;
        position: absolute;
        top: 30%;
        right: 12%;
    }
    .block-aboutnews .yc-newsblock .medianews p:nth-child(3), .block-aboutnews .yc-newsblock .brandnews p:nth-child(3){
        margin-top: 0.5%;
    }
    .block-aboutnews .yc-newsblock .medianews p:nth-child(2), .block-aboutnews .yc-newsblock .brandnews p:nth-child(2){
        padding-bottom: 0;
    }

    .block-aboutnews .yc-newslist li {
        font-size: 16px;
        line-height: 35px;
        border-bottom: 1px solid #e6e6e7;
    }

    .block-aboutnews .yc-newslist li time {
        float: right;
        margin-left: 5px;
        color: #aaa;
    }

    .block-aboutnews .yc-newsblock li:first-child {
        margin-bottom: 0;
    }
    .block-aboutChooseUs .chooseBlock p:nth-child(1){
        font-size: 24px;
    }
    .block-aboutChooseUs .chooseBlock p:nth-child(2){
        font-size: 16px;
        padding: 10px 0 15px;
    }
    .block-aboutChooseUs .chooseBlock p:nth-child(2):after{
        width: 25px;
        left: 42%;
    }

    /*.yc-ewmblock {*/
        /*padding: 20px 0;*/
        /*width: 100%;*/
        /*!*background-color: #282828;*!*/
        /*text-align: center;*/
        /*font-size: 14px;*/
        /*color: #757575;*/
    /*}*/

    /*.yc-ewmblock img {*/
        /*width: 4rem;*/
        /*height: 4rem;*/
    /*}*/
    .block-ad ul{
        padding:10px;
    }
    .block-ad ul li{
        margin-bottom: 5px;
    }

    .block-ad ul li img{
        width: 3rem;
        height: 3rem;
    }
    .block-ad ul li p:nth-child(2){
        font-size: 16px;
    }

    /*.yc-linkblock {*/
        /*text-align: center;*/
        /*width: 100%;*/
        /*padding-top: 0px;*/
    /*}*/
    /*.yc-linkblock .bottom-info{*/
        /*width: 100%;*/
    /*}*/

    /*.yc-linkblock .bottom-info p:nth-child(3) span:nth-child(2) {*/
        /*display: block;*/
        /*width: 100%;*/
        /*text-align: center;*/
        /*margin-top: 10px;*/
        /*margin-bottom: 15px;*/
    /*}*/
    /*.yc-linkblock .bottom-telphone {*/
        /*width: 100%;*/
        /*margin-bottom: 1rem;*/
    /*}*/

    /*.yc-linkblock .bottom-telphone p:nth-child(1) {*/
        /*font-size: 18px;*/
        /*margin-top: 0;*/
        /*margin-left: 0;*/
        /*text-align: center;*/
        /*display: inline-block;*/
    /*}*/

    /*.yc-linkblock .bottom-telphone p:nth-child(2) {*/
        /*font-size: 18px;*/
        /*margin-top: 0;*/
        /*margin-left: 0;*/
        /*display: inline-block;*/
    /*}*/
}
@media(max-width:768px){
    .navbar-header .conpany-name {
        font-size: 15px;
    }
}
@media (max-width:767px) {
    .banner{
        height: 150px;
    }
    .block-imgbar{
        height: 150px;
    }
    .navbar{
        min-height: 50px;
    }
    .navbar-nav{
        margin: 0 -15px;
    }
    .navbar-brand{
        line-height: 50px;
        height: 50px;
        width: 30px;
        margin-right: 5px;
    }
    .navbar-brand .logo-img{
        left: 0px;
    }
    /*.navbar-brand > img{*/
        /*width: 30px;*/
    /*}*/
    .navbar-header .conpany-name{
        font-size: 14px;
        line-height: 50px;
        font-weight: bolder;
    }
    .block-aboutChooseUs .chooseBlock{
        width: 49%;
    }
    .swiper-slide{
        background-size: 100% 100%;
    }
    .nav-tabs > li > a{
        border-radius: 4px;
    }
    .navbar-collapse {
        width: 100%;
        background-color: #ffffff;
    }
    .bar-leftProductList .active {
        background-color: rgba(139,220,205,0.1);
    }
    .bar-leftProductList .active a{
        color:#007cc3 ;
    }
    /*.block-mainContent{*/
        /*min-height: auto;*/
    /*}*/
    #pic1 img,#pic2 img{
        width: 140px;
        height: 140px;
    }
    .picutremany-buttonblockname{
        width: 120px;
    }
    .footer .footer-secondBar .footer-product{
        width: 50%;
    }
    .footer .footer-left,.footer .footer-right{
        width: 100%;
    }
    .footer .footer-thirdBar .addUs ul li{
        margin-top: 15px;
        text-align: center;
    }
}
.weixin{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 100%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    position: relative;

}

/*以下是对bootstrap中tooltip的默认属性进行重新设定*/
.tooltip-inner{
    width:150px;
    color:#000000;
    font-weight: bold;
    font-size: 1.2em;
    padding: 4px;
    background-color: #fff;
    margin-right: 15px;
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #fff;
}
.table{
    table-layout: fixed;
}
.table td:hover{
    overflow: visible;
    white-space: normal;
}
.table td {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.marginB40{
    margin-bottom: 40px;
}
.custom-link{
    display: inline-block;
}
.custom-link a{
    word-break: break-all;
}
.custom-link .link-item{
    margin-bottom: 10px;
}
.img-alibaba{
    width: 145px;
}
.pointer{
    cursor: pointer;
}