@charset "utf-8";

section #container {

    width: 100%;

    height: 500px;

    overflow: hidden;

    z-index: 1;

}

section .sections,.section {

    height:100%;

}

section #container,.sections {

    position: relative;

}

section .section {

    background-color: #000;

    background-size: cover;

    background-position: 50% 50%;

    text-align: center;

    color: white;

}

.pages.horizontal {

    width:20px;

    left: 85%;

    top: 30%;

}

.pages.vertical {

    width: 20px;

    left: 75%;

    top: 50%;

}

.pages li{

    width:20px;

    height:20px;

    margin:10px 0;

}

.pages li.active{

    background-color:#00bdff;

    box-shadow:0 0 5px 2px #00bdff;

}

/*专题头的样式*/

section .subject{

    width: 930px;

    height: 50px;

    margin: 30px auto 10px;

    text-align: center;

    position: relative;

}

section .subject i{

    width: 329px;

    border-top:1px solid #000;

}

section .subject .box{

    width:270px;

    height:60px;

    text-align: center;

    background: #fff;

    position: absolute;

    top:-30px;

    left:50%;

    margin-left: -135px;

    border-right: 1px solid #000;

    border-left: 1px solid #000;

}

section .subject .box h2{

    font-size: 24px;

    font-weight: normal;

    color:#1d6eb0;

    padding-bottom: 5px;

}

section .subject .box p{

    font-size: 18px;

}

/**************了解****************/

section .understand{

    width: 1270px;

    height: 187px;

    margin: 0 auto;

    border: 1px solid #d2d2d2;

    position: absolute;

    top: 700px;

    left: 50%;

    z-index: 9;

    padding:15px 0;

    box-sizing: border-box;

    margin-left: -635px;

    background: url(/static/images/shijian.png) no-repeat;

}

section .understand .time-w{

    padding:0 65px;

    height:125px;

}

section .understand .time{

    position: relative;

}

section .understand .time img{

    z-index: 2;

    position: absolute;

}

section .understand .time span{

    height: 63px;

    width: 345px;

    text-align: center;

    line-height: 63px;

    font-size: 28px;

    color: #fff;

    background: #00bdff;

    position: absolute;

    left: 94px;

    top: 27px;

    z-index: 0;

    border-radius: 10px;

}

section .understand .advantage{

    width:600px;

    overflow: hidden;

}

section .understand .advantage li{

    float: left;

    width:33.3%;

    text-align: center;

}

section .understand .advantage li div{

    width:100%;

    height:80px;

    line-height: 80px;

    text-align: center;

}

section .understand .advantage li h4{

    font-weight: normal;

    color:#4d4d4d;

    font-size:15px ;

}

section .understand .search{

    height: 46px;

    line-height: 46px;

    background: #33abff;

}

section .understand .search .left{

    padding-left: 20px;

    color:#fff;

}

section .understand .search .left a{

    color:#fff;

    padding-right: 15px;

}

