/* about */

.about{

    width: 100%;

    height: 744px;

    margin-top: 30px;

    background: url("../images/about_bg.jpg") center center no-repeat;

}

.about1-1{

    width: 100%;

    height: 200px;

    overflow: hidden;

}

.about1-1 li{

    width: 25%;

    height: 200px;

    padding: 55px 0 54px;

    box-sizing: border-box;

    text-align: center;

    float: left;

}

.about1-1 li:nth-child(2n){

    background-color: #1d379b;

}

.about1-1 li h5{

    font-family: ArialMT;

    font-size: 68px;

    line-height: 54px;

    color: #ffffff;

}

.about1-1 li h5 span{

    font-size: 16px;

    color: #ffffff;

}

.about1-1 li p{

    font-size: 14px;

    color: #ffffff;

}

.about2{

    height: 482px;

    margin-top: 64px;

    overflow: hidden;

}

.about_top{

    text-align: center;

}

.about_top h3{

    font-size: 30px;

    font-weight: bold;

    line-height: 32px;

    color: #111183;

}

.about_top img {

    display: block;

    width: 200px;

    height: 5px;

    margin: 12px auto;

}

.about_top h4{

    font-family: ArialMT;

    font-size: 16px;

    line-height: 18px;

    color: #111183;

}

.about_bot{

    margin-top: 60px;

}

.about_bot1{

    width: 522px;

    height: 324px;

    position: relative;

    float: left;

}

.about_video,.about_video img{

    display: block;

    width: 100%;

    height: 100%;

}

.play{

    width: 64px;

    height: 64px;

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}

.play img{

    display: block;

    width: 100%;

    height: 100%;

}

.about_bot2{

    float: right;

    width: 520px;

}

.about_bot2 h4{

    font-size: 30px;

    font-weight: bold;

    color: #1d379b;

    margin-top: 18px;

}

.about_bot2 p{
    text-indent: 2em;
    font-size: 14px;

    line-height: 30px;

    color: #333333;

    height: 150px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    margin-top: 28px;

}

.about_bot2 a{

    display: block;

    width: 66px;

    height: 30px;

    border: solid 1px #1d379b;

    line-height: 30px;

    text-align: center;

    font-family: ArialMT;

    font-size: 14px;

    color: #333333;

    margin-top: 45px;

}

/* product */

.product{

    height: 920px;

    overflow: hidden;

    margin: 60px auto 65px;

}

.pro_bot{

    margin-top: 35px;

}

.pro_bot1{

    padding: 0 20px;

    box-sizing: border-box;

    display: flex;

    justify-content: space-between;

}

.pro_bot1 li{

    width: auto;

    height: 40px;

    border: solid 1px #999999;

    box-sizing: border-box;

    text-align: center;

    line-height: 40px;

    font-size: 14px;

    color: #333333;

    position: relative;

    transition: all .5s ease-out;
	    padding: 0 10px 0 10px;

}

.pro_bot1 li .pro_erj{

    width: 200px;

    position: absolute;

    top: 39px;

    left: -1px;

    z-index: 99;

    display: none;

}

.pro_erj > a{

    display: block;

    background: rgba(29,55,155,.8);

    padding: 0 10px;

    box-sizing: border-box;

    border-bottom: 1px solid rgba(255,255,255,.4);

    text-align: left;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 14px;

    color: #fff;

    transition: all .5s ease-out;

}

.pro_erj > a > span{

    width: 10px;

    height: 2px;

    background-color: #ffffff;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

}

.pro_erj a:last-child{

    border: 0;

}

.pro_bot1 li.pro_hot{

    border: solid 1px #1d379b;

}

.pro_erj > a:hover{

    padding-left: 20px;

    box-sizing: border-box;

}

.pro_bot2 ul{

    height: 725px;

    overflow: hidden;

    margin-top: 42px;

}

.pro_bot2 li{

    width: 374px;

    height: 342px;

    overflow: hidden;

    float: left;

    margin-bottom: 40px;

    margin-right: 28px;

    transition: all .5s ease-out;

}

.pro_bot2 li:nth-child(3n){

    margin-right: 0;

}

.pro_bot2 li > a{

    display: block;

    width: 100%;

    height: 280px;

    border: solid 1px #1d379b;

    box-sizing: border-box;

    overflow: hidden;

}

