@charset "UTF-8";






.top-banner .text {
    left: 43.5%;
}
.product,
.product-second{
    padding-top: 50px;
    padding-bottom: 120px;
}
.product > div,
.product-second > div,
.product-details > div{
    width: 1470px;
    margin: auto;
}
.product h2,
.product-second h2{
    margin-bottom: 25px;
    color: #0b59a6;
    font-size: 24px;
}
.product > div > p,
.product-second > div > p{
    margin-bottom: 40px;
    color: #343434;
    font-size: 16px;
    line-height: 30px;
    text-indent: 2em;
}
.product form{
    font-size: 0;
}
.product #search{
    width: 700px;
    height: 53px;
    border: 12px solid #eee;
    font-size: 16px;
    line-height: 53px;
    text-indent: 1em;
    vertical-align: middle;
}
.product #search::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #bebebe;
}
.product #search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bebebe;
}
.product #search::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bebebe;
}
.product #search:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bebebe;
}
.product #button{
    width: 100px;
    height: 53px;
    margin-left: -112px;
    background:#bbbcbc url("../img/search2.png") no-repeat center;
    vertical-align: middle;
    cursor: pointer;
}
.product .list{
    margin-top: 40px;
}
.product .list li{
    margin-bottom: 40px;
    font-size: 0;
}
.product .list li > div,
.product-second ul li a > div,
.product-details .top > div{
    box-sizing: border-box;
}
.product .list li > div:nth-child(1){
    width: 13%;
    padding: 25px 45px;
    border: 1px solid #e5e5e5;
}
.product .list li > div:nth-child(2){
    width: 50.1%;
    height: 100%;
    padding: 40px 35px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.product .list li > div:nth-child(2) h3{
    margin-bottom: 15px;
    color: #0b59a6;
    font-size: 18px;
}
.product .list li > div:nth-child(2) p{
    color: #4c4c4c;
    font-size: 16px;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.product .list li > div:nth-child(3){
    right: 0;
    width: 36.9%;
    height: 100%;
    padding:40px 65px 0 ;
    background-color:#eee ;
}
.product .list li > div:nth-child(3) h4{
    margin-bottom: 15px;
    color: #4c4c4c;
    font-size: 14px;
    text-indent: 2em;
}
.product .list li > div:nth-child(3) select{
    width: 100%;
    height: 42px;
    padding-right: 14px;
    background:white url("../img/xia3.png") no-repeat scroll 95% center;
    border: none;
    color: #333;
    font-size: 16px;
    line-height: 42px;
    text-indent: 1.6em;
    outline: none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    cursor: pointer;
}
.product .list li > div:nth-child(3) select::-ms-expand {
    display: none;
}
.product .list li > div:nth-child(3) select option{
    cursor: pointer;
}



/*product-second*/
.product-second{
    padding-bottom: 40px;
}
.product-second ul{
    margin-top: 80px;
    font-size: 0;
}
.product-second ul li{
    width: 30.6%;
    margin-left: 2.73%;
    margin-bottom: 55px;
    vertical-align: top;
}
.product-second ul li:nth-child(3n+1){
    margin-left: 0;
}
.product-second ul li a > div:nth-child(1){
    width: 40%;
    padding: 80px 40px;
    background-color: #f5f5f5;
}
.product-second ul li a > div:nth-child(2){
    width: 60%;
    height: 100%;
    padding: 85px 18px 0;
    border: 1px solid #e5e5e5;
}
.product-second ul li a > div:nth-child(2) h3{
    margin-bottom: 15px;
    color: #0b59a6;
    font-size: 16px;
}
.product-second ul li a > div:nth-child(2) p{
    color: #424242;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}






/*product-details*/
.top-nav.on{
    background-color: white;
}
.product-details{
    padding-top: 20px;
    padding-bottom: 65px;
}
.product-details .top{
    margin-bottom: 30px;
}
.product-details .top > div:nth-child(1){
    width: 40.8%;
    padding: 110px 170px;
    background-color: #f5f5f5;
}
.product-details .top > div:nth-child(2) {
    width: 41.4%;
    margin-right: 150px;
    padding-top: 80px;
}
.product-details .top > div:nth-child(2) h3{
    color: #333;
    font-size: 26px;
}
.product-details .top > div:nth-child(2) i{
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 25px ;
    background-color: #f2f2f2;
}
.product-details .top > div:nth-child(2) p{
    margin-bottom: 70px;
    color: #747474;
    font-size:16px ;
    line-height: 30px;
}
.product-details .top > div:nth-child(2) > div{
    line-height: 40px;
}
.product-details .top > div:nth-child(2) > div > a{
    padding: 0 30px;
    background-color: #367fb8;
    color: white;
    font-size: 16px;
    border-radius: 5px;
}
.product-details .top > div:nth-child(2) > div > span{
    margin-left: 30px;
    margin-right: 15px;
    color: #999;
    font-size: 14px;
}
.product-details .bdsharebuttonbox{
    margin-top: 5px;
}
.product-details .bdshare-button-style2-16 a,
.product-details .bdshare-button-style2-16 .bds_more{
    width: 20px;
    height: 19px !important;
    padding-left: 5px !important;
    line-height: 19px !important;
}
.product-details .bdshare-button-style2-16 .bds_weixin{
    background: url("../img/wx1.png") no-repeat center;
    background-position: 0 0 !important;
}
.product-details .bdshare-button-style2-16 .bds_tsina{
    background: url("../img/wb1.png") no-repeat center;
    background-position: 0 0 !important;
}
.product-details .bdshare-button-style2-16 .bds_sqq{
    background: url("../img/qq1.png") no-repeat center;
    background-position: 0 0 !important;
}
.product-details .bottom{
    margin-bottom: 70px;
}
.product-details .bottom nav{
    margin-bottom: 30px;
    font-size: 0;
    user-select: none;
}
.product-details .bottom nav > div{
    width: 23.8%;
    height: 54px;
    background-color: #f5f5f5;
    color: #343434;
    font-size: 16px;
    line-height: 54px;
    text-align: center;
    cursor: pointer;
}
.product-details .bottom nav > div + div{
    margin-left: 1.6%;
}
.product-details .bottom nav > div.on{
    background-color: #367fb8;
    color: white;
}
.product-details .bottom nav > div:hover{
    background-color: #367fb8;
    color: white;
}
.product-details .bottom > ul li{
    display: none;
    color:#343434 ;
    font-size: 16px;
    line-height: 35px;
}
.product-details .bottom > ul li.on{
    display: block;
}
.product-details h5{
    position: relative;
    margin-bottom: 45px;
    text-align: center;
    color: #367fb8;
    font-size: 16px;
}
.product-details h5:before,
.product-details h5:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 1px ;
    background-color:#367fb8 ;
}
.product-details h5:before{
    margin-right: 15px;
}
.product-details h5:after{
    margin-left: 15px;
}
.product-details .share div{
    width: 18.3%;
    margin-bottom: 10px;
    padding: 65px 62px;
    background-color: #f5f5f5;
    box-sizing: border-box;
}
.product-details .share div + div{
    margin-left: 2.1%;
}
.product-details .share div:nth-child(5n+1){
    margin-left: 0;
}

@media screen and (max-width: 425px){
    .product-details .share div:nth-child(5n+1){
        margin-left: 2%;
    }
}