section .understand .search .right{

    width:390px;

    height:48px;

    line-height: 48px;

    border:1px solid #c9d7e0;

    border-bottom-left-radius: 10px;

    border-top-left-radius: 10px;

    background: #c8d9e4;

    background: -ms-linear-gradient(top, #e8f0f5,  #c8d9e4);        /* IE 10 */

    background:-moz-linear-gradient(top,#e8f0f5,#c8d9e4);/*火狐*/

    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e8f0f5), to(#c8d9e4));/*谷歌*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8f0f5), to(#c8d9e4));      /* Safari 4-5, Chrome 1-9*/

    background: -webkit-linear-gradient(top, #e8f0f5, #c8d9e4);   /*Safari5.1 Chrome 10+*/

    background: -o-linear-gradient(top, #e8f0f5, #c8d9e4);  /*Opera 11.10+*/

}

section .understand .search .right input{

    width:270px;

    border:1px solid #c9d7e0;

    margin-left: 10px;

    height:30px;

    line-height: 30px;

    margin-bottom: 5px;

    padding-left: 10px;

    font-size: 16px;

    border-radius:5px;

}

section .understand .search .right button{

    width:90px;

    height:33px;

    line-height: 33px;

    border:1px solid #c9d7e0;

    color:#fff;

    border-radius:5px;

    background: #0b69ae;

    cursor: pointer;

    background: -ms-linear-gradient(top, #b3e0fc,  #0b69ae);        /* IE 10 */

    background:-moz-linear-gradient(top,#b3e0fc,#0b69ae);/*火狐*/

    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b3e0fc), to(#0b69ae));/*谷歌*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3e0fc), to(#0b69ae));      /* Safari 4-5, Chrome 1-9*/

    background: -webkit-linear-gradient(top, #b3e0fc, #0b69ae);   /*Safari5.1 Chrome 10+*/

    background: -o-linear-gradient(top, #b3e0fc, #0b69ae);  /*Opera 11.10+*/

}

/***********用心服务*************/

section .care{

    width:100%;

    height:300px;

    margin:220px 0 0 0;

    background: url(/static/images/b16.png) no-repeat;

}

section .care .care-w{

    width: 1270px;

    height: 100%;

    position: relative;

    overflow: visible;

}

section .care .care-w .icon{

    width: 350px;

    height: 380px;

    background: url(/static/images/wom.png) no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: -45px;

}

section .care .care-w .care-e{

    padding-left: 400px;

    color:#fff;

}

section .care .care-w .care-e h2{

    line-height: 50px;

    font-size: 30px;

    padding-top: 20px;

    border-bottom:2px solid #566e6e;

    font-weight: normal;

    position: relative;

}

section .care .care-w .care-e h2 span{

    font-size: 20px;

}

section .care .care-w .care-e h2 i{

    width: 120px;

    height: 5px;

    background: #e60012;

    border-radius: 3px;

    border: 1px solid #e60012;

    position: absolute;

    left: 0;

    bottom: -4px;

}

section .care .care-w .care-e .border-box{

    border-right:1px solid #e60012;

    margin-top: 30px;

    padding-top: 20px;

    position: relative;

}

section .care .care-w .care-e .border-box p{

    padding-bottom: 20px;

    text-indent: 20px;

    font-size:14px ;

    line-height: 20px;

}

section .care .care-w .care-e .border-box .up{

    position: absolute;

    top: 0;

    right: 0;

    width: 390px;

    color: #e60012;

    border-top: 1px solid #e60012;

}

section .care .care-w .care-e .border-box i{

    font-style: normal;

    font-size: 70px;

    position: absolute;

    top: -51px;

    left: -5px;

}

section .care .care-w .care-e .border-box .down{

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    color: #e60012;

    border-top: 1px solid #e60012;

}

section .care .care-w .care-e .border-box .mian{

    position: absolute;

    right: 15px;

    bottom: -12px;

    border: 1px solid #e60012;

    border-radius: 10px;

    color: #e60012;

    font-size: 16px;

    background: #fff;

    padding: 2px 20px;

}

section .care .care-w .care-e .border-box .mian:hover{

    color:#fff;

    background: #e60012;

}





/*********************5大理由*************************/

section .reason{

    padding-top: 40px;

}

section .reason .why{

    width: 470px;

    margin: 40px auto 50px;

    text-align: center;

}

section .reason .why i{

    font-style: italic;

    font-size: 77px;

    color: #5ab5ff;

    font-weight: bold;

}

section .reason .why div span{

    font-size: 25px;

    color: #5ab5ff;

    padding: 15px 0 0 20px;

}

section .reason .why div p{

    font-size: 27px;

    color:#c80000;

}

section .reason .subject .box{

    width: 360px;

    margin-left: -180px;

}

section .reason .subject .box h2{

    padding-top: 12px;

}

section .reason .wu-list {

    width:1270px;

    overflow: hidden;

    margin:70px auto;

}

section .reason .wu-list li{

    float: left;

    width:20%;

    text-align: center;

}

section .reason .wu-list li .box-w{

    width:100%;

    text-align: center;

    border-right: 1px solid #8b8b8b;

    position: relative;

}

section .reason .wu-list li .box-w .img-b{

    width:142px;

    height:142px;

    text-align: center;

    line-height: 142px;

}

section .reason .wu-list li div img{

    border:1px solid #8b8b8b;

    border-radius: 50%;

    box-sizing: border-box;

}

section .reason .wu-list li div img:hover{

    border:5px solid #5ab5ff;

    box-sizing: border-box;

}

section .reason .wu-list li div h2{

    font-size: 18px;

    font-weight: normal;

    color:#0087ee;

    line-height: 50px;

}

section .reason .wu-list li p {

    width: 75%;

}

section .reason .wu-list li div .bor{

    height: 50px;

    width: 1px;

    border: 1px solid #464646;

    position: absolute;

    right: -2px;

    top: 0;

    background: #464646;

}



/**********************质优 ********************/

section .good-q{

    padding-top: 40px;

}

section .good-q .good-quality{

    width:1270px;

    margin:50px auto;

}

section .good-q .good-quality .classify{

    width:280px;

    text-align: center;

}

section .good-q .good-quality .classify h2{

    height:85px;

    line-height: 85px;

    color:#fff;

    font-size: 22px;

    padding-left: 20px;

    background: #19b1ff;

    position: relative;

}

section .good-q .good-quality .classify h2 i{

    width: 50px;

    height: 50px;

    background: url(/static/images/b17.png) no-repeat;

    position: absolute;

    left: 22px;

    top: 20px;

}

section .good-q .good-quality .classify h2 .i-2{

    background: url(/static/images/b18.png) 0 8px no-repeat;

}

section .good-q .good-quality .classify h2 .i-3{

    background: url(/static/images/b19.png) no-repeat;

}

section .good-q .good-quality .classify ul li{

    height:44px;

    line-height: 44px;

    font-size: 18px;

    color:#3d3d3d;

    background: #e8e8e8;

    box-shadow:-2px 0 1px #afafaf inset, /*左边阴影*/

    0 -2px 1px #afafaf inset;/*顶部阴影*/

    cursor: pointer;

}

section .good-q .good-quality .classify ul li a{

    display: inline-block;

    margin: 0 10px;

}

section .good-q .good-quality .classify ul li:hover{

    background: #fff;

    color:#0087ee;

}

section .good-q .tj_submain li{

    text-align: center;

}



section .good-q .good-quality .classify .two-col {

    overflow: hidden;

}

section .good-q .good-quality .classify .two-col li{

    float: left;

    width: 50%;

}



section .good-q .tj_submain span{

    width:210px;

    position:absolute;

    top:0;

    left:280px;

    opacity: 0.9;

    z-index:1;

    background: #fff;

    display:none;

    box-sizing: border-box;

    border:1px solid #afafaf;

}

section .good-q .tj_submain span a{

    display:block;

    font-size: 14px;

    text-align: left;

    background: #fff;

    padding-left: 20px;

    margin: 0 20px;

    border-bottom: 1px dashed #dfdfdf;

    position: relative;

}

section .good-q .tj_submain span b{

    text-align: left;

    font-size: 18px;

    color: #3a2864;

    display: block;

    width: 100%;

    font-weight: normal;

    background: #f5f5f5;

    padding-left: 40px;

    box-sizing: border-box;

    border-bottom:1px solid #b9b9b9;

}

section .good-q .tj_submain span a i{

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: red;

    position: absolute;

    top: 16px;

    left: 0;

    opacity: 0;

}

section .good-q .tj_submain span a:last-child{

    border-bottom: 0;

}

section .good-q .good-quality .detail{

    width:970px;

    height:100%;

}

section .good-q .good-quality .detail .banner{

    height:380px;

    border:1px solid #eee;

    background: url(/static/images/b10.png) no-repeat;

}

section .good-q .good-quality .detail .banner .banner-i{

    width: 360px;

    height: 380px;

    line-height: 380px;

    text-align: center;

    font-size: 0;

    background: rgba(255,255,255,0.1);

}

section .good-q .good-quality .detail .banner .banner-i img{

    max-width: 100%;

    max-height: 100%;

}

section .good-q .good-quality .detail .banner  .banner-text{

    color:#fff;

    padding:25px;

    width: 550px;

}

section .good-q .good-quality .detail .banner  .banner-text h2{

    font-weight: normal;

    font-size: 24px;

    border-bottom: 1px solid #fff;

    padding-bottom: 10px;

    position: relative;

}

section .good-q .good-quality .detail .banner  .banner-text h2 span{

    font-size: 18px;

}

section .good-q .good-quality .detail .banner  .banner-text h2 i{

    width: 100px;

    height: 5px;

    background: red;

    border-radius: 5px;

    position: absolute;

    left: 0;

    bottom: -3px;

}

section .good-q .good-quality .detail .banner  .banner-text .padding-l{

    padding-left: 50px;

}

section .good-q .good-quality .detail .banner  .banner-text p{

    font-size: 14px;

    line-height: 35px;

    width: 500px;

    text-align: left;

    margin-left: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

section .good-q .good-quality .detail .banner .banner-text .hot-p{

    padding-top: 30px;

    font-size: 24px;

    width: 600px;

}

section .good-q .good-quality .detail .banner .banner-text .hot-p a{

    background: red;

    border-radius: 10px;

    padding: 5px 20px;

    color: #fff;

    font-weight: normal;

    font-size: 16px;

    border:1px solid red;

    margin-left: 10px;

}

section .good-q .good-quality .detail .banner .banner-text .hot-p a:hover{

    color:red;

    background: #fff;

}

section .good-q .good-quality .detail .detail-list li{

    float: left;

    width: 33.29%;

    height: 385px;

    box-sizing: border-box;

    position: relative;

}

section .good-q .good-quality .detail .detail-list li .box{

    height:360px;

    text-align: center;

    border: 1px solid #c3c3c3;

}

section .good-q .good-quality .detail .detail-list li .img-box{

    width:100%;

    height:268px;

    line-height: 268px;

    text-align: center;

}

section .good-q .good-quality .detail .detail-list li .img-box img{

    max-height: 100%;

    max-width: 100%;

}

section .good-q .good-quality .detail .detail-list li .img-box img:hover{

    transform: scale(1.1);

    transition:all 0.6s;

}

section .good-q .good-quality .detail .detail-list li h2{

    font-size: 15px;

    color: #414141;

    width: 300px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin-top: 15px;

}

section .good-q .good-quality .detail .detail-list li p{

    width:220px;

    color:#7c7c7c;

    text-align: left;

    padding-top: 15px;

}

section .good-q .good-quality .detail .detail-list li .more{

    width: 147px;

    height: 45px;

    text-align: center;

    font-size: 16px;

    line-height: 45px;

    display: block;

    color: red;

    background: #fff;

    border:1px solid #c3c3c3;

    position: absolute;

    left: 50%;

    top: 335px;

    margin-left: -75px;

}

section .good-q .good-quality .detail .detail-list li .more .triangle-up {

    width: 0;

    height: 0;

    display: inline-block;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 10px solid red;

    position: absolute;

    left: 50%;

    top: 40px;

    margin-left: -5%;

}





/********************品质 赢天下********************/

section .quality{

    margin-top: 80px;

}

section .quality .quality-w{

    background: url(/static/images/quality.png) no-repeat;

    height:475px;

    margin-top: 25px;

}

section .quality .quality-w .absorbed{

    width:1270px;

    margin:0 auto;

}

section .quality .quality-w .absorbed table{

    width:100%;

    border-collapse: collapse;

}

section .quality .quality-w .absorbed table td{

    width:25%;

    height:60px;

    line-height: 60px;

    font-size: 18px;

    text-align: center;

    background: #eee;

    border:1px solid #8a8a8a;

    cursor: pointer;

}

section .quality .quality-w .absorbed table td.select{

    background: #e60012;

    color:#fff;

}

section .quality .quality-w .absorbed .effect{

    display: none;

    height:320px;

    background: #fff;

    border:1px solid #8a8a8a;

    border-top: 0;

}

section .quality .quality-w .absorbed .effect:first-child{

    display: block;

}

section .quality .quality-w .absorbed .effect .suggest{

    width:535px;

    height:100%;

    background: #f3f7f9;

    border-right: 1px solid #8a8a8a;

    padding:50px 0 0 40px;

}

section .quality .quality-w .absorbed .effect .suggest h3{

    font-size: 26px;

    line-height: 45px;

}

section .quality .quality-w .absorbed .effect .suggest h3 i{

    width: 300px;

    padding: 5px 0;

    margin-left: 10px;

    border-top: 1px solid #8a8a8a;

}

section .quality .quality-w .absorbed .effect .suggest p{

    font-size: 18px;

    line-height: 30px;

}

section .quality .quality-w .absorbed .effect .suggest-img{

    width:692px;

    height:100%;

    text-align: center;

    line-height: 100%;

}

section .quality .quality-w .absorbed .effect .suggest-img img{

    max-width: 100%;

    max-height: 100%;

}

section .quality .quality-w .absorbed .link{

    padding:30px 0;

}

section .quality .quality-w .absorbed .link a{

    color:#fff;

    padding-right: 20px;

    font-size: 16px;

}

section .quality .quality-w .absorbed .link a:hover{

    color:#0a58b3;

}

section .quality .quality-w .absorbed .hot-p{

    float: right;

    font-size: 18px;

    color: #fff;

    font-weight: bold;



}

section .quality .quality-w .absorbed .hot-p a{

    background: red;

    border-radius: 10px;

    padding: 5px 20px;

    color: #fff;

    font-weight: normal;

    font-size: 16px;

    margin-left: 10px;

    border:1px solid red;



}

section .quality .quality-w .absorbed .hot-p a:hover{

    background: #ffffff;

    color:red;

}

/*********************客户见证********************/

section .customer{

    width:1270px;

    margin:80px auto;

}

section .customer .anli {

    position: relative;

    margin-top: 50px;

}

section .customer .anli .more{

    position: absolute;

    right:0;

    top:-38px;

    color:#fff;

    padding:5px 15px;

    border-radius: 10px;

    background: #0087ed;

}

section .customer .anli .more:hover{

    background: #fff;

    color:#0087ed;

    border:1px solid #0087ed;

}

section .customer .anli ul {

    border-top: 1px dashed #000;

    overflow: hidden;

    padding:0 110px;

}

section .customer .anli ul li{

    float: left;

    line-height: 50px;

    width:20%;

    font-size: 16px;

}

section .customer .anli ul li a{

    display: inline-block;

    width:100%;

    text-align: center;

}

/*列表轮播*/

.scroll-outer{

    margin-top: 20px;

    height: 250px;

    background:#0087ee;

    overflow: hidden;

}

#scroll{

    width:1080px;

    margin:0 auto;

    padding-top:30px;

}

#scroll .owl-wrapper-outer{

    margin:0 auto;

}

#scroll .owl-item{

    display: inline-block;

}

#scroll .item{

    position: relative;

    width: 200px;

    height:200px;

    text-align: center;

    margin: 0 auto;

    overflow: hidden;

    display: inline-block;

}

#scroll .item .img-box{

    width: 160px;

    height: 160px;

    line-height: 160px;

    font-size: 0;

    overflow: hidden;

    text-align: center;

    background: #fff;

    border-radius: 40px;

}

#scroll .item .img-box img{

    max-width: 100%;

    max-height: 100%;

}

#scroll .shd{

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

}

#scroll .shd a{

    display:block;

    width:200px;

    height:200px;

}

#scroll .txt{

    position:absolute;

    left:0;bottom:0;

    text-align: center;

}