.pro_bot2 li img{

    display: block;

    width: 100%;

    height: 100%;

    transition: all .5s ease-out;

}

.pro_desc{

    width: 374px;

    height: 52px;

    margin-top: 10px;

    padding: 0 20px;

    box-sizing: border-box;

    line-height: 52px;

    background: url("../images/pro_more1.png") 320px center no-repeat #eeeeee;

    background-size: 32px 32px;

    position: relative;

    transition: all .5s ease-out;

}

.pro_bot2 li .pro_desc a{

    width: 75%;

    height: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    border: 0;

    position: absolute;

    top: 0;

    left: 20px;

    z-index: 5;

    display: block;

}

.pro_desc span{

    width: 0;

    height: 52px;

    background: url("../images/pro_more2.png") 320px center no-repeat #1d379b;

    background-size: 32px 32px;

    transition: all .5s ease-out;

    position: absolute;

    top: 0;

    left: 0;

}

.pro_bot2 li:hover img{

    transform: scale(1.1,1.1) ;

    -ms-transform: scale(1.1,1.1) ;

    -webkit-transform: scale(1.1,1.1) ;

    -o-transform: scale(1.1,1.1) ;

    -moz-transform: scale(1.1,1.1);

}

.pro_bot2 li:hover .pro_desc span{

    width: 100%;

}

.pro_bot2 li:hover .pro_desc a{

    color: #ffffff;

    border: 0;

}

/* block1 */

.block1{

    width: 100%;

    height: 354px;

    padding-top: 32px;

    box-sizing: border-box;

    background: url("../images/block_bg2.jpg") center top no-repeat;

    overflow: hidden;

    position: relative;

}

.block1 .center > p{

   /* float: right;*/

    text-align: right;

    font-family: MicrosoftYaHei;

    font-size: 30px;

    line-height: 50px;

    color: #ffffff;

}

.block1 .center > p span{

    font-weight: bold;

}

.block1_btn{

    margin-top: 30px;

    text-align: right;

}

.block1_btn p{

    font-size: 18px;

    line-height: 20px;

    color: #ffffff;

    display: inline-block;

    vertical-align: middle;

}

.block1_btn p span{

    font-family: Arial-BoldMT;

    font-weight: bold;

    font-size: 24px;

}

.block1_btn a{

    display: inline-block;

    width: 118px;

    height: 44px;

    border: solid 1px #ffffff;

    text-align: center;

    line-height: 44px;

    font-size: 18px;

    color: #ffffff;

    margin-left: 55px;

   /* overflow: hidden;*/

    transition: all .5s ease-out;

}

.block1_btn a:hover{

    border-radius: 8px;

}

/* ys */

.ys{

    width: 100%;

    height: 840px;

    margin-top: -52px;

    padding-top: 105px;

    box-sizing: border-box;

    background: url("../images/ys_bg.jpg") center center no-repeat;

}

.ys_top{

    text-align: center;

}

.ys_top h3{

    /*font-family: ZhenyanGB-Regular;

    font-size: 36px;

    line-height: 48px;

    letter-spacing: 4px;

    color: #333333;*/

    width: 429px;

    height: 35px;

    background: url("../images/ys_txt1.png") no-repeat;

    margin: auto;

}

.ys_top h3 span{

    /*color: #121485;*/

}

.ys_top h4{

    margin-top: 24px;

}

.ys_top h4 i{

    width: 157px;

    height: 2px;

    background-color: #111183;

    display: inline-block;

    vertical-align: middle;

}

.ys_top h4 span{

    display: inline-block;

    width: 292px;

    height: 19px;

    margin: 0 8px;

    background: url("../images/ys_txt2.png") no-repeat;

}

.swiper-ys{

    height: 520px;

    margin-top: 40px;

    overflow: hidden;

}

.ys1{

    width: 720px;

    height: 520px;

    margin-left: 30px;

    float: left;

}

.ys1 img{

    display: block;

    width: 100%;

    height: 100%;

}

.ys2{

    width: calc(100% - 750px);

    height: 100%;

    float: right;

    padding: 52px 0 0 40px;

    box-sizing: border-box;

    position: relative;

    overflow: hidden;

}

