.banner{
    width: 100%;
    position: relative;
}
.banner .banner_img{
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.banner .banner_img img{
    width: 100%;
}
.banner .position{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    background-color: #33333386;
}
.banner .position .w_1540{
    display: flex;
    align-items: center;
}
.banner .position i{
    font-size: 18px;
    color: #fff;
}
.banner .position a{
    font-size: 14px;
    color: #fff;
    margin: 0 12px;
}

.pso_title{
    width: 100%;
}
.pso_title .title{
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #333;
    font-weight: bold;
    margin-bottom: 40px;
}
.pso_title .content{
    width: 100%;
    padding: 20px 0;
}
.pso_title .content img{
    width: auto;
    max-width: 100%;
}

/* 相关推荐 */
.recommend{
    border-top: 1px solid #d9d9d9;
}
.recommend .title{
    width: 100%;
    margin-bottom: 25px;
    font-size: 24px;
    color: #333;
}
.recommend .recom_ul{
    width: 100%;
    justify-content: space-between;
}
.recommend .recom_ul li{
    width: 32%;
}
.recommend .recom_ul li a{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.recommend .recom_ul li a .img{
    width: 100%;
    height: 280px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eee;
}
.recommend .recom_ul li a .img img{
    width: auto;
    height: 100%;
    max-width: inherit;
}
.recommend .recom_ul li a .p{
    font-size: 24px;
    color: #333;
    margin: 20px 0 15px;
}
.recommend .recom_ul li a .span{
    font-size: 14px;
    color: #666;
    margin-bottom: 32px;

}
.recommend .recom_ul li a .xiang{
    width: 40px;
    height: 2px;
    background-color: #666;
    transition: all .3s;
}

.recommend .recom_ul li a:hover .p{
    color: #005bac;
}
.recommend .recom_ul li a:hover .xiang{
    background-color: #005bac;
    width: 80px;
}


/* 案例中心 */

.case_com{
    width: 100%;
    justify-content: space-between;
}
.case_com .h_content{
    width: 50%;
}

.case_uls{
    width: 100%;
    padding: 30px 0;
}
.case_uls li{
    width: 20%;
    height: 130px;
    border: 1px solid #d9d9d9;
    overflow: hidden;
}
.case_uls li a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 0;
}
.case_uls li a img{
    width: auto;
    height: auto;
    max-height: 100%;
}

/* 新闻中心 */
.news_uls li{
    margin-left: 20px;
    border: 2px solid #C7C7C7;
}
.news_uls li a{
    width: 130px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #333;
}
.news_uls .news_lis a{
    font-weight: bold;
    color: #fff;
    background-color: #005BAC;
}
.news_uls li a:hover{
    font-weight: bold;
    color: #fff;
    background-color: #005BAC;
}


.right_ul{
    width: 100%;
    border-top: 1px solid #E2E2E2;
}
.right_ul li{
    width: 100%;
    border-bottom: 1px solid #E2E2E2;
}
.right_ul li a{
    width: 100%;
    padding: 38px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.right_ul li a .right_com{
    width: 75%;
}
.right_ul li a .right_com p{
    width: 100%;
    font-size: 22px;
    color: #333;
    margin-bottom: 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.right_ul li a .right_com span{
    width: 100%;
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.right_ul li a .jiantou{
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #333;
    border-radius: 60px;
    border: 1px solid #333;
} 
.right_ul li a:hover{
    background-color: #005BAC;
}
.right_ul li a:hover .right_com>p{
    color: #fff;
}
.right_ul li a:hover .right_com>span{
    color: #fff;
}
.right_ul li a:hover .jiantou{
    border: 1px solid #fff;
    color: #fff;
}

.new_view{
    width: 100%;
}
.new_view .titles{
    width: 100%;
    padding: 20px 0 40px;
    font-size: 32px;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.new_view .views{
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #E2E2E2;
    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;
}

/* 精英团队 */
.team_ul{
    width: 100%;
    align-items: flex-start;
}
.team_ul li{
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 40px;
}
.team_ul li:nth-child(5n){
    margin-right: 0;
}
.team_ul li .img{
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}
.team_ul li .img img{
    width: 100%;
    height: auto;
}
.team_ul li .title{
    width: 100%;
    display: flex;
    align-items: flex-end;
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
}
.team_ul li .title span{
    font-size: 15px;
    color: #777;
    margin-left: 10px;
}
.team_ul li .tezxt{
    font-size: 14px;
    color: #777;
}


/* 关于我们 */
.about{
    padding: 20px 0;
    width: 100%;
}
.about .about_com{
    width: 100%;
}
.about .about_com .img{  
    width: 50%;
}
.about .about_com .img img{  
    width: 100%;
}
.about .about_com .title{  
    width: 50%;
    padding-left: 30px;
}
.about .about_com .title .p{  
    width: 100%;
    font-size: 30px;
    color: #333;
    margin-bottom: 25px;
}
.about .about_com .title .span{  
    width: 100%;
    font-size: 16px;
    color: #666;
    line-height: 28px;
}

/* 联系我们 */
.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: 95px;
    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;
}

/* 荣誉证书 */
.honor_ul{
    width: 100%;
    align-items: flex-start;
}
.honor_ul li{
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 25px;
    border: 1px solid #d9d9d9;
}
.honor_ul li:nth-child(5n){
    margin-right: 0;
}
.honor_ul li .solu_img{
    width: 100%;
    padding: 35px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}
.honor_ul li .solu_img img{
    width: 100%;
    height: auto;
}
.honor_ul li .solu_img .solu_ast{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #005cacda;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all .3s;
}
.honor_ul li .solu_img .solu_ast img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    opacity: 0;
}
.honor_ul li .solu_img .solu_ast .title{
    font-size: 20px;
    color: #fff;
    margin-bottom: 12px;
    text-align: center;
}
.honor_ul li .solu_img .solu_ast .jia{
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
}
.honor_ul li .solu_img:hover .solu_ast{
    opacity: 1;
}

#outerdiv{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.7);
    z-index:2;
    width:100%;
    height:100%;
    display:none;
}

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


@media (max-width:767px){
    .pso_title .title{font-size: 24px;margin-bottom: 20px;}
    .banner .position .w_1540{flex-wrap: wrap;}
    .banner{height: 250px;}
    .banner .banner_img{height: 100%;}
    .banner .banner_img img{height: 100%;width: auto;max-width: initial;}
    .banner .position{padding: 0 5px;}
    .banner .position i{font-size: 14px;}
    .banner .position a{font-size: 12px;margin: 0 8px;}
    .pso_title .content{padding: 20px 15px;}
    .recommend{padding: 40px 15px;}
    .recommend .recom_ul li{width: 100%;margin-bottom: 20px;}
    .recommend .recom_ul li a .img{height: auto;}
    .recommend .recom_ul li a .p{font-size: 18px;margin: 10px 0;}
    .case_com{padding: 0 15px;}
    .case_com .h_content{width: 100%;}
    .news_uls li{margin: 0 25px 10px 0;}
    .news_uls li a{width: 80px; height: 38px;font-size: 14px;}
    .case_uls{padding: 30px 15px;}
    .case_uls li{width: 50%;height: 110px;}
    .case_uls li a{padding: 0 10px;}
    .right_ul{padding: 0 15px;margin-top: 20px;}
    .right_ul li a{padding: 20px 15px;}
    .right_ul li a .right_com{width: 84%;}
    .right_ul li a .right_com p{font-size: 16px;font-weight: bold;}
    .right_ul li a .jiantou{width: 30px;height: 30px;font-size: 20px;}
    .new_view{padding: 0 15px;}
    .new_view .fanhui .fanhui_a{flex: initial;width: 100%;}
    .new_view .fanhui .fanhiu_as{width: 100px;height: 38px;}
    .team_ul,.honor_ul{padding: 20px 15px 0;}
    .team_ul li{width: 48%;margin-right: 4%;}
    .team_ul li:nth-child(2n){margin-right: 0;}
    .team_ul li:nth-child(5){margin-right: 4%;}
    .team_ul li:nth-child(15){margin-right: 4%;}
    .team_ul li .title{font-size: 16px;font-weight: bold;}
    .team_ul li .title span{font-size: 13px;}
    .about .about_com{padding: 0 15px;}
    .about .about_com .img{width: 100%;}
    .about .about_com .title{width: 100%;padding-left: 0;}
    .about .about_com .title .p{font-size: 22px;margin: 10px 0;}
    .about .about_com .title .span{font-size: 14px;line-height: 26px;}
    .honor_ul li{width: 48%;margin-right: 4%;}
    .honor_ul li:nth-child(2n){margin-right: 0%;}
    .honor_ul li:nth-child(5){margin-right: 4%;}
    .honor_ul li:nth-child(15){margin-right: 4%;}
    .honor_ul li .solu_img{padding: 15px;}
    .contact .contact_left{width: 100%;}
    .contact .QR_code{width: 100%;}
    .contact{padding: 0 15px;margin: 30px 0;}
    .contact .contact_left .left_phone p{font-size: 18px;width: 78px;}
    .contact .contact_left .left_phone i {margin-right: 10px;font-size: 20px;}
    .new_view .titles{font-size: 22px;}
}

@media(min-width:768px)  and (max-width:991px){
    .banner{height: 250px;}
    .banner .banner_img{height: 100%;}
    .banner .banner_img img{height: 100%;width: auto;max-width: initial;}
    .case_com{margin-bottom: 30px;}
    .team_ul li{width: 31%;margin-right: 3%;}
    .team_ul li:nth-child(3n){margin-right: 0%;}
    .team_ul li:nth-child(5){margin-right: 3%;}
    .team_ul li:nth-child(20){margin-right: 3%;}
    .honor_ul li .solu_img{padding: 10px;}
    .news_uls li a{font-size: 16px;width: 110px;height: 44px;}
    .contact .contact_left{width: 100%;}
    .contact .QR_code{width: 100%;justify-content: flex-start;}
    .contact .QR_code .code{margin-right: 25px;}
}

@media (min-width:992px) and (max-width:1024px){
    .banner{height: 250px;}
    .banner .banner_img{height: 100%;}
    .banner .banner_img img{height: 100%;width: auto;max-width: initial;}
    .case_com{margin-bottom: 30px;}
    .team_ul li{width: 31%;margin-right: 3%;}
    .team_ul li:nth-child(3n){margin-right: 0%;}
    .team_ul li:nth-child(5){margin-right: 3%;}
    .team_ul li:nth-child(20){margin-right: 3%;}
    .honor_ul li .solu_img{padding: 10px;}
    .news_uls li a{font-size: 16px;width: 110px;height: 44px;}
    .contact .contact_left{width: 100%;}
    .contact .QR_code{width: 100%;justify-content: flex-start;}
    .contact .QR_code .code{margin-right: 25px;}
}

@media (min-width:1200px) and (max-width:1440px){
    .case_com .h_content{width: 45%;}
    .news_uls li{margin-left: 12px;}
    .news_uls li a{width: 90px;height: 40px;font-size: 16px;}
}

@media (min-width:1441px) and (max-width:1660px){
    .case_com .h_content{width: 45%;}
    .news_uls li{margin-left: 15px;}
    .news_uls li a{width: 106px;font-size: 16px;}
}