#scroll h3{

    width:200px;

    overflow:hidden;

}

#scroll h3 a{

    color: #fff;

    font-size: 14px;

    font-weight: normal;

    text-decoration: none;

    width: 200px;

    text-align: center;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.owl-theme .owl-controls .owl-buttons div{

    position: absolute;

    top: 90px;

    width: 30px;

    height: 60px;

    margin: 0;

    cursor: pointer;

    color: #fff;

    padding: 0;

    border-radius: 0;

    font: 60px/60px "宋体";

    background-color: transparent;

    overflow: hidden;

    _display: none;

}

.owl-theme .owl-controls .owl-buttons .owl-prev{left:-50px;}

.owl-theme .owl-controls .owl-buttons .owl-next{right:-50px;}

.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}

.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}



section  .customer  .consult{

    width:100%;

    height: 590px;

}

section  .customer  .consult .core .con h2{

    position: relative;

    font-size: 24px;

    border-bottom:1px solid #2c8ed2;

    text-align: left;

    height:65px;

    line-height: 65px;

    padding-left: 70px;

    background: url(/static/images/qiu.png) 2px no-repeat;

}

section .customer .consult .core .dynamic .new .first{

    overflow: hidden;

}

section .customer .consult .core .dynamic .new .more-link{

    position: relative;

    top: 34px;

}

section  .customer  .consult .core .con h2 .more-d{

    position: absolute;

    right: 0;

    bottom: 10px;

}

section .customer .consult .core .dynamic .new .more-d{

    position: absolute;

    right: 0;

    bottom: 0;

}

section  .customer  .consult .core .dynamic{

    padding:10px 0;

}

section  .customer  .consult .core .dynamic ul.change li{

    background: #a0a0a0;

    color:#fff;

    font-size: 20px;

    float: left;

    padding:5px 20px;

    margin-right: 5px;

    cursor: pointer;

}

section  .customer  .consult .core .con{

    width: 800px;

}

section  .customer  .consult .core .dynamic ul.change li:hover,

section  .customer  .consult .core .dynamic ul.change li.select{

    background: #2c8ed2;

}

section  .customer  .consult .core .dynamic .new{

    padding-top: 20px;

}

section  .customer  .consult .core .dynamic .new .new-img{

    width: 203px;

    height: 124px;

    line-height: 124px;

    text-align: center;

    font-size: 0;

    border: 1px solid #aaa;

}

section  .customer  .consult .core .dynamic .new .new-img img{

    max-width:100%;

    max-height:100%;

}

section  .customer  .consult .core .dynamic .new .new-text{

    width: 595px;

    padding-left: 15px;

    box-sizing: border-box;

}

section  .customer  .consult .core .dynamic .new .new-text a{

    display: block;

    line-height: 33px;

}

