﻿.banner_op{
    position: relative;
}
.bodies{
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
}
.choose a{
    display: inline-block;
    width: 38px;
    text-align: center;
    height: 59px;
    line-height: 59px;
    background: url(../css/images/pic_87.png) center no-repeat;
}
.choose .next-page{
    background: url(../css/images/pic_88.png) center no-repeat;
}

.pro{
    padding: 3% 0;
}
.pro dl{
    width: 23.75%;
    margin-right: 1.66%;
    float: left;
    margin-bottom: 1.66%;
    position: relative;
    overflow: hidden;
}
.pro dl.no-right{
    margin-right: 0;
}

.pro dl dt img{
    max-width: 285px;
    width: 100%;
    display: block;
}
.pro dl dd{
    position: absolute;
    text-align: center;
    bottom: 15px;
    left: 0;
    width: 100%;
}
.pro dl  a{
    color: white;
}

.pro2{
    padding: 5% 0 3%;
}
.pro2 dl{
    width: 20.67%;
    margin-right: 5%;
    float: left;
    position: relative;
    margin-bottom: 20px;
}
.pro2 dl.d1{
    margin-left: 2.3%;
}
.pro2 dt img{
    max-width: 248px;
    width: 100%;
    display: block;
}
.pro2 dl.no-right{
    margin-right: 0;
}
.pro2 dl dd{
    padding: 15px;
}
.pro2 dl .p1{
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro2 dl .p2{
    height: 40px;
    line-height: 170%;
    overflow: hidden;
}
.pro2 dl .p-date{
    position: absolute;
    background: url("../images/date.png") no-repeat;
    width: 77px;
    text-align: center;
    height: 77px;
    left: -25px;
    top:-41px;
    box-sizing: border-box;
    padding-top: 13px;
    padding-right: 5px;
}

button.but1{
    margin-right: 40px;
    margin-top: 10px;
}
.tel{
    padding: -1% 0 1%;
}
.tel li{
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
}

.mar-bo3{
    margin-bottom: 3px;
}

/*banner杞挱鎸夐挳*/
.postion{
    overflow:hidden;
    position: relative;
}
.postion button.but-hover{
    width: 135px;
    height: 35px;
    background: #3992d6;
}
.postion .but{
    width: 100%;
    bottom:20px;
    position: absolute;
    margin-right: 5px;
}
.postion button.but-hover1{
    background: #0168b7;
}
.postion button.but-hover:hover{
    background: #0168b7;
    transition:    background 1s;
}



@media (max-width:1260px){
    .tel li.li1{
        display: block;
        float: none;
        margin-bottom: 10px;
    }
    .pro2{
        padding: 7% 0 3%;
    }
}

@media (max-width:770px){
    .pro2 dl .p-date{
        background-size: 85%;
        padding-right: 15px;
    }
    .p-font14{
        font-size: 14px;
    }
    .p-font12{
        font-size: 12px;
    }
    .pro2 dl.dl-bo{
        margin-bottom: 30px;
    }
}

@media (max-width:640px){
    .tel{
        padding-top: 20px;
    }
    .pro2{
        padding-top: 60px;
    }
    .pro2 dl.d1{
        margin-left: 5%;
    }
    .pro2 dl{
        width: 40%;
        margin: 0 5%;
        margin-bottom: 60px;
    }
    button.but1{
        margin-top: 0;
    }
    .postion button.but-hover{
        width: 85px;
        height: 30px;
        font-size: 12px;
    }
    .postion .but{
        bottom:10px;
    }
}

@media (max-width:540px) {
    .pro dl{
        width: 47%;
        margin-bottom: 3.4%;
        margin-right: 3%;
    }
    .pro dl.no-right{
        margin-right: 3%;
    }
}

@media (max-width:420px){
    .tel li{
        display: block;
        float: none;
        text-align: center;
    }
    .pro2 dl .p-date{
        background-size: 75%;
        padding-right: 23px;
        padding-top: 8px;
    }
    .pro2 dl{
        margin-left: 7%;
        margin-right: 3%;
    }
    .pro2 dl.d1{
        margin-left: 7%;
    }
}

.chanpin {
    margin-top:20px;
    padding-bottom:40px;
}

.chanpin_last{
    margin-right: 0px!important;
}

.chanpin_ul li{
    float: left;
    margin-right:0.7%;
    width: 32.58%;
    /*height: 335px;*/
    /*background: #edeeef;*/
    font-size: 14px;
    /*padding-bottom: 25px;*/
}
.chanpin_ul i{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #0067b6;
    line-height: 15px;
    text-align: center;
    margin-right: 8px;
    border-radius: 50%;
}
.chanpin_ul .p_1 img{
border-radius: 15px;  
    width: 100%;
}
.chanpin_ul .p_1{
    width: 100%;
    /*height: 150px;*/
}
.chanpin_ul .p_2{
    padding: 0 83px;
}
.chanpin_ul em{
    display: block;
    font-style: normal;
}
.chanpin_ul .em_1{
 font-size: 18px;
 color: #060001;
 padding: 10px 0 16px;
}
.chanpin_ul .em_2{
 color: #6b6b6c;
 height: 128px;
 line-height: 180%;
 overflow:hidden;

}
.chanpin_ul a{
 color: #060001;
}
.chanpin_ul .p-two {
    width: calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    height:90px;
    line-height: 90px;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    background-image: url(../images/right1.png);
    background-size: 8px 14px;
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-color: #fff;
    position: relative;
    z-index: 10;
    margin: -45px 20px 0 !IMPORTANT;
    padding: 0 20px;
margin-right:19px !important;
}
.chanpin_ul .p-two img {
    height:40px;
    margin-right:15px;
}
.chanpin_ul .p-two span,
.chanpin_ul .p-two img {
    display: inline-block;
    vertical-align: middle;   
}
.chanpin_ul .p-two span{
    padding-left:80px;
}
.chanpin_ul .p-two span.p-title-1{

    background:url(../images/gsx1.png) 35px 21px no-repeat;
}
.chanpin_ul .p-two span.p-title-2{

    background:url(../images/gsx02.png) 31px 21px no-repeat;
}
.chanpin_ul .p-two span.p-title-3{

    background:url(../images/gsx04.png) 31px 21px no-repeat;
}

.news-center-title {
    color:#000;
    font-size:20px;
    line-height:89px;
    padding-top:2px;
    text-align:center;
}
.p_tit{
    color: #0067b6;
    font-size: 15px;
    padding: 1px 0 13px;
    font-weight: bold;
}
/*.news{
    margin-bottom: 57px;
    }*/
    .news_ul1 .p_1{
        float: left;
        width: 50%;
        position: relative;
    }
    .news_ul1 .p_1 img{
        width: 100%;
    }
    .news_ul1 .li_2 .p_1{
        float: right;
    }
    .news_ul2 li{
        /*height: 106px;*/
        /*background: #edeeef;*/
        margin-bottom: 34.5px;
    }
    .news_ul2 .li_three{
        margin-bottom: 0px!important;
    }
    .news_ul2 p{
        float: left;
        display: inline-block;
    }
    .news_ul2 .p_1{
        width: 26%;
    }
    .news_ul2 .p_1 img{
        width: 100%;
    }
    .news_ul2 .p_2{
        width: 63%;
        padding-left: 3.5%;
        background: #edeeef;
        padding-bottom: 4.5%;
    }
    .news_ul2 em{
        display: block;
        font-style: normal;
    }
    .news_ul2 .em_1{
     font-size: 12px;
     color: #515152;
     padding: 17px 0 4px 0;
 }
 .news_ul2 .em_2{
    font-size: 16px;
    color: #3d3d3d;
    cursor: pointer;
}
.news_ul2 .em_3{
 color: #828383;
 font-size: 12px;
 padding: 8px 0 0px 0;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.news_ul1 li{
    /*height: 179px;*/
}
.news_ul1 p{
    float: left;
    /*height: 179px;*/
}
.news_ul1 .li_2{
    margin-top: -4px;
}
.news_ul1 .li_2 .p_2{
    margin-top: -4px;
}
.news_ul1 .p_2{
    width: 38.4%;
    padding: 30px 6.3% 11.8% 5.3%;
    background: #0067b6;
    position: relative;
    overflow: hidden;
}
.news_ul1 .li_1 i,.news_ul1 .li_2 i{
    display: inline-block;
    z-index: 1;
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.news_ul1 .li_1 i{
    right: 0;
}
.news_ul1 .li_2 i{
    left: 0;
}
.news_ul1 em{
    display: block;
    font-style: normal;
}
.news_ul1 .em_1{
 font-size: 14px;
 color: #dde6f2;
 /*padding: 22px 0 10px 0;*/
 padding: 11% 0 4% 0;
}
.news_ul1 .em_2{
    font-size: 16px;
    height:58px;
    overflow:hidden;
    display:inline-block;
    line-height: 180%;
    color: #fff;
    /*display: -webkit-box;*/
}
.news_ul1{
    width: 48.67%;
    float: left;
}
.news_ul2{
    position:relative;
    /*width: 48.83%;*/
    float: right;
    top:9px;
}
.decoration{
    text-decoration: underline;
}
.color_blue{
    color: #0067b6!important;
}
@media all and (max-width:960px) and (min-width:640px){
   .choose a, .choose .next-page{
       background-size: 70%;
   }
   .chanpin_ul .em_1{
     font-size: 19px;
 }
 .chanpin_ul .em_2{
     color: #6b6b6c;
     max-height: 90px;
     margin-bottom: 20px;
     line-height: 180%;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 .news_ul1 .p_2{
    width: 38.4%;
    padding: 0 6.3% 8.8% 5.3%;
    background: #0067b6;
    position: relative;
}
.news_ul2 .p_1{
    width: 27%;
    /*height: 84px;*/
}
.news_ul2 .p_2{
    width: 59%;
    padding-left: 3.5%;
    padding-bottom: 2%;
}
.news_ul2 .em_2{
    height: 20px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_ul2 .em_1{
    padding: 10px 0 4px 0;
}
.news_ul2 li{
    margin-bottom: 7px;
}
.news{
    margin-bottom: 40px;
}
}
@media all and (max-width:640px){
    .choose a, .choose .next-page{
       background-size: 50%;
   }
   .chanpin{
    display: none;
    margin-top: 20px;
}
.chanpin_ul li{
    float: none;
    margin-right: 0%;
    width: 100%;
    background: #edeeef;
    font-size: 12px;
    padding-bottom: 1%;
}
.chanpin_ul .em_2{
 max-height: 48px;
 overflow: hidden;
 text-overflow: ellipsis;
}
.chanpin_ul .em_1{
 font-size: 18px;
}
.chanpin_ul .p_2{
    padding: 0 20px 20px 20px;
}
.chanpin_ul a{
    padding: 5px 0;
}
.p_tit{
    padding: 13px 0 18px 0;
}
.news{
    margin-bottom: 0px;
}
.news_ul2 li{
    background: #edeeef;
}
.news_ul2, .news_ul1{
    float: none;
    width: 100%;
}
.news_ul1 .p_2{
    width: 38.4%;
    padding: 0 6.3% 12% 5.3%;
    background: #0067b6;
    position: relative;
}
.news_ul1 .em_1{
 font-size: 12px;
 padding: 11% 0 4% 0;
}
.news_ul1 .em_2{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    max-height: 44px;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_ul2{
    margin-top: 20px;
}
.news_ul2 .p_1{
    width: 30%;
    /*height: 84px;*/
}
.news_ul2 .p_2{
    width: 64.4%;
    padding-left: 3.5%;
    padding-bottom: 2%;
}
.news_ul2 .em_1{
 padding: 4% 0 2.5% 0;
}
.news_ul2 .em_2{
    height: 20px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_ul2 .em_3{
 padding: 2% 0 0px 0;
}
}
.nmb-gls {
    color:#fff;
    font-size:14px;
    margin-right: 295px;

}
@media all and (max-width:414px){
    .news_ul1 .p_2{
        padding: 0 6.3% 15% 5.3%;
    }
}
@media all and (max-width:380px){
    .news_ul1 .p_2{
        padding: 0 6.3% 15% 5.3%;
    }
}
@media all and (max-width:375px){
    .news_ul1 .p_2{
        padding: 0 6.3% 14% 5.3%;
    }
}
@media all and (max-width:360px){
    .news_ul1 .p_2{
        padding: 0 6.3% 13% 5.3%;
    }
}
@media all and (max-width:320px){
    .news_ul1 .em_2{
        max-height: 37px;
    }
}

@media (max-width: 1200px) {
    .ul_nav {
        font-size:12px;
    }

