/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}
.f_none{
    display: none;
}

#container{
    width: 94%;
    max-width: 1280px;
    margin:0 auto;
}

.index_about{
    padding:150px 0;
    background: url(../images/about_bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
.index_t1{
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
}
.index_about .text{
    font-size: 15px;
    max-width: 750px;
    margin:30px 0;
    line-height: 2em;
    color: #fff;

        /*margin-top:50px;*/
    
}
.index_about .list{
    display: flex;
}
.index_about .list .li{
    margin-right: 70px;
}
.index_about .list .li:last-child{
    margin-right: 0;
}
.index_about .list .li .num{
    font-size: 60px;
    color: #fff;
    line-height: 1;    
}
.index_about .list .li .t{
    font-size: 14px;
    color: #fff;
    margin-top: 7px;
    font-weight: bold;     
}
.index_about a.more{
    display: block;
    width: 108px;
    text-align: center;
    border-radius: 25.5px;
    background: #253494;
    border: 1px solid #253494;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    transition: all .36s;
    margin-top:65px;
}
.index_about a.more:hover{
    color: #253494;
    background: #fff;
}

@media(max-width:1600px){
    .index_about{
        padding:120px 0;
    }
    .index_t1{
        font-size: 26px;
    }
    .index_about .list .li .num{
        font-size: 46px;
    }
}
@media(max-width:1259px){

}
@media(max-width:1024px){
    .index_about .list .li .num{
        font-size: 42px;
    }    
}
@media(max-width:820px){
    .index_about{
        padding:90px 0;
    } 
    .index_about .text{
        font-size:14px;
        margin: 20px 0;
    }
    .index_about .list .li {
        margin-right: 40px;
    }
    .index_about .list .li .num{
        font-size: 32px;
    }
    .index_about a.more{
        margin-top:50px;
    }
}
@media(max-width:640px){
    .index_about{
        padding:80px 0;
    }
    .index_t1{
        font-size: 22px;
    }
    .index_about .list .li {
        margin-right: 30px;
    }
    .index_about .list .li .num{
        font-size: 24px;
    }
    .index_about .list .li .t{
        font-size: 13px;
    }
    .index_about a.more{
        margin-top:30px;
    }
}

.m2zpBox { padding: 45px 0px 50px; }
.m2zpBox dl dt { 
    padding: 10px 0px 10px 75px; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; 
    position: relative; transition:all 0.3s ease-in-out; 
    
}
.m2zpIcon { background: url(../images/m2zp_icon.png) no-repeat; height: 13px; width: 15px; position: absolute; left: 28px; margin-top: -6px; top: 50%; transition:all 0.5s ease-in-out; transform:rotate(180deg) }
.m2zpBox dl { margin-bottom: 35px; }
.m2zpNm { height: 96px; border-right: 1px dotted #D8D8D8; padding-top: 18px; color: #999; font-size: 13px; line-height: 28px; float: left; width: 252px; }
.m2zpNm strong { 
    font-size: 20px; line-height: 28px; 
    /*font-weight: normal; */
    display: block; color: #333; 
}
.m2zp_tag {
    margin: 20px 0px 0px 12%; 
    color: #666; 
    display: inline-block; 
    width: 150px;
}
.m2zp_tag span { 
    line-height: 30px; 
    height: 32px; 
    border: 1px solid #CBCBCB; 
    text-align: center; 
    display: block; 
    border-radius: 1.6em; 
    padding: 0px 2.5%;
    font-size: 15px; 
}
.m2zp_tag p{
    text-align: center;
    line-height: 1.6em;
    height: 3.2em;
    overflow: hidden;
    margin-top:5px;
}
.m2zpBox dl dt.on{ background: #f9f9f9; }
.m2zpBox dl dd { 
    display: none;
    font-size: 14px; line-height: 26px; color: #666666; padding: 35px 35px 35px 75px; background: #FCFCFC; border-top: 1px solid #FFFFFF; 
}
.m2zpBox dl dd .p1{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.m2zpBox dl dd a{
    display: block;
    width: 120px;
    line-height: 36px;
    background: #224289;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top:30px;
}
.m2zpBox dl dt.on .m2zpIcon{ transform:rotate(0deg)}
.m2zpBox dl dd a:hover{
    text-decoration: underline;
}
.en_banner{
    /*background: #000!important;*/
    width: 100%;
    height:100vh;
    overflow: hidden;
}
.en_logo{
    padding-top:10px;
}
.en_logo a{
    display: block;
    max-width: 220px;
}
.en_banner .img1{
    height: 100vh;
    opacity: 0;
    overflow: hidden;
}
.en_banner .img1 img{
    width: 100%;
    height: 100%;
}
.en_text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
}
.en_text .con1280{
    border-left: 1px solid #fff;
    padding:7px 0 7px 30px;
}
.en_text p:nth-child(1){
    font-size: 42px;
    margin-bottom: 10px;
    line-height: 1;
}
.en_text p:nth-child(2){
    max-width: 800px;
}
@media(max-width:1600px){
    .m2zpNm strong{
        font-size:20px;
    }  
    .en_text{
        font-size:15px;
    }
    .en_text p:nth-child(1){
        font-size: 32px;
    }
}
@media(max-width:1280px){
    .m2zp_tag{
        margin: 20px 0px 0px 10%;
    }
    .en_text{
        font-size:14px;
    }
    .en_text p:nth-child(1){
        font-size: 26px;
    }
}
@media(max-width:1199px){
    .m2zp_tag{
        margin: 20px 0px 0px 30px;
    }    

}
@media(max-width:1024px){
    .m2zp_tag{
        width:120px;
    }
    .m2zp_tag p{
        font-size:12px;
    }
}
@media(max-width:992px){
    .m2zpNm{
        width:225px;
    }
    .m2zp_tag {
        margin: 15px 0px 0px 15px;
    }   
    .m2zpNm strong{
        font-size:20px;
    }
    .en_logo a{
        display: block;
        max-width: 180px;
    }
    .en_text .con1280{
        padding:5px 0 5px 20px;
    }
    .en_text p{
        line-height:1.6;
    }
    .en_text p:nth-child(1){
        font-size: 22px;
    }
}
@media(max-width:767px){
    .m2zpBox dl dt {
        padding-left: 0;
    }
    .m2zpIcon {
        left: 10px;
    }
    .m2zpNm {
        float: none;
        width: auto;
        margin-left: 45px;
    } 
    .m2zp_tag {
        display: none;
    }
    .m2zpBox dl dd {
        padding-left: 15px;
        padding-right: 15px;
    }
    .en_banner{
        background:none!important;
    }
    .en_banner .img1{
        width:100%;
        opacity:1;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        z-index:-9;
    }
    .en_logo a{
        display: block;
        max-width: 160px;
    }
    .en_text .con1280{
        border-left:none;
    }
    .en_text p:nth-child(1){
        font-size: 20px;
    }
}


.sitemp .site{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 60px;
    height: 80px;
    overflow-x: auto;  
    font-size: 16px;
}
.sitemp .site a{
    font-size: 17px;
}
#container1{
    padding:100px 0;
}
.left1{
    float:left;
    width: 260px;    
}
.left1 h3{
    background:#d4d4d4;
    font-size: 20px;
    color: #333;
    font-weight: normal;
    text-align: center;
    line-height: 55px;
    margin-bottom: 3px;
}
#container1 .sort li{
    margin-bottom: 2px;

}
.sort li a{
    padding:0 18px;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333333;
    line-height: 1.4;
    background:#f5f5f5;
    position: relative;
}
.sort li a.list_item1{
    transition: all 0.4s ease-out;
}
.sort li a.list_item1:after{
    content:'';
    position: absolute;
    right:18px;
    top:50%;
    width: 14px;
    height: 14px;
    margin-top:-7px;
    background:url(../images/sort.png) no-repeat center;
    transition: all 0.4s ease-out;
}
#container1 .sort li:hover a.list_item1:after , #container1 .sort li.cur a.list_item1:after{
    background:url(../images/sort_h.png) no-repeat center;
}
.sort li:hover a.list_item1,.sort li.cur a.list_item1{
    background: #d4d4d4;
    color: #333;
}
.sort li.cur .layer2{
    display: block!important;
}
.sort li.cur .layer2 a{
    color: #333;
    font-size: 14px;
    /*text-indent: 2em;*/
    padding-left: 45px;
    border-bottom: 1px solid #ccc;
    position: relative
}
.sort li.cur .layer2 a:before{
    content:'';
    position: absolute;
    left:28px;
    top:50%;
    width: 14px;
    height: 14px;
    margin-top:-7px;
    background:url(../images/sort2.png) no-repeat center;    
}
.sort li .layer2 a:hover,.sort li .layer2 a.on{
    color: #224289;
}
.sort li.cur .layer3 a{
    text-indent: 3em;    
}
.sort li.cur .layer3 a:before{
    content:'';
    position: absolute;
    left:40px;
    top:50%;
    width: 14px;
    height: 14px;
    margin-top:-7px;
    background:url(../images/sort2.png) no-repeat center; 
}
.right1 {
    float: right;
    width: calc(100% - 260px);
    padding-left: 20px;
}
@media(max-width:1920px){

}
@media(max-width:1600px){
    #container1{
        padding:70px 0;
    }  
    .sort li a{
        font-size:16px;
        height:50px;
    }
    .sort li.cur .layer2 a{
        font-size:14px;
        height:46px;
    }
    .sitemp .site a{
        font-size: 14px;
    }
}
@media (max-width: 992px){
    .sitemp{
        display:none;
    }
    #container1{
        padding:50px 0;
    }
    .left1 {
        width: 100%;
        border-right: 0;
    } 
    .left1 h3{
        background:none;
        color:#000;
        text-align:left;
        padding: 10px 10px 10px 0;
        font-size: 18px;
        line-height:1.2;
        font-weight:600;
    }
    .right1 {
        width: 100%;
        padding-left:0;
        margin-top:20px;
    } 
}
@media(max-width:820px){
    #container1{
        padding:30px 0;
    }    
}
@media(max-width:640px){
    #container1{
        padding:10px 0;
    }    
}