.ys2 .ys_num{

    width: 100%;

    font-family: BodoniBT;

    font-size: 36px;

    font-weight: bold;

    line-height: 36px;

    color: #1d379b;

    text-align: right;

    padding-right: 24px;

    box-sizing: border-box;

}

.ys_txt{

    margin-top: 56px;

}

.ys_txt h4{

    font-size: 30px;

    line-height: 30px;

    color: #1d379b;

    font-weight: bold;

}

.ys_hr{

    width: 392px;

    height: 1px;

    background-color: #005dc6;

    opacity: 0.6;

    margin: 20px 0 30px;

}

.ys_txt p{

    font-size: 14px;

    line-height: 34px;

    color: #333333;

}

.swiper-ys .swiper-button-next,.swiper-ys  .swiper-button-prev{

    width: 81px;

    height: 81px;

    top: 440px;

    right: 349px;

    left: auto;

    background: url("../images/ys_prev.png") center center no-repeat #ff7f00;

}

.swiper-ys .swiper-button-next{

    right: 268px;

    background: url("../images/ys_next.png") center center no-repeat #1d379b;

}

.swiper-ys .swiper-pagination{

    width: 70px;

    bottom: 12px;

    left: auto;

    right: 20px;

    font-family: Impact;

    font-size: 36px;

    line-height: 48px;

    color: #1d379b;

}

.swiper-ys .swiper-pagination-current{

    font-size: 30px;

}

/* case */

.case{

    width: 100%;

    height: 594px;

    padding: 60px 0;

    box-sizing: border-box;

    background: url("../images/case_bg.jpg") center center no-repeat;

}

.case .center{

    height: 100%;

    position: relative;

}

.case_top{

    width: 548px;

    height: 56px;

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

}

.case_top1{

    float: left;

    width: 50px;

    height: 20px;

    font-family: ArialMT;

    font-size: 14px;

    line-height: 18px;

    color: #ffffff;

    border-bottom: 2px solid #fff;

}

.case_top1 a{

    color: #fff;

    display: block;

    width: 100%;

    height: 100%;

}

.case_top2{

    float: right;

}

.case_top2 h3{

    font-family: Arial-BoldMT;

    font-size: 72px;

    font-weight: bold;

    line-height: 54px;

    color: #111183;

}

.case_tel{

    width: 252px;

    height: 80px;

    padding: 15px 50px 15px 35px;

    box-sizing: border-box;

    background-color: rgba(255,255,255,.6);

    box-shadow: 0 4px 10px 0 rgba(0, 93, 198, 0.4);

    border-radius: 0 40px 40px 0;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 10;

}

.case_tel-1 img{

    width: 25px;

    height: 23px;

    vertical-align: top;

}

.case_tel-1 span{

    font-size: 18px;

    line-height: 23px;

    color: #1d379b;

}

.case_tel > p{

    font-family: Arial-BoldMT;

    font-size: 24px;

    line-height: 24px;

    font-weight: bold;

    color: #1d379b;

    margin-top: 8px;

}

.swiper-case{

    width: 100%;

    height: 472px;

}

.case_bot1{

    width: 548px;

    height: 100%;

    padding-left: 45px;

    padding-top: 85px;

    box-sizing: border-box;

    float: left;

}