section  .customer  .consult .core .dynamic .new .new-text h3{

    color: #0badf8;

    font-size: 19px;

    line-height: 30px;

    width: 455px;

    margin-right:15px;

    float: left;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

section  .customer  .consult .core .dynamic .new .new-text a time{

    color: #0badf8;

    font-size: 19px;

}

section  .customer  .consult .core .dynamic .new .new-text p{

    color:#303131;

    font-size: 15px;

    line-height: 25px;

    text-align: justify;

}

section  .customer  .consult .core .dynamic .new .new-text .more-l{

    color:red;

}

section  .customer  .consult .core .con{

    position: relative;

    margin: 0;

}

section  .customer  .consult .core .lise-t{

    border-top: 1px solid #929292;

    margin-top: 20px;

    padding-top: 20px;

    float: left;

    width: 820px;

}

section  .customer  .consult .core .lise-t li{

    float: left;

    width: 400px;

    box-sizing: border-box;

    font-size: 14px;

    padding-right: 10px;

    margin-right: 10px;

}

section  .customer  .consult .core .lise-t li a{

    display: block;

    width: 100%;

    height: 50px;

    font-size: 14px;

    color: #656565;

    line-height: 50px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

section  .customer  .consult .core .lise-t li a:hover{

    color:#27b0ff;

}

section  .customer  .consult .core .lise-t li a p{

    width:300px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;



}

section  .customer  .consult .core .lise-t li a .dian{

    width:15px;

    height:14px;

    border-radius: 50%;

    background:#27b0ff ;

    display: inline-block;

    margin-right: 10px;

}

section  .customer  .consult .core{

    position: relative;

    overflow: visible;

}

section  .customer  .consult .core .answer{

    width:400px;

    height:615px;

    background: #6ac2ff;

    position: absolute;

    right:0;

    top:-30px;

}

section  .customer  .consult .core .answer h2{

    background: #1d95f1;

    height:95px;

    line-height: 95px;

    color:#fff;

    text-align: left;

    padding-left: 15px;

    position: relative;

}

section  .customer  .consult .core .answer h2 a{

    position: absolute;

    right:10px;

    bottom:25px;

}

section  .customer  .consult .core .answer h2 i{

    width:0;

    height:0;

    border-left:10px solid transparent;

    border-bottom:30px solid #0a58b3;

    position: absolute;

    top:0;

    left:-10px;

}

section  .customer  .consult .core .answer h2 i.jiaor{

    border-right:10px solid transparent;

    border-left:0 solid transparent;

    border-bottom:30px solid #0a58b3;

    left:400px;

}

section  .customer  .consult .core .answer ul li{

    padding:20px 20px;

    border-bottom:1px solid  #26b3ff;

}

section  .customer  .consult .core .answer ul li h3{

    font-size: 18px;

    color: #fff;

    background: url(/static/images/wen.png) 0 5px no-repeat;

    padding:0 0 10px 25px;

}

section  .customer  .consult .core .answer ul li p{

    font-size: 14px;

    color:#fff;

    line-height: 30px;

    background: url(/static/images/tel02.png) 0 5px no-repeat;

    padding-left: 25px;

}

section  .customer  .consult .core .answer .answer-logo{

    display: inline-block;

    background: url(/static/images/shu.png) 0 0px no-repeat;

    background-size: 100%;

    width: 75px;

    height: 75px;

    vertical-align: middle;

    margin-right: 10px;

}

/*文字无缝对接*/

.ranklist {

    height:520px;

    overflow: hidden;

}



/***********************走进脂大师**************************/

section .enter{

    width:1270px;

    height:630px;

    text-align: center;

    position: relative;

    margin: 0 auto 0;

    padding-top: 30px;

    background: url(/static/images/zoujin.png) no-repeat;

}

section .enter .subject{

    color:#fff;

}

section .enter .subject .box{

    background: transparent;

    border-right: 1px solid #fff;

    border-left: 1px solid #fff;

}

section .enter .subject i{

    border-top: 1px solid #fff;

}

section .enter .subject h2{

    color:#fff;

}

section .enter .video-box{

    width: 640px;

    height: 360px;

    text-align: center;

    margin: 0 auto 40px;

    border: 14px solid #000;

}

section .enter .video{

    width: 100%;

    height: 100%;

    font-size: 0;

}

section .enter .zoujin{

    border:1px solid #fff;

    color:#fff;

    padding:5px 20px;

    border-radius: 10px;

    font-size: 16px;

}

section .enter .zoujin:hover{

    color:#2c8ed2;



}

section .enter  .hot-p{

    position: absolute;

    right:75px;

    font-size: 18px;

    color:#fff;

}

section .enter  .hot-p a{

    background: red;

    border-radius:10px;

    padding:5px 20px;

    color:#fff;

    font-weight: normal;

    font-size: 16px;

    margin-left: 10px;

    border:1px solid red;

}

section .enter  .hot-p a:hover{

    color:red;

    background: #fff;

}

/******************品牌实力***********************/

section .strength{

    width:1270px;

    margin:0 auto;

    padding:80px 0;

}

section .strength .brand{

    overflow: hidden;

    margin-top:50px;

    -moz-box-shadow: 3px 3px 3px #cfcfcf; /* 老的 Firefox */

    box-shadow: 3px 3px 3px #cfcfcf;

}

section .strength .brand li{

    float: left;

    width:16.66%;

    text-align: center;

    border:1px solid #eee;

}

section .strength .brand li:hover{

    border:1px solid #26b3ff;

}

section .strength .brand li a span{

    padding:20px 0 30px 0;

    font-size: 16px;

}

section .strength .brand li a div{

    width:100%;

    height:195px;

    line-height: 195px;

    text-align: center;

}

section .strength .brand li a div img{

    max-height: 100%;

    max-width: 100%;

    overflow: hidden;

}

section .strength .brand li a div img:hover{

    transform:rotate(360deg);

    -moz-transform:rotate(360deg); /* Firefox 4 */

    -webkit-transform:rotate(360deg); /* Safari and Chrome */

    -o-transform:rotate(360deg); /* Opera */

    transition: all 1s;

}



/****************专题*******************/

section .special{

    width:100%;

    background: url(/static/images/yin.png) no-repeat;

    background-size: 100% 100% ;

    padding-top: 50px;

}

section .special .subject .box{

    background: transparent;

}

section .special .special-w{

    width:1270px;

    margin:0 auto;

    overflow: hidden;

    padding:45px 0 0 0;

    position: relative;

}

section .special .border{

    width: 1200px;

    margin: 0 auto;

    display: block;

    border-top: 1px solid #000;

}

section .special .special-w .index{

    position: absolute;

    width: 100%;

    top: 20px;

}

section .special .special-w ul{

    float: left;

    width: 13.9%;

    margin: 0 15px;

    text-align: center;

}

section .special .special-w ul li{

    line-height: 35px;

}

section .special .special-w ul li a{

    color:#424242;

    font-size: 13px;

}

section .special .special-w ul li a:hover{

    color: #019eef;

}

section .special .special-w ul li:first-child{

    color:#fff;

    background:#0087ee ;

    font-size: 18px;

}

section .special .special-w .friendship{

    border-top:1px dashed #000;

    margin-top: 270px;

    line-height: 80px;

}

section .special .special-w .friendship a{

    margin-left: 30px;

}

section .special .special-w .friendship  .apply{

    width: 134px;

    background:url(/static/images/ay.png) center center no-repeat ;

    font-size: 16px;

    text-align: center;

}

section .top-banner{

    position: relative;

    text-align: center;

    min-height: 260px;

    background-color: #f9f9f9;

}

section .top-banner img{

    max-width: 100%;

}

/*strength*/

section .str {

    width:970px;

    height:120px;

    margin:0 auto;

    padding-left: 300px;

    overflow: visible;

    position: relative;

}

section .strfull{

    width:1270px;

    height:120px;

    margin:0 auto;

    overflow: visible;

    position: relative;

}

section .str .me{

    width:280px;

    background:#00a0e9 ;

    color:#fff;

    box-sizing: border-box;

    padding:20px;

    position: absolute;

    top:-105px;

    left: 0;

    z-index: 999;

}

section .str .me h2{

    font-size: 30px;

}

section .str .me span{

    font-size: 25px;

    padding-bottom:20px;

}

section .str .me p{

    font-size: 30px;

}

section .bcn-search{



}

section .bcn-search .y-add{

    line-height: 70px;

    width: 545px;

    font-size: 16px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

section .bcn-search .y-add span{

    display: inline;

}

section .bcn-search .search{

    width: 400px;

    height: 48px;

    line-height: 48px;

    border: 1px solid #c9d7e0;

    border-radius: 10px;

    margin: 10px 0;

    background: #c8d9e4;

    background: -ms-linear-gradient(top, #e8f0f5, #c8d9e4);

    background: -moz-linear-gradient(top,#e8f0f5,#c8d9e4);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#e8f0f5), to(#c8d9e4));

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8f0f5), to(#c8d9e4));

    background: -webkit-linear-gradient(top, #e8f0f5, #c8d9e4);

    background: -o-linear-gradient(top, #e8f0f5, #c8d9e4);

}

section .bcn-search .search input{

    width: 270px;

    border: 1px solid #c9d7e0;

    margin-left: 10px;

    height: 30px;

    line-height: 30px;

    margin-bottom: 5px;

    padding-left: 10px;

    font-size: 16px;

    border-radius: 5px;

}

section .bcn-search .search button{

    width: 90px;

    height: 33px;

    line-height: 30px;

    border: 1px solid #c9d7e0;

    color: #fff;

    margin-left: 10px;

    border-radius: 5px;

    background: #0b69ae;

    cursor: pointer;

    background: -ms-linear-gradient(top, #b3e0fc, #0b69ae);

    background: -moz-linear-gradient(top,#b3e0fc,#0b69ae);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#b3e0fc), to(#0b69ae));

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3e0fc), to(#0b69ae));

    background: -webkit-linear-gradient(top, #b3e0fc, #0b69ae);

    background: -o-linear-gradient(top, #b3e0fc, #0b69ae);

}

section .brand{

    width:1270px;

    margin:0 auto;

}

section .brand p{

    font-size: 16px;

    line-height: 2;

    margin: 15px 0;

    text-align: justify;

    text-indent: 2em;

}

section .brand .img-t .video-box{

    height: 542px;

    background: url(/static/images/b20.png) no-repeat;

    padding: 70px 0;

    margin:30px 0;

}

section .brand .img-t .video-box .video{

    width:960px;

    height:540px;

    margin:0 auto;

    border:10px solid #000;

    background: url(/static/images/b21.png) center center no-repeat;

    background-size: 100%;

}

section .brand .img-t .img-tu{

    overflow: hidden;

    margin-top: 30px;

}

section .brand .img-t .img-tu li{

    float: left;

    width:33.3%;

    text-align: center;

    /*padding:0 10px;*/

    box-sizing: border-box;

}

section .brand .img-t .img-tu li:first-child+li{

    padding:0 10px;

    box-sizing: border-box;

}

section .brand .img-t .img-tu li div{

    width:400px;

    height:250px;

}

section .brand .img-t .img-tu li div img{

    width: 100%;

    height: 100%;

}

section .brand .img-t .img-tu li div img:hover{

    transition: all 0.6s;

    transform: scale(1.1);

}

section .brand .strength-z{

    margin:30px 0;

}

section .brand .strength-z .left{

    width:640px;



}

section .brand .strength-z .left h2{

    font-size: 25px;

    line-height: 50px;

    color:#4c4d4d;

    font-weight: normal;

    border-bottom: 15px solid #019eef;

}

section .brand .strength-z .left span{

    background: #019eef;

    color:#fff;

    font-size: 30px;

    padding:0 30px 15px 30px;

}

section .brand .strength-z .left a{

    display: block;

    float: right;

    font-size: 18px;

    background: #019eef;

    color:#fff;

    padding:5px 20px ;

    border-radius: 15px;

    border:1px solid #019eef;

}

section .brand .strength-z .left a:hover{

    color:#019eef;

    background: #fff;

}

section .brand .strength-z .right{

    width:600px;

    height:300px;

    line-height: 300px;

    text-align: center;

}

section .brand .strength-z .right img{

    max-width: 100%;

    max-height: 100%;

}

section .zi-zhi{

    width:1270px;

    margin:0 auto;

    padding-bottom: 30px;

}

section .zi-zhi ul{

    overflow: hidden;

    margin:30px 0;

}

section .zi-zhi ul li{

    width:25%;

    text-align: center;

    float: left;

}

section .zi-zhi ul li div{

    height:360px;

    line-height: 360px;

    border:1px solid #eee;

    margin: 0 10px;

    text-align: center;

    font-size: 0;

}

section .zi-zhi ul li div img{

    max-width: 100%;

    max-height:100%;

}

section .groom-c{

    width:1270px;

    margin:0 auto;

    padding-bottom: 50px;

}

section .groom-c ul{

    overflow: hidden;

    border:1px solid #dedede;

    padding:20px;

    box-sizing: border-box;

}

section .groom-c ul li{

    float: left;

    width:25%;

    text-align: center;

}

section .groom-c ul li a{

    display: block;

}

section .groom-c ul li .img-box{

    width:215px;

    height:195px;

    margin:0 auto;

    text-align: center;

    border:1px solid #dedede;

    padding:10px;

    box-sizing: border-box;

}

section .groom-c ul li .img-box img{

    max-width: 100%;

    max-height: 100%;

}

section .groom-c ul li .img-box img:hover{

    transition: all 0.6s;

    transform: scale(1.1);

}



section .groom-c ul li h2{

    font-size: 18px;

    font-weight: normal;

    padding: 25px 0;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

section .groom-c ul li .link-a{

    width:215px;

    margin:0 auto;

}

section .groom-c ul li .link-a a{

    background:#a0a0a0 ;

    color:#fff;

    font-size: 16px;

    padding:3px 8px;

    border-radius: 10px;

    border:1px solid transparent;

}

section .groom-c ul li .link-a a.left{

    background: #019eef;

}

section .groom-c ul li .link-a a.left:hover{

    border:1px solid #019eef;

    color:#019eef;

    background: #fff;

}

section .groom-c ul li .link-a a.right:hover{

    border:1px solid #a0a0a0;

    color:#a0a0a0;

    background: #fff;

}

section .groom-n{

    width:1270px;

    margin:0 auto;

    padding-bottom: 50px;

}

section .groom-n .r-groom{

    width:460px;

    border-left:1px dashed #5b5b5b;

    padding-left: 35px;

    box-sizing: border-box;

    min-height: 215px;

}

section .groom-n .r-groom i{

    width:15px;

    height:15px;

    border-radius: 50%;

    margin-bottom: 8px;

    background: #019eef;

    display: inline-block;

}

section .groom-n .r-groom ul li{

    line-height: 30px;

}

section .groom-n .r-groom ul li a{

    font-size: 16px;

    display: inline-block;

    color:#656565;

    padding-left: 10px;

    line-height: 30px;

    width:310px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

section .groom-n .r-groom ul li a:hover{

    color:#019eef;

}

section .groom-n .l-groom{

    width:790px;

    padding: 20px 0;

}

section .groom-n .l-groom .box-img{

    width:280px;

    height:180px;

    border:1px solid #b8b8b8;

    text-align: center;

    line-height: 180px;

    font-size: 0;

}

section .groom-n .l-groom .box-img img{

    max-width: 100%;

    max-height: 100%;

}

section .groom-n .l-groom .box-text{

    width:490px;

    padding-left: 15px;

}

section .groom-n .l-groom .box-text h2{

    font-size: 18px;

    color:#019eef;

    padding:15px 0;

}

section .groom-n .l-groom .box-text h2 span{

    width:380px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

section .groom-n .l-groom .box-text p{

    line-height: 30px;

    text-align: justify;

}

section .groom-n .l-groom .box-text a{

    color:red;

}

section .str .me .hot-line{

    background: url(/static/images/b33.png)0 -1px no-repeat;

    padding-left:70px;

    height:58px;

}

section .str .me .hot-line p{

    font-size: 14px;

}

section .str .me .hot-line p.number{

    font-size: 24px;

    line-height: 35px;

    font-weight: bold;

}

section  .contact-us{

    width:1270px;

    margin:0 auto;

    text-align: center;

}

section  .contact-us .touch{

    text-align: center;

    border-bottom:1px solid #bebebe;

    padding: 60px 0;

    background: url(/static/images/b34.png) right bottom no-repeat;

}

section  .contact-us .touch h2{

    width:160px;

    margin:0 auto;

    color:#019eef;

    border:1px solid #666;

    font-size: 18px;

    padding:10px 0;

    border-radius: 23px;

    display: block;

}

section  .contact-us .touch h2:hover{

    color:#fff;

    background: #019eef;

    border:1px solid #019eef;

}

section  .contact-us .touch  span{

    font-size: 20px;

    line-height: 50px;

    color:#878787;

}

section  .contact-us ul{

    overflow: hidden;

    padding:30px 0;

}

section  .contact-us ul li{

    float: left;

    width:33.3%;

    height:150px;

    text-align: center;

}

section  .contact-us ul li div{

    width:280px;

    margin:0 auto;

    text-align: center;

}

section  .contact-us ul li div p{

    font-size: 16px;

    line-height: 30px;

}

section  .contact-us  .kefu{

    padding-bottom: 30px;

    text-align: right;

}

section  .contact-us  .kefu a{

    color:#fff;

    font-size: 18px;

    background: red;

    padding:10px 30px;

    display: inline-block;

    border:1px solid red;

}

section  .contact-us  .kefu a:hover{

    background: #fff;

    color:red;

}

section  .contact-us  .kefu p{

    font-size: 16px;

    color:#323232;

    line-height: 40px;

}

/*error*/

.error{

    width:100%;

    height:100vh;

    text-align: center;

    background: url(/static/images/404.png) no-repeat;

    background-size:100% 100% ;

}

.error .conter{

    text-align: center;

    padding-top: 120px;

}

.error .conter h2{

    font-size: 22px;

    font-weight: normal;

    color:#50c9fe;

    padding:40px 0 10px 0;

}

.error .conter p{

    font-size: 16px;

    color:#53585b;

}

.error .conter p .lan{

    color:#50c9fe

}

.error .conter p a{

    text-decoration: underline;

}

section .banner-img{

    width:1270px;

    margin:0 auto 40px;

}

section .str .me-c{

    padding: 40px 50px;

}

section .str .me-c h2{

    line-height: 50px;

}

/*core*/

section .core{

    width: 1270px;

    margin:0 auto 80px;

}

section .core .core-nav{

    width:280px;

}

section .core .core-nav .core-list{

    border:1px solid #b5bec3;

}

section .core .core-nav .core-list li{

    background: #00a0e9;

}

section .core .core-nav .core-list li:hover ul{

    display: block;

}

section .core .core-nav .core-list li a{

    display: block;

    height:80px;

    color:#fff;

    border-bottom: 1px solid #fff;

    padding-left: 80px;

}

section .core .core-nav .core-list li .a-img {

    background: url(/static/images/jiantou.png) 30px center no-repeat;

}

section .core .core-nav .core-list li .a-img:hover {

    background: url(/static/images/jiantou-d.png) 30px center no-repeat;

}

section .core .core-nav .core-list li:last-child a{

    border:0;

}

section .core .core-nav .core-list li h2{

    font-size: 20px;

    padding-top: 17px;

}

section .core .core-nav .core-list li ul{

    display: none;

}

section .core .core-nav .core-list li ul li{

    background: #f5f5f5;

    padding:0 20px;

}

section .core .core-nav .core-list li ul li a{

    color:#333;

    height:50px;

    line-height: 50px;

    border-bottom:1px dashed #333;

    background: transparent;

    padding-left: 20px;

    position: relative;

}

section .core .core-nav .core-list li ul li a:hover,section .core .core-nav .core-list li ul li a:hover{

    color:#0a58b3;

}

section .core .core-nav .core-list li ul li a:hover i{

    width: 10px;

    height: 10px;

    background: #0a58b3;

    border-radius: 50%;

    position: absolute;

    left: 5px;

    top: 20px;

}

section .core .core-nav .ab{

    height:80px;

    line-height: 80px;

    text-align: center;

    background: #00a0e9;

    color:#fff;

    font-size: 20px;

    margin-top: 45px;

}

section .core .core-nav .mark{

    border:1px solid #b5bec3;

    background: transparent;

}

section .core .core-nav .mark li{

    background: #eee;

    overflow: hidden;

    height:90px;

    line-height: 90px;

    padding-left: 20px;

    margin-bottom: 15px;

    box-shadow: 0 5px 10px -2px #a9a7a8, 300px 5px 10px 20px #fff;

}

section .core .core-nav .mark li .name-p{

    line-height: 24px;

    padding-top: 20px;

}

section .core .core-nav .mark li:last-child{

    margin-bottom: 0;

}

section .core .core-nav .mark li .img-m{

    float: left;

    width: 90px;

    text-align: center;

    margin-right: 5px;

}

section .core .core-nav .line-num{

    background: #00a0e9;

    text-align: center;

    padding-bottom: 15px;

}

section .core .core-nav .line-num div{

    text-align: center;

    padding:15px 0;

    margin: 0 15px;

}

section .core .core-nav .line-num  p{

    font-size: 24px;

    text-align: left;

    padding-left: 50px;

    font-weight: bold;

    color:#fff;

    line-height: 35px;

}

section .core .core-cp{

    width:970px;

}

section .core .core-cp .top-core .index{

    margin-bottom: 40px;

}

section .core .core-cp .top-core .baike{

    border-left:7px solid #1e6eaf;

    color:#1e6eaf;

    width:105px;

    font-size: 30px;

    padding:20px 15px;

    box-sizing: border-box;

    border-right: 7px solid #1e6eaf;

}

section .core .core-cp .top-core .jies{

    width:845px;

}

section .core .core-cp .top-core .jies span{

    color:#1e6eaf;

    font-size: 18px;

    line-height: 40px;

}

section .core .core-cp .top-core .jies p{

    font-size: 16px;

    line-height: 25px;

}

section .core .core-cp .top-core .ban{

    margin-bottom:52px;

    padding:30px 20px;

    background: url(/static/images/b40.png) no-repeat;

    position: relative;

}

section .core .core-cp .top-core .ban .deta-l{

    width:400px;

    text-align: center;

    height:300px;

    line-height: 300px;

    background: rgba(0,0,0,0.1);

}

section .core .core-cp .top-core .ban .deta-l img{

    max-width: 100%;

    max-height: 100%;

}

section .core .core-cp .top-core .ban .deta{

    width: 510px;

}

section .core .core-cp .top-core .ban .deta h2{

    font-size: 24px;

    padding-bottom: 15px;

    font-weight: normal;

    border-bottom:1px solid  #fff;

    position: relative;

    margin-bottom: 10px;

}

section .core .core-cp .top-core .ban .deta h2 i{

    width: 100px;

    border-top: 5px solid red;

    position: absolute;

    bottom: -3px;

    left: 0;

}

section .core .core-cp .top-core .ban .deta p{

    font-size: 16px;

    line-height: 25px;

}

section .core .core-cp .top-core .ban .deta p.padding-t{

    padding-top: 25px;

}

section .core  .more{

    display: inline-block;

    width:135px;

    text-align: center;

    height:40px;

    line-height: 40px;

    background: #fff;

    color:red;

    margin:40px 0 0 10px;

    font-size: 16px;

    position: relative;

}

section .core  .more .triangle-up{

    width: 0;

    height: 0;

    display: inline-block;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-bottom: 10px solid red;

    position: absolute;

    left: 50%;

    top: 30px;

    margin-left: -5%;

}

section .core .core-list .jingmi{

    border-top:3px solid #019eef;

    position: relative;

    margin-top: 70px;

}

section .core .core-list .jingmi .left{

    color:#fff;

    background: #019eef;

    font-size: 30px;

    position: absolute;

    top:-35px;

    padding:12px 18px;

}

section .core .core-list .jingmi .right{

    background: #fff;

    border:1px solid #019eef;

    font-size: 20px;

    padding:8px 13px;

    position: absolute;

    top:-25px;

    right:0

}

section .core .core-list  .core-list-li{

    padding:60px 0;

    padding-bottom: 0;

}

section .core .core-list  .core-list-li li{

    border:1px solid #9b9b9b;

    /*height:315px;*/

    margin-bottom: 40px;

    position: relative;

}

.mo{

    /*position: absolute;*/

    /*right: 20px;*/

    /*bottom: 15px;*/

    margin-bottom: 20px;

}

section .core .core-list  .core-list-li li .more{

    border:1px solid #b8b8b8;

    margin:10px ;

}

section .core .core-list  .core-list-li li .img-b{

    border-right:1px solid #9b9b9b;

    height:315px;

    line-height:315px;

    width:305px;

    text-align: center;

}

section .core .core-list  .core-list-li li .img-b div{

    width: 300px;

    background: #fff;

    height: 268px;

    line-height: 268px;

    margin: 15px;

    text-align: center;

}

section .core .core-list  .core-list-li li .img-b img{

    max-width: 100%;

    max-height: 100%;

}

section .core .core-list  .core-list-li li .chanp{

    width:605px;

    padding: 40px 15px 0 0;

}

section .core .core-list  .core-list-li li .chanp h2{

    font-size: 25px;

    color:#019eef;

    line-height: 50px;

}

section .core .core-list  .core-list-li li .chanp p{

    line-height: 30px;

    font-size: 14px;

    color:#5b5b5b;

    word-break: break-all;

}

section .str .ter p{

    font-size:18px ;

    text-align: center;

    line-height: 30px;

}

section .they{

    width:1270px;

    margin:0 auto;



}

section .they .head-name{

    width:1000px;

    margin:0 auto;

    text-align: center;

    border-top:1px solid #000;

    position: relative;

    padding-bottom: 70px;

}

section .they .head-name h2{

    width:340px;

    background: #fff;

    position: absolute;

    left:50%;

    margin-left: -170px;

    top:-22px;

    font-size: 30px;

    color:#019eef;

    font-weight: normal;

}

section .they ul{

    overflow: hidden;

}

section .they ul li{

    float: left;

    width:20%;

    text-align: center;

    margin-bottom:75px ;

}

section .they ul li div{

    text-align: center;

    border:1px solid #019eef;

    border-radius: 30px;

    background: #fff;

    width:150px;

    height:150px;

    line-height: 150px;

    font-size: 0;

    overflow: hidden;

}

section .they ul li div img{

    max-width: 100%;

    max-height: 100%;

}

section .core .core-nav .jujiao{

    height:112px;

    background: #019eef;

    text-align: center;

    color:#fff;

}

section .core .core-nav .jujiao h2{

    font-size: 28px;

    padding:20px 0 10px 0;

}

section .core .core-nav .jujiao  p{

    font-size: 20px;

}

section .core .core-nav .jujiao-list{

    background: #efefef;

    padding:20px;

}

section .core .core-nav .jujiao-list li{

    height:50px;

    line-height: 50px;

    font-size: 18px;

    text-align: center;

    border-bottom: 1px solid #c9c9c9;

    cursor: pointer;

    position: relative;

}

section .core .core-nav .jujiao-list li a{

    display: block;

}

section .core .core-nav .jujiao-list li:hover,

section .core .core-nav .jujiao-list li.current-cat a{

    color:#019eef;

    font-weight: bold;

}

section .core .core-nav .jujiao-list li:last-child{

    border:0

}

section .core .core-nav .line-num .ab{

    margin-top: 0;

    border-bottom:1px solid #fff;

}

section .ju .core-nav .line-num  p{

    padding: 0 15px;

    font-size: 14px;

    font-weight: normal;

    line-height: 25px;

}

section .core .goods-list{

    margin:10px 0;

}

section .core .goods-list li{

    border:1px solid #d5d5d5;

    padding:20px;

    margin-bottom: 65px;

    position: relative;

}

section .core .goods-list li .index{

    display: block;

}

section .core .goods-list li .index .left{

    width:335px;

    height:205px;

    line-height: 205px;

    text-align: center;

    background: #fff;

}

section .core .goods-list li .index .left img{

    max-height: 100%;

    max-width: 100%;

}

section .core .goods-list li .index .right{

    width:580px;

}

section .core .goods-list li .index .right time{

    float: right;

    color:#333;

}

section .core .goods-list li .index .right .top-line{

    color:#fff;

    background: red;

    width:83px;

    height:30px;

    line-height: 30px;

    text-align: center;

    font-size: 22px;

}

section .core .goods-list li .index .right h2{

    font-size: 20px;

    font-weight: normal;

    color:#019eef;

    line-height: 45px;

}

section .core .goods-list li .index .right h2 span{

    width: 450px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

section .core .goods-list li .index .right p{

    font-size: 16px;

    line-height: 30px;

    color:#333;

}

section .core .goods-list li .more{

    position: absolute;

    right: 35px;

    top: 135px;

    border: 1px solid red;

}

section .core .goods-list li .more .triangle-up{

    top:34px;

}

section .core .goods-list li.select{

    background:#f5f5f5 ;

    border:0

}

section .core .hot-d{

    background: #efefef;

    padding:0 15px;

}

section .core .hot-d .hot-one li{

    padding:20px 0;

    border-bottom:1px solid #c9c9c9;

}

section .core .hot-d .hot-one li a{

    display: block;

}

section .core .hot-d .hot-one li a div{

    width:120px;

    height:80px;

    line-height: 80px;

    font-size: 0;

    text-align: center;

    border:1px solid #a6a6a6;

    border-radius: 10px;

    background: #fff;

    overflow: hidden;

}

section .core .hot-d .hot-one li a div img{

    max-width: 100%;

    max-height: 100%;

}

section .core .hot-d .hot-one li a p{

    width:120px;

    padding-left: 8px;

    padding-top: 10px;

    font-size: 14px;

}

section .core .hot-d .hot-two{

    padding:20px 0

}

section .core .hot-d .hot-two li{

    line-height: 30px;

    position: relative;

}

section .core .hot-d .hot-two li p{

    display: inline-block;

    width: 200px;

    padding-left: 30px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

section .core .hot-d .hot-two li span{

    width:20px;

    height:20px;

    position: absolute;

    top: 5px;

    text-align: center;

    line-height: 20px;

    color:#fff;

    background: #a0a0a0;

    border-radius: 50%;

    margin-right: 10px;

}

section .core .hot-d .hot-two li span.blue{

    background: #019eef;

}

section .dong .core-nav .ab{

    margin-top: 0;

    font-size: 28px;

}

section .core .best-sellers{

    padding:20px 40px 0 40px;

    border:1px solid #a6a6a6;

}

section .core .best-sellers li{

    border:1px solid #a6a6a6;

    text-align: center;

    padding:15px;

    border-radius: 10px;

    margin-bottom: 30px;

}

section .core .best-sellers li div{

    width:150px;

    height:150px;

    background: #fff;

    text-align: center;

    line-height: 150px;

}

section .core .best-sellers li p{

    width:150px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

section .core .best-sellers li div img{

    max-width: 100%;

    max-height: 100%;

}

section .core .dong-wrap{

    border:1px solid #9b9b9b;

    padding:20px;

}

section .core .dong-box{

    width:930px;

}

section .core .share-box{

    margin: 20px 0;

}

section .core .post-navigation{

    border-top: 1px dashed #9b9b9b;

    font-size: 16px;

    padding: 15px 0;

}

section .core .post-navigation .nav-previous{

    width: 45%;

    float: left;

    text-align: left;

}

section .core .post-navigation .nav-next{

    width: 45%;

    float: right;

    text-align: right;

}

section .core .dong-box h2{

    color:#019eef;

    border-bottom: 1px dashed #9b9b9b;

    font-size: 30px;

    line-height: 90px;

    font-weight: normal;

}

section .core .dong-box ul{

    overflow: hidden;

    margin-bottom: 20px;

}

section .core .dong-box ul li{

    float: left;

    width:32%;

    text-align: center;

    font-size: 14px;

    line-height: 30px;

}

section .str .ter p i{

    width:85px;

    padding: 3px 0;

    display: inline-block;

    border-top: 1px solid #fff;

}

section .str .you h2{

    padding-bottom: 40px;

}

section .str .you p{

    line-height: 40px;

    font-size: 20px;

    text-align: left;

}

section .str .you p.chen{

    padding-left: 70px;

}

section .details .core-cp{

    width:100%;

}

section .details .core-cp .top-core .ban{

    border:1px solid #b8b8b8;

    background: #fff;

    margin-bottom:60px;

    padding: 0;

    position: relative;

}

section .details .core-cp .top-core .ban .deta-l{

    width:600px;

    height:380px;

    line-height: 380px;

    background: #fff;

    /*background: url(/static/images/b40.png) no-repeat;*/

    font-size:0;

}

section .details .core-cp .top-core .ban .deta{

    width: 600px;

    padding-right: 60px;

    box-sizing: border-box;

}

section .details .core-cp .top-core .ban .deta h2{

    border-bottom: 1px solid #b8b8b8;

    padding-top: 28px;

    box-sizing: border-box;

}

section .details .core-cp .top-core .more{

    border:1px solid #b8b8b8;

    margin-right: 20px;

    margin-left: 0;

}

/*issue*/

section .details .issue{

    padding:60px 0 0;

    text-align: center;

}

section .details .issue .issue-t{

    width:1100px;

    color:#019eef;

    line-height: 70px;

    font-size: 30px;

    border-bottom: 1px solid #019eef;

    position: relative;

}

section .details .issue .issue-t i{

    position: absolute;

    left: 50%;

    top: 69px;

    margin-left: -230px;

    width: 460px;

    border-top: 3px solid #00a0e9;

}

section .details .issue .issue-list{

    overflow: hidden;

    padding:20px 0;

}

section .details .issue .issue-list li{

    float: left;

    width:33.3%;

    text-align: center;

    font-size: 24px;

    font-weight: bold;

}

section .details .issue .issue-list li span{

    width:48px;

    height:48px;

    text-align: center;

    line-height: 48px;

    margin-right: 10px;

    background: #aaa;

    color:#fff;

    border-radius: 50%;

}

section .details .issue .issue-box{

    background: url(/static/images/b55.png) no-repeat;

}

section .details .issue .issue-box ul{

    overflow: hidden;

}

section .details .issue .issue-box ul li{

    float: left;

    width:33.3%;

    text-align: center;

    padding:20px 30px;

    box-sizing: border-box;

}

section .details .issue .issue-box ul li div{

    width:200px;

    text-align: center;

    line-height: 200px;

    overflow: hidden;

    height:200px;

    border:2px solid #fff;

    border-radius: 50%;

    margin:30px auto 30px;

}

section .details .issue .issue-box ul li div img{

    max-width:100%;

    max-height: 100%;

}

section .details .issue .issue-box ul li p{

    font-size: 18px;

    line-height: 30px;

    /*text-align: left;*/

}

section .details .issue .issue-box ul li p i{

    color:red;

    font-style: normal;

    display: inline;

}

section .quality .absorbed{

    position: relative;

}

section .quality .posit{

    background: red;

    padding: 0 10px;

    height: 63px;

    line-height: 63px;

    font-size: 22px;

    position: absolute;

    right: 0;

    bottom: -123px;

}

section .quality .posit .hot-num{

    position: relative;

    color:#fff;

    padding-left: 60px;

}

section .quality .hot-num i{

    width:48px;

    height:59px;

    display: inline-block;

    position: absolute;

    top: -15px;

    left:5px;

    background: url(/static/images/time.png) no-repeat;

}

section .point{

    width:1270px;

    margin:0 auto 70px auto;

}

section .point .point-n{

    background: #00a0e9;

    color:#fff;

    margin-left: 0;

    font-size: 30px;

    font-weight: normal;

    width:200px;

    height:58px;

    line-height: 58px;

    text-align: center;

}

section .point .nature{

    padding-top: 50px;

}

section .point .nature ul{

    padding:30px 0;

}

section .point .nature ul li{

    font-size: 16px;

    /*height:45px;*/

    line-height: 45px;

    padding-left: 40px;

    position: relative;

}

section .point .nature ul li i{

    width: 26px;

    height: 26px;

    position: absolute;

    left: 5px;

    border-radius: 50px;

    background: #00a0e9;

    top: 8px;

}

section .point  p{

    font-size: 16px;

    line-height: 2;

    /*padding:20px 0 50px;*/

}

section .point .range .anli .scroll-outer{

    margin-top: 0;

}

section .point .data{

    padding:50px 0;

}

section .point .data img{

    margin:50px 0 0 20px;

}

section .point  .be-careful{

    /*background: url(/static/images/zhuyi.png) right no-repeat;*/

    width: 650px;

    margin-left: 0;

}

section .singh .singh-t{

    background: #c9c9c9;

}

section .singh .singh-t span {

    font-size: 18px;

    height: 58px;

    line-height: 58px;

    color: #000;

    padding-right: 20px;

}

section .singh .form{

    background: #f6f6f6;

    padding:30px 35px;

}

section .singh .form .left{

    width:49%;

    border-right: 1px solid #5d5d5d;

}

section .singh .form .right{

    width:45%;

}

section .singh .form p{

    padding:10px 0;

}



section .singh .form p input{

    width:400px;

    height:40px;

    border-radius: 10px;

    padding-left: 5px;

    margin-left: 120px;

    font-size: 16px;

    border:1px solid #5d5d5d;

    outline: none;

}

section .singh .form p input:focus{

    border:1px solid #019eef;

}

section .singh .form .red{

    color:#d50000;

}

section .singh .form span.label{

    position: absolute;

    font-size: 16px;

    color: rgb(51,51,51);

    font-family: 微软雅黑, "Microsoft YaHei";

    padding: 0;

    font-weight: normal;

    line-height: 2;

}

section .singh .form  textarea{

    width: 407px;

    border-radius: 10px;

    padding: 5px;

    box-sizing: border-box;

    margin-left: 120px;

    font-size: 16px;

    outline: none;

    border: 1px solid #5d5d5d;

    resize: none;

}

section .singh .form  textarea:focus{

    border:1px solid #019eef;

}

section .singh .form .right{

    padding-top: 15px;

}

section .singh .form .right p input{

    margin-left: 65px;

}

section .singh .form .right p.shuru{

    padding: 5px 0 0;

}

section .singh .form .right p.shuru span{

    display: block;

    width:100%;

    position: inherit;

}

section .singh .form .right textarea{

    margin-left: 0;

    width: 472px;

}

section .singh .form .right .submit{

    float: right;

    padding:35px 67px 0 0;

}

section .singh .form .right .submit button{

    width:120px;

    height:39px;

    text-align: center;

    background: #019eef;

    color:#fff;

    font-size: 18px;

    border-radius: 10px;

    margin-left: 10px;

    cursor: pointer;

}

section .singh .form .right .submit button.select{

    background: #e60012;

}

section .say .say-list{

    width:1270px;

    margin:50px auto;

}

section .say .say-list .bord-l{

    width:45%;

}

section .say .say-list ul li{

    overflow: hidden;

    padding:20px 0;

    border-bottom: 1px dashed #019eef;

}

section .say .say-list ul li a{

    display: block;

    overflow: hidden;

}

section .say .say-list ul li span{

    width:40px;

    height:40px;

    text-align: center;

    line-height: 40px;

    background: #019eef;

    color:#fff;

    font-size:24px ;

    border-radius: 10px;

    margin-right: 20px;

}

section .say .say-list ul li h3{

    font-weight: normal;

    color:#019eef;

    font-size: 16px;

}

section .say .say-list ul li p{

    font-size: 16px;

    line-height: 30px;

    width: 495px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

section .point .range .other-li .scroll-outer{

    border:1px solid #d5d5d5;

    background: #fff;



}

section .point .range .other-li .scroll-outer .bix-img{

    width:200px;

    height:200px;

    text-align: center;

    line-height: 200px;

    font-size: 0;

}

section .point .range .other-li .scroll-outer .bix-img img{

    max-width: 100%;

    max-height: 100%;

}

section .point .range .other-li .scroll-outer .owl-theme .owl-controls .owl-buttons div{

    color:#019eef;

}

section .point .range .other-li .scroll-outer {

    height:300px;

}

section .point .range .other-li .scroll-outer #scroll .item{

    height:250px;

}

section .point .range .other-li .scroll-outer #scroll h3 a{

    color:#333;



}



/* 产品列表页标题前面图标 */

section .core .cat-title{

    font-size: 24px;

    color:#019eef;

    font-weight: normal;

    padding-left: 95px;

    line-height: 57px;

    background-repeat: no-repeat;

    background-position: 15px 0;

    background-size: 66px 56px;

}

section .core .cat-2-title{

    background-image: url(/static/images/dong.png);

}

section .core .cat-3-title{

    background-image: url(/static/images/dong.png);

}

section .core .cat-4-title{

    background-image: url(/static/images/book.png);

}

section .core .cat-5-title{

    background-image: url(/static/images/b56.png);

}



/* 联系表单提示信息 */

.wpcf7-response-output{

    clear: both;

    position: relative;

    top: 15px;

    color: red;

    font-weight: 700;

}

.wpcf7-not-valid-tip{

    display: none;

    color: red;

}



/*搜索列表*/

.search-list{

    background: #fff;

    z-index: 9;

    position: relative;

}

section .search .goods-list li{

    padding:50px;

}

.search ul li h3{

    width:100%;

}

.search ul li h3 a{

    color: #00a8ff;

    line-height: 40px;

    font-weight: normal;

    max-width: 80%;

    display: inline-block;

    padding-right: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    float: left;

}

.search ul li h3 time{

    font-weight: normal;

    float: left;

    line-height: 40px;

}

.search ul li p{

    font-size: 16px;

    line-height: 30px;

    max-width: 80%;

    display: inline-block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

section .search .goods-list li .more{

    top:72px;

}