h1.title{
    font-size: 22px;
    color: #333;
    text-align: center;
    padding:2em 0 0.5em 0;
    font-weight: normal;
}
.info_title{
    text-align: center;
    font-size: 14px;
    color: #666;
    padding-bottom: 1em;
    border-bottom:1px dashed #dcdcdc;
    margin-bottom: 2em;
}
h3.tag{
    font-size: 14px;
    color: #666;
    font-weight: normal;
}
.page{
    font-size: 14px;
    color: #666;    
}
.page a{
    font-size: 14px;
    color: #666;    
}

@media(max-width: 768px){
    h1.title{
        font-size: 18px;
    }
}

.pageController{
    text-align: center;
    color:#505050;margin:0 auto;
    margin:2em 0;
    line-height:24px;
}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; 
    color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;
}
.pageController a:hover{background-color:#2b70bb;color:#fff; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #2b70bb;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{
    float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;
    display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
    line-height: 39px;
    background-color: #ef8200;
    vertical-align: middle;
    border: 1px solid #ef8200; 
    color: #fff;padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    width: 39px;
}
.pageController .t1 span{
    /*padding-left:4px;
    padding-right:4px;*/
    width: 39px;
}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;
    display: none;
}
.pageController select option{vertical-align:middle;}









/*客服3*/
.Fast_contact {
    height: 265px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -132.5px;
    z-index: 97
}