.case_bot1 > a{

    font-size: 26px;

    font-weight: bold;

    color: #ffffff;

    text-align: right;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.case_bot1 .case_hr{

    width: 504px;

    height: 1px;

    background-color: #ffffff;

    margin: 14px 0 40px;

}

.case_bot1 p{

    font-size: 14px;

    line-height: 30px;

    color: #ffffff;

    text-align: left;

    height: 90px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp :3;

}

.case_bot2{

    float: right;

    width: 586px;

    height: 472px;

}

.case_bot2 a,.case_bot2 img{

    display: block;

    width: 100%;

    height: 100%;

}

.swiper-case .swiper-button-next,.swiper-case .swiper-button-prev{

    width: 40px;

    height: 40px;

    top: auto;

    bottom: 40px;

    left: auto;

    right: 586px;

    background: url("../images/case_prev.png");

}

.swiper-case .swiper-button-next{

    bottom: 0;

    background: url("../images/case_next.png");

}



/* news */

.news{

    height: 525px;

    margin: 60px auto 40px;

    overflow: hidden;

}

.news_bot{

    margin-top: 5px;

}

.news_bot1{

    width: 100%;

    height: 38px;

    overflow: hidden;

    border-bottom: 1px solid rgba(29,55,195,.5);

    box-sizing: border-box;

}

.news_bot1 p{

    float: left;

    width: 85px;

    height: 38px;

    margin-right: 36px;

    box-sizing: border-box;

}

.news_bot1 p a{

    font-size: 18px;

    line-height: 20px;

    color: #333333;

    display: block;

    width: 100%;

    height: 20px;

}

.news_bot1 .news_hot{

    border-bottom: 2px solid #111183;

}

.news_bot1 .news_hot a{

    color: #111183;

}

.news_bot1 > a{

    float: right;

    font-size: 14px;

    line-height: 38px;

    color: #333333;

}

.news_bottom{

    width: 100%;

    height: 372px;

    margin-top: 32px;

    overflow: hidden;

}

.news_bot2{

    height: 372px;

    margin-top: 32px;

    overflow: hidden;

}

.news_bot2-1{

    width: 100%;

    height: 180px;

}

.news_bot2 .news_bot2-11:last-child,.news_list li:nth-child(2n){

    margin-right: 0;

}

.news_bot2-11{

    width: 566px;

    height: 180px;

    background-color: #f8f8f8;

    overflow: hidden;

    float: left;

    margin-right: 46px;

}

.news_bot2-11 > a,.news_bot2-11 > a > img{

    width: 260px;

    height: 180px;

    display: block;

    float: left;

}

.news_bot2-11  > div{

    width: calc(100% - 260px);

    height: 100%;

    padding: 22px 22px 16px 18px;

    box-sizing: border-box;

    float: left;

}



.news_bot2-11 > div > a{

    display: block;

    width: 100%;

    font-size: 18px;

    line-height: 20px;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all .5s ease-out;

}

.news_bot2-11 > div:hover > a{

    color: #1d379b;

}

.news_bot2-11 p{

    font-size: 14px;

    line-height: 28px;

    color: #666666;

    margin-top: 16px;

    height: 84px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp :3;

}

.news_bot2-11 i{

    display: block;

    text-align: right;

    margin-top: 10px;

    font-family: ArialMT;

    font-size: 14px;

    line-height: 16px;

    color: #999999;

}

.news_bot2-2{

    width: 100%;

    margin-top: 15px;

    height: 172px;

    overflow: hidden;

}

.news_list{

    width: 100%;

    height: 172px;

    overflow: hidden;

}

.news_list li{

    width: 566px;

    font-size: 14px;

    line-height: 36px;

    color: #333333;

    transition: all .5s ease-out;

    float: left;

    margin-right: 46px;

    box-sizing: border-box;
}

.news_list li span{

    width: 6px;

    height: 6px;

    background-color: #1d379b;

    border-radius: 50%;

    display: inline-block;

    margin-right: 8px;

    transition: all .5s ease-out;

}

.news_list li a{

    width: 70%;

    color: #333333;

    display: inline-block;

    vertical-align: middle;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all .5s ease-out;

}

.news_list li i{

    float: right;

    color: #999999;

    transition: all .5s ease-out;

}

.news_list li:hover{

    padding-left: 7px;

    box-sizing: border-box;

}

.news_list li:hover span{

    border-radius: 0;

}

.news_list li:hover a{

    color: #1d379b;

}

.news_list li:hover i{

    color: #666666;

}

/* link */

.link{

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    border-bottom: 1px solid #1d379b;

}

.link > p{

    width: 106px;

    height: 40px;

    font-size: 16px;

    color: #ffffff;

    padding-right: 6px;

    box-sizing: border-box;

    background: url("../images/link.png") no-repeat;

    text-align: center;

    float: left;

}

.links{

    float: left;

    width: calc(100% - 106px);

    height: 100%;

    padding-left: 45px;

    box-sizing: border-box;

    overflow: hidden;

}

.links li{

    float: left;

    margin-right: 70px;

}

.links li a{

    font-size: 14px;

    color: #666666;

    transition: all .5s ease-out;

}

.links li:hover a{

    color: #1d379b;

}