.contents{
    width: 100%;
}
.contents img{
    width: auto;
    max-width: 100%;
}

/* 服务项目 */
.service{
    width: 100%;
}
.service .service_ul{
    width: 100%;
}
.service .service_ul li{
    width: 23%;
    margin-right: 2.666%;
    margin-bottom: 30px;
    box-shadow: 0 0 8px 1px #d9d9d9;
}
.service .service_ul li:nth-child(4n){
    margin-right: 0;
}
.service .service_ul li a{
    width: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.service .service_ul li a .img{
    width: 100%;
    height: 110px;
    padding: 15px;
    overflow: hidden;
}
.service .service_ul li a .img img{
    width: 100%;
}
.service .service_ul li a .title{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 12px 0;
}
.service .service_ul li a .look{
    width: 100px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #1585c9;
    font-size: 14px;
    color: #1585c9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service .service_ul li a:hover .look{
    background-color: #1585c9;
    color: #fff;
}


.news_ul {
    width: 100%;
    align-items: flex-start;
} 
.news_ul li {
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 0 0 8px 1px #d9d9d9;
}
.news_ul li a{
    width: 100%;
    padding: 20px;
    background-color: #fff;
    display: flex;
    align-items: center;
}
.news_ul li a .date{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 30px;
    border-right: 1px solid #d9d9d9;
    margin-right: 30px;
}
.news_ul li a .date .date1{
    font-size: 49px;
    color: #333;
    font-weight: bold;
    margin-bottom: 6px;
}
.news_ul li a .date .date2{
    font-size: 18px;
    color: #666;
}
.news_ul li a .date_p{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.news_ul li a .date_p p{
    width: 100%;
    font-size: 16px;
    color: #333;
    margin-bottom: 6px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}
.news_ul li a .date_p span{
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}
.news_ul li a:hover p{
    color: #1585c9;
}
.news_ul li a:hover .date1{
    color: #1585c9;
}
.news_ul li a:hover .date2{
    color: #1585c9;
}


/* 在线留言 */

.on_form {
    padding: 20px;
    border: 1px solid #F3F3F3;
    width: 100%;
    background-color: #EEEEEE;
}
.on_form form {
    width: 100%;
}
.on_form form .form_ul {
    width: 100%;
}
.on_form form .form_ul li {
    width: 49%;
    margin-bottom: 30px;
    margin-right: 2%;
}
.on_form form .form_ul li:nth-child(2n) {
    margin-right: 0;
}
.on_form form .form_ul li input {
    width: 100%;
    padding: 15px;
    background-color: #fff;
}

.on_form form textarea {
    width: 100%;
    padding: 15px;
    background-color: #fff;
    border: none;
    outline: none;
}
.on_form .but {
    width: 100%;
    margin: 30px 0;
    text-align: center;
}
.on_form .but button {
    padding: 10px 35px;
    background-color: #1585c9;
    color: #fff;
    font-size: 14px;
}


/* 联系我们 */
.contact {
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 40px;
}
.contact .contact_left {
    width: 70%;
}
.contact .contact_left .left_phone {
    width: 100%;
    margin-bottom: 30px;
    font-size: 26px;
}
.contact .contact_left .left_phone i {
    color: #153C74;
    margin-right: 16px;
    font-size: 24px;
}
.contact .contact_left .left_phone p{
    width: 82px;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    text-align-last:justify;
    text-align: justify;
}

.contact .contact_left .left_phone span {
    font-size: 16px;
    color: #666666;
    /*flex: 1;*/
    margin-left: 12px;
}
.contact .QR_code{
    width: 30%;
    justify-content: space-between;
}
.contact .QR_code .code {
    align-items: center;
}
.contact .QR_code .code .code_img {
    width: 150px;
    height: 150px;
    padding: 10px;
    border: 1px solid #d6d6d6;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact .QR_code .code .code_img img{
    width: 100%;
    height: auto;
}
.contact .QR_code .code span {
    font-size: 14px;
    color: #333;
}

/* view */
.new_view{
    width: 100%;
}
.new_view .titles{
    width: 100%;
    padding: 20px 0 0;
    font-size: 32px;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.new_view .texts{
    width: 100%;
    padding: 20px 0 40px;
    font-size: 16px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
}
.new_view .texts span{
    margin: 0 20px;
}
.new_view .views{
    width: 100%;
    padding: 0px 0 30px;
    border-bottom: 1px solid #E2E2E2;
    margin: 30px 0;
}

.new_view .views img{
    width: auto;
    max-width: 100%;
}
.new_view .fanhui{
    width: 100%;
    justify-content: space-between;
}
.new_view .fanhui .fanhui_a{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.new_view .fanhui .fanhui_a a{
    width: 100%;
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
}
.new_view .fanhui .fanhiu_as{
    width: 120px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #999;
    font-size: 16px;
    color: #fff;
}



@media (max-width:767px) {
    .service .service_ul li{width: 48%;margin-right: 4%;}
    .service .service_ul li:nth-child(2n){margin-right: 0;}
    .news_ul li{width: 100%;margin-bottom: 20px;margin-right: 0;}
    .news_ul li a{padding: 20px 10px;}
    .news_ul li a .date{padding-right: 15px;margin-right: 15px;}
    .news_ul li a .date .date1{font-size: 45px;}
    .news_ul li a .date .date2{font-size: 14px;}
    .news_ul li a .date_p{width: 72%;flex: initial;}
    .news_ul li a .date_p p{font-size: 14px;font-weight: bold;}
    .news_ul li a .date_p span{font-size: 12px;}
    .on_form form .form_ul li{width: 100%;margin-bottom: 20px;}
    .contact .contact_left{width: 100%;}
    .contact .contact_left .left_phone p{width: 40px;font-size: 17px;}
    .contact .contact_left .left_phone i{margin-right: 8px;font-size: 22px;}
    .contact .contact_left .left_phone span{font-size: 14px;}
    .new_view .titles{font-size: 22px;}
    .new_view .fanhui .fanhui_a{flex: initial;width: 100%;}
    .new_view .fanhui .fanhiu_as{width: 110px;height: 35px;font-size: 14px;}
}

@media (max-width:991px) and (min-width:768px) {
    .on_form form .form_ul li{width: 100%;margin-bottom: 20px;margin-right: 0;}
    .contact .contact_left .left_phone p{width: 60px;}
}

@media (min-width:992px) and (max-width:1024px) {}

@media (min-width:1200px) and (max-width:1440px) {}