.Fast_contact ul li.onlineservice_li {
    width: 48px;
    height: 48px;
    position: relative;
    text-align: center;
    margin-bottom: 5px;
    background-color: #d9d9d9;
}

.Fast_contact ul > li.onlineservice_li > a {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 10px;
}

.Fast_contact ul > li:hover .onlineservice_tips {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.onlineService_qq {
    background-image: url("../images/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.onlineService_form {
    background-image: url("../images/fastForm.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.Fast_contact ul > li.onlineservice_li > a.onlineService_tel {
    width: 30px;
    height: 30px;
    background-image: url("../images/fastPhone.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.onlineService_whatsApp {
    background-image: url("../images/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -139px;
}

.onlineService_email {
    background-image: url("../images/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -111px;
}

.onlineService_skype {
    background-image: url("../images/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -28px;
}

.onlineService_wechat {
    background-image: url("../images/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -266px;
}

.for_wechat span {
    display: block;
    text-align: center;
}

.onlineservice_tips {
    padding: 5px 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    right: 58px;
    top: 6px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: all .4s;
    transition: all .4s;
}

.onlineservice_tips li {
    width: auto;
    height: auto;
    white-space: nowrap;
}

.onlineservice_tips li a {
    display: block;
    min-height: 22px;
    text-align: center;
    line-height: 22px;
    color: #737578;
    font-size: 15px;
}

.onlineservice_tips li a.for_wechat {
    height: auto;
}

.onlineservice_tips li a.for_wechat img {
    max-width: 240px;
}

.onlineservice_tips li a:hover {
    text-decoration: underline;
}

.onlineservice_tips:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    border-color: transparent #ccc #ccc transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: -6px;
    top: 10px;
    background-color: #fff;
}
@media(max-width:1220px){
    .Fast_contact{
        display:none;
    }
}

.SchemeApplication .p_text{
    font-size: 17px;
    text-indent: 2em;
    line-height: 1.8em;
    margin-bottom:50px;
    color: #666;
}

.SchemeApplication .text2{
    margin-bottom:60px;
}
.SchemeApplication h3{
    font-size: 24px;
    /*color: #333;*/
    color: #224289;
    font-weight: bold;
    margin-bottom: 30px;
}
.p_list1{
    display: flex;
    flex-wrap: wrap;
}
.p_list1 li{
    width: 30%;
    margin-right: 5%!important;
    padding:30px 35px 40!important;
    /*border:1px solid #ccc;*/
    box-shadow: 0 0 10px #999;
}
.p_list1 li:nth-child(3n){
    margin-right: 0!important;
}
.p_list1 li h4{
    font-size: 20px;
    color: #000;
    font-weight: normal;
}
.p_list1 li .txt{
    margin:20px 0 40px;
    color: #666;
    font-size: 16px;
}
.p_list1_a{
    position: relative;
}
.p_list1_a a.p_chose{
    display: block;
    max-width: 100px;
    line-height: 40px;
    color: #666;
    background: #e5e5e5;
    text-align: center;
    font-size: 16px;
}
.p_list1_a a.p_chose:hover{
    background: #224289;
    color: #fff;
}
.p_list1_a .txt2{
    position: absolute;
    top:35px;
    left:0;
    width: 100px;
    background: #fff;
    box-shadow: 0px 0px 10px #ccc;
    padding:8px 10px;
    display: none;
}
.p_list1_a .txt2 a{
    display: block;
    line-height: 30px;
}
.p_list1_a .txt2 a:hover{
    color: #224289;
}
.p_list1_a.on .txt2{
    display: block;
}
.p_table .p_table_c{
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /*display: block;*/
    /*overflow-x: scroll;*/
}
.p_table table{
    width: 100%;
    white-space: nowrap;
}
.p_table table tbody{

}
.p_table table tr{
    transition: all 0.3s ease-out;
}
.p_table table td{
    padding:15px 5px;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    min-width: 160px;
    border-left: none;
    border-right: none;
}
.p_table table td a{
    font-size: 16px;
}
.p_table table td a:hover{
    color: #224289;
}
.p_table table tr:nth-child(1){
    /*5b9bd5*/
    background: #eee;
}
.p_table table tr:nth-child(1) td{
    /*font-size: 14px;*/
    /*color: #fff;*/
    /*padding:5px 1px;*/
}
.p_table table tr:hover{
    background: #f5f5f5;
}

h2.p_t1{
    /*color: #000;*/
    font-size: 36px;
    margin-bottom: 50px;
    font-weight: bold;
    color: #224289;
}
h2.p_t1 span{
    font-size: 16px;
    font-weight: normal;
    margin-left: 15px;
    /*color: #666;*/
}
.p_cont1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.p_cont1_txt{
    font-size: 16px;
    line-height: 1.8;
}
.p_cont1_txt strong{
    display: block;
    margin-bottom: 10px;
    /*color: #333;*/
    color: #224289;
    /*font-weight: normal;*/
}
.p_cont1_txt strong span{
    font-size: 20px!important;    
}
.p_cont1_txt a strong{
    display: inline-block;
    margin:0;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}
.p_cont1_txt{
    width: 60%;
    font-size: 16px;
}
.p_cont1_img{
    max-width: 40%;
    text-align: center;
}
.p_cont1_img img{
    transition: all 0.5s ease-out;
}
#ptwo .t{
    display: flex;
    flex-wrap: wrap;
}
#ptwo .t p{
    width: 50%;
    margin-bottom: 10px;
    font-size: 16px;
}
.p_cont3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.p_cont3 .p_d_table{
    width: 45%;   
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.p_cont3 .p_d_table table{
    width: 100%;
    max-width: 460px;
}
.p_cont3 .p_d_table table tr{
    height:auto!important;
}
.p_cont3 .p_d_table table tr td{
    padding:10px 7px!important;
}
.p_cont3 .p_d_img{
    width: 50%;   
    text-align: center;
}
.p_cont4{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
}
.p_cont4 p{
    width: 46%;
    border-bottom: 1px solid #333;
    color: #000;
    font-size: 18px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.p_cont4 p a{
    display: block;
    color: #000;
    font-size: 16px;
}

.quality_c{
    background: #f7f7f7;  
    padding:50px;
}
.quality_list1{
    /*max-width: 800px;*/
    margin:0px auto 0!important;

    /*padding:50px!important;*/
}
.quality_list1 li{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding:50px 50px!important;
    background: #fff;
    margin-bottom: 30px!important;
    box-shadow: 0px 0px 10px #ccc;
}
.quality_list1 li .img{
    width: 48px;
}
.quality_list1 li .text{
    width: calc(100% - 48px);    
    padding-left: 20px;
}
.quality_list1 li .text h3{
    font-size: 32px;
    color: #333;
    margin-bottom: 5px;
}
.quality_list1 li .text p{
    font-size: 16px;
}
.quality .imgs{
    display: flex!important;
    flex-wrap: wrap;
}
.quality .imgs p{
    width: 32%;
    margin-right: 2%;
}
.quality .imgs p:nth-child(3n){
    margin-right: 0;
}
@media(max-width:1920px){


}
@media(max-width:1600px){
    h2.p_t1{
        font-size:28px;
    }
    h2.p_t1 span {
        font-size: 14px;
        margin-left: 10px;
    }
    .p_cont1_txt{
        font-size:15px;
    }
    .p_cont1_txt strong {
        margin-bottom: 5px;
    }
    #ptwo .t p{
        font-size:15px;
    }
    .SchemeApplication .p_text{
        font-size:15px;
    }
    .SchemeApplication h3{
        font-size:22px;
    }
    .p_list1 li .txt{
        font-size:15px;
    }
    .p_list1 li{
        padding:20px 25px 30px!important;
    }
    .p_list1 li h4{
        font-size:17px;
    }
    .p_table table td{
        font-size:15px;
        padding: 12px 5px;
    }
    .p_cont4 p{
        font-size:15px;
    }
    .quality_list1 li{
        padding:30px 0;
    }
    .quality_list1 li .text h3{
        font-size: 24px;
    }
    .quality_list1 li .text p{
        font-size: 15px;
    }
}
@media(max-width:1280px){
    .p_cont3 .p_d_table {
        width: 50%;
    }  
    .SchemeApplication .p_text{
        font-size:15px;
    }
    .quality_list1 li{
        padding:25px 0;
        margin-bottom:20px!important;
    }
    .quality_list1 li .text h3{
        font-size: 20px;
    }
    .quality_list1 li .text p{
        font-size: 14px;
    }
}
@media(max-width:820px){
    .p_cont4 p,.p_cont4 p a{
        font-size:15px;
    }
    .p_table table{
        /*min-width:1300px;*/
    }
    .p_list1 li {
        padding: 15px 15px 20px!important;
    }
    .p_list1 li .txt{
        margin:10px 0 20px;
    }
    .SchemeApplication h3 {
        margin-bottom:20px;
    }
    .quality_list1{
        padding:30px!important;
    }
    .quality_list1 li{
        padding:15px 30px!important;
    }
    .quality_list1 li .text h3{
        font-size: 16px;
    }
}
@media(max-width:767px){
    h2.p_t1 {
        font-size: 20px;
        margin-bottom:20px;
    }
    .p_cont1_txt,
    .p_cont1_img,
    #ptwo .t p,
    .p_cont3 .p_d_table,
    .p_cont3 .p_d_img{
        width:100%;
        max-width:100%;
    }
    #ptwo .t p{
        font-size:14px;
        margin-bottom:6px;
    }
    .p_d_img{
        margin-top:15px;
    }
    .p_cont4 p, .p_cont4 p a{
        font-size:14px;
    }
    .p_list1 li{
        width:100%;
        margin-right:0!important;
        margin-bottom:10px!important;
    }
    .SchemeApplication .p_text{
        font-size:14px;
    }
    .p_cont1_txt strong span {
        font-size: 16px!important;
    }
    .quality_list1{
        padding:20px!important;
    }
    .quality_list1 li{
        padding:15px 20px!important;
    }
    .p_cont3 .p_d_table table{
        max-width:400px;
    }
}


.case_yy{
    
}
.yy_cont{
    
}
.tt1{
    line-height: 1.6;
    font-size: 18px;
    color: #fff;
    background: #006666;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: bold;
    padding:0 15px;
    margin-bottom: 30px;
}
.case_yy_li{
    
}
.case_yy_li li{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px!important;
}
.case_yy_li li .text{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:15px 50px 15px 0;
}
.case_yy_li li .text .p1{
    font-size: 18px;
    color: #000;
}
.case_yy_li li .text .p2{
    font-size: 16px;  
    margin:20px 0;
}
.case_yy_li li .text a{
    display: block;
    max-width: 100px;
    line-height: 40px;
    color: #666;
    background: #e5e5e5;
    text-align: center;
    font-size: 16px;
}
.case_yy_li li .text a:hover{
    background: #224289;
    color: #fff;
}
.case_yy_li li .img{
    width: 50%;
    margin-top:0;
}
.yy_cont2{
    padding-top:30px;
}
.news_t1{
    font-size: 26px;
    color: #333;
    font-weight: bold;
    margin-bottom: 0;
}

#about4{
    background:url(../images/about4_bg.jpg) no-repeat;
    background-size: cover;
    padding:155px 0 125px;
    color: #fff;
    display: none;
}
#about4 h2{
    color: #fff;
}
.c-banner3-top {
    border-bottom: 2px solid rgba(255, 255, 255, .2);
}
.c-banner3-top .swiper-slide {
    padding: 120px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.c-banner3-top .c-num {
    margin-top: -40px;
    padding-right: 50px;
    width: 50%;
    font-size: 250px;
    line-height: 1;
    text-align: right;
}
.c-banner3-top .c-text {
    padding-left: 50px;
    width: 50%;
    font-size: 18px;
    line-height: 28px;
}
.c-banner3-top .c-next {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    margin-top: -40px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #d32946;
    cursor: pointer;
}
.c-banner3-top .c-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    margin-top: -40px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #d32946;
    cursor: pointer;
}
.c-banner3-top .c-next p {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    line-height: 80px;
    padding-right: 50px;
}
.c-banner3-top .c-prev p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    line-height: 80px;
    padding-left: 50px;
}
.c-banner3-top .c-next.swiper-button-disabled,
.c-banner3-top .c-prev.swiper-button-disabled {
    display: none;
}
.c-banner3-bottom {
    margin: -2px 120px 0;
    text-align: center;
}
.c-banner3-bottom .swiper-wrapper {
    display: flex;
}
.c-banner3-bottom .swiper-slide {
    width: 160px;
    margin-right: 40px;
    padding-top: 25px;
    border-top: 3px solid transparent;
    line-height: 26px;
    cursor: pointer;
    transition: .3s;
}
.c-banner3-bottom .swiper-slide-thumb-active {
    border-color: #fff;
}
@media(max-width:1600px){
    .case_yy_li li .text .p2{
        font-size:15px;
    }
    .case_yy_li li .text a {
        display: block;
        max-width: 80px;
        line-height: 32px;
        font-size: 14px;
    }
}
@media(max-width:1280px){
    .tt1{
        height:60px;
        font-size:16px;
        margin-bottom:5px;
    }
    .case_yy_li li .text .p1{
        font-size:16px;
    }
    .case_yy_li li .text .p2{
        font-size:14px;
        margin: 10px 0 20px;
    }
    .case_yy_li li .text{
        padding: 15px 35px 15px 0;
    }    
}
@media(max-width:820px){
    .tt1{
        font-size:15px;
    }
}
@media(max-width:767px){
    .case_yy_li li .img{
        width:100%;
    }
    .case_yy_li li .text{
        width:100%;
        padding: 15px 0;
